.service_main_header .bold-text{
        font-weight:400;
        font-size: 20px;
}


.department-elements img, .slide-title .vrt_head img {
    display: none;
}

    .rainbow:hover,
.resume-bg p:hover {
    color: #fff !important;
}
.imagine-img img,
.multi-color .animate-txt img,
.outline-work-title .gather-gif img {
    width: 70%;
}
#c2,
#desk-hide,
#mob-hide,
.ad-code .col-lg-6:first-child::after,
.bg-grey .col-lg-6:nth-child(2) br,
.branch-mob,
.desk-hide,
.floating-wpp-popup,
.hide-team,
.mob-gif-hide,
.mob-skepper-team,
.sec-3 br,
.service-title-logo,
.slick-arrow.slick-hidden,
.slick-sld,
.slick-slide.slick-loading img,
input[type="checkbox"],
input[type="radio"] {
    display: none;
}
.bg-grey .col-lg-6:first-child {
    padding-right: 160px;
}
#client_submit .form-title,
#client_submit label,
#client_submit li a,
#rxclub h2,
#rxclub h4,
.award-container label,
.awards-different .customer-para,
.awards-different h3,
.brand-creative-txt,
.brand-img,
.callus-r,
.cbox,
.department-btn a,
.explore-work-text .col-lg-5,
.form-group,
.get-in-touch,
.getintouch h2,
.intro-text p,
.job-box,
.loading .bar:after,
.multi-color h3,
.multi-color h4,
.port-resume,
.project-award .col-lg-12,
.rx-image,
.send-resume-text,
.skep-name,
.skep-whole-team .col-lg-12,
.skepper-mascot-person .col-lg-12,
.social-medias,
.team-dec p,
.view-more,
.vyb,
.what-we-do .col-lg-3,
.what-we-do h4,
.winner p,
.winner-img,
input[type="file"] {
    text-align: center;
}
.center div:before,
.loading .bar:after,
.loading .bar:before {
    position: absolute;
    content: "";
}
.department-btn a,
.department-btn div {
    margin: auto;
    display: block;
}
#scroll,
.fa-lg:hover,
.get-in-form:hover,
.hamburger-container,
.inputbox:hover + .hamburger-container,
.modal .close-modal,
.showreel,
.sld-btn,
button {
    cursor: pointer;
}
.slick-next,
.slick-prev {
    filter: brightness(50%) sepia(100) saturate(100) hue-rotate(25deg);
}
.hero,
.rainbow,
.showreel,
.slick-list,
.sub-menu {
    overflow: hidden;
}
.showreel,
.slick-list:focus {
    outline: 0;
}
.nav-pills li a,
.nav > li > a:focus,
.nav > li > a:hover {
    background-color: transparent;
}
#clr-btn,
#rxclub h4,
.comp-project p,
.loading .bar:after,
.menu a,
.modal-overlay #clr-btn,
.resume-bg p,
.rx-text h3,
.single_footer h4,
.view-more,
button {
    text-transform: uppercase;
}
.award-container label:hover::after,
.showreel,
body .container input#tab1:checked ~ .content-container #c1,
body .container input#tab2:checked ~ .content-container #c2 {
    opacity: 1;
}
.modal,
.slick-loading .slick-slide,
.slick-loading .slick-track {
    visibility: hidden;
}
.modal,
.modal .close-modal,
.modal .modal-content {
    backface-visibility: hidden;
}
.menu li:hover .sub-menu li a,
.sub-menu li a {
    padding: 2px 0 !important;
}
.animate-charcter,
.gradient-text,
.gradient_text {
    -webkit-text-fill-color: transparent;
}
.callus-r .call-today,
.callus-r-c .call-today,
.menu a,
a:hover {
    text-decoration: none;
}
.brand-title,
.code-txt h3,
.create-ad,
.customer-feed,
.ground-img,
.kod-text,
.list-one,
.our-brand,
.vyb-text {
    display: inline-block;
}
.our-brand-ad .animate-letter {
    padding-left: 8px;
}
.advert-brand .resume-bg,
.ui-ux .element-text,
.ui-ux .resume-bg,
.vido-market {
    transform: translateY(-7px);
}
.digital-market .resume-bg {
    transform: translateY(-13px);
}
.department-elements .resume-bg {
    width: 62%;
    height: 41px;
    margin-top: 35px;
    border: 1px solid #939598;
    border-radius: 25px;
    background-color: transparent;
}
.department-elements .resume-bg:hover {
    background-color: #4d4d4d;
    color: #fff;
    transition: 0.6s;
}
.digital-market .digital-element {
    transform: translateY(-8px);
}
.nav-single-tab {
    width: 38%;
    padding: 0 11px;
}
.department-elements .resume-bg p {
    transform: translateY(-11px);
    text-align: center;
    color: #666;
}
.index-pieces .row-space .col-lg-6 b {
    font-weight: 500;
}
.index-pieces .animate-letter {
    height: 0;
}
.index-pieces .animate-letter img {
    padding-left: 8px;
    width: 427px;
}
.digital-points,
.effect-3,
.our-brand-ad,
.skills-qualification {
    margin-top: 30px;
}
.our-brand-ad .animate-letter img {
    width: 275px !important;
}
.master-pieces h1,
.master-pieces h2,
.our-brand h2 {
    font-size: 62px;
    font-weight: 300;
    padding: 0;
}
.agreement-policy h1,
.career-detail-grey p:first-child,
.master-pieces p:first-child,
.modal-overlay label,
body {
    font-weight: 400;
}
.kod-text,
.vyb-text {
    width: 265px;
    margin: 0 8px;
    height: 278px;
    border: 1px solid #939598;
    border-radius: 20px;
}
.department-btn,
.loading {
    display: flex;
}
.center div:before,
.loading,
.loading .bar:after,
.loading .bar:before {
    width: 100%;
    height: 100%;
}
.department-btn a {
    width: 165px;
}
.department-btn .resume-bg p {
    padding-top: 14px;
}
.department-btn .resume-bg {
    width: 98%;
    height: 40px;
}
.advert-brand .vyb-element {
    transform: translateY(10px) !important;
}
.advert-brand {
    transform: translateY(1px);
}
.vyb {
    border-radius: 20px;
    padding-top: 30px;
}
.advert-brand .element-text {
    margin-left: 54px !important;
    padding-top: 30px !important;
    transform: translateY(-7px);
}
.digital-market .element-text {
    margin-left: 37px !important;
    transform: translateY(-13px);
}
.play-icon::after,
.play-icon::before {
    transform: translate(-50%, -50%);
    content: "";
    top: 50%;
    left: 50%;
}
.digital-market {
    transform: translateY(7px);
}
#ad-title .loading .bar {
    margin-left: 240px;
}
.center div:nth-child(3):before {
    animation: 1s linear 14s forwards animate;
    transform-origin: right;
}
.center div:nth-child(4):before {
    animation: 1s linear 15s forwards animate;
    transform-origin: left;
    width: 60%;
    left: 0;
}
@keyframes animate {
    0% {
        transform: scaleX(0);
    }
    100% {
        transform: scaleX(1);
    }
}
.loading {
    position: relative;
    top: 0;
    left: 0;
    background: #fff;
    justify-content: center;
    align-items: center;
    z-index: 15;
    animation: 11s linear forwards fadein;
}
@keyframes fadeout {
    0%,
    91% {
        opacity: 1;
        visibility: visible;
    }
    100% {
        opacity: 0;
        visibility: hidden;
    }
}
.loading .bar {
    position: relative;
    width: 611px;
    height: 2px;
    background: 0 0;
    border: 0 solid #000;
    box-sizing: border-box;
    margin-top: -53px;
    margin-left: 175px;
}
.loading .bar:before {
    top: 0;
    left: 0;
    background: #000;
    transform-origin: left;
    animation: 7s linear forwards animate;
}
.loading .bar:after {
    top: 0;
    left: 0;
    font-weight: 800;
    letter-spacing: 10px;
    line-height: 36px;
    color: #fff;
    font-size: 20px;
    mix-blend-mode: difference;
}
.port-line hr {
    width: 745px;
}
.red-section,
.section-space,
.virtual-event-bg {
    margin-top: 70px;
}
#blog-slider img,
.award-won-image img,
.branch-value img,
.carousel .item img,
.emerge-line,
.gather img,
.gather-gif img,
.ground-zero .animate-txt,
.grow-with-us img,
.modal-content,
.portfolio-brand-img img,
.skep-join-us img,
.skepper-employee img,
.skepper-team img,
.trigenesis-line,
.trigenesis-line .right-line hr,
.vacxigen-line,
.work-outline img {
    width: 100%;
}
.master-pieces .col-lg-6:nth-child(2) {
    top: -14px;
}
.master-pieces img {
    width: 60%;
    margin-top: 10px;
}
.row-space {
    padding-top: 60px;
}
.brand-intelligence .col-lg-7 h3,
.customer-feed h4,
.customer-para h2,
.light,
.master-pieces p:nth-child(2),
.position-desc p {
    font-weight: 300;
}
.animate-txt {
    display: inline-block;
    width: 450px;
    padding-left: 5px;
}
.animate-charcter {
    background-image: linear-gradient(-225deg, #de4145 0, #ebb21f 10%, #9fab33 20%, #5c69b0 40%, #e78224 60%, #a44c9c 80%, #238fcd 100%);
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    -webkit-background-clip: text;
    animation: 2s ease-in-out infinite textclip;
    font-size: 65px;
}
@keyframes textclip {
    to {
        background-position: 200% center;
    }
}
.master-pieces span {
    letter-spacing: -1px;
    font-weight: 700;
}
hr {
    border-top: 2px solid #e1e1e1;
}
.get-in-form {
    position: fixed;
    right: 0;
    width: 133px;
    height: 91px;
    top: 435px;
    background-size: cover;
    background-repeat: no-repeat;
}
.portfolio-brand-img h4 {
    font-size: 35px;
    background-color: #fff;
}
.multi-img {
    display: inline;
    position: absolute;
    top: -9px;
    left: -25px;
    z-index: 1;
}
.multi-img img {
    width: 80.5px;
    display: none;
}
.ost-multi-header {
    margin-left: 3px;
    border-bottom-left-radius: 47px;
    border-top-left-radius: 47px;
    margin-top: -7px;
    position: relative;
    height: 84px;
    background: #ffff;
    padding-bottom: 6px;
}
.fa-whatsapp {
    font-size: 55px;
    color: #52c85e;
}
.whatsapp {
    position: fixed;
    right: 0;
    top: 82%;
    z-index: 3;
}
p {
    font-size: 20px;
    color: #666;
}
.play-icon:focus:before,
.play-icon:hover:before {
    border-color: red;
}
.intro-text {
    padding-top: 70px;
}
.intro-text p {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.showreel {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 93%;
    height: 290px;
    max-width: 515px;
    margin: 0;
    padding: 0;
    border: 0;
    background-position: center;
    background-size: cover;
    text-indent: -999em;
    -webkit-transition: opacity 0.8s, height;
    -moz-transition: opacity 0.8s, height;
    transition: opacity 0.8s, height;
    background-image: url(https://theskepper.com/assets/new_img/home-intros.png);
    box-shadow: 0 0 10px #999;
}
#clr-btn,
.awards-different .customer-para,
.eagle-image img,
.rainbow,
.skep-img img,
.what-we-do-title img {
    margin-left: auto;
    margin-right: auto;
}
.home-slider {
    /*height:80vh;*/
    /*height: 670px;*/
}
.play-icon::before {
    position: absolute;
    width: 55px;
    height: 55px;
    border: 5px solid #000;
    border-radius: 100%;
    -webkit-transition: border-color 0.3s;
    -moz-transition: border-color 0.3s;
    transition: border-color 0.3s;
}
.play-icon::after {
    position: absolute;
    width: 0;
    height: 0;
    margin-left: 3px;
    border-left: 21px solid #000;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    -webkit-transition: border-color 0.3s;
    -moz-transition: border-color 0.3s;
    transition: border-color 0.3s;
}
body {
    overflow-x: hidden;
    font-family: Montserrat, sans-serif;
    color: rgba(0, 0, 0, 0.65);
    font-size: 17px;
    line-height: 28px;
}
.sld-right-img img {
    width: 620px !important;
}
.carousel-control {
    top: 242px;
}
.we-have-place{
    
}
#myCarousel,
#orange-bg,
.sld1,
.sld2
 {
    /*height: 600px;*/
        /*height: 80vh !important;*/
        height:100% !important;
}
.owl-next,
.owl-prev {
    background: url(../new_img1/left-arrow.png) !important;
    height: 61px;
    position: absolute;
}
.carousel-control.left,
.carousel-control.right {
    background-image: none;
}
.owl-prev {
    top: 28%;
    left: 4%;
}
.owl-next {
    top: 31%;
    transform: rotate(269deg);
    right: 8%;
}
.sld1,
.sld2 {
    background-size: cover;
    background-position: center;
}
.explore-work,
.how-we-work,
.rainbow::before,
.resume-bg,
.sld1,
.sld2,
.sld3 {
    background-repeat: no-repeat;
}
.center-line {
    border-right: 1px solid #fff;
    padding-left: 20px;
    height: 162px;
}
.winner {
    display: flex;
    margin-top: 46px;
}
.winner-img {
    width: 23%;
}
.header-right-vector img,
.winner-img img {
    width: 80% !important;
}
.rx-club {
    padding-left: 36px;
}
.rx-club img {
    width: 86% !important;
}
.winner p {
    padding-top: 8px;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
}
.shine-text p {
    color: #fff;
    font-size: 30px;
}
.brand-intelligence,
.job-slider,
.shine-text {
    margin-top: 100px;
}
.shine-text h1 {
    font-size: 55px;
    color: #fff;
    font-weight: 700;
}
.ground-zero .customer-feed,
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled,
.slick-initialized .slick-slide {
    display: block;
}
.sld1 {
    background-image: url(../new_img/sld-bg.png);
}
.sld2 {
    background-image: url(../new_img/team.jpg);
}
.owl-carousel .owl-stage-outer {
    transform: translate3d(0, 0, 0);
}
.right-line {
    display: inline-block;
    vertical-align: middle;
}
.right-line hr {
    width: 929px;
    color: #dd4145;
    border-top: 2px solid #dd4145;
    margin-left: 37px;
}
.port-title-line {
    margin-top: 15px;
}
.awards-tabs,
.port-space {
    margin-top: 60px;
}
.muscle-port .right-line hr {
    width: 887px;
    border-color: #e78224;
}
.web-port .right-line hr {
    width: 880px;
    border-color: #9fab33;
}
.lyrica-port .right-line,
.video-port .right-line hr {
    width: 850px;
    border-color: #a44c9c;
}
.skepper-team .animate-txt span {
    letter-spacing: -13px;
    font-weight: 700;
}
.skepper-team h3 {
    font-size: 43px;
    margin: 0;
    font-weight: 600;
}
.skepper-team p {
    margin: 0;
    font-size: 48px;
    line-height: normal;
}
.brand-creative-txt {
    margin-top: -350px;
}
@keyframes rotate {
    0% {
        transform: rotate(3turn);
    }
}
.rainbow p {
    font-size: 16px !important;
    color: #4d4d4d;
}
#clr-btn,
.add-on-section a:focus,
.projects_btn #clr-btn a,
.rainbow:hover a p,
.text-center.btn.btn-success {
    color: #fff;
}
.rainbow {
    margin-top: 21px;
    position: relative;
    z-index: 0;
    width: 176px;
    height: 50px;
    border-radius: 84px;
    padding: 15px 27px;
    border: 1px solid #666;
    transition: 0.6s;
}
.rainbow:hover {
    background-color: #4d4d4d !important;
    transition: 0.6s !important;
}
#tab_default_2 .won-project-title img,
.mob-num {
    width: 50%;
}
.call-today,
.sld-btn {
    border: 2px solid #fff;
}
.add-on-section {
    min-height: 150px;
    background: #1d93d1;
    padding: 10px 0;
}
.explore-work,
.how-we-work {
    background-image: url(../new_img/our-work.png);
}
.add-on-section h2 {
    color: #fff;
    padding: 1px 0;
    font-size: 28px;
    font-weight: 600;
}
#tab_b .col-lg-6,
.copyright p,
.different-story .animate-txt,
.event-point .col-lg-6:first-child,
.job-container .col-lg-12,
.list-point-four.left-space,
.skep-different .animate-txt,
.skep-our-mission .animate-txt,
.sld3 h2,
.tab-content .col-lg-4,
.we-explore .animate-txt,
.why_chose,
.work-feedback .animate-txt,
.work-gather .animate-txt {
    padding-left: 0;
}
.call-today {
    padding: 7px 30px;
    border-radius: 50px;
    position: relative;
    top: 8px;
    font-size: 15px;
}
#client_submit,
#tab_b .col-lg-6,
.customer-para,
.event-point,
.video-execution,
.your-advertising .row-space {
    padding-top: 30px;
}
a:hover {
    cursor: pointer !important;
}
.mob-num {
    margin-top: 5px;
}
.customer-feedback .card,
.job-slider .card {
    border: 1px solid #f2f2f2;
    background: #f2f2f2;
    border-radius: 25px 25px 20px 20px;
    width: 100%;
    height: 332px;
}
.customer_say .animate-charcter {
    letter-spacing: -9px;
    width: 326px;
    font-weight: 600;
}
.customer_say img {
    width: 290px;
    display: block;
    margin: auto;
}
.customer_say .animate-txt {
    display: inline-block;
    width: 296px;
    position: absolute;
    margin-top: 30px;
    padding-left: 0;
}
.customer_say h4,
.work-customer-say .customer-feed h4,
.work-feedback .customer-feed h4 {
    font-size: 53px;
}
.shoreel a:hover,
a:focus {
    text-decoration: none;
    color: #000;
    transition: 0.8s;
}
.shoreel a {
    color: #666;
    transition: 0.8s;
}
.card-body {
    padding: 16px0px;
}
.slick-track .card-body {
    padding: 46px;
}
.i-1 {
    border-bottom: 8px solid #de4145 !important;
}
.i-2 {
    border-bottom: 8px solid #e78224 !important;
}
.i-3 {
    border-bottom: 8px solid #ebb21f !important;
}
.i-4 {
    border-bottom: 8px solid #a44c9c !important;
}
.owl-nav {
    position: absolute;
    top: 0;
    right: 0;
}
.slick-prev,
.slick-sld .slick-prev {
    right: 20px;
    top: 126px;
    z-index: 1;
    position: absolute;
}
.get-in-touch img,
.owl-nav img {
    width: 250px;
}
.slick-sld .slick-prev {
    background-image: url(../new_img/right-arrow.png);
}
.slick-next {
    position: absolute;
    z-index: 1;
    top: 126px;
    left: 20px;
}
#blue-bg .col-lg-7,
#clr-btn,
#market-solution .col-lg-8 .container,
#orange-bg,
.ground-zero,
.header-imagine-title,
.hover-1,
.hover-2,
.hover-3,
.hover-4,
.hover-10,
.hover-100,
.hover-5,
.hover-6,
.hover-7,
.multi-color h3,
.multi-color h4,
.new_feed p,
.slick-list,
.slick-slider,
.slick-track,
button {
    position: relative;
}
.slick-slide {
    margin: 0 20px;
}
.slick-slide img {
    width: 100%;
    display: block;
}
.slick-slider {
    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 {
    display: block;
    margin: 0;
    padding: 0;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
    -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 {
    top: 0;
    left: 0;
    display: block;
}
.slick-track:after,
.slick-track:before {
    display: table;
    content: "";
}
.slick-track:after {
    clear: both;
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
.ground-zero img,
.mastery-crown,
[dir="rtl"] .slick-slide {
    float: right;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.nav-justified {
    width: 39%;
    margin: auto;
    padding-top: 60px;
}
.nav-pills li a {
    border-radius: 65px;
    transition: 0.8s;
    color: #666 !important;
}
#client_submit .nav-pills > li.active > a,
.nav-pills > li.active > {
    background-color: transparent;
    color: #4d4d4d !important;
}
#client_submit .nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
    background-color: #4d4d4d;
    color: #fff !important;
}
#client_submit .form-title {
    display: block;
    padding-top: 30px;
    font-size: 21px;
    font-weight: 300;
    padding-bottom: 50px;
}
#client_submit h4 {
    font-weight: 600;
    font-size: 30px;
}
#client_submit .form-control {
    width: 95%;
    height: 39px;
    border-radius: 86px;
}
#tab_b .form-control {
    width: 97%;
}
#tab_b #clr-btn {
    left: -29rem;
    top: 70px;
}
#client_submit label {
    display: block;
    font-weight: 500;
    padding-bottom: 12px;
}
input[type="file"] {
    display: block;
    border: 2px solid #ccc;
    border-radius: 65px;
    width: 513px;
    height: 44px;
    background-color: #fff;
}
.msg-box {
    height: 80px !important;
}
@media screen and (max-width: 600px) {
    .color-btn {
        box-sizing: border-box;
        appearance: none;
        background-color: transparent;
        border: 2px solid #e74c3c;
        border-radius: 0.6em;
        color: #e74c3c;
        cursor: pointer;
        display: flex;
        align-self: center;
        font-size: 1rem;
        line-height: 1;
        margin: 20px;
        padding: 1.2em 2.8em;
        text-decoration: none;
        text-align: center;
        text-transform: uppercase;
        font-family: Montserrat, sans-serif;
        font-weight: 700;
    }
    .color-btn:focus,
    .color-btn:hover {
        color: #fff;
        outline: 0;
    }
    #clr-btn {
        border-radius: 3em;
        color: #fff;
        background-position: 0 0;
        background-size: 100%;
        transition: backgrounds 0.3s ease-in-out;
    }
    #clr-btn:hover {
        background-position: 100px;
    }
}
.footer_links ul,
.imagine-img,
.mastery-crown {
    text-align: right;
}
.copyright p,
.single_footer ul li a,
.work-title {
    text-transform: capitalize;
}
.logo,
.multi-color h4 {
    margin-top: 10px;
}
#clr-btn,
.explore-work,
.how-we-work,
.resume-bg,
.sld3 {
    background-size: cover;
}
.form-group {
    width: 49%;
    display: inline-block;
    margin-bottom: 23px !important;
}
#clr-btn .paralax .foreground {
    height: 100%;
}
#clr-btn {
    border-radius: 3em;
    z-index: 1;
    height: 50px;
    display: block;
    width: 178px;
    letter-spacing: 2px;
    font-weight: 700;
    top: 60px;
    left: 0;
    right: 0;
    border: 0;
    padding: 0;
}
#clr-btn:hover {
    background-position: 178px;
}
#client_submit {
    padding-bottom: 122px;
    margin-top: 80px;
}
.footer_area .logo img,
.logo img {
    width: 140px;
}
.single_footer p {
    color: #666;
    font-size: 16px;
    font-weight: 300;
}
.single_footer h4 {
    color: #666;
    font-weight: 600;
    font-size: 17px;
}
.single_footer ul {
    list-style: none;
    display: table-footer-group;
}
.footer_area li {
    list-style-type: none;
    font-size: 14px;
    color: #666;
    font-weight: 300;
}
.copyright p,
.footer_area p,
.footer_links ul li a,
.single_footer ul li a {
    color: #666;
    font-size: 13px;
    font-weight: 300;
}
.single_footer ul li a {
    transition: 0.3s;
}
.footer_area .row-space {
    margin-top: 40px;
    padding-top: 10px;
}
#foo-con li a {
    font-size: 12px;
    color: #666;
}
.footer_area p {
    line-height: 25px;
}
.footer_area .fa {
    padding-right: 5px;
}
#foo-con {
    padding-right: 0;
}
.awards-tabs .col-lg-12,
.event_screen_bg .col-lg-7,
.link_mright li,
.process-skp {
    padding: 0;
}
.footer_bottom_mtop {
    padding: 30px 0;
    border-top: 1px solid #ccc;
    margin-top: 30px;
}
.career-detail-grey p,
.copyright p,
.skills-qualification p {
    margin-bottom: 0;
}
.footer_links ul li a {
    padding: 0 11px;
}
.footer_links ul li a:last-child {
    padding-right: 0 !important;
}
.footer_links ul li,
.send-resume .animate-charcter,
.send-resume .animate-txt {
    display: inline;
}
button {
    background-color: #0073b7;
    color: #fff;
    transition: background 0.25s cubic-bezier(0.55, 0, 0.1, 1);
    border-color: #0073b7;
}
button:hover {
    background-color: #0285d3;
    color: #fff !important;
    transition: 0.6s;
}
.modal-video-close-btn {
    top: -45px;
    right: 1px;
    overflow: unset;
}
@media only screen and (min-width: 40em) {
    .modal-overlay {
        display: flex;
        align-items: center;
        justify-content: center;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 15;
        background-color: rgba(0, 0, 0, 0.6);
        opacity: 0;
        visibility: hidden;
        backface-visibility: hidden;
        transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), visibility 0.6s cubic-bezier(0.55, 0, 0.1, 1);
    }
    .modal-overlay.active {
        opacity: 1;
        visibility: visible;
    }
}
.close-modal {
    z-index: 1;
}
.getintouch .btn-lg {
    letter-spacing: 0;
    font-size: 11px;
    padding: 9px 4px;
    width: 144px;
}
.color-get {
    margin-left: 5px;
    margin-right: 3px;
}
.multi-color h4 {
    font-size: 26px;
    line-height: 29px;
    z-index: 22;
    top: 17px;
    padding-left: 15px;
    font-weight: 600;
}
.multi-color h3 {
    font-size: 30px;
    letter-spacing: -5px;
    font-weight: 800;
    z-index: 5;
    top: -15px;
}
.multi-color .animate-txt {
    width: 137px;
}
.red-bg b {
    font-size: 57px;
}
.blue-bg p,
.career-titles h1,
.red-bg p {
    font-size: 57px;
    line-height: 63px;
    color: #fff;
}
#orange-bg p {
    font-size: 48px;
    line-height: 58px;
    color: #fff;
}
.header-imagine-title {
    top: 129px;
}
.red-bg .col-lg-7 {
    position: absolute;
    right: -32px;
}
.grey-bg {
    background-color: #f1f1f1;
    margin-top: -40px;
}
.view-more .btn-success {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    background-color: #db4145;
    border: #db4145;
    padding: 14px 52px;
    border-radius: 40px;
}
#orange-bg,
#sld4,
.orange-btn .btn-success {
    background-color: #e78224;
}
.Conceptualization .numbers,
.marketing .numbers,
.planning .numbers,
.video-execute .numbers {
    font-size: 71px;
    padding-right: 20px;
}
.branding-services-head,
.open-position,
.project-details,
.project-details hr,
.view-more {
    margin-top: 40px;
}
.ground-zero h3 {
    font-size: 50px;
    width: 100%;
    font-weight: 300;
}
.new_feed h4 {
    color: #1d93d1;
    font-size: 25px;
    font-weight: 700;
}
.new_feed p {
    color: #5c69af;
    font-size: 25px;
    font-weight: 600;
    font-style: italic;
}
.new_feed span {
    background-color: #fff;
    padding-right: 10px;
}
.new_feed p:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 100px;
    height: 0.5em;
    border-top: 1px solid #000;
    z-index: -1;
    width: 10%;
}
.digital_intro_vid .intro-text,
.new_feed h5 {
    padding-top: 15px;
}
.ground-zero .animate-txt h3 {
    text-transform: uppercase;
    letter-spacing: -7px;
    font-weight: 700;
    margin-top: 0;
}
#myTabs li a,
.bold-text,
.card-link,
.grey-bg p:first-child,
.show-reel-text p,
.skepper-mascot-person h3:nth-child(2) {
    font-weight: 600;
}
.great-mentor-eagle img,
.trigenesis-line .right-line,
.won-project-title img {
    width: 80%;
}
.emerge-line .right-line hr,
.saugella-line .right-line hr {
    width: 99%;
}
.emerge-line .right-line {
    width: 59%;
}
.forxiga hr {
    width: 768px;
    border-color: #a44c9c;
}
.vacxigen-line .right-line hr {
    width: 933px;
    border-color: #a44c9c;
}
.emerge-web-line .right-line,
.saugella-line .right-line,
.vacxigen-line .right-line {
    width: 84%;
}
.ground-zero .col-lg-4 {
    position: absolute;
    right: -22px;
    top: 131px;
}
.get-you-off {
    display: flex;
    padding-top: 50px;
}
.ground-img img,
.work-outline .work-outline img {
    width: 62%;
}
.ground-text,
.viatris-market-line .right-line hr {
    width: 95%;
}
.big-think-business {
    background-color: #f2f2f2;
    padding: 100px 0;
    margin-top: 60px;
}
.mastery p:first-child,
.port-resume,
.what-we-des {
    padding-top: 20px;
}
.get-you-off:first-child,
.virtual-event .event-point {
    padding-top: 0;
}
.get-you-off img {
    margin-top: 11px;
}
.direct-txt h3,
.rebrand-title {
    margin: 0;
}
.agreement-blue,
.awards-text,
.customer-logos,
.orange-section,
.privacy-policy,
.projects-slide {
    margin-top: 80px;
}
#orange-bg .col-lg-4:nth-child(2) {
    position: absolute;
    right: -37px;
}
#blue-bg .header-imagine-title,
#orange-bg .header-imagine-title {
    position: relative;
    top: 135px;
}
.doorway .col-lg-7,
.vid-vyb .col-lg-7 {
    top: 57px !important;
}
.digital-mart img {
    width: 230px;
    float: unset;
}
.your-advertising img {
    float: unset;
    width: 420px;
}
.your-advertising .col-lg-4 {
    top: 72px;
    right: 20px;
}
#tab_a .form-group,
.mastery .animate-txt img {
    width: 33%;
}
.second_b_tab input[type="file"] {
    text-align: center;
    height: 45px;
    background-color: #fff;
}
#green-bg,
#sld5,
.green-btn .btn-success,
.peach_green {
    background-color: #9fab33;
}
.mastery img {
    float: unset;
    width: 65%;
    margin-top: -89px;
}
.explore-eagle-img,
.mastery,
.privacy-policy-definition,
.skepper-mascot-person,
.team-dec,
.work-add-on {
    margin-top: 50px;
}
.project-vector img {
    width: 60px;
}
.project-num h3 {
    font-size: 55px;
    font-weight: 700;
    color: #9fab33;
}
#blue-bg,
#blue-btn,
#sld6,
.blue-btn .btn,
.happy-customer h3 {
    background-color: #5c69b0;
}
#repute-award h3,
.comma,
.excellence h3,
.m-orange,
.process-one .code-txt {
    color: #e78224;
}
.award-project,
.complete-project,
.happy-project {
    display: inline-block;
    width: 25%;
}
.comp-project p {
    width: 150px;
    display: block;
    margin: auto;
    font-weight: 300;
}
#blue-bg .col-lg-7 {
    right: unset;
    top: unset;
}
#blue-bg .col-lg-5:nth-child(2),
.quality,
.respect {
    position: absolute;
}
.list-one img {
    width: 32px;
    margin-top: -36px;
}
.list-leads {
    display: inline-block;
    padding-left: 40px;
    vertical-align: -moz-middle-with-baseline;
}
.list-point-five {
    padding-left: 42px;
}
.list-point-six {
    padding-left: 57px !important;
}
.list-point-five,
.list-point-four,
.list-point-one,
.list-point-six,
.list-point-three,
.list-point-two {
    margin-top: 20px;
    display: inline-block;
}
.left-space {
    padding-left: 52px;
    padding-right: 52px;
}
.pink-bg .col-lg-5:nth-child(2) {
    position: absolute;
    right: -37px;
    top: 124px !important;
}
.educate-vector,
.watch-showreel {
    display: inline-flex;
}
.how-to-videos .row:nth-child(2) {
    padding: 60px 0;
}
.how-to-videos,
.what-we-do {
    background-color: #f2f2f2;
    margin-top: 80px;
    padding: 80px 0;
}
#video-prod .col-lg-4 {
    top: 32px;
}
.Conceptualization .numbers {
    color: #de4145;
    font-weight: 300;
}
.Conceptualization h3,
.marketing h3,
.planning h3,
.video-execute h3 {
    font-weight: 800;
}
.planning .numbers {
    color: #e78223;
    font-weight: 300;
}
.top-move {
    margin-top: 33px;
    position: absolute;
}
#video-prod .col-lg-6 {
    padding-right: 65px;
}
.market-plan {
    padding-top: 88px;
}
#video-prod .row {
    padding-top: 80px;
}
.video-execute .numbers {
    color: #ebb11f;
    font-weight: 300;
}
.marketing .numbers {
    color: #9fab33;
    font-weight: 300;
}
.sld3 {
    height: 601px;
    /*background-color: #de4145;*/
}
.home-slider #myCarousel .carousel-inner .first-s {
    height:auto;
}
.service_main_header .sld3 h2{
    line-height:46px;
}
.sld3 h2 {
    font-weight: 300;
    color: #fff;
    font-size: 53px!important;
}
.align-bottom:first-child,
.awards-header span,
.callus-r h2,
.callus-r h3,
.card-title,
.footer_area h4,
.sec2 h1,
.sec2 h4,
.work-titl span {
    font-weight: 700;
}
#sld4 .right-align {
    right: -35px;
}
#sld6 .slide-title {
    margin-top: 180px;
    width:660px;
}
#sld7 {
    background-color: #a44c9c;
}
#sld7 .slide-title {
    margin-top: 170px;
}
.slide-title p {
    font-size: 17px;
    text-align: left;
    padding: 0;
    color: #fff;
}
.slide-title {
    margin-top: 175px;
}
.sld-btn {
    color: #fff;
    border-radius: 27px;
    padding: 10px 29px;
    display: inline-block;
    font-size: 10px;
    letter-spacing: 1px;
    -webkit-transition: 0.8s ease-out;
    -moz-transition: 0.8s ease-out;
    transition: 0.8s ease-out;
    /*width: 130px;*/
}
.sld-btn a {
    color: #fff;
    text-align: center;
    display: block;
}
.sld-btn:hover {
    box-shadow: inset 220px 0 0 0 #fff !important;
    border: 2px solid #fff;
    color:#000 !important;
}

.sld-btn:hover img{
    filter:invert(1) !important;
}
::placeholder {
    text-align: center;
    display: block;
}
.wow-factor img {
    float: unset;
    width: 525px;
}
.top-space {
    padding-top: 22px;
}
.viatris-market-line .right-line {
    width: 728px;
}
.portfolio-brand-img a,
.portfolio-brand-img a:hover {
    color: grey;
}
.reparil .right-line,
.work-customer-say .animate-txt img {
    width: 85%;
}
.reparil .right-line hr {
    width: 970px;
    border-color: #e78224;
}
.click-btn span:first-child,
.click-btn span:nth-child(2),
.click-btn span:nth-child(3),
.click-btn span:nth-child(4),
.click-btn span:nth-child(5),
.click-btn span:nth-child(6) {
    width: 10%;
    height: 10px;
    display: inline-block;
}
.forxiga .right-line {
    width: 784px;
    border-color: #a44c9c;
}
.click-btn span:first-child {
    background: #de4145;
}
.click-btn span:nth-child(2) {
    background: #e78224;
}
.click-btn span:nth-child(3),
.hover-3::before {
    background: #ebb21f;
}
.click-btn span:nth-child(4),
.hover-4::before {
    background: #9fab33;
}
.click-btn span:nth-child(5),
    .hover-10::before 
    {
    background: #8B2988;
}
.click-btn span:nth-child(6),
    .hover-100::before 
    {
    background: #FFCB0A;
}
.click-btn span:nth-child(6) {
    background: #5c69b0;
}
.ogivri-line .right-line hr {
    width: 646px;
}
.linkedin-port .right-line hr {
    width: 800px;
    border-color: #e78224;
}
.echinacin-line .right-line hr {
    width: 493px;
}
.armolipid-line .right-line hr {
    width: 491px;
}
.ambisome-line .right-line hr {
    width: 550px;
}
.reparil-video-port .right-line hr {
    width: 618px;
    border-color: #e78224;
}
.creon-line .right-line hr {
    width: 986px;
}
.cycle-line .right-line hr {
    width: 553px;
}
.web-reparil-port .right-line hr {
    width: 966px;
    border-top: 2px solid #e78224;
}
.dona-line .right-line hr {
    width: 918px;
}
.music-muscle .right-line hr {
    width: 844px;
}
.emerge-web-line .right-line hr {
    width: 958px;
}
.bold-text {
    padding: 10px 0 !important;
}
.right-align {
    position: absolute;
    right: -16px;
    text-align: right;
}
.header-right-vector {
    margin-top: 190px;
}
.paralax .layer,
.paralax-btn .layer {
    position: absolute;
    width: 400%;
}
.paralax-btn .foreground {
    height: 100%;
    bottom: 0;
    z-index: -1;
}
@keyframes slideshow-btn {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}
.paralax .foreground {
    height: 50%;
    bottom: 0;
    background: url("../new_img/list-color.png") 0 0/25% 100% repeat-x;
    z-index: -1;
}
.content-parax {
    position: absolute;
    width: 100%;
    height: 17px;
    margin-top: -10px;
    overflow: hidden;
}
@keyframes slideshow {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}
.index-feedback img {
    width: 61%;
}
.feature-gif img,
.getter-text img,
.skepper-mascot-person img {
    width: 57%;
}
.digital-mart .col-lg-4 {
    right: -105px;
}
.how-we-work {
    height: 340px;
}
.work-title h1 {
    font-size: 65px;
    color: #fff;
}
.work-title {
    transform: translateY(115px);
}
.work-code {
    border-top: 2px solid #e1e1e1;
    margin: 60px 0;
}
.explore-gif img,
.urinary-project img,
.zyz-project img {
    width: 58%;
}
.grow-with-us .animate-txt img,
.tresiba-project img {
    width: 63%;
}
.lense-gif img {
    width: 46%;
    float: right;
}
.outline img {
    width: 72%;
    float: right;
}
.resume-text {
    display: inline-block;
    margin-top: 0;
}
#blog h4,
.resume-text p {
    font-size: 30px;
}
.resume-bg p {
    padding-top: 17px;
    font-size: 14px;
    transform: translateY(-8px);
}
.card-link {
    border: 1px solid transparent;
    padding: 9px 41px;
    border-radius: 41px;
    color: #fff;
    font-size: 16px;
    position: absolute;
    bottom: 40px;
}
.excellence,
.honor,
.results {
    padding-left: 20px;
}
.job-slider .card {
    height: 290px !important;
}
.card-title {
    font-size: 22px !important;
}
.resume-bg {
    width: 16%;
    height: 46px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}
.child-two,
.skepper-mascot-person h3:nth-child(2) {
    font-size: 35px;
    letter-spacing: -4px;
    display: inline;
}
.award-blue,
.resume-blue {
    margin-top: 120px;
}
.explore-work {
    height: 340px;
    background-position: center;
}
.explore-work-title p {
    color: #fff;
    margin-top: 110px;
    font-size: 48px;
    line-height: 58px;
    font-weight: 500;
}
.explore-work-text h2 {
    text-transform: initial !important;
}
.accountability h3,
.m-i {
    color: #de4145;
}
.m-ii {
    margin-left: -5px;
}
.gradient-text {
    background-color: #ca4246;
    background-image: linear-gradient(90deg, #ca4246 16.666%, #ca4246 16.666%, #ca4246 33.333%, #f18f4336 33.333%, #f18f4300 50%, #8b986200 50%, #e78224 66.666%, #e78224 83.333%, #e78224 83.333%, #e78224 98.333%);
    background-size: 100%;
    background-repeat: repeat;
    -webkit-background-clip: text;
    animation: 0.75s forwards rainbow-text-simple-animation-rev;
}
@keyframes rainbow-text-simple-animation-rev {
    0%,
    40% {
        background-size: 650%;
    }
    100% {
        background-size: 100%;
    }
}
@keyframes rainbow-text-simple-animation {
    0% {
        background-size: 100%;
    }
    100%,
    80% {
        background-size: 650%;
    }
}
.skepper-mascot-person h3:first-child {
    font-size: 35px;
    letter-spacing: -4px;
    font-weight: 600;
}
.child-two {
    color: #ebb21f;
    font-weight: 600;
}
.skepper-mascot-person p {
    font-size: 30px;
    line-height: normal;
    font-weight: 600;
    color: #4d4d4d;
}
span.center-line-code::after {
    content: "";
    position: absolute;
    height: 81px;
    color: #ccc;
    border-right: 2px solid #ccc;
}
.center-line-code {
    text-align: center;
    display: block;
    margin-top: 20px;
}
.we-are-all p {
    font-weight: 300;
    font-size: 50px;
}
.we-are-all {
    margin-top: 140px;
}
.accountability,
.excellence,
.honor,
.quality,
.respect {
    width: 407px;
}
.branch-value-image {
    background-image: url(../new_img/core-value-branch.svg);
    height: 750px;
    background-size: cover;
    background-position: center;
}
.accountability {
    position: relative;
    left: 260px;
    top: -20px;
}
.branch-value-image p {
    font-size: 16px;
    line-height: 22px;
}
.branch-value-image h3 {
    font-weight: 600;
    padding-bottom: 10px;
}
.excellence {
    margin-top: 85px;
    width: 325px;
}
.quality h3 {
    color: #ebb21f;
}
.quality {
    right: 50px;
    top: 175px;
    width: 284px;
}
.honor h3 {
    color: #9fab33;
}
.honor {
    margin-top: 115px;
    width: 333px;
}
.respect h3 {
    color: #238fcd;
}
.respect {
    right: 13px;
    margin-top: 50px;
    width: 321px;
}
.results h3 {
    color: #a44c9c;
}
.results {
    width: 340px;
    margin: -45px auto auto;
    display: block;
}
.branch-value,
.project-center-code {
    margin: 90px 0;
}
.awards-header {
    background-image: url(../new_img/our-work.png);
    width: 100% !important;
    background-size: cover;
    height: 350px;
    margin-top: 0;
}
.awards-header h1,
.work-titl h1 {
    color: #fff;
    font-weight: 300;
    font-size: 50px;
    text-align: center;
    font-family: Montserrat;
    transform: translateY(111px);
}
.award-desc {
    width: 82%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.award-tab1,
.award-tab2 {
    display: inline-block;
    width: 49%;
    text-align: center;
    border: 17px solid transparent;
    height: 50px;
}
.award-desc p {
    line-height: 31px;
}
.showreel-popup img,
.what-we-vector .right-vector img {
    width: 70px;
}
.showreel-icon {
    padding: 0 26px;
    margin-top: -18px;
}
.showreel-popup {
    margin-top: 80px;
    text-align: center;
}
.watch-showreel p {
    font-size: 25px;
}
.award-tab2,
.brand-ad-text .element-text {
    margin-left: 10px;
}
.center-project-code hr,
.list-hr-code {
    margin: 60px 0;
}
.won-project-title {
    letter-spacing: -10px;
}
.project-details .col-lg-6:first-child {
    padding-right: 60px;
}
.rx-image img {
    width: 47%;
}
.indian-img {
    text-align: left;
    margin-right: 86px !important;
}
.rx-image {
    margin-right: 47px;
    margin-top: 18px;
}
.rx-text-image {
    display: inline-flex;
    margin-top: 0;
}
.rx-text-image h3 {
    font-weight: 300;
    font-size: 35px;
}
.rx-text-image span {
    font-weight: 700;
    white-space: nowrap;
}
.rhyzo-project img {
    width: 42%;
}
#tab_default_2 .rx-image img {
    width: 36%;
}
.award-container label {
    transform: translateY(-6px);
    display: inline-block;
    font-size: 16px;
    height: 48px;
    width: 100%;
    color: #555;
    position: relative;
    transition: background 0.25s;
    cursor: pointer;
}
.award-container label::after {
    content: "";
    height: 2px;
    width: 100%;
    position: absolute;
    display: block;
    bottom: 0;
    opacity: 0;
    left: 0;
    transition: 0.25s;
}
.content-container {
    position: relative;
    height: auto;
    font-size: 16px;
}
.content-container .content {
    padding: 0 10px 10px;
    width: 100%;
    top: 0;
    opacity: 1;
    transition: 0.25s;
    color: #333;
}
.parter-logo {
    margin-bottom: 57px;
}
.indian-img img {
    width: 43%;
    margin-top: -13px;
}
.team-dec p {
    font-size: 27px;
    line-height: 39px;
    letter-spacing: 1px;
}
.team-dec span:first-child {
    color: #4d4d4d;
    font-weight: 500;
    display: block;
}
.team-dec span:nth-child(2) {
    color: #4d4d4d;
    font-weight: 700;
}
.skep-img img {
    width: 90%;
    display: block;
    padding-top: 21px;
    z-index: -3;
    position: relative;
}
.skep-image-text {
    background-image: url(../new_img/team-bg.svg);
    background-size: cover;
    background-position: inherit;
    width: 93%;
    background-repeat: no-repeat;
    padding-bottom: 5px;
}
.boxes .skep-name {
    margin-top: 25px;
}
.skep-name h4 {
    font-weight: 600;
    color: #4d4d4d;
    margin-bottom: 0;
}
.skep-name p {
    font-size: 13px;
}
.awards-different .customer-para {
    width: 69%;
    padding-top: 20px;
}
.awards-different .customer-para p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}
.three-awards img {
    width: 80%;
    float: unset;
    margin: auto;
    display: block;
}
.skep-whole-team .row {
    padding: 20px 0;
}
#blog,
.skep-whole-team .row:first-child {
    padding: 40px 0;
}
#client_submit li a {
    font-size: 18px;
    margin: auto;
    border: 2px solid #666;
    display: block;
}
li.nav-single-tab.active a {
    background: #4d4d4d;
    color: #fff !important;
}
.why-skep-different .animate-charcter {
    letter-spacing: -6px !important;
}
.fa-whatsapp:before,
.position-word h2,
.virtual-event h3 {
    font-size: 50px;
}
.privacy-policy,
.privacy-policy-definition p {
    color: #4d4d4d;
}
.animate-letter img {
    margin-top: -30px;
    padding-left: 0;
    width: 95%;
}
.master-pieces .row-space {
    z-index: -3;
    position: relative;
}
.animate-letter {
    height: 100px;
    display: inline-block;
}
.brand-creative-txt .animate-txt img {
    width: 67%;
    padding-top: 8px;
}
.feature-client .animate-txt img {
    width: 216px !important;
    margin-top: -3px !important;
    margin: unset;
    padding-left: 9px;
}
#market-solution .animate-txt img {
    width: 330px;
}
.send-resume .animate-txt img {
    float: unset;
    margin-top: -10px;
    width: 141px;
}
.create-brand .animate-txt img {
    width: 54%;
    float: unset;
}
.rebrand img {
    width: 47%;
    float: unset;
}
.skep-team .animate-txt img {
    width: 78%;
    display: block;
    padding-top: 5px;
    margin: auto;
    padding-left: 13px;
}
.feedback .animate-txt img {
    width: 273px !important;
}
.mighty img {
    width: 75%;
}
.true-leader-txt img {
    width: 68%;
}
.brave-artist img,
.different-story .animate-txt img,
.risk-lover img,
.skep-our-mission .animate-txt img {
    width: 60%;
}
.great-mentor img {
    width: 65%;
}
.market-img img {
    width: 100%;
    right: 150px;
    position: relative;
}
.send-resume {
    background-image: url(../new_img/skepper-team.png);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 650px;
    margin-top: 50px;
    padding: 312px 0;
    width: 100%;
    background-position: center;
}
.grow-with-us .animate-txt img {
    float: left;
}
.awards-different .animate-txt {
    display: block;
    width: 100%;
}
.awards-different .animate-txt img {
    width: 23%;
    display: block;
    margin: auto;
}
.flag-gif img {
    float: right;
    width: 55%;
}
.skep-different .animate-txt img {
    width: 650px;
}
.eagle-image img {
    width: 69%;
    display: block;
}
.work-gather .animate-txt img {
    width: 34%;
}
.work-implement img {
    width: 93%;
}
.work-deliver img {
    width: 90%;
}
.work-feedback .animate-txt img {
    width: 68%;
    margin: unset;
    padding-left: 10px;
    margin-top: -17px;
}
.work-outline .animate-txt img {
    width: 37%;
}
.work-customer-say .animate-txt {
    display: inline-block;
    width: 296px;
    position: absolute;
    margin-top: 25px;
    padding-left: 10px;
}
.menu li,
.work-feedback .animate-txt {
    width: 300px;
}
.service_main_header #sld4 .header-right-vector img {
    width: 100% !important;
}
.art-technology,
.art-technology .btn-success {
    background: #238fcd !important;
}
.art-technology .imagine-img img {
    margin-top: 52px !important;
}
.brand-intelligence img {
    float: unset;
}
.brand-intelligence .col-lg-7 img {
    width: 78%;
}
.brand-3 .txt-3,
.brand-intelligence .col-lg-7 p:nth-child(3),
.digital-element {
    margin-top: 20px;
}
.brand-intelligence .col-lg-5 img {
    margin-top: 20px;
    width: 100%;
}
.what-we-do h4 {
    font-weight: 600;
    font-size: 35px;
}
.what-we-do-title img {
    margin-top: 13px;
    display: block;
}
.kod-brand-img,
.what-we-do .row-space {
    padding-top: 80px !important;
}
#blue-bg .imagine-img img,
#what-we-do,
.hr-code {
    margin-top: 0;
}
.hero,
.modal {
    margin: 0 auto;
}
.blue-bg {
    height: 400px;
    position: relative;
}
.blue-bg .imagine-img img {
    width: 82% !important;
    margin-top: -5px !important;
}
.virtual-event .animate-txt img {
    width: 700px;
    float: unset;
}
.event-point .list-point-one .list-leads {
    width: 67%;
}
#event-two .list-point-two .list-one,
.event-point .list-point-one .list-one {
    position: relative;
    top: 9px;
}
.event-point .list-point-two .list-leads {
    width: 77%;
}
#event-three .list-point-two .list-one,
.event-point .list-point-two .list-one {
    position: relative;
    top: 6px;
}
.virtual-event .list-one img {
    width: 23px;
}
#event-two .list-point-one .list-one {
    top: 8px;
}
#event-one .list-point-one::before,
#event-one .list-point-two::before,
#event-three .list-point-one::before,
#event-three .list-point-two::before,
#event-two .list-point-one::before,
#event-two .list-point-two::before {
    top: 25px;
    content: "";
    width: 25px;
    height: 25px;
}
#market-solution .market-img img {
    width: 72%;
}
.modal {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    max-width: 75rem;
    min-height: 20rem;
    padding: 1rem;
    border-radius: 3px;
    opacity: 0;
    overflow-y: auto;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    transform: scale(1.2);
    transition: 0.6s cubic-bezier(0.55, 0, 0.1, 1);
}
.modal .close-modal {
    position: absolute;
    top: 20px;
    right: 30px;
    opacity: 0;
    transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);
    transition-delay: 0.3s;
}
.modal .close-modal svg {
    width: 1.75em;
    height: 1.75em;
}
.modal .modal-content {
    opacity: 0;
    transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1);
    transition-delay: 0.3s;
}
.hover-1::before,
.hover-2::before,
.hover-3::before,
.hover-4::before,
.hover-5::before,
.hover-6::before,
.hover-10::before,
.hover-100::before,
.hover-7::before {
    content: " ";
    inset: 0 0 0 0;
    transition: transform 0.3s;
    right: 0;
    display: block;
    left: 0;
    top: 0;
    bottom: 0;
}
.modal.active {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
}
.hover-1::before,
.hover-2::before {
    transform: scaleX(0);
    position: absolute;
}
.modal.active .close-modal {
    transform: translateY(10px);
    opacity: 1;
}
@media only screen and (max-width: 39.9375em) {
    .modal {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-overflow-scrolling: touch;
        border-radius: 0;
        transform: scale(1.1);
        padding: 0 !important;
    }
    .close-modal {
        right: 20px !important;
    }
}
.hero {
    height: 8px;
    width: 100%;
    background-image: url("assets/new_img/list-color.png");
    background-repeat: repeat-x;
    animation: 6s linear infinite animate-color;
}
@keyframes animate-color {
    from {
        background-position: 0;
    }
    to {
        background-position: 1300px;
    }
}
#tab-1 + span,
#tab-2 + span,
#tab-3 + span,
.header_logo {
    left: 0;
}
.hover-1,
.hover-2,
.hover-3,
.hover-4,
.hover-5,
.hover-10,
.hover-100,
.hover-6,
.hover-7 {
    padding: 10px 15px !important;
}
.left-menu,
.right-menu {
    display: inline-block;
    padding-left: 0;
}
.hover-1::before {
    transform-origin: bottom right;
    background: #de4145;
    z-index: -1;
}
.hover-1:hover::before,
.hover-3:hover::before,
.hover-4:hover::before,
.hover-5:hover::before,
.hover-6:hover::before,
.hover-10:hover::before,
.hover-100:hover::before,
.hover-7:hover::before {
    transform: scaleX(1);
    transform-origin: bottom left;
}
.hover-2::before {
    transform-origin: bottom right;
    background: #e78224;
    z-index: 0;
}
.hover-3::before,
.hover-10::before,
.hover-100::before,
.hover-4::before {
    transform: scaleX(0);
    position: absolute;
    transform-origin: bottom right;
    z-index: -1;
}
.hover-2:hover::before {
    transform: scaleX(1);
    transform-origin: bottom left;
    z-index: -1;
}
.hover-5::before,
.hover-6::before {
    transform: scaleX(0);
    z-index: -1;
    position: absolute;
}
.hover-5::before {
    background: #238fcd;
    transform-origin: bottom right;
}
.hover-6::before {
    transform-origin: bottom right;
    background: #5c69b0;
}
.hover-7::before {
    transform: scaleX(0);
    transform-origin: bottom right;
    position: absolute;
    background: #a44c9c;
    z-index: -1;
}
.menu-active {
    visibility: visible !important;
}
.left-menu {
    width: 400px;
    visibility: hidden;
    margin-top: 0;
}
.right-menu {
    width: 440px;
    margin-top: -4px !important;
    position: absolute;
}
.left-menu .sub-menu {
    margin-top: 10px !important;
    padding-left: 21px;
}
.left-menu li:hover .sub-menu {
    display: block;
    min-height: 270px;
}
.right-menu li:hover .sub-menu {
    min-height: 62px;
}
.sub-menu {
    max-height: 0;
    -webkit-transition: 0.9s ease-out;
}
.menu a {
    display: block;
    font-weight: 600;
    font-size: 31px;
    color: #fff;
    z-index: 9;
    position: relative;
    padding: 15px 2px;
}
.menu li,
.right-menu li {
    padding: 15px 2px ;
}
.sub-menu li {
    list-style: none;
    color: #fff;
}
.left-menu.menu-active li:first-child {
    width: 306px;
    padding: 0;
}
.right-menu.menu-active li:first-child {
    padding: 3px 0 !important;
}
.hamburger {
    background-color: #248dcb !important;
}
.hamburger::before {
    background-color: #eab121 !important;
}
.hamburger::after {
    background-color: #dd4145 !important;
}
.floating-wpp .floating-wpp-button,
.floating-wpp-button:hover {
    background-color: transparent !important;
}
.inputbox {
    -webkit-appearance: none;
}
.inputbox + .hamburger-container {
    position: absolute;
    top: 8px;
    right: 0;
    height: 4em;
    width: 4em;
    z-index: 11;
}
.inputbox + .hamburger-container .hamburger {
    position: absolute;
    top: 1em;
    left: 1em;
    height: 0.35em;
    width: 2.5em;
    background-color: #222;
    border-radius: 0.5em;
    transition: 0.2s;
}
.inputbox + .hamburger-container .hamburger::after,
.inputbox + .hamburger-container .hamburger::before {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    height: 0.3em;
    border-radius: 0.5em;
    background-color: #222;
    transition: 0.3s;
}
.inputbox + .hamburger-container .hamburger::before {
    top: 0.8em;
    width: 2em;
}
.inputbox + .hamburger-container .hamburger::after {
    top: 1.6em;
    width: 2.5em;
}
.inputbox:checked + .hamburger-container .hamburger {
    transform: translate(0, 0.6em) rotate(45deg);
    width: 2em;
    height: 0.3em;
    background-color: #fff;
}
.inputbox:checked + .hamburger-container .hamburger::after {
    transform: translate(0, -1.6em) rotate(-90deg);
    width: 2em;
    background-color: #fff;
}
.inputbox:hover + .hamburger-container .hamburger,
.inputbox:hover + .hamburger-container .hamburger::after {
    width: 2em;
}
.inputbox:checked + .hamburger-container .hamburger::before {
    opacity: 0;
}
.inputbox:hover + .hamburger-container .hamburger::before {
    width: 2.5em;
}
.inputbox + .hamburger-container ~ .menu {
    list-style: none;
    width: 100vw;
    margin-left: 82px;
    height: 0;
    transform-origin: 100% 10%;
    -moz-transition: 0.4s linear;
    -ms-transition: 0.4s linear;
    -o-transition: 0.4s linear;
    transition: 0.4s linear;
}
.inputbox:checked + .hamburger-container ~ .menu {
    height: 100vh;
    background-color: rgba(17, 17, 17, 0);
    padding-top: 40px;
    z-index: 10;
    position: relative;
}
.inputbox:checked + .hamburger-container ~ .menu .left-menu .menu_item:first-child {
    animation: 0.3s cubic-bezier(0.71, 0.55, 0.62, 1.37) both scaleIn;
}
.inputbox:checked + .hamburger-container ~ .menu .left-menu .menu_item:nth-child(2) {
    animation: 0.3s cubic-bezier(0.71, 0.55, 0.62, 1.37) 0.1s both scaleIn;
}
.inputbox:checked + .hamburger-container ~ .menu .left-menu .menu_item:nth-child(3) {
    animation: 0.3s cubic-bezier(0.71, 0.55, 0.62, 1.37) 0.2s both scaleIn;
}
.inputbox:checked + .hamburger-container ~ .menu .left-menu .menu_item:nth-child(4) {
    animation: 0.3s cubic-bezier(0.71, 0.55, 0.62, 1.37) 0.3s both scaleIn;
}
.inputbox:checked + .hamburger-container ~ .menu .left-menu .menu_item:nth-child(5),
.inputbox:checked + .hamburger-container ~ .menu .left-menu .menu_item:nth-child(6),
.inputbox:checked + .hamburger-container ~ .menu .menu_item:nth-child(7),
.inputbox:checked + .hamburger-container ~ .menu .menu_item:nth-child(8),
.inputbox:checked + .hamburger-container ~ .menu .menu_item:nth-child(9) {
    animation: 0.3s cubic-bezier(0.71, 0.55, 0.62, 1.57) 0.4s both scaleIn;
}
.auster-logo {
    visibility: hidden;
    display: inline;
    width: 282px;
    left: -75px;
    position: absolute;
    padding-top: 20px;
}
.auster-logo img {
    width: 230px;
}
.department-elements,
.get-in-touch {
    margin-top: 15px;
    margin-bottom: 20px;
}
.modal-overlay #clr-btn {
    height: 35px;
    width: 278px;
    top: 13px;
    letter-spacing: 2px;
    font-size: 15px;
}
.modal.active .modal-content {
    opacity: 1;
    border-radius: 30px;
}
.modal-content {
    padding: 20px 38px 66px 59px;
}
.form-control {
    border-radius: 35px !important;
    width: 93%;
    margin: auto;
    height: 39px;
}
.footer_area .logo {
    margin-top: 7px;
}
#scroll {
    position: fixed;
    left: 10px;
    bottom: 10px;
    width: 50px;
    height: 50px;
    background-color: #3498db;
    text-indent: -9999px;
    display: none;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    z-index: 4;
}
#scroll span {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -8px;
    margin-top: -12px;
    height: 0;
    width: 0;
    border: 8px solid transparent;
    border-bottom-color: #fff;
}
.fixed-position {
    position: fixed;
    padding: 30px 0 0;
    margin: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100% !important;
    background: #000;
}
.navbar {
    min-height: 70px;
}
.get-in-form {
    z-index: 2;
}
.header_logo {
    z-index: 12;
    margin-bottom: 29px;
}
.create-brand .col-lg-5,
.rebrand .col-lg-5 {
    position: relative;
    right: -72px;
}
.create-brand h3,
.direct-txt h3 {
    font-size: 48px;
}
.wow-factor .col-lg-4 {
    right: 22px;
}
.wow-factor .col-lg-4 img {
    width: 420px;
}
.wow-factor .animate-txt img {
    width: 455px;
}
.nsm-insulin hr {
    width: 660px;
    border-color: #e78224;
}
.novo-disk hr {
    width: 855px;
}
.national-meet hr {
    width: 670px !important;
}
.fiasp hr {
    width: 858px !important;
    border-color: #a44c9c;
}
.element-space {
    margin-top: 90px;
}
.vyb-element img {
    width: 160px;
}
.digital-element img,
.kod-element img {
    width: 183px;
}
.kod-element {
    margin-top: 12px;
}
.element-text {
    font-weight: 600;
    font-style: italic;
    padding-top: 20px;
}
.element-text a {
    color: #666;
}
.element-text h2 {
    line-height: 22px;
    font-size: 20px;
    margin: 0;
    font-weight: 700;
    color: #666;
}
.vyb-text .element-text {
    margin-left: 61px;
    text-align: left;
}
.kod-text .element-text {
    margin-left: 36px;
    text-align: left;
}
.digital-ark-text .element-text {
    margin-left: 4px;
}
.skepper-team {
    padding: 50px 0;
}
.element-text p a {
    color: inherit !important;
}
.left-menu.menu-active li:first-child .hover-1 {
    padding: 14px 0;
}
.right-menu li:nth-child(4) .hover-1 {
    padding: 30px 0 !important;
}
.sub-menu li a {
    font-size: 17px;
    transition: 0.9s;
}
#event-one .list-one img {
    margin-top: -45px;
}
#event-two .list-one img {
    margin-top: -38px;
}
#event-three .list-one img {
    margin-top: -50px;
}
.index-pieces .master-pieces img {
    width: 71%;
    margin-top: -90px;
}
.clinical-line .right-line hr {
    width: 605px;
}
.semeglee-line hr {
    width: 629px;
    border-color: #e78224;
}
.nordilet-line hr {
    width: 863px;
    border-color: #9fab33;
}
.abbot-line .right-line hr {
    width: 900px;
}
#event-one .list-point-one::before {
    border: 2px solid #de4145;
    position: absolute;
    border-radius: 49px;
}
#event-one .list-point-two::before {
    border: 2px solid #238fcd;
    position: absolute;
    border-radius: 49px;
}
#event-two .list-point-one::before {
    border: 2px solid #ebb21f;
    position: absolute;
    border-radius: 49px;
}
#event-two .list-point-two::before {
    border: 2px solid #5c69b0;
    position: absolute;
    border-radius: 49px;
}
#event-three .list-point-one::before {
    border: 2px solid #9fab33;
    position: absolute;
    border-radius: 49px;
}
#event-three .list-point-two::before {
    border: 2px solid #a44c9c;
    position: absolute;
    border-radius: 49px;
}
.footer_area {
    padding-top: 40px;
}
#market-solution .col-lg-8 .container .list-point-one::before {
    content: "";
    border: 2px solid #de4145;
    width: 25px;
    height: 25px;
    position: absolute;
    border-radius: 49px;
    top: 55px;
    left: 0;
}
#market-solution .col-lg-8 .container .list-point-two::before {
    content: "";
    border: 2px solid #238fcd;
    width: 25px;
    height: 25px;
    position: absolute;
    border-radius: 49px;
    top: 55px;
}
#market-solution .col-lg-8 .container .list-point-three::before {
    content: "";
    border: 2px solid #e78224;
    width: 25px;
    height: 25px;
    position: absolute;
    border-radius: 49px;
    top: 55px;
}
#market-solution .col-lg-8 .container .list-point-four::before {
    content: "";
    border: 2px solid #5c69b0;
    width: 25px;
    height: 25px;
    position: absolute;
    border-radius: 49px;
    top: 140px;
    left: 0;
}
#market-solution .col-lg-8 .container .list-point-five::before {
    content: "";
    border: 2px solid #9fab33;
    width: 25px;
    height: 25px;
    position: absolute;
    border-radius: 49px;
    top: 140px;
}
#market-solution .col-lg-8 .container .list-point-six::before {
    content: "";
    border: 2px solid #a44c9c;
    width: 25px;
    height: 25px;
    position: absolute;
    border-radius: 49px;
    top: 140px;
}
.right-vector {
    margin-top: 8px;
}
.floating-wpp:hover .floating-wpp-button {
    box-shadow: unset !important;
}
.floating-wpp .floating-wpp-button {
    box-shadow: unset !important;
    overflow: inherit !important;
    right: 0;
    position: fixed;
    z-index: 2;
    top: 14em;
}
.floating-wpp .floating-wpp-popup.active {
    top: 44px !important;
}
.floating-wpp {
    z-index: 10;
    top: 44em !important;
}
.urinary-project img {
    width: 56%;
}
.big-bang-img {
    margin-left: 2em;
    margin-right: 128px !important;
}
.neolacta-project img {
    width: 39%;
}
.reparil-project img {
    width: 32%;
}
.agreement-policy {
    margin: 80px 0;
}
.saugella-project img {
    width: 38%;
}
.glo img {
    width: 220px;
}
.glo {
    position: absolute;
    top: 20px;
}
.left-menu .kod img {
    width: 120px;
}
.sub-menu li a:hover {
    color: #de4145;
    transition: 0.9s;
}
.web:hover .sub-menu {
    min-height: 62px !important;
}
.right-menu.menu-active li:nth-child(2) .hover-1,
.right-menu.menu-active li:nth-child(3) .hover-1 {
    padding: 23px 0 !important;
}
.digi-market li:hover .sub-menu {
    min-height: 28px;
}
.web img {
    width: 131px !important;
}
.right-menu.menu-active li:nth-child(4) .hover-1 {
    padding: 16px 15px !important;
}
.left-menu.menu-active li:nth-child(3) .hover-1 {
    padding: 6px 0 !important;
}
.right-menu .vid:hover .sub-menu {
    min-height: 100px;
}
.event:hover .sub-menu {
    min-height: 56px !important;
}
.left-menu li {
    padding: 10px 2px !important;
}
.sub-menu li {
    padding: 0 !important;
}
.icon {
    display: inline;
    padding: 0 15px;
    top: 30px;
}
.social-medias {
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    top: 30px;
}
.twitter-icon img {
    padding-top: 4px;
}
.icon img {
    width: 20px;
}
.fb img {
    width: 11px;
}
.vido-market .vyb-element {
    transform: translateY(10px);
}
.section-title img,
.virtual_event_sec2 .intro-text h1 {
    margin-top: 13px;
}
#blog-slider .owl-item {
    padding: 1px 10px;
}
#blog-slider {
    margin-top: 35px;
}
#blog-slider .testimonial {
    padding: 0;
    border: 0;
}
#blog-slider .well {
    padding: 0;
    border-radius: 10px;
    height: auto;
    min-height: 380px;
    background-color: #fff;
}
#blog-slider .well img {
    border-radius: 10px 10px 0 0;
}
#blog-slider .content-body {
    padding: 17px 0 10px 30px;
    min-height: 220px;
}
#blog-slider .content-body h2 {
    margin-top: 0;
    display: none;
}
#blog-slider .content-body h2:hover {
    color: #23527c !important;
}
#blog-slider .testimonial::before {
    content: none;
}
#blog-slider .content-title {
    font-size: 20px;
    font-weight: 700;
}
#blog-slider .content-text {
    font-size: 14px;
    line-height: 22px;
    padding: 0 27px 8px 1px;
}
#blog-slider .testimonial {
    box-shadow: none;
    background-color: transparent;
}
#blog-slider .btn-success {
    border-radius: 40px;
    padding: 5px 24px;
    font-size: 14px;
    background-color: #238fcd;
    border-color: #238fcd;
    position: absolute;
    bottom: 45px;
}
#tab-1 + span,
#tab-2,
#tab-2 + span,
#tab-3,
#tab-3 + span,
.job-container #tab-1 {
    background-color: transparent;
    border-radius: 40px;
    border: 1px solid #666;
}
.header_logo .ind_dub {
    bottom: 0;
}
.header_logo .ind_dub img,
.header_logo .ind_dub p {
    color: #e42125 !important;
}
.we-have-place .col-lg-7 {
    top: 100px !important;
}
.career-grey-bg {
    margin-top: 0;
    padding: 57px;
}
.career-grey-bg p:nth-child(2),
.grey-bg p:nth-child(2) {
    padding: 20px 0 0;
}
.position-word img {
    width: 390px;
}
.job-box {
    margin: 0;
    position: absolute;
    top: 46%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
}
.open-position,
.skepper-mascot-person {
    margin-bottom: 50px;
}
.job-box h4 {
    color: #fff;
    font-weight: 600;
    font-size: 23px;
    line-height: 30px;
}
.vacancy-box {
    width: 305px;
    height: 296px;
    position: relative;
}
.job-btn #clr-btn a {
    color: #fff;
    font-size: 16px;
    letter-spacing: 3px;
}
.job-btn #clr-btn {
    position: absolute;
    bottom: 30px;
    top: unset;
    height: 40px;
    letter-spacing: 1px;
    font-size: 15px;
}
.position-desc {
    margin-top: 22px;
}
.job-row-two {
    margin-top: -6px;
}
.position-quotation img {
    width: 90px;
}
.skepper-embrace {
    margin-top: 20px;
    padding-right: 40px;
}
.skepper-embrace p {
    font-weight: 600;
    color: #4d4d4d;
}
.tab-content section .col-lg-8 .row .col-lg-4:nth-child(2) {
    margin-left: 65px;
}
.red-bg {
    background-color: #de4145;
    height: 600px;
    position: relative;
}
#blue-bg .col-lg-5:nth-child(2) {
    top: 129px !important;
    right: -45px;
}
.career-detail-grey h1 {
    color: #2b3884;
    font-weight: 600;
    font-size: 33px;
    margin-top: 10px;
}
.career-detail-grey h4 {
    color: #248dcb;
    font-size: 22px;
    padding: 5px 0 0;
    font-weight: 600;
}
.skills-qualification h3 {
    color: #248dcb;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 5px;
}
.skills-qualification ul li {
    line-height: 28px;
    font-size: 20px;
}
.skills-qualification ul {
    padding-left: 21px;
}
#orange-bg .imagine-img img {
    width: 82%;
}
#orange-bg .col-lg-4,
#orange-bg .col-lg-8 {
    top: 150px;
}
.red-bg .col-lg-5 {
    top: 170px;
}
.red-bg .col-lg-7 {
    top: 250px;
}
.grey-bg {
    padding: 80px 0 40px;
}
#green-bg .col-lg-5 {
    top: 220px;
}
#green-bg .glo {
    top: 0;
}
#green-bg .header-imagine-title {
    top: 90px;
}
.art-technology .col-lg-7,
.video-page .col-lg-7 {
    top: 170px !important;
}
.video-page .col-lg-5:nth-child(2) .imagine-img {
    top: 110px !important;
    position: relative;
}
.art-technology .col-lg-5:nth-child(2) {
    margin-top: 70px !important;
}
.doorway .header-imagine-title {
    position: relative;
    top: 115px !important;
}
.doorway .col-lg-5:nth-child(2) {
    top: 95px !important;
}
.add-on-section .row:nth-child(2) .col-md-4 .row .col-md-4 {
    transform: translate(40px, 10px);
}
.skills-qualification .col-lg-12:first-child {
    margin-bottom: 40px;
}
.add-on-section .india-num {
    padding: 0 25px;
}
.add-on-section .dubai-num {
    padding: 0 23px;
}
@media (min-width: 320px) and (max-width: 335.98px) {
    .job-container .tabs > input {
        width: 24% !important;
    }
    #tab-3,
    #tab-3 + span {
        margin: 0 89px !important;
    }
    #tab-2,
    #tab-2 + span {
        margin: 0 46px !important;
    }
}
@media (min-width: 320px) and (max-width: 575.98px) {
        
        
        .service_main_header #sld4 .right-align{
            right:10px !important;
        }
        
        .service_main_header .slide-title{
                padding: 0px 20px; 
        }   
       .job-container .tabs>input, .tabs>span{
                width: 31% !important;
    height: 50px !important;
                line-height: 48px !important;
            
        }
    .callus-r {
    height: 100px  !important;
    }
    #sld6 .header-right-vector{
        margin-top:50px;
    }
    
    #sld6 .slide-title{
        width:100%;
        margin-top:210px !important;
        
    }
    .skills-qualification p,
    .skills-qualification ul li {
        line-height: 25px;
        text-align: left;
    }
    #blue-bg .imagine-img img,
    .brand-intelligence .col-lg-5 img {
        margin-top: 0;
    }
    .doorway .col-lg-5 .imagine-img {
        margin-top: 79px !important;
    }
    .skep-virtual-event .col-lg-7 {
        margin-top: 61px !important;
    }
    .art-technology .col-lg-5:nth-child(2) {
        margin-top: 75px !important;
    }
    .art-technology .header-imagine-title {
        margin-top: 273px !important;
    }
    .art-technology .glo {
        position: absolute;
        top: 12px !important;
    }
    .art-technology .col-lg-7 {
        margin-top: -100px !important;
    }
    .video-page .col-lg-7 .red-bg-title-img {
        top: 78px;
    }
    .video-page .col-lg-7 .header-imagine-title {
        margin-top: 107px !important;
    }
    .video-page .col-lg-7 .glo {
        top: 188px !important;
    }
    .video-page .col-lg-5:nth-child(2) .imagine-img {
        top: -40px !important;
        position: relative;
    }
    #green-bg .header-imagine-title {
        top: 168px;
    }
    .red-bg .col-lg-7 {
        top: 170px;
    }
    #orange-bg .header-imagine-title {
        top: 236px;
    }
    .portfolio-brand-img {
        padding-top: 0 !important;
    }
    .grey-bg {
        padding: 60px 0 0;
        background: 0 0;
    }
    .career-detail-grey h4 {
        font-size: 23px;
        text-align: left;
    }
    .skills-qualification h3 {
        font-size: 20px;
        text-align: left;
    }
    .skills-qualification ul li {
        font-size: 16px;
    }
    .skills-qualification ul {
        padding-left: 15px;
    }
    .vid-vyb .red-bg-title-img {
        position: absolute;
        top: 95px;
    }
    #blue-bg .col-lg-5:nth-child(2) {
        top: 10px !important;
        padding-right: 0;
        right: 0;
    }
    .career-grey-bg {
        padding: 35px 0 0 !important;
    }
    .position-word img {
        max-width: 320px;
    }
    .effect-3,
    .open-position {
        margin-top: 10px;
    }
    .job-container .tabs > span {
        font-size: 14px;
        width: 29%;
        line-height: 48px;
        height: 51px;
    }
    .job-container .tabs > input {
        width: 37%;
    }
    #tab-2,
    #tab-2 + span {
        margin: 0 50px !important;
    }
    #tab-3,
    #tab-3 + span {
        margin: 0 100px !important;
    }
    .job-container .tab-content {
        padding: 84px 20px 20px !important;
    }
    .job-container {
        padding: 0 15px !important;
    }
    .job-row-one {
        margin-top: 30px;
    }
    .tab-content section .col-lg-8 .row .col-lg-4:nth-child(2) {
        margin: 20px 0;
    }
    .job-box {
        top: 38%;
    }
    .job-btn #clr-btn {
        bottom: 10px;
        top: unset !important;
    }
    .vacancy-box {
        width: 100%;
    }
    .job-container .col-lg-12,
    .skepper-embrace {
        padding-right: 0;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    
    .callus-r {
    height: 100px  !important;
    }
    .video-page .col-lg-5:nth-child(2) .imagine-img {
        top: -110px !important;
    }
    #blue-bg .imagine-img img {
        margin-top: 0;
    }
    .vid-vyb .red-bg-title-img {
        position: absolute;
        top: 95px;
    }
    #blue-bg .col-lg-5:nth-child(2) {
        top: 141px !important;
        padding-right: 0;
        right: 0;
    }
    .career-grey-bg {
        padding: 35px 0 !important;
    }
    .position-word img {
        max-width: 60%;
    }
    .open-position {
        margin-top: 20px;
    }
    .job-container .tabs > span {
        font-size: 14px;
        width: 28%;
        line-height: 48px;
        height: 51px;
    }
    .job-container .tabs > input {
        width: 37%;
    }
    #tab-2,
    #tab-2 + span {
        margin: 0 70px !important;
    }
    #tab-3,
    #tab-3 + span {
        margin: 0 140px !important;
    }
    .job-container .tab-content {
        padding: 84px 20px 20px !important;
    }
    .job-container {
        padding: 0 15px !important;
    }
    .job-row-one {
        margin-top: 30px;
    }
    .tab-content section .col-lg-8 .row .col-lg-4:nth-child(2) {
        margin: 20px 0;
    }
    .job-box {
        top: 38%;
    }
    .vacancy-box {
        width: 100%;
    }
    .job-container .col-lg-12,
    .skepper-embrace {
        padding-right: 0;
    }
    .effect-3 {
        margin-top: 10px;
    }
    #blue-bg .header-imagine-title {
        top: 192px !important;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    
      #sld6 .header-right-vector{
        margin-top:50px;
    }
    
    #sld6 .slide-title{
        width:100%;
        margin-top:210px !important;
        
    }
    .skills-qualification ul li,
    p {
        line-height: 26px;
        font-size: 18px;
    }
    .red-bg {
        height: 500px;
    }
    .art-technology .glo {
        margin-top: -70px;
    }
    .video-page .col-lg-7 .glo {
        top: 108px !important;
    }
    .kod-brand-img {
        padding-top: 50px !important;
    }
    #green-bg .glo {
        top: -28px;
    }
    .red-bg .glo {
        top: 87px;
    }
    .glo img {
        width: 230px;
    }
    #orange-bg .col-lg-7 {
        top: 40px;
    }
    #blue-bg .imagine-img img {
        margin-top: 0;
        width: 44%;
    }
    .vid-vyb .red-bg-title-img {
        position: absolute;
        top: 125px;
    }
    #blue-bg .col-lg-5:nth-child(2) {
        top: 141px !important;
        padding-right: 0;
        right: 0;
    }
    .career-grey-bg {
        padding: 35px 0 !important;
    }
    .position-word img {
        max-width: 50%;
    }
    .open-position {
        margin-top: 20px;
    }
    .job-container .tabs > span {
        font-size: 14px;
        width: 26%;
        line-height: 48px;
        height: 51px;
    }
    .job-container .tabs > input {
        width: 27%;
    }
    #tab-2,
    #tab-2 + span {
        margin: 0 53px !important;
    }
    #tab-3,
    #tab-3 + span {
        margin: 0 110px !important;
    }
    .job-container .tab-content {
        padding: 84px 20px 20px !important;
    }
    .job-container {
        padding: 0 15px !important;
    }
    .job-row-one {
        margin-top: 30px;
    }
    .tab-content section .col-lg-8 .row .col-lg-4:nth-child(2) {
        margin: 20px 0;
    }
    .job-box {
        top: 33%;
    }
    .job-btn #clr-btn {
        bottom: 40px;
    }
    .vacancy-box {
        width: 100%;
    }
    .job-container .col-lg-12,
    .skepper-embrace {
        padding-right: 0;
    }
    .effect-3 {
        margin-top: 10px;
    }
    #blue-bg .header-imagine-title {
        top: 132px !important;
    }
    .red-bg p {
        font-size: 53px;
        line-height: 55px;
    }
    .job-box h4 {
        font-size: 33px;
        line-height: normal;
    }
}
@media (min-width: 992px) and (max-width: 1299.98px) {
    .index-portfolio {
        padding-top: 20px !important;
    }
    .portfolio-brand-img {
        padding-top: 0;
    }
    .glo img {
        width: 290px;
    }
    #blue-bg .imagine-img img {
        margin-top: 0;
    }
    .vid-vyb .red-bg-title-img {
        position: absolute;
        top: 185px;
    }
    #blue-bg .col-lg-5:nth-child(2) {
        top: 202px !important;
        padding-right: 0;
        right: 0;
    }
    .career-grey-bg {
        padding: 35px 0 !important;
    }
    .position-word img {
        max-width: 50%;
    }
    .open-position {
        margin-top: 20px;
    }
    .job-container .tabs > span {
        font-size: 14px;
        width: 24%;
        line-height: 48px;
        height: 51px;
    }
    .job-container .tabs > input {
        width: 27%;
    }
    #tab-2,
    #tab-2 + span {
        margin: 0 53px !important;
    }
    #tab-3,
    #tab-3 + span {
        margin: 0 110px !important;
    }
    .job-container .tab-content {
        padding: 84px 20px 20px !important;
    }
    .job-container {
        padding: 0 15px !important;
    }
    .job-row-one {
        margin-top: 30px;
    }
    .tab-content section .col-lg-8 .row .col-lg-4:nth-child(2) {
        margin: 20px 0;
    }
    .job-box {
        top: 33%;
    }
    .job-btn #clr-btn {
        bottom: 40px;
    }
    .vacancy-box {
        width: 100%;
    }
    .job-container .col-lg-12,
    .skepper-embrace {
        padding-right: 0;
    }
    .effect-3 {
        margin-top: 10px;
    }
    #blue-bg .header-imagine-title {
        top: 152px !important;
    }
    .red-bg p {
        font-size: 53px;
        line-height: 55px;
    }
    .job-box h4 {
        font-size: 33px;
        line-height: normal;
    }
}
@media (min-width: 1900px) {
    .art-technology .col-lg-5:nth-child(2) {
        margin-top: 34px !important;
    }
}
@media (min-width: 2100px) {
    .art-technology .col-lg-5:nth-child(2) {
        margin-top: 4px !important;
    }
    .doorway .header-imagine-title {
        top: 155px !important;
    }
    .skep-virtual-event .imagine-img {
        margin-top: -90px;
    }
    .art-technology .header-imagine-title {
        margin-top: -40px;
    }
    .art-technology .imagine-img img {
        width: 80% !important;
        margin-top: 58px !important;
    }
}
@media (min-width: 2300px) {
    .video-page .col-lg-7 .header-imagine-title {
        margin-top: -27px !important;
    }
    #blue-bg .imagine-img img {
        width: 75%;
    }
    #green-bg .header-imagine-title {
        top: 90px !important;
    }
}
@media (min-width: 2500px) {
    #blue-bg .imagine-img img {
        max-width: 58%;
    }
    .red-bg .col-lg-7 {
        top: 222px;
    }
    .red-bg .header-imagine-title {
        top: 154px !important;
    }
}
@media (min-width: 2800px) {
    .imagine-img img {
        width: 60%;
        max-width: 75%;
    }
    .skep-virtual-event .imagine-img {
        margin-top: -130px;
    }
    .doorway .header-imagine-title {
        top: 155px !important;
    }
}
@media (min-width: 3600px) {
    .skep-virtual-event .imagine-img img {
        max-width: 45% !important;
    }
}
@media (min-width: 4000px) {
    .doorway .imagine-img img {
        max-width: 42% !important;
    }
}
.add-on-section.call-us .row:nth-child(2) .dubai-num {
    transform: translateX(-37px);
}
.lowest-time {
    width: 350px !important;
}
.lyrica-port .right-line hr {
    width: 814px;
}
.gradient_text {
    height: 100px;
    background-color: black;
    background-size: 100%;
    background-repeat: repeat;
    /*background-image: linear-gradient(90deg, #de4145 14%, #e78224 14% 28%, #ebb21f 28% 42%, #9fab33 42% 56%, #238fcd 56% 70%, #5c69b0 70% 84%, #a44c9c 84%);*/
    -webkit-background-clip: text;
    font-weight: 700;
}
.callus-d {
    height: 180px;
    position: relative;
    /*background: #1d93d1;*/
}
.callus-r {
    height: 180px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    /*padding-top: 26px;*/
}
.callus-r .get-in-form1{
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
    background-color: transparent !important;
    font-weight: 500;
    padding: 12px 34px;
    border-radius: 50px;
}

.callus-r .get-in-form1:hover {
    color: #1B2A31 !important;
    border: 2px solid #ffffff !important;
    background-color: #ffffff !important;
}

.callus-r-c {
    color: #1d93d1;
    border-top: 2px solid #f4f4f4;
}
.callus-r .call-today {
    background-color: #fff;
    font-weight: 700;
}
.callus-r-c .call-today {
    background-color: #1d93d1;
    font-weight: 700;
    border: 2px solid #1d93d1;
}
.cbox {
    background-color: #e78224;
    color: #fff;
    padding: 80px 0;
    margin: 0;
}
.cbox h1 {
    font-size: 58px;
    margin: 20px 0;
    font-weight: 700;
}
.cbox h4 {
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    margin: 40px 90px;
}
.sec-2 {
    padding-top: 100px;
}
.sec-3 .txt-3 {
    height: auto;
    margin-top: 22px;
}
.sec-3 .txt-3-img {
    text-align: right;
    margin-top: 0;
}
.branding-services {
    background-color: #f2f2f2;
    margin-top: 70px;
    padding: 30px 0 60px;
}
.brand-sec2 .intro-text,
.career-detail-page {
    padding-top: 0 !important;
}
.branding-services .col-lg-6 {
    margin: 30px 0 0;
    height: 150px;
}
.code-txt img {
    width: auto !important;
    display: inline-block;
    height: 40px;
    margin: -30px 0 0 8px !important;
}
.process-one-1 {
    transform: translateY(-40px);
}
.process-one-1 .col-sm-6 {
    height: 205px;
    padding-right: 40px;
}
.rx-clr::after,
.rx-clr::before {
    content: "";
    background-image: url(../new_img/rx-color.png);
    height: 13px;
    width: 60px;
    top: 390px;
    position: absolute;
}
.process-one h2 {
    font-size: 50px;
    font-weight: 300;
    margin-top: 40px;
    margin-bottom: 0;
}
.process-one img {
    width: 420px;
    margin-bottom: -90px;
}
.ad-code .col-lg-7::before {
    content: "";
    border-left: 1px solid #00000048;
    position: absolute;
    height: 91%;
    width: 100%;
    top: 11px;
    bottom: 0;
    left: -100px;
}
.ad-code h4 {
    margin-top: 0 !important;
}
.why_chose h1 {
    font-weight: 700;
    color: #db4145;
    margin-top: 10px !important;
}
.why_chose ul {
    font-size: 22px;
    padding-left: 29px;
    padding-top: 10px;
}
.why_chose ul li {
    padding-bottom: 15px;
}
.brand-service-3 {
    padding-bottom: 70px !important;
}
.brand-sec2 .intro-text,
.brand-sec2 .intro-text h1 {
    margin-top: 6px;
}
.event_screen_bg .col-lg-7::before {
    left: -57px !important;
}
.event_screen_sec3 h3 {
    width: 614px;
    margin-top: 25px;
}
.event_screen-skp .process-one-1 .col-sm-6:last-child {
    height: auto;
}
.virtual_event .col-lg-7::before {
    left: -33px !important;
}
.design-sec2 h1 {
    margin-top: 42px;
}
.intro-web .col-lg-6:nth-child(2) {
    margin-top: 36px;
}
.right-vector img {
    width: 50px;
}
.index-pieces .row-space .col-lg-6:nth-child(3) {
    text-align: right;
    margin-top: -37px;
}
.projects_btn #clr-btn:hover a{
    color:#fff !important;
}
.projects_btn #clr-btn:hover{
    background-color:#1B2A33;
}
.projects_btn #clr-btn a{
    color:#1B2A33;
}
.projects_btn #clr-btn {
        background-color: transparent;
    border: 1px solid #1B2A33;
    top: 40px;
    margin-bottom: 20px;
    font-weight: 400;
    letter-spacing: 1px;
}
.career-detail-page #clr-btn {
    top: 40px !important;
    margin-bottom: 90px;
}
.row.project-details .slide-title {
    margin-top: 0;
    margin-left: 0;
}
.project-details .slide-title .sld-btn a {
    color: #666;
    font-size: 12px;
}
.project-details .slide-title .sld-btn {
    width: auto;
    text-align: center;
    border: 1px solid #666;
    margin-top: 18px;
}
.educate-text h3 {
    font-size: 20px;
    font-weight: 400;
    line-height: 27px;
    margin-top: 0;
    margin-bottom: 0;
}
.therapy-btn {
    margin-bottom: 15px;
}
.therapy-btn h1 {
    font-size: 36px;
    font-weight: 700;
    color: #db4145;
    margin-bottom: 25px;
}
.therapy-btn a {
    padding: 5px;
    border-radius: 15px;
    margin-left: 10px;
    text-transform: capitalize;
    font-size: 15px;
}
.red {
    background-color: #de4145;
}
.gold {
    background-color: #e78223;
}
.pain_color {
    background-color: #ebb11f;
}
.sky_blue {
    background-color: #228fcd;
}
.blue {
    background-color: #5c69af;
}
.purple {
    background-color: #a34b9c;
}
#rxclub {
    background: url(../new_img/rxclub-bg.png) 0 0 / cover no-repeat;
}
#rxclub h4 {
    font-size: 30px;
    color: #714000;
    line-height: 36px;
}
#rxclub h2 {
    font-size: 53px;
    color: #714000;
    margin-top: 10px;
    margin-bottom: 30px;
    font-weight: 400;
}
#rxclub .slide-title {
    width: 100%;
    margin-top: 145px;
}
.carousel .rxclube-skepper {
    text-align: right;
    margin-right: 60px;
}
.carousel .rxclube-skepper img {
    width: auto;
}
#rxclub .header-left-vector {
    position: absolute;
    transform: translateY(64%);
}
.slide-title .rx-clr {
    text-align: center;
    font-size: 23px;
    color: #714000;
    font-weight: 500;
}
.rx-clr::before {
    left: 121px;
}
.rx-clr::after {
    right: 121px;
}
.rx-multiclr {
    position: absolute;
    bottom: 0;
}
.service_main_header .slide-title .sld-btn{
    margin-top:12px;
}
.service_main_header{
 height:612px;   
}
.service_projects_slide{
    margin-top:0px;
}
.service_main_header .multi_clr{
    margin-top: 0px;
}
.service_main_header #sld4 .right-align{
    right:7px !important;
}
#skep-services .slide-title{
    width:640px;
    margin-top:190px;
}
#skep-services .service-slider3 .slide-title{
    /*margin-top:190px;*/
}
#skep-services .service-slider1 .slide-title{
        /*margin-top:180px;*/

}
/*#skep-services #sld3 .slide-title{*/
/*    margin-top:185px;*/
/*}*/
div#blogcontent p span{
    font-size:20px !important;
        color: #666 !important;
}
.carousel-control {
    visibility: hidden;
}
.hs-whatsapp-button--icon{
    display:none !important;
}
.meet-btn .get-in-form2:hover{
        background-color: #1B2A33 !important;
    color: #fff !important;

}
.meet-btn .get-in-form2 {
    color: #1B2A33;
    border: 2px solid #1B2A33 !important;
    background-color: transparent;
    font-weight: 500;
    padding: 15px 30px;
    border-radius: 50px;
    font-size: 15px;
    transition: 0.6s;
}