/* Minification failed. Returning unminified contents.
(327,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(362,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(370,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(508,32): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(624,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(625,49): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(626,32): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(627,38): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(634,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(664,36): run-time error CSS1046: Expect comma, found '0'
(664,40): run-time error CSS1046: Expect comma, found '/'
(665,44): run-time error CSS1046: Expect comma, found '0'
(665,48): run-time error CSS1046: Expect comma, found '/'
(686,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(753,31): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(755,18): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(760,18): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1056,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1202,20): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1235,38): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1269,20): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1300,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1306,33): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1316,68): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1460,41): run-time error CSS1046: Expect comma, found '0'
(1460,45): run-time error CSS1046: Expect comma, found '/'
(1461,42): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1532,81): run-time error CSS1046: Expect comma, found '0'
(1532,85): run-time error CSS1046: Expect comma, found '/'
(1538,40): run-time error CSS1046: Expect comma, found '27'
(1538,47): run-time error CSS1046: Expect comma, found '/'
(1566,48): run-time error CSS1046: Expect comma, found '49'
(1566,54): run-time error CSS1046: Expect comma, found '/'
(1566,69): run-time error CSS1046: Expect comma, found '27'
(1566,75): run-time error CSS1046: Expect comma, found ')'
(1598,32): run-time error CSS1046: Expect comma, found '226'
(1598,39): run-time error CSS1046: Expect comma, found ')'
(1671,35): run-time error CSS1046: Expect comma, found '0'
(1671,39): run-time error CSS1046: Expect comma, found '/'
(1676,50): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1731,21): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1792,58): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1792,80): run-time error CSS1046: Expect comma, found '33'
(1792,86): run-time error CSS1046: Expect comma, found '/'
(1852,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1910,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1916,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1927,36): run-time error CSS1046: Expect comma, found '27'
(1927,43): run-time error CSS1046: Expect comma, found '/'
(1952,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
 */
/* Slider */
.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;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.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;
}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    /*background: #fff url('./ajax-loader.gif') center center no-repeat;*/
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

:root {
    --primary: #0f2d79;
}

* {
    scroll-behavior: smooth;
}

.btn.focus,
.btn:focus {
    box-shadow: unset;
}


body {
    font-size: 20px;
    color: #404040;
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-weight: 400;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: var(--primary);
}

::placeholder {
    font-size: 0.9rem;
}

::selection {
    background: var(--primary);
    color: #fff;
}

@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
}


ul li {
    list-style: none;
}


img {
    max-width: 100% !important;
}

a {
    color: #007bff;
    transition: 0.3s all ease-in-out;
    -webkit-transition: 0.3s all ease-in-out;
}

    a:hover,
    a:focus {
        text-decoration: none;
        outline: none;
        color: #2b80d9;
    }
b, strong {
    font-weight: 600;
}

/*Slick slider*/
.slick-slide {
    outline: none;
    margin: 0;
}

.slider-img {
    position: relative;
}


.slick-slider {
    /*overflow: hidden;*/
    margin-bottom: 0 !important;
}



    .slick-next:before {
        content: '\f105';
    }

    .slick-prev:before {
        content: '\f104';
    }

.slick-prev {
    left: 0;
}

.slick-next {
    right: 0;
}

    .slick-prev:before, .slick-next:before {
        opacity: 1;
        font-family: fontawesome;
        color: #fff;
        font-size: 1.5rem;
        transition: 0.5s all ease-in-out;
        -webkit-transition: 0.5s all ease-in-out;
        line-height: 48px;
    }

    .slick-prev:before {
    content: '\f104';
}
    .slick-next:before {
    content: '\f105';
}
.slick-dots li {
    width: 12px;
    height: 12px;
}

    .slick-dots li button,
    .slick-dots li button:before {
        width: 12px;
        height: 4px;
        border-radius: 10px;
    }

        .slick-dots li button:before {
            font-family: 'slick';
            font-size: 6px;
            line-height: 20px;
            position: absolute;
            top: 0;
            left: 0;
            width: 20px;
            height: 20px;
            content: '�';
            text-align: center;
            opacity: .25;
            color: black;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        .slick-dots li button:before {
            opacity: 1;
            color: transparent;
            width: 8px;
            height: 4px;
            border-radius: 10px;
            border: 4px solid #d0d0d0;
            transition: 0.3s all ease-in-out;
            -webkit-transition: 0.3s all ease-in-out;
        }

    .slick-dots li.slick-active,
    .slick-dots li.slick-active button,
    .slick-dots li.slick-active button:before {
        width: 25px;
    }

        .slick-dots li.slick-active button:before {
            opacity: 1;
            border-color: var(--primary);
            color: transparent;
        }

/*.slick-dots{ bottom: -80px; }*/

.slick-prev, .slick-next{ width:auto; height: auto; }
.slick-prev span,
.slick-next span {
    font-size: 2.5rem;
    color: #fff;
    font-weight: 400; 
    border: 1px solid #dddddd57;
}

.slick-prev:before,
.slick-next:before {
    display: none;
}

.slick-prev {
    left: 4%; z-index: 1;
}

.slick-next {
    right: 4%;
}




/* onscroll animation*/
[data-animate-in] {
    opacity: 0;
    transition: transform 0.8s ease, opacity 0.8s ease
}

[data-animate-in="up"] {
    transform: translate3d(0, 24px, 0)
}

[data-animate-in="left"] {
    transform: translate3d(-25%, 0, 0)
}

[data-animate-in="right"] {
    transform: translate3d(25%, 0, 0)
}

[data-animate-in="down"] {
    transform: translate3d(0, -24px, 0)
}

[data-animate-in="fadeIn"] {
    transform: translate3d(0, 0, 0)
}

[data-animate-in].in-view {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transition: transform 0.6s ease, opacity 0.6s ease
}

.fade-in {
    opacity: 0;
    transition: opacity 1s ease
}

.page-loaded .fade-in,
.page-loaded.fade-in {
    opacity: 1
}

.isSafari.isTouch [data-animate-in],
.isSafari.isTouch [data-animate-in="up"] {
    opacity: 1;
    transition: none;
    transform: none
}


/*Section Padding*/

.block {
    padding: 4rem 0;
}

.inner-block {
    padding: 4rem 0;
}



/*Buttons*/
.btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 1.5;
    color: #fff;
    padding: .5rem 1.6rem;
    font-size: 1.2rem;
    letter-spacing: 0px;
    border-radius: 0px;
    font-weight: 400;
}

.btn-default{  background: #fff;
    color: var(--primary);
    border-radius: 50px; border: 1px solid var(--primary); }
.btn-default span{ color: var(--primary);  margin-left: 10px;  }
.btn-default:hover{ background: var(--primary); color: #fff; }
.btn-default:hover span {
    color: #fff;
}
 

.btn-primary {
    background: var(--primary);
    color: #fff;
    border-radius: 50px;
    border: 1px solid #c9c9c9;
}
.btn-primary span{ color: #fff;  margin-left: 10px; }



/*header*/

/*.homemenu.in.homemenutop .logo img.offscroll-logo {
    width: 200px;
    padding: 10px;
    transition: .3s linear;
}*/
.homemenu.in .logo img,
.homemenu.homemenubottom .logo img {
    width: 190px;
    transition: .3s linear;
}


#header.fix, #header.fix.homemenubottom {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    background: #fff !important;
    box-shadow: 0 1px 10px 0 rgb(0 0 0 / 20%) !important;
    -webkit-box-shadow: 0 1px 10px 0 rgb(0 0 0 / 20%) !important;
}

   #header.fix .offscroll-logo {
        display: none;
        transition: .3s linear;
    }
    #header.fix .onscroll-logo {
        display: block;
        width: 150px; 
        transition: .3s linear;
    }


.navbar li {
	position: relative;
	list-style: none;
}
.navbar li a {
  display: block;
  text-decoration: none; 
  color: var(--primary);
}


#header.fix.homemenu.homemenutop .navbar-light .navbar-nav .nav-link:hover {
    color: #fff!important;
}
.header.fix.homemenu.homemenubottom .navbar-light .navbar-nav .nav-link {
    color: #444;
}
.navbar li ul{
	display: none;
}
.navbar li:hover > ul {
    display: block;
    position: absolute;
    left: 0;
    top: 100%;
    padding: 0;
}
.navbar li > ul li:hover > ul{ top: 0; left: 100%; }
.navbar li li:hover li{
	background: #fff;
}
.navbar li ul li{
	border-top: 0;
}
.navbar ul ul{
  left: 100%;
  top: 0;
}

nav.primary-navigation ul li {
	 padding: 0px 24px 0px;
}

nav.primary-navigation ul.dropdown li {
	 padding: 0px 24px 20px;
}

  nav.primary-navigation ul li ul {
	 visibility: hidden;
	 opacity: 0;
	 position: absolute;
	 padding-left: 0;
	 left: 0;
	 display: none;
	 background: white;
}
    nav.primary-navigation ul li:hover > ul, nav.primary-navigation ul li ul:hover {
        visibility: visible;
        opacity: 1;
        display: block;
        min-width: 15rem;
        text-align: left;
        padding-top: 20px;
        box-shadow: 0px 3px 5px -1px #ccc;
    }
 nav.primary-navigation ul li ul li {
	 clear: both;
	 width: 100%;
	 text-align: left;
	 border-style: none;
}
 nav.primary-navigation ul li ul li a{ transition: all 0.3s ease; }
 nav.primary-navigation ul li ul li a:hover {
	 padding-left: 10px;
	 border-left: 2px solid var(--primary);
	 transition: all 0.3s ease;
     color: var(--primary);
     font-weight: 500;
}
 ul li ul li a {
	 transition: all 0.5s ease;
     color: var(--primary);
}


.navbar-light .navbar-nav .nav-link {
    color: #444;
    font-size: 1.3rem;
    letter-spacing: 0.5px;
    font-weight: 400;
    padding: 5px 0;
}
.navbar-light .navbar-nav .nav-link span {
    font-size: 1rem;
}

.navbar-light .navbar-nav .active > .nav-link {
    color: #2b80d9;
}
.nav-item {
    position: relative;
    transition: .3s linear;
}

/*.social-icons li a img {
    width: 36px;
    margin-right: 10px;
}

.navbar-light .navbar-nav .nav-item {
    margin: 3px 27px;
}

nav > ul > li > a:hover {
    color: #eb5556 !important;
}

.navbar li ul {
    padding: 0px;
    background: #fff;
}

.navbar li {
    float: left;
    position: relative;
    list-style: none;
    text-align: center;
    width: auto;
}

.navbar ul > li > ul > li:hover {
    background: #2268a3;
}

.navbar > ul > li > ul > li:hover a {
    color: #fff;
}

.navbar > ul > li > ul > li > ul > li a {
    color: #444 !important;
}

.navbar > ul > li > ul > li > ul > li:hover a {
    color: #fff !important;
}


.navbar li a {
    text-decoration: none;
    font-size: 22px;
    text-align: left;
    color: #222;
}

.navbar li > ul {
    display: none;
}

.navbar li:hover li {
    float: none;
}
.navbar li:hover > ul {
    display: block;
    position: absolute;
    background: #fff;
    width: 250px;
    border: 1px solid #f2f2f2;
}

.navbar ul > li > ul > li:hover > ul {
    display: block;
    position: absolute;
    left: 100%;
    top: 0;
}
.navbar li > ul li {
    border-top: 0;
}

.navbar ul > ul {
    left: 100%;
    top: 0;
}*/





/*banner*/
#banner {
    background-image: url(../images/slider/slider_bg.png); 
    background-size: cover;
    position: relative;
    height: 100vh;
}
#banner, #bannerSlider, #banner .slick-slide, #banner .caption{ height: 96vh; }
#banner .slick-slide {
    position: relative;
}
#banner .slick-slide img.img-right{ margin-left: auto; }


.overflow-hidden {
    overflow: hidden;
}

.drop-in {
    animation: drop-in 1s ease 200ms backwards;
}

.drop-in-2 {
    animation: drop-in 1200ms ease 500ms backwards;
}

@keyframes drop-in {
    from {
        opacity: 0;
        transform: translateY(-100px);
    }

    to {
        opacity: 1;
        transform: translate(0px);
    }
}

#banner .caption {
    position: absolute;
    transform: translate(-50%,-50%);
    top: 55%;
    left: 50%;
    width: 80%;
    color: #fff;
    z-index: 1;
    margin: 0 auto;
}

#banner h2 {
    color: #f7f7f7;
    font-size: 4rem;
    font-weight: 100;
}
#banner p {
    font-size: 18px;
    margin-top: 25px;
    margin-bottom: 40px;
    font-weight: 300;
}
@-webkit-keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 100%;
	}
}
@-moz-keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 100%;
	}
}
@keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 100%;
	}
}
 .scroll-btn {
	display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    bottom: -36px;
    background: #fff;
    border-radius: 21px;
    padding: 5px;
}
.scroll-btn > * {
	line-height: 18px;
	font-size: 13px;
	font-weight: normal;
	color: #7f8c8d;
	color: #ffffff;
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 2px;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *.active {
	color: #ffffff;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *:active,
.scroll-btn > *.active {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.scroll-btn .mouse {
	position: relative;
    display: block;
    width: 38px;
    height: 66px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 5px solid #0b1b8a;
    border-radius: 20px;
}
    .scroll-btn .mouse > * {
    position: absolute;
    display: block;
    top: 29%;
    left: 36%;
    width: 15px;
    height: 15px;
    margin: -4px 0 0 -4px;
    background: #0b1b8a;
        border-radius: 50%;
        -webkit-animation: ani-mouse 2.5s linear infinite;
        -moz-animation: ani-mouse 2.5s linear infinite;
        animation: ani-mouse 2.5s linear infinite;
    }



/*Section Title*/

.section-heading {
    margin-bottom: 4rem;
    position: relative;
}

.section-heading h1 {
    color: #3a3a3a;
    text-align: left;
    font-size: 3.4rem;
    position: relative;
    font-weight: 100;
}
.section-heading span{     font-weight: 600;
    color: var(--primary); }
.section-heading h4 {
    font-size: 1.25rem;
}



/*IT Services*/

#IT-Services{ position: relative; }
#IT-Services:before{ content: ''; position: absolute; top:0; left:0; width:100%; height:100%;  background-image: url(../images/bg-service.jpg);  background-size: cover;
    opacity: 0.2; z-index: -1;
 }
.it-services .card{ padding: 30px;
    border-radius: 20px; background-image: url(../images/services/bg1.jpg);
    background-size: cover;     border: none;
    transition: .3s linear;  
    margin-bottom: 0px; color: #404040;     width: 100%;
    min-width: 100%; height: 100%; position: relative;
    transform: scale(1); transition: .3s linear;
}

.it-services .card p{     display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden; margin-bottom: 0px; }
.it-services .card:hover{ 
    background: #0e2f75;
    color: #e1e1e1; transition: .3s linear;
}
.it-services .card img{     width: 70px;
    margin-bottom: 40px;   }
.it-services .card:hover img{  filter: invert(1); }
.it-services .card h3{     margin-bottom: 20px; font-weight: 700;
    font-size: 32px; }
/*#tab1 > div > div > a > div:hover:before{ content:'';     position: absolute;
    bottom: 0px;
    background-repeat: no-repeat;
    background-position: right bottom; }
#tab1 > div > div:nth-child(1) > a > div

#tab1 > div > div:nth-child(1) > a > div:hover :before{  background-image: url(../images/services/AI-white.png); }
#tab1 > div > div:nth-child(2) > a > div:hover:before{ background-image: url(../images/services/ML-white.png); }
#tab1 > div > div:nth-child(3) > a > div:hover:before{ background-image: url(../images/services/RPA-white.png); }
#tab1 > div > div:nth-child(4) > a > div:hover:before{ background-image: url(../images/services/AR_VR-white.png); }*/


.item-tab1 div > a > .card:hover::before,
.item-tab2 div > a > .card:hover::before,
.item-tab3 div > a > .card:hover::before{ content: '';
    position: absolute;
    top: 35%;
    transform: scale(1.1);
    transition: .3s linear;
    background-repeat: no-repeat;
    background-position: right bottom;
    right: 20px;
    z-index: 1;
    filter: invert(1);
    width: 100px;
    height: 100px;
    background-size: contain;
    opacity: 0.1;  }


.item-tab1 div:nth-child(1) > a > .card:hover::before {
    background-image: url(../images/icons/services/enterprise.png);
}
.item-tab1 div:nth-child(2) > a > .card:hover::before {
    background-image: url(../images/icons/services/digital.png);
}
.item-tab1 div:nth-child(3) > a > .card:hover::before {
    background-image: url(../images/icons/services/professional.png);
} 


.item-tab2 div:nth-child(1) > a > .card:hover::before {
    background-image: url(../images/icons/solutions/iot-solutions.png);
}
.item-tab2 div:nth-child(2) > a > .card:hover::before {
    background-image: url(../images/icons/solutions/health-solutions.png);
}
.item-tab2 div:nth-child(3) > a > .card:hover::before {
    background-image: url(../images/icons/solutions/retail-asset-solutions.png);
}
.item-tab2 div:nth-child(4) > a > .card:hover::before {
    background-image: url(../images/icons/solutions/asset-management.png);
}

.item-tab3 div:nth-child(1) > a > .card:hover::before {
    background-image: url(../images/icons/products/product-engineering.png);
}
.item-tab3 div:nth-child(2) > a > .card:hover::before {
    background-image: url(../images/icons/products/products-with-ai.png);
}
.item-tab3 div:nth-child(3) > a > .card:hover::before {
    background-image: url(../images/icons/products/erp-solutions.png);
}



.hide {
		display: none;
}

#material-tabs {
	position: relative;
	display: block;
	padding:0;
	border-bottom: 1px solid #e0e0e0;
}

#material-tabs>a {
	position: relative;
    display: inline-block;
    text-decoration: none;
    padding: 20px 0px;
    margin-right: 50px;
    font-size: 25px;
    font-weight: 600;
    color: #303030;
}

#material-tabs>a.active {
		font-weight: 700;
		outline:none;
}

#material-tabs>a:not(.active):hover {
		background-color: inherit;
		color: #7c848a;
}

@media only screen and (max-width: 520px) {
		.nav-tabs#material-tabs>li>a {
				font-size: 11px;
		}
}

#material-tabs a{ position: relative; }
.yellow-bar {
		position: absolute;
		z-index: 10;
		bottom: 0;
		height: 3px;
		background: var(--primary);
		display: none;
        opacity: 0;
		left: 0;
        width: 100%;
		transition: opacity .2s ease;
		-webkit-transition: left .2s ease;
}

#tab1-tab.active span.yellow-bar {
		display: block;
        opacity: 1;
}

#tab2-tab.active span.yellow-bar {
		display: block;
        opacity: 1;
}

#tab3-tab.active span.yellow-bar {
	    display: block;
        opacity: 1;
}

.itServicesSlider .slick-slide{ margin: 0px 10px; }
.itServicesSlider .slick-dots {     bottom: -40px; }


/*our-solutions*/

.our-solutions{  background-image: url(../images/bg1.jpg);  background-size: cover; }

.our-solutions .item img{ width: 70px; margin-bottom: 40px; }
.our-solutions .item h3{ color: var(--primary); font-size: 40px; }
.our-solutions .item p{ color: #222; }

/*.our-solutions .section-heading h4, .our-solutions .section-heading h1, .our-solutions .section-heading span{ color: #e1e1e1; }*/

#solutionSlider .slick-slide{
  background-color: #fff;
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: scale(0.9);
  transition: all 0.4s ease-in-out;
  border-radius: 20px;
  padding: 70px;
}
#solutionSlider .slick-list{ padding: 50px 20px!important; }
#solutionSlider .slick-track{ border-radius: 20px; }
#solutionSlider .slick-slide,
#solutionSlider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] {
  transform: scale(0.9, 0.9);
  transition: all 0.4s ease-in-out;
  z-index: 0;
}

/* Active center slide (You can change anything here for cenetr slide)*/
#solutionSlider .slick-center,
#solutionSlider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] {
  transform: scale(1.1);
  z-index: 1;
}
#solutionSlider .slick-current.slick-active{
  transform: scale(1.1);
  /*background-image: url(../images/bg1.jpg);*/     
  background: var(--primary);
  background-size: cover;
  background-position: center;
  padding: 0px -25px;
}
#solutionSlider .slick-current.slick-active .item img{     filter: invert(1); }
#solutionSlider .slick-current.slick-active .item h3, #solutionSlider .slick-current.slick-active .item p{ color: #fff; }
#solutionSlider .slick-current.slick-active .item .btn-arrow{ color: #fff;  }
#solutionSlider .slick-current.slick-active .item .btn-arrow span{ border: 1px solid #fff; }
.btn-arrow{ display: flex;
    align-items: center; }
.btn-arrow span{      
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px; }



/*your-industry*/

.your-industry{ background-image: url(../images/bg2.png); background-size: cover; }
.your-industry .item{ margin-top:35px;  background: #fff; border-top-left-radius: 40px; border-bottom-right-radius: 40px; }
.your-industry .img-industry{ position: relative; }
.your-industry .img-industry > img{ border-top-left-radius: 40px; border-bottom-right-radius: 40px; width:100%; }
.your-industry .section-heading h4, .your-industry .section-heading h1, .your-industry .section-heading span{ color: #e1e1e1; }
.your-industry .img-industry .icon{     position: absolute;
    bottom: 30px;
    left: 30px;
    width: 82px;
    border-radius: 0px;
    background: var(--primary);
    padding: 10px; }
.your-industry .img-industry .icon img{ filter: invert(1); }
.your-industry .item .caption{  transition: .3s linear; }
.your-industry .item h4{     position: relative;
    font-size: 36px;
    border-left: 6px solid var(--primary); color: #252531; 
    padding-left: 32px;
    margin: 25px 0px;
    display: inline-block; }
.your-industry .item .caption p{ display: none; opacity:0; transition: .3s linear; }
.your-industry .item .btn-arrow{ display: none; opacity:0; }
/*.your-industry .item .btn-arrow span{ border: 1px solid #000; }*/

#industrySlider{ position: relative; }
.your-industry .slick-slide{ margin:0px 20px; margin-bottom: 20px; }
.your-industry .slick-slide.slick-current .item { background: var(--primary); margin-top:0px; background-image: url(../images/bg1.jpg);    background-size: cover;
    background-position: left; }
/*.your-industry .slick-slide.slick-current .item h4{ border-left: 6px solid #fff; color: #fff;  }*/
.your-industry .slick-slide.slick-current .item p{ display: block; opacity:1; transition: .3s linear; }
.your-industry .slick-slide.slick-current .item .caption{  padding: 0px 40px 40px 40px; display: block; opacity:1; transition: .3s linear; }
.your-industry .slick-slide.slick-current .item .img-industry .icon{  background: #fff; }
.your-industry .slick-slide.slick-current .item .img-industry .icon img{  filter: initial; }
.your-industry .slick-slide.slick-current .item .btn-arrow{ display: flex; opacity:1; color: #000;}

.pagingInfo {
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    bottom: -55px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
}
/*.slider-progress {
    position: absolute;
    right: 75px;
    bottom: 25px;
    width: 55px;
    height: 0px;
    border: 1px solid #999;
}*/
.progress {
    display: block;
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    bottom: -32px;
    width: 160px;    height: 6px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #f5f5f5;
    background-image: linear-gradient(to right, #000, #000);
    background-repeat: no-repeat;
    background-size: 0 100%;
    transition: background-size .4s ease-in-out;    
}
.currentSlideNo {
    margin-right: 220px;
}




/*redefines-efficiency*/

.redefines-efficiency ul{ margin-top: 30px; padding: 0px; }
.redefines-efficiency ul li{ list-style: none;
    padding: 15px;
    border-bottom: 1px solid #ddd; }
.redefines-efficiency ul li:last-child{ border-bottom:none; }
.redefines-efficiency ul li a{     font-weight: 600;
    font-size: 22px; display: flex; align-items: center; }

.redefines-efficiency ul li a img{     margin-right: 15px; }


.verticalButton{
    z-index: 9;
    height: 60px;
    border-radius: 5px;
    font-weight: 500;
    position: fixed;
    top: 25%;
    background:#0c1d8b;
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform-origin: bottom right;
    color: #fff;
    right: 0;
}

/*footer*/

footer{ background-image: url(../images/footer_bg.png);    background-size: cover; padding: 18px 0px; }
footer a{ color: #d5d5d5;  }
.contact-details a{  display: flex; align-items: center; }
.contact-details a img{ margin-right: 10px; }

.social-icons{ padding:0px;     display: flex;  }
.social-icons li{  width: 36px;
    height: 36px; 
    border: 1px solid #fff;
    text-align: center;
    border-radius: 50%;
    margin: 6px;
 }
.social-icons li a{ color: #fff; font-size: 16px; }
.copyright{ color: #fff; font-size: 18px; }



/*inner page*/
.top-banner {
    position: relative;
    height: 50vh;
    background-size: cover;
        /*-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));*/
}
.top-banner:before{ content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #00000085; }

.top-banner-img {
    position: relative;
    height: 100%;
}

.top-banner h1 {
    font-size: 50px;
    font-weight: 600;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.top-banner .caption {
    position: absolute;
    transform: translateY(-50%);
    top: 54%;
    left: 11%;
    width: 35%;
    color: #fff;
    z-index: 1;
}

.top-banner nav{    position: absolute;
    bottom: -26px; display: none; }
.breadcrumb{ margin:0px;  }
.breadcrumb .breadcrumb-item i{ color: #0c1d8b; }

.service-page a { transition: .3s linear; }
.service-page a.active {
     font-weight: 600;
     color: #fff; transition: .3s linear;
}
.service-sidebar{     position: sticky;
    top: 160px;
    /*border: 1px solid #ddd;*/
    box-shadow: 0px 0px 147px 0px rgb(0 0 0 / 7%);
    padding: 10px 30px; background: var(--primary);
    max-width: 400px; width: 400px;
}
.service-sidebar:before{     content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../images/sidebar.png);
    width: 100%;
    height: 100%;
    background-size: cover;
    opacity: 0.3; }
.service-sidebar nav{     margin-bottom: 140px; }
.service-sidebar h4{     margin-top: 26px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    color: #fff;
    border-bottom: 1px solid #ddd; }
.service-sidebar ul {     padding-left: 0rem; }
.service-sidebar ul li span {
    margin-right: 5px;
    display: none;
    opacity: 0;
    transition: .3s linear;
}
.service-sidebar ul li a.active span, 
.service-sidebar ul li:hover a span {
    display: inline-block;
    opacity: 1;
    transition: .3s linear;
}
.service-sidebar ul li {
    padding: 10px 0px;
    position: relative;
    border-bottom: 1px solid #9d9d9d63;
    transition: .3s linear;
}
    .service-sidebar ul li:hover{ cursor: pointer;}
    .service-sidebar ul li:last-child {
        border-bottom: none;
    }
.service-sidebar ul li a {
    position: relative;
    color: #dfdfdf;
    font-size: 18px;
}
.service-sidebar ul li:hover a {
    color: #fff;
    font-weight: 500;
    margin-left: 5px;
    transition: .3s linear;

}


.service-page {
    background-image: url('../images/pattern-2.jpg');
    background-size: contain;
    background-attachment: fixed;
    background-position: center;
    position: relative;
} 
.service-page:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #eef0f62e;
} 
.service-page section{ margin: 30px 0px;    box-shadow: 0px 0px 147px 0px rgb(0 0 0 / 7%); }
.service-page section .caption{ padding: 40px; }
.service-page section .caption h2{  margin-bottom: 30px; }
    .service-page section .caption span {
        background: #ddd;
        border-radius: 50%;
        box-shadow: 0px 4px 3px rgb(11 27 137 / 45%);
        padding: 8px;
        text-align: center;
        margin-right: 20px;
    }
.service-page section .caption span{ background: #69728f; color: #fff; }
.service-page section .caption span img{ 
    filter: invert(1); }

.service-page .service-detail .item{     display: flex;
    align-items: start;     border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    margin-bottom: 15px; }
.service-page .service-detail .item p{ margin: 0px; }
.service-page .service-detail p{ font-weight: 400; }
.font-weight-bold {
    font-weight: 600!important;
}

.img-services{ position: relative; }
.img-services img{ filter: brightness(0.6); }
.img-services h2{
    position: absolute;
    bottom: 0;
    left: 0px;
    margin: 0;
    padding: 6px 22px 10px;
    color: #fff;
    background: linear-gradient(250deg, rgb(49 49 49 / 28%), rgb(11 27 137));
 }


/*solution page*/

.step-center-part:after {
    background-image: url(../images/right_arrow.png);
    background-repeat: no-repeat;
    bottom: -97px;
    content: "";
    display: block;
    height: 136px;
    position: absolute;
    right: 55px;
    width: 34px;
    z-index: 4;
}
.process-part{    
    color: #fff; }
.process-part .right .step-center-part:after {
    background-image: url(../images/left_arrow.png);
    left: 55px;
    right: auto;
}
.process-part .right:last-child .step-center-part:after{ display: none; }
.step-center-part img {
    border: 10px solid rgba(255,255,255,.1);
    border-radius: 50%;
    max-width: 270px!important;
}
.step-center-part img {
    border: 10px solid rgb(224 226 231);
    border-radius: 50%;
    max-width: 270px;
}
.step-title {
    font-size: 54px;
    margin-right: -30px;
    color: #fff;
}
.step-title span{ color: #00000085; }



/*about page*/

.about-overview{ background-image: url('../images/pattern-2.jpg');     background-size: contain; }
    .about-overview .shape {
        position: absolute;
        right: 0;
        opacity: 0.3;
    }
    .about-overview .img-about-thumbnail {
        position: absolute;
        top: 50%;
        right: 0%;
        width: 260px;
        transform: translateY(-50%);
        border: 10px solid #fff;
        right: -50px;
    }

.about-overview-1 .step-center-part img {
    border: 10px solid rgba(31,39,50,.05);
    border-radius: 50%;
    max-width: 190px!important;
}
.about-overview-1 h1.step-title{     color: #0c1d8b;
    font-weight: 700;
    font-size: 75px; }
.about-overview-1 h2.step-title{ color: #000; font-size: 30px; }

.advisory-div .img-about-thumbnail {
    position: absolute;
    left: -50px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 260px;
    border: 10px solid #fff;
}
.leadership_bg::before {
    content: '';
    background: url(../images/services/bg1.jpg) left no-repeat;
    background-size: cover;
    border: none;
    width: 100%;
    height: 100%;
    position: absolute;
    transition: .3s linear;
    right:0;
}
/*industry page*/
.list li {
    margin-bottom: 20px;
    display: flex;
}
.list li span{     line-height: 33px; margin-right:10px; }

.sectors img{ height: 320px;
    width: 100%;
    object-fit: cover; transition: .3s linear;  }
.sectors .item{ position: relative; overflow:hidden; transition: .3s linear;  }
.sectors .caption{     padding: 20px;
    box-shadow: 0px 0px 3px rgb(0 0 0 / 30%);
    margin: -30px auto;
    position: relative;
    background: #fff;
    width: 90%;     margin-bottom: 20px; }
.sectors .item h4{ font-weight: 600; color: var(--primary); }
.sectors .item p{ margin:0px; }
.sectors .item:hover img{ transform: scale(1.1); transition: .3s linear; }





/*career page*/

.contact-field input {
    width: 100%;
    padding-left: 15px;
    transition: .3s;
    border-radius: 0;
    border: 1px solid #eee;
    height: 50px;
    font-size: 18px;
}

.upload-btn-wrapper {
    position: relative;
}

    .upload-btn-wrapper .btn {
        background: #ffffff;
        max-height: 50px;
        display: flex;
        align-items: center;
        border: 1px solid #a1a1a1;
        border-radius: 0;
        cursor: pointer !important;
        position: relative;
    }

    .upload-btn-wrapper input[type=file] {
        font-size: 100px;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
    }


.panel-heading {
    padding: 0;
    border: 0;
}

.panel-default {
    border-bottom: 1px solid #ddd;
}

    .panel-default h4 {
        margin: 0px;
        color: var(--primary);
        font-size: 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

.panel-body h5 {
    padding-top: 20px;
    border-bottom: 1px solid #00adef;
    display: inline-block;
    font-weight: 600;
}

.panel-body {
    margin: 10px 0px;
}

.panel-title > a,
.panel-title > a:active {
    display: block;
    padding: 15px 0px;
    color: #555;
    text-transform: uppercase;
    letter-spacing: 1px;
    word-spacing: 3px;
    text-decoration: none;
    width: 100%;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

/*.panel-collapse.collapse.show{ display: block; }*/

.panel-heading a span {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: all 0.5s;
}

.panel-heading.active a span {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: all 0.5s;
}

.panel-heading {
    position: relative;
}

    .panel-heading::after {
        content: "";
        position: absolute;
        bottom: -0.01em;
        left: 0;
        width: 100%;
        height: 1px;
        background-repeat: no-repeat;
        background-image: linear-gradient(to right, var(--primary) 50%, rgb(33 33 33 / 0%) 50%);
        background-size: 200% 100%;
        background-position: 100% 50%;
        transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .panel-heading:hover::after {
        background-position: 0% 50%;
    }

    .panel-heading:hover::after {
        background-position: 0% 50%;
    }




#recentOpenings .card-header {
    display: flex;
    justify-content: space-between;
}



/*contact page*/

.contact-item{ display: flex; flex-wrap: nowrap; margin-bottom: 10px; }
.contact-item span{      font-size: 20px;
    text-align: center;
    width: 52px;
    height: 52px;
    line-height: 42px;
    margin-bottom: 20px;
    color: #ffffff;
    background-color: #0c1d8b;
    border-radius: 50%;
    display: block;
    position: relative;
    margin-right: auto;
    margin-left: auto; }
.contact-item a{ color: #555; }
.contact-item img {
    width: 25px;
}

.form-group{ position: relative; }
.form-control{     height: 50px;
    font-size: 18px;
    border-radius: 0px;
    margin-bottom: 32px; }

.contact-form form{   
    max-width: 600px;
    margin: 0 auto; }


/*solutions - Iotsolutions*/

.iot-solutions span {
    font-weight: 700;
    color: var(--primary);
}


.iot-sectors .caption {
    padding: 30px 25px;
    width: 85%;
    height: 220px;
    overflow-y: auto;
    border-radius: 30px 0 0 0;
}

.iot-sectors .sectors img {
    height: 428px;
    border-radius: 100px 0 0 0; 
}
.iot-sectors .item {
    position: relative;
    height: 100%;
    overflow: initial;
    width: calc(100% - 40px);
}
.iot-sectors .item-img {
    position: relative;
    overflow: hidden;
}
.iot-sectors .item-img::before {
    content: '';
    background: linear-gradient(180deg, rgba(15,45,121,0) 40%, rgba(15,45,121,1) 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0px;
}

.iot-sectors .sectors h4 {
    font-size: 28px;
    font-weight: 600;
    color: #fff;
    position: absolute;
    bottom: 3rem;
    left: 0;
    right: 0; 
    text-align: center;
}


/*health*/

.health ul li{
    list-style-type: disc;
}



/*industry pharma*/
.pharma span {
    color: var(--primary);
    font-weight:600;
}

.pharma1 h1 {
    font-weight: 600;
    color: var(--primary);
    font-size:40px;
}

.pharma1 section {
    box-shadow:none;
}

.tick-icon span {
    background: #ddd;
    border-radius: 50%;
    box-shadow: 0px 4px 3px rgb(11 27 137 / 45%);
    padding: 8px;
    text-align: center;
    margin-right: 12px;
    background: #69728f;
    color: #fff;
    font-size:1.5rem;
}


.service-detail2 .item{
    height:100%
}


/*case study*/
.case-study {
    background-color: #EFF0F5;
    padding:2rem 4rem;
    border-radius:1rem;
}

.case-study h2{
    font-size:40px;
    font-weight: 600;
    color: var(--primary);
}

    .case-study a {
        font-size: 20px;
        color: #404040;
        font-weight:600;
        text-decoration:underline;
    }
.parsley-errors-list {
  margin: 2px 0 3px;
  padding: 0;
  list-style-type: none;
  font-size: 1em;
  line-height: 1.2em;
  opacity: 0;
  color: #dc3545;
  transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
}

.parsley-errors-list.filled {
  opacity: 1;
}
/*.parsley-required {
    background: #fde8e8;
    display: inline-block;
    font-size: 11px;
    padding: 2px 5px;
    position: relative;
    margin-top: 5px;
    border-radius: 4px;
}

.parsley-required:before {
    position: absolute;
    top: -17px;
    left: 50%;
    content: '';
    border: 10px solid transparent;
    border-bottom-color: #fde8e8;
    transform: translateX(-50%);
}*/
.parsley-errors-list.filled li {
    background: #fde8e8;
    display: inline-block;
    font-size: 11px;
    padding: 2px 5px;
    position: relative;
    margin-top: 5px;
    border-radius: 4px;
}

.parsley-errors-list.filled li:before {
    position: absolute;
    top: -17px;
    left: 50%;
    content: '';
    border: 10px solid transparent;
    border-bottom-color: #fde8e8;
    transform: translateX(-50%);
}

 

@media (min-width: 1600px) {

    /*.container {
        max-width: 1500px;
    }*/
    .container {
        max-width: 1800px;
    }
}


@media screen and (min-width:1152px) {
    .container-full {
        max-width: 100%;
        padding: 0 5rem;
        margin: 0 auto;
    }
    .extra_padding_left {
        padding-left:100px;
    }
    header .container-full {
        padding: 0 3rem;
    }
}


@media screen and (min-width:1200px) and (max-width:1599px) {
    .block {
        padding: 5rem 0;
    }
    #banner h2 {
        font-size: 3rem;
     }
    .service-sidebar {
        width: 350px;
    }
  
}



@media (min-width: 992px) and (max-width: 1599px) {

    #solutionSlider .slick-slide{ padding: 10px; }

}


@media screen and (min-width:992px) and (max-width:1599px) {

    p, li{ font-size: 18px; } 
    nav.primary-navigation ul li {
    padding: 0px 16px 0px;
}
    .navbar-light .navbar-nav .nav-link, .navbar li a{     font-size: 18px; }

    #header.fix .offscroll-logo {
        width: 150px !important;
    }
    #banner, #bannerSlider, #banner .slick-slide, #banner .caption {
        height: 95vh;
    }  
      

    .scroll-btn .mouse{      width: 34px;
    height: 60px;
    border: 4px solid #0b1b8a; }
    .scroll-btn .mouse > *{  top: 29%; left: 42%; width: 12px; height: 12px; margin: -4px 0 0 -4px; }

    .section-heading h4 {
        font-size: 1.25rem;
    } 
    .section-heading h1 {
        font-size: 2.8rem;
    }
   
    #material-tabs>a{     font-size: 22px; }

    .it-services .card h3{     font-size: 32px;  }
    .it-services .card img{ width: 52px; margin-bottom: 30px; }

    .our-solutions .item{  padding: 30px; }
    .our-solutions .item img{ width: 50px; margin-bottom: 20px; }
    .our-solutions .item h3{ font-size: 30px; }
    #solutionSlider .slick-slide{ margin: 0px 10px; }

    .your-industry .item h4{ font-size: 24px; margin: 20px 0px; }
    .your-industry .img-industry .icon{     bottom: 20px;
    left: 20px;
    width: 60px; }
  
   

    .img-efficiency{ width: 450px; }
    .redefines-efficiency ul li a{     font-size: 18px;  }
    .redefines-efficiency ul li a img{ width: 40px; }

    footer a, footer p{ font-size: 16px; }
    .footer-logo{ width: 150px; margin-bottom: 10px; }

    .contact-item i{ font-size: 20px; width: 50px; height: 50px; line-height: 50px; }
    .contact-item a{ font-size: 18px;  }
}

@media screen and (min-width:992px) and (max-width:1199px) {

    #banner h2 {
        font-size: 2.5rem;
    }
    #solutionSlider .slick-slide {
        padding: 10px;
    }

    .img-services h2 {
        font-size: 26px;
    }

    .service-sidebar {
        width: 292px;
    }

    .navbar-light .navbar-nav .nav-link, .navbar li a {
        font-size: 1rem;
    }

    nav.primary-navigation ul li {
        padding: 0px 12px 0px;
    }

}
 


@media (max-width: 991px) {

    .navbar-toggler:focus {
        outline: 0;
    }

    .navbar-toggler-icon {
        background-image: none !important;
    }

    .navbar-toggler {
        font-size: 1rem;
        border: none;
        padding: 0;
        overflow: hidden;
        border-radius: 0;
    }

        .navbar-toggler span.navbar-toggler-icon {
            display: block;
            position: relative;
            width: 22px;
            height: 15px;
            cursor: pointer;
            -moz-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
            -webkit-transition: all 0.25s ease-in-out;
            -moz-transition: all 0.25s ease-in-out;
            -o-transition: all 0.25s ease-in-out;
            transition: all 0.25s ease-in-out;
            color: #a81531;
            font-weight: bold;
            margin: 0 auto;
            perspective: 200px;
        }

        .navbar-toggler:not(.collapsed) span.navbar-toggler-icon {
            height: 20px;
        }

        .navbar-toggler span.navbar-toggler-icon span:nth-child(1) {
            top: 0px;
        }

        .navbar-toggler span.navbar-toggler-icon span:nth-child(2) {
            top: 6px;
        }

        .navbar-toggler span.navbar-toggler-icon span:nth-child(3) {
            top: 12px;
        }

        .navbar-toggler span.navbar-toggler-icon span {
            display: block;
            position: absolute;
            left: 0;
            width: 20px;
            height: 1px;
            background: #000;
            opacity: 1;
            z-index: 1;
            -moz-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
            -webkit-transition: all 0.25s ease-in-out;
            -moz-transition: all 0.25s ease-in-out;
            -o-transition: all 0.25s ease-in-out;
            transition: all 0.25s ease-in-out;
        }

        .navbar-toggler:not(.collapsed) span.navbar-toggler-icon span {
            background: #0c1d8b;
        }

            .navbar-toggler:not(.collapsed) span.navbar-toggler-icon span:nth-child(1) {
                top: 10px;
                -moz-transform: rotate(135deg);
                -webkit-transform: rotate(135deg);
                transform: rotate(135deg);
            }

            .navbar-toggler:not(.collapsed) span.navbar-toggler-icon span:nth-child(2) {
                opacity: 0;
                left: -60px;
            }

            .navbar-toggler:not(.collapsed) span.navbar-toggler-icon span:nth-child(3) {
                top: 10px;
                -moz-transform: rotate(-135deg);
                -webkit-transform: rotate(-135deg);
                transform: rotate(-135deg);
            }

    .navbar-toggler {
        padding: 0.2rem;
        font-size: 0.9rem;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
    }

    .case-study h2 {
        font-size: 20px;
    }

    .case-study {
        padding: 1rem 2rem;
        border-radius: 0.5rem;
    }
    .iot-sectors .item {
        width:auto;
    }

    

}


@media (max-width: 991px) {

    #header.fix .onscroll-logo {
        display: block!important;
    }
    #header.fix .offscroll-logo {
        display: none!important;
    }
    nav.primary-navigation ul li {
        padding: 1rem 0 0;  
    }
    nav.primary-navigation ul li:last-child {
        padding: 1rem 0 0;
    }
    .navbar-light .navbar-nav .nav-link{ color: #444!important; font-size:18px; }
    nav.primary-navigation ul li:hover > ul, nav.primary-navigation ul li ul:hover{ position: relative; box-shadow:none; left: auto; margin-top: 8px;  padding-top: 0px; }
    nav.primary-navigation ul.dropdown li { padding: 0px 20px 10px; font-size:18px; color: #444!important; }

    .section-heading h4 { font-size: 1.25rem; }
    .section-heading h1 { font-size: 2.25rem; }

    #banner, #bannerSlider, #banner .slick-slide, #banner .caption{ height: 85vh; }
    #banner .caption{ top: 52%; }

    #industrySlider{ margin-top: 40px; }
    #solutionSlider .slick-slide{ padding: 0px; }

    .service-page section .caption { padding: 30px; }
    .service-page section .caption h2{ font-size: 30px; }

    .footer-logo{  width: 150px; margin-bottom: 20px; }
    .contact-item {  margin-bottom: 20px; }
    .contact-item h4{ margin:0px; }
    .contact-item i{  margin-bottom: 10px; }
    .footer-links a{ margin-right: 10px; }
    footer a{ font-size: 16px; }

    .img-services h2{ position: relative; left: auto; bottom: auto;     background: transparent;
    padding: 20px 0 0 20px;
    color: #404040;     font-size: 26px; }

    .top-banner h1{     font-size: 32px;
    width: 92%;
    text-align: center; }
    .service-page section .caption span{     width: 30px;
    height: 30px;
    line-height: 30px;     font-size: 20px; }

    .verticalButton{ height: 42px; }


}

@media (min-width: 768px) and (max-width:991px) {
    .block {
        padding: 4rem 0;
    }
    p{ font-size: 16px; }
    #header.fix{ position: relative; } 

    #banner, #bannerSlider, #banner .slick-slide, #banner .caption{ height: 80vh; }
    #banner h2{ font-size: 42px; }

    .btn{ padding: 8px 24px; font-size: 18px; }
    .btn-primary span{     font-size: 17px; }
    
    .scroll-btn .mouse{     width: 22px;
    height: 43px;     border: 3px solid #0b1b8a; }
    .scroll-btn .mouse > *{  top: 29%; left: 50%; width: 8px; height: 8px; margin: -4px 0 0 -4px; }
     

    #material-tabs>a{     font-size: 22px; }

    .it-services .card h3{     font-size: 32px; }
    .it-services .card img{ width: 52px; margin-bottom: 30px; }

    .our-solutions .item{  padding: 30px; }
    .our-solutions .item img{ width: 50px; margin-bottom: 20px; }
    .our-solutions .item h3{ font-size: 30px; }
    #solutionSlider .slick-slide{ margin: 0px 10px; }

    .your-industry .item h4{ font-size: 24px; margin: 20px 0px; }
    .your-industry .img-industry .icon{     bottom: 20px;
    left: 20px;
    width: 60px; }

    .img-efficiency{ width: 450px; }
    .redefines-efficiency ul li a{     font-size: 18px;  }
    .redefines-efficiency ul li a img{ width: 40px; }

    .service-sidebar{    padding: 10px 20px; top: 40px;    width: 240px; }
    .service-sidebar h4{ font-size: 22px; }
    .service-sidebar ul li a{ font-size: 16px; }

    .contact-item i{     font-size: 18px;
    width: 50px;
    height: 50px;
    line-height: 50px; }
    .contact-item a{     font-size: 18px; }
    .footer a{     font-size: 16px; }

   
}


@media (max-width: 767px) {
    body,p{ font-size: 16px; }
    #header.fix{ position: relative; }
    /*#header.fix .offscroll-logo{ display:none; }
    #header.fix .onscroll-logo{ display:block; width: 120px; }*/


        #banner h2{ font-size: 36px; }
    #banner .btn{      padding: 10px 24px;
    font-size: 18px; }
    #banner .btn-default span{     font-size: 22px; }

    .btn{ padding: 8px 24px; font-size: 18px; }
    .btn-primary span{     font-size: 17px; }

    .scroll-btn .mouse{     width: 22px;
    height: 43px;     border: 3px solid #0b1b8a; }
    .scroll-btn .mouse > *{  top: 29%; left: 50%; width: 8px; height: 8px; margin: -4px 0 0 -4px; }
     
    #material-tabs>a{   margin-right: 30px; font-size: 18px; }

    .it-services .card h3{ font-size: 30px; }

    .our-solutions .item{  padding: 30px; }
    .our-solutions .item img{ width: 50px; margin-bottom: 20px; }
    .our-solutions .item h3{ font-size: 30px; }
    #solutionSlider .slick-slide{ margin: 0px 10px; }

    .your-industry .item h4{ font-size: 24px; margin: 20px 0px; }
    .your-industry .img-industry .icon{     bottom: 20px;
    left: 20px;
    width: 60px; }

    .redefines-efficiency ul li a{     font-size: 18px;  }
    .redefines-efficiency ul li a img{ width: 40px; }

    .contact-details a img { margin-right: 16px; width: 24px; }
    footer a{ font-size: 16px; }
    .footer-logo{ width: 150px; }

    .service-sidebar{ display: none; }

    .contact-item{     flex-wrap: wrap;
    justify-content: center;
    text-align: center; }
    .social-icons li{ line-height: 36px; }

    .pagingInfo{ bottom: -50px; }

    .advisory-div .img-about-thumbnail {
        left:unset;
        right:-50px;
    }

    .iot-sectors .item {
        width:auto;
    }

    .iot-sectors .caption {
        width: 90%;
        height: auto;
    }
        .iot-sectors .sectors img {
            height: 400px;
        }


    .tick-icon span {
        font-size:1rem;
    }
}



@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.eot?jcjima');
    src: url('fonts/icomoon.eot?jcjima#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?jcjima') format('truetype'), url('fonts/icomoon.woff?jcjima') format('woff'), url('fonts/icomoon.svg?jcjima#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-play_arrow:before {
    content: "\e907";
}

.icon-call_made:before {
    content: "\e901";
}

.icon-check_circle_outline:before {
    content: "\e906";
}

.icon-arrow-right-circle:before {
    content: "\e900";
}

.icon-check-circle:before {
    content: "\e902";
}

.icon-chevron-down:before {
    content: "\e903";
}

.icon-chevron-left:before {
    content: "\e904";
}

.icon-chevron-right:before {
    content: "\e905";
}

.parsley-errors-list {
  margin: 2px 0 3px;
  padding: 0;
  list-style-type: none;
  font-size: 1em;
  line-height: 1.2em;
  opacity: 0;
  color: #dc3545;
  transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
}

.parsley-errors-list.filled {
  opacity: 1;
}
/*.parsley-required {
    background: #fde8e8;
    display: inline-block;
    font-size: 11px;
    padding: 2px 5px;
    position: relative;
    margin-top: 5px;
    border-radius: 4px;
}

.parsley-required:before {
    position: absolute;
    top: -17px;
    left: 50%;
    content: '';
    border: 10px solid transparent;
    border-bottom-color: #fde8e8;
    transform: translateX(-50%);
}*/
.parsley-errors-list.filled li {
    background: #fde8e8;
    display: inline-block;
    font-size: 11px;
    padding: 2px 5px;
    position: relative;
    margin-top: 5px;
    border-radius: 4px;
}

.parsley-errors-list.filled li:before {
    position: absolute;
    top: -17px;
    left: 50%;
    content: '';
    border: 10px solid transparent;
    border-bottom-color: #fde8e8;
    transform: translateX(-50%);
}