@charset "UTF-8";
html {
overflow-x: hidden;
overflow-y: auto;
height: 100%;
font-size: 16px;
}
body {
font-size: 100%;
height: 100%;
font-family: "Muli", sans-serif;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
}
.btn-primary {
color: #fff;
}
.btn-primary:hover {
color: #fff;
}
.btn {
padding: 0.375em 0.75em;
font-size: 1em;
}
.btn-lg,
.btn-group-lg>.btn {
padding: 0.5em 1em;
font-size: 1.25em;
}
.btn-sm,
.btn-group-sm>.btn {
padding: 0.25em 0.5em;
font-size: 0.875em;
}
.wrapper {
min-height: 100%;
padding-bottom: 36.875em;
}
.btn-rounded {
border-radius: 22.5rem;
-webkit-border-radius: 22.5rem;
-moz-border-radius: 22.5rem;
-ms-border-radius: 22.5rem;
}
.btnCus {
margin: 40px 0 30px;
}
header {
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 99;
}
header .navbar {
padding: 0.5em 1em;
}
header .navbar-brand {
font-size: 1.25em;
padding: 0;
margin-right: 0.5em;
}
header .navbar-brand img {
height: 2.65em;
width: auto;
transition: 0.3s ease-in-out;
}
.body-scroll .navbar-light .navbar-nav.main-nav .nav-link {
padding: 0.1em 1em;
}
.body-scroll header {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.body-scroll header .navbar-brand img {
height: 1.75em;
}
.navbar-toggler {
padding: 0.25em 0.75em;
font-size: 1.25em;
margin-left: 1em;
}
.hamburger {
font: inherit;
display: inline-block;
overflow: visible;
margin: 0;
padding: 10px 0 10px 10px;
cursor: pointer;
transition-timing-function: linear;
transition-duration: 0.15s;
transition-property: opacity, filter;
text-transform: none;
color: inherit;
border: 0;
background-color: transparent;
}
.hamburger.is-active:hover,
.hamburger:hover {
opacity: 0.9;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner:after,
.hamburger.is-active .hamburger-inner:before {
background-color: #f79c2e;
}
.hamburger-box {
position: relative;
display: inline-block;
width: 2.5em;
height: 3px;
}
.hamburger-inner {
top: 50%;
display: block;
margin-top: -2px;
}
.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
position: absolute;
width: 2.25em;
height: 3px;
transition-timing-function: ease;
transition-duration: 0.15s;
transition-property: transform;
border-radius: 3px;
background-color: #f79c2e;
}
.hamburger-inner:after,
.hamburger-inner:before {
display: block;
content: "";
}
.hamburger-inner:before {
top: -10px;
}
.hamburger-inner:after {
top: 10px;
}
.hamburger .hamburger-inner {
top: auto;
transition-delay: 0s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-duration: 0.13s;
}
.hamburger .hamburger-inner:after {
transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, opacity 0s linear;
}
.hamburger .hamburger-inner:before {
transition: top 0.1s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger.is-active .hamburger-inner {
transition-delay: 0.22s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, -3px, 0) rotate(-45deg);
-webkit-transform: translate3d(0, -3px, 0) rotate(-45deg);
-moz-transform: translate3d(0, -3px, 0) rotate(-45deg);
}
.hamburger.is-active .hamburger-inner:after {
top: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s linear 0.22s;
opacity: 0;
}
.hamburger.is-active .hamburger-inner:before {
top: 0;
transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.15s, transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
transform: rotate(90deg);
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
}
.navbar {
background: #fff;
}
.navbar .contact-menu {
margin-left: 0.625em;
flex-direction: row;
}
.navbar .contact-menu .media {
padding: 20px 0px 0px;
}
.navbar .ig-megamenu.contact-menu .megamenu-header {
color: #000000;
/* font-size: 20px;
*/
margin-top: 14px;
}
.navbar .contact-menu .nav-item+.nav-item {
margin-left: 0.625em;
}
.navbar .contact-menu .nav-link {
border: 2px solid #f79c2e;
border-radius: 360px;
-webkit-border-radius: 360px;
-moz-border-radius: 360px;
-ms-border-radius: 360px;
width: 2.222em;
height: 2.222em;
text-align: center;
line-height: normal;
color: #f79c2e;
font-size: 1.125em;
transition: 0.3s ease-in-out;
padding: 0.4em;
}
.navbar .ig-megamenu.contact-menu .nav-link {
padding: 5px 18px !important;
background: #f79c2e;
/* line-height: 28px;
*/
width: auto;
border-radius: 5px;
color: #fff;
}
.navbar .ig-megamenu.contact-menu .nav-link i.far.fa-envelope {
margin-right: 0.3em;
margin-top:2px;
color: #fff;
}
.navbar .contact-menu .nav-link:hover,
.navbar .ig-megamenu.contact-menu .nav-link:hover,
.navbar .ig-megamenu.contact-menu .nav-link:focus,
.navbar .contact-menu .nav-item.show .nav-link {
color: #f79c2e;
background: #fff;
outline: none;
}
.navbar .contact-menu .nav-link:hover,
.navbar .ig-megamenu.contact-menu .nav-link:hover,
.navbar .contact-menu .nav-item.show .nav-link {
color: #f79c2e !important;
background: #fff !important;
outline: none;
}
.navbar .contact-menu .nav-link:hover i.far.fa-envelope,
.navbar .ig-megamenu.contact-menu .nav-link:hover i.far.fa-envelope,
.navbar .contact-menu .nav-item.show .nav-link i.far.fa-envelope {
color: #f79c2e;
}
.navbar .ig-megamenu.contact-menu .nav-link::before {
display: none;
}
.navbar .contact-menu .nav-link.active {
color: #fff;
background: #f79c2e;
}
.navbar .ig-megamenu img {
max-width: 100%;
}
.navbar .ig-megamenu .nav-link {
color: #2d2f3c;
font-weight: 700;
text-transform: uppercase;
font-size: 14px;
padding: 0.5em 1em;
transition: 0.3s ease-in-out;
position: relative;
/*margin-top: 10px;
*/
}
.navbar .ig-megamenu .nav-link .fa {
display: none;
}
.navbar .ig-megamenu .nav-link:hover {
color: #f79c2e;
}
.navbar .ig-megamenu .nav-link:before {
content: "";
position: absolute;
transition: transform 0.5s ease;
left: 0;
bottom: -0.85em;
width: 100%;
height: 2px;
background: #f79c2e;
transform: scaleX(0);
}
.navbar .ig-megamenu .nav-link:hover:before {
transform: scaleX(1);
}
.navbar .ig-megamenu li {
position: static;
}
.navbar .ig-megamenu .ig-menu-li.show>a {
color: #f79c2e;
display: flex;
justify-content: space-between;
}
.navbar .ig-megamenu .ig-menu-li.show>a:before {
transform: scaleX(1);
}
.navbar .ig-megamenu .back {
display: none;
}
.navbar .ig-megamenu .dropdown-menu {
font-size: 1em;
width: 100%;
border-color: #f3f0f0;
margin-top: 0;
box-shadow: 0 14px 14px 0 rgba(0, 0, 0, 0.1);
border-radius: 0;
padding: 1.563em 0;
max-height: calc(100vh - 50px);
overflow: auto;
}
.navbar .ig-megamenu .megamenu-header {
text-transform: uppercase;
font-weight: 700;
margin-bottom: 5px;
display: block;
color: #f79c2e;
font-size: 1em;
}
.navbar .ig-megamenu .megamenu-header .fa {
display: none;
}
.navbar .ig-megamenu .megamenu-header:after {
display: none;
}
.navbar .ig-megamenu .megamenu-header:hover {
text-decoration: none;
}
.navbar .ig-megamenu .ig-menu-content .menu-image {
max-width: 100%;
height: auto;
}
.navbar .ig-megamenu .ig-menu-content .menu-header {
font-size: 2.125em;
font-weight: 700;
color: #2d2f3c;
text-transform: uppercase;
margin: 0.5em 0;
}
.navbar .ig-megamenu .ig-menu-content ul {
padding: 0;
list-style-type: none;
margin-bottom: 1.25em;
}
.navbar .ig-megamenu .ig-menu-content ul li {
padding: 0.188em 0;
margin: 0;
}
.navbar .ig-megamenu .ig-menu-content ul li a:not(.megamenu-header) {
font-size: 0.875em;
color: #2d2f3c;
font-weight: 600;
}
.dpcontactBanner {
position: relative;
margin: 20px 0px;
}
.dpcontactBanner>.btn {
position: absolute;
left: 50px;
bottom: 20px;
border-radius: 30px;
padding: 10px 20px;
font-size: 20px;
}
.navbar .navbar-nav.contact-menu>li.dropdown>a {
/* position: relative;
*/
color: #f79c2e;
}
.navbar .navbar-nav.contact-menu>li.dropdown>a:hover {
color: #ffffff;
}
.navbar .ig-megamenu .ig-menu-content ul li a:not(.megamenu-header):hover {
text-decoration: none;
color: #f79c2e;
}
.navbar .navbar-nav.contact-menu>li.dropdown>a {
/* position: relative;
*/
color: #f79c2e;
}
.navbar .navbar-nav.contact-menu>li.dropdown>a:hover {
color: #ffffff;
}
/* .navbar .navbar-nav .dropdown-menu.contact-tel-list {
position: absolute;
width: auto;
right: 0;
left: auto;
min-width: 180px;
background: #ffffff;
border-radius: 4px;
border: none;
z-index: 1;
box-shadow: 0 1px 10px 2px rgba(0, 0, 0, 0.1);
padding-left: 12px;
padding-right: 12px;
}
.navbar .navbar-nav .dropdown-menu.contact-tel-list a {
padding: 8px 0px;
}
.navbar .navbar-nav .dropdown-menu.contact-tel-list a>.flag-icon {
width: 24px;
height: auto;
vertical-align: middle;
}
.navbar .navbar-nav .dropdown-menu.contact-tel-list a>span {
vertical-align: middle;
padding-left: 4px;
}
.navbar .navbar-nav .dropdown-menu.contact-tel-list a:hover {
background-color: transparent;
color: #000000;
}
.navbar .navbar-nav .dropdown-menu.contact-tel-list a+a {
border-top: 1px solid rgb(245, 245, 245);
color: #2d2f3c: 
}
*/
.banner-section {
position: relative;
}
.banner-section .btn-outline-primary {
color: #fff;
border-width: 0.125em;
padding: 0.375em 1.2em;
}
/* Novak */
.slider-icon {
position: relative;
}
.slider-icon::after {
box-shadow: 0 0 0 0.188em rgba(247, 156, 46, 0.1);
position: absolute;
top: 50%;
left: 50%;
margin: -1.563em 0 0 -1.563em;
width: 3.125em;
height: 3.125em;
border-radius: 50%;
content: "";
opacity: 0;
pointer-events: none;
}
li.active .slider-icon::after {
-webkit-animation: anim-effect-tamara 0.5s ease-out forwards;
animation: anim-effect-tamara 0.5s ease-out forwards;
}
@-webkit-keyframes anim-effect-tamara {
0% {
box-shadow: 0 0 0 3px #f79c2e;
opacity: 1;
-webkit-transform: scale3d(0.6, 0.6, 1);
transform: scale3d(0.6, 0.6, 1);
}
100% {
box-shadow: 0 0 0 50px rgba(247, 156, 46, 0);
opacity: 0;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes anim-effect-tamara {
0% {
box-shadow: 0 0 0 3px #f79c2e;
opacity: 1;
-webkit-transform: scale3d(0.6, 0.6, 1);
transform: scale3d(0.6, 0.6, 1);
}
100% {
box-shadow: 0 0 0 50px rgba(247, 156, 46, 0);
opacity: 0;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.banner-heading {
font-size: 3.75em;
color: #fff;
font-weight: 800;
text-transform: uppercase;
margin-bottom: 0.5em;
}
.banner-desc {
font-size: 1.375em;
color: #fff;
margin-bottom: 1.818em;
max-width: 56.25em;
white-space: normal !important;
text-align: center;
margin: 0 auto 1.818em;
}
.banner-thumbnail {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 25;
overflow: hidden;
}
.banner-thumbnail ul {
padding: 0;
margin: 0;
}
.banner-thumbnail ul .slick-slide {
background: #fff;
list-style-type: none;
padding: 0.938em;
cursor: pointer;
position: relative;
}
.banner-thumbnail ul .slick-slide .slide-number {
font-size: 0.875em;
font-weight: 600;
margin-bottom: 0.357em;
display: block;
}
.banner-thumbnail ul .slick-slide .slider-icon {
width: 1.923em;
height: 1.923em;
font-size: 1.625em;
line-height: 1.923em;
text-align: center;
background: #2d2f3c;
color: #ffffff;
border-radius: 360px;
display: block;
}
.banner-thumbnail ul .slick-slide .slider-text {
width: calc(100% - 10em);
color: rgba(102, 102, 102, 0.6);
}
.banner-thumbnail ul .slick-slide .slider-text strong {
color: #2d2f3c;
font-weight: 700;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
}
.banner-thumbnail ul .slick-slide .slider-text span {
display: block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.banner-thumbnail ul .slick-slide.slick-current {
background: rgba(255, 255, 255, 0.1);
color: #fff;
}
.banner-thumbnail ul .slick-slide.slick-current .tp-bannertimer {
display: block;
}
.banner-thumbnail ul .slick-slide.slick-current .slider-icon {
color: #fff;
background: #f79c2e;
}
.banner-thumbnail ul .slick-slide.slick-current .slider-text {
color: #fff;
}
.banner-thumbnail ul .slick-slide.slick-current .slider-text strong {
color: #fff;
}
/*.banner-thumbnail ul .slick-slide.slick-current:after {
position: absolute;
left: 0;
top: 0;
width: 0;
animation: ProgressDots 10s both;
content: "";
height: 5px;
background: #f79c2e;
}*/
@-webkit-keyframes ProgressDots {
from {
width: 0px;
}
to {
width: 100%;
}
}
@keyframes ProgressDots {
from {
width: 0px;
}
to {
width: 100%;
}
}
.heading {
padding-top: 1em;
}
.heading .heading-info {
color: #2d2f3c;
font-weight: 600;
text-align: center;
line-height: normal;
margin-bottom: 0.5em;
}
.heading .section-heading {
font-size: 2.875em;
color: #f79c2e;
font-weight: 800;
text-align: center;
line-height: 1em;
margin-bottom: 0.217em;
}
.heading .section-heading span {
color: #2d2f3c;
}
.heading .heading-desc {
font-size: 1.125em;
color: #8b8b8b;
text-align: center;
line-height: 1.556em;
max-width: 80%;
margin: auto;
margin-bottom: 1.667em;
}
.heading.heading-inverse .heading-info {
color: #fff;
}
.heading.heading-inverse .section-heading span {
color: #fff;
}
.heading.heading-inverse .section-heading span sup {
top: -1.5em;
font-size: medium;
}
.heading.heading-inverse .heading-desc {
color: #fff;
}
.home-section {
padding: 2.813em 0 3.75em;
}
.logo-placeholder {
background-image: url(../png/logo-gray.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 80%;
}
.service-box {
background-color: #ababab;
position: relative;
border-radius: 0.938em;
-webkit-border-radius: 0.938em;
-moz-border-radius: 0.938em;
-ms-border-radius: 0.938em;
margin: 0.938em 0;
overflow: hidden;
padding-bottom: 66%;
display: block;
}
.service-box img {
width: 100%;
height: auto;
}
.service-box .service-img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: 100% 100%;
background-position: center center;
background-repeat: no-repeat;
transform: scale(1);
transition: 0.5s ease-in-out;
}
.service-box .service-img:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0);
transition: 0.5s ease-in-out;
}
.service-box .service-info {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 0.938em 1.25em;
transition: all 0.3s ease;
}
.service-box .service-info .service-title {
color: #f6f8fa;
font-size: 1.5em;
font-weight: 900;
}
.service-box .service-info p {
color: #f6f8fa;
margin: 0;
text-overflow: ellipsis;
overflow: hidden;
position: absolute;
opacity: 0;
transition: all 0.3s ease;
}
.service-box:hover .service-img {
transform: scale(1.1);
}
.service-box:hover .service-img:after {
background: rgba(0, 0, 0, 0.5);
}
.service-box:hover p {
position: relative;
opacity: 1;
}
.service-box:hover .service-info {
transform: translateY(-1em);
bottom: 0;
}
.portfolio {
background: #333543 url(../jpg/portfolio.jpg) center center no-repeat;
background-attachment: fixed;
background-size: cover;
overflow: hidden;
}
.explore {
text-align: right;
}
.explore a {
color: #ffffff;
text-decoration: none;
}
.explore a span {
margin-left: 0.5em;
}
.explore a:hover {
color: #f79c2e;
}
.portfolio-slider .portfolio-item {
width: 25%;
float: left;
}
.portfolio-slider .slick-list {
overflow: visible;
}
.portfolio-slider .slick-slide:not(.slick-active) {
pointer-events: none;
opacity: 0.2;
transition: 0.5s all;
}
.portfolio-slider .portfolio-box {
display: block;
margin: 0.938em;
border-radius: 0.625em;
-webkit-border-radius: 0.625em;
-moz-border-radius: 0.625em;
-ms-border-radius: 0.625em;
overflow: hidden;
transition: 0.3s all ease-in-out;
}
.portfolio-slider .portfolio-box .portfolio-img-wrap {
overflow: hidden;
background-color: #ababab;
position: relative;
padding-bottom: 84%;
}
.portfolio-slider .portfolio-box .portfolio-img-wrap img {
width: 100%;
height: auto;
transform: scale(1);
transition: 0.5s all;
min-height: 100%;
}
.portfolio-slider .portfolio-box .portfolio-img-wrap .portfolio-img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.portfolio-slider .portfolio-box .portfolio-info {
background: #fff;
padding: 1.25em;
}
.portfolio-slider .portfolio-box .portfolio-info .portfolio-title {
color: #2d2f3c;
font-size: 1.125em;
font-weight: 600;
margin-bottom: 0.278em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.portfolio-slider .portfolio-box .portfolio-info .portfolio-desc {
color: rgba(45, 47, 60, 0.7);
font-weight: 400;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
height: 2.813em;
display: -webkit-box;
margin-bottom: 1em;
}
.portfolio-slider .portfolio-box:hover {
box-shadow: 0 0 0.625em rgba(0, 0, 0, 0.5);
transform: scale(1.05);
text-decoration: none;
}
.slick-arrow {
position: absolute;
bottom: -2.607em;
top: auto;
left: 50%;
display: block;
padding: 0;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
cursor: pointer;
color: #fff;
font-size: 1.75em;
border: none;
outline: none;
background: transparent;
}
.slick-prev {
margin-left: -0.786em;
}
.slick-next {
margin-left: 0.786em;
}
.slick-prev.slick-arrow.slick-disabled {
opacity: 0.5;
}
.slick-next.slick-arrow.slick-disabled {
opacity: 0.5;
}
.our-brands .client-logos>div {
padding: 0.938em;
}
.our-brands .client-logos .logo-wrap {
border: 1px solid #eeeeee;
display: flex;
height: 100%;
align-items: center;
justify-content: center;
padding: 0.938em;
border-radius: 0.625em;
-webkit-border-radius: 0.625em;
-moz-border-radius: 0.625em;
-ms-border-radius: 0.625em;
transition: 0.3s ease-in-out;
}
.our-brands .client-logos .logo-wrap:hover {
box-shadow: 0 0 0.625em rgba(0, 0, 0, 0.2);
border-color: #fabf78;
}
.our-brands .client-logos .logo-wrap:hover img {
-webkit-filter: grayscale(100%);
/* Safari 6.0 - 9.0 */
filter: grayscale(100%);
}
.our-brands .client-logos .logo-wrap img {
max-width: 100%;
height: auto;
transition: 0.5s;
}
.tech-blogs {
background: #f1f4fb;
overflow: hidden;
}
.tech-blogs .explore a {
color: #2d2f3c;
}
.tech-blogs .explore a:hover {
color: #f79c2e;
}
.blogs-slider {
margin-bottom: 1em;
}
.blogs-slider .slick-slide:not(.slick-active) {
pointer-events: none;
opacity: 0.2;
transition: 0.5s all;
}
.blogs-slider .slick-list {
overflow: visible;
}
.blogs-slider .blog-item {
width: 25%;
float: left;
}
.blogs-slider .blog-box {
display: block;
margin: 0.938em;
border-radius: 0.625em;
-webkit-border-radius: 0.625em;
-moz-border-radius: 0.625em;
-ms-border-radius: 0.625em;
overflow: hidden;
position: relative;
transition: 0.3s ease-in-out;
outline: none;
}
.blogs-slider .blog-box .blog-img-wrap {
overflow: hidden;
background-color: #ababab;
position: relative;
padding-bottom: 56.5%;
}
.blogs-slider .blog-box .blog-img-wrap img {
width: 100%;
height: auto;
transform: scale(1);
transition: 0.5s all;
min-height: 100%;
}
.blogs-slider .blog-box .blog-img-wrap .blog-img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.blogs-slider .blog-box .blog-info {
background: #fff;
padding: 1.875em 1.563em 3.125em;
}
.blogs-slider .blog-box .blog-info .blog-title {
color: #2d2f3c;
font-weight: 400;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
height: 5.625em;
display: -webkit-box;
margin-bottom: 2em;
}
.blogs-slider .blog-box .blog-info .blog-category {
background: #ccc;
color: #fff;
font-size: 0.875em;
background: #ababab;
position: absolute;
bottom: 1em;
left: 0;
padding: 1px 0.714em;
}
.blogs-slider .blog-box .blog-info .blog-category:after {
position: absolute;
content: "";
border-width: 0.8em 0.571em 0.8em 0.571em;
border-style: solid;
border-color: transparent transparent transparent #ababab;
left: 100%;
top: 0;
}
.blogs-slider .blog-box:hover {
transform: scale(1.05);
box-shadow: 0 0 1.625em rgba(0, 0, 0, 0.2);
text-decoration: none;
}
.blogs-slider .slick-arrow {
color: #333;
}
.slick-arrow {
opacity: 0.5;
}
.slick-arrow:hover {
opacity: 1;
}
.award {
position: relative;
background: #32327c url(../png/award-bg.png) no-repeat 5% bottom;
background-size: 26%;
}
.award.award-section {
padding: 2.813em 0 2.75em;
}
.award.award-section:after {
position: absolute;
content: "";
width: 8.9%;
height: 100%;
background: url(../png/award-img.png) no-repeat 10% bottom;
left: 13.5%;
bottom: -2em;
background-size: 100%;
}
.award .logobox {
background: #fff;
box-shadow: 0.375em 0.375em 0px rgba(0, 0, 0, 0.2);
padding: 0;
margin: 0.938em 0;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
align-items: center;
display: flex;
justify-content: center;
padding-bottom: 70%;
position: relative;
}
.award .logobox.square {
padding-bottom: 90%;
}
.award .logobox .logo-img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.award .logobox .logo-img img {
top: 50%;
left: 50%;
position: absolute;
transform: translate(-50%, -50%);
object-fit: cover;
max-width: 80%;
max-height: 80%;
}
.award .ratingbox {
padding: 0.625em;
background: #6060b8;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
box-shadow: 6px 6px 0px rgba(0, 0, 0, 0.2);
margin: 1.25em 0;
}
.award .awards-list-wrap {
flex-direction: row;
}
.award .awards-list {
position: relative;
width: calc(100% - 35%);
padding-right: 8%;
}
.award .awards-list:before {
left: 0;
right: 0;
border-right: 1px solid #1b1b50;
right: 0;
left: 15px;
top: 0;
bottom: 0;
position: absolute;
content: "";
}
.award .ratings-widget-list {
width: 35%;
}
.award .ratings-widget {
text-align: center;
}
.award .ratings-widget .ratingbox {
margin: 1.25em auto;
display: inline-block;
}
.award .ratings-widget .goodfirm-widget {
max-width: 200px;
}
.award .ratings-wrap {
display: flex;
height: 100%;
align-items: center;
justify-content: center;
}
.collabrate.home-section {
padding: 5em 0 3.75em;
}
.collabrate .client-pic {
width: 9.063em;
height: 9.063em;
border-radius: 360px;
-webkit-border-radius: 360px;
-moz-border-radius: 360px;
-ms-border-radius: 360px;
overflow: hidden;
}
.collabrate .client-pic img {
width: 100%;
height: auto;
min-height: 100%;
}
.collabrate .heading {
text-align: center;
margin: 1em 0;
}
.collabrate .heading .heading-info {
font-size: 1.125em;
}
.collabrate .btn-primary {
padding: 0.375em 1em;
margin: 0.5em 0;
}
ul.list-style-1 {
padding: 0;
}
ul.list-style-1 li {
list-style-type: none;
}
ul.list-style-1 li a {
color: rgba(255, 255, 255, 0.7);
text-decoration: none;
}
ul.list-style-1 li a:hover {
color: white;
}
ul.list-style-1 li+li {
margin-top: 10px;
}
footer {
padding: 40px 0 0;
margin-top: -590px;
background: #2d2f3c;
}
footer .footer-top {
min-height: 520px;
/* effect-shine */
}
footer .footer-top ul.list-style-1 li a:hover {
-webkit-mask-image: linear-gradient(-75deg, rgba(0, 0, 0, 0.6) 30%, #000 50%, rgba(0, 0, 0, 0.6) 70%);
-webkit-mask-size: 200%;
animation: shine 1.4s infinite;
color: #f79c2e;
}
@-webkit-keyframes shine {
from {
-webkit-mask-position: 150%;
}
to {
-webkit-mask-position: -50%;
}
}
footer .footer-last {
background: #3c3f4d;
min-height: 70px;
padding: 15px 0;
overflow: hidden;
}
footer .footer-last .logo-small img {
width: 2.313em;
}
footer .footer-last .copyright {
color: #b2b5c4;
white-space: nowrap;
text-align: center;
}
footer .footer-heading {
color: #f79c2e;
font-size: 1em;
font-weight: 600;
margin-bottom: 0.938em;
}
footer .locations-wrap {
margin-bottom: 2em;
position: relative;
}
footer .locations-wrap img {
width: 100%;
}
footer .locations-wrap .locations {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
font-size: 12px;
}
footer .locations-wrap .locations a {
display: inline-block;
text-align: center;
color: rgba(255, 255, 255, 0.7);
font-weight: 600;
text-decoration: none;
position: absolute;
min-width: 18%;
padding-top: 0.2em;
}
footer .locations-wrap .locations a:before {
position: absolute;
content: "";
width: 5px;
height: 5px;
background: #f79c2e;
left: 0;
top: 1.5em;
border-radius: 360px;
-webkit-border-radius: 360px;
-moz-border-radius: 360px;
-ms-border-radius: 360px;
margin-top: -0.188em;
}
footer .locations-wrap .locations a:after {
position: absolute;
content: "";
width: calc(50% - 1.15em);
height: 1px;
background: #f79c2e;
left: 0;
top: 1.5em;
z-index: 1;
}
footer .locations-wrap .locations a span {
width: 2.3em;
height: 2.3em;
border-radius: 360px;
-webkit-border-radius: 360px;
-moz-border-radius: 360px;
-ms-border-radius: 360px;
overflow: hidden;
display: block;
margin: 0 auto 0.1em;
background: #f79c2e;
line-height: 2.5em;
/* box-shadow: -0.438em 0.438em 0.5em 0.313em rgba(0, 0, 0, 0.5);
*/
z-index: 1;
position: relative;
}
footer .locations-wrap .locations a.mumbai {
top: 51.9%;
left: 67.6%;
}
footer .locations-wrap .locations a.dallas {
top: 44.3%;
left: 20%;
}
footer .locations-wrap .locations a.singapore {
top: 61.2%;
left: auto;
right: 23.8%;
}
footer .locations-wrap .locations a.singapore:before {
right: 0;
left: auto;
}
footer .locations-wrap .locations a.singapore:after {
right: 0;
left: auto;
}
footer .locations-wrap .locations a.sydney {
top: 79.7%;
left: auto;
right: 11.5%;
}
footer .locations-wrap .locations a.sydney:before {
right: 0;
left: auto;
}
footer .locations-wrap .locations a.sydney:after {
right: 0;
left: auto;
}
.popover {
border-radius: 6px;
font-size: 1em;
}
.popover-body {
padding: 0.8rem 0.5rem;
}
.bloguserframe {
float: left;
margin: 0 10px 10px 0;
background: #efefef;
padding: 5px;
border: 1px solid #e4e4e4;
border-radius: 4px;
width: 135px;
}
.addressbox {
color: #2d2f3c;
font-size: 0.8em;
padding-left: 1.958em;
font-weight: 600;
padding-right: 0.5em;
}
.addressbox .address {
position: relative;
}
.addressbox .address .fas {
position: absolute;
left: -1.563em;
top: 0.2em;
font-size: 1.01em;
color: #f5b63d;
}
.addressbox .telephone {
margin-top: 0.714em;
position: relative;
}
.addressbox .telephone .fas {
position: absolute;
left: -1.786em;
top: 0.2em;
font-size: 1.01em;
color: #f5b63d;
}
.social-icons {
padding: 0;
margin: 0;
display: flex;
}
.social-icons li {
list-style-type: none;
display: inline-block;
vertical-align: middle;
}
.social-icons li a {
width: 2.222em;
height: 2.222em;
text-align: center;
border-radius: 360px;
-webkit-border-radius: 360px;
-moz-border-radius: 360px;
-ms-border-radius: 360px;
line-height: 2.222em;
display: block;
background: #2d2f3c;
color: #9699ae;
font-size: 1.125em;
transform: scale(1);
transition: 0.5s ease-in-out;
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.social-icons li a:hover {
background: #f79c2e;
color: #fff;
transform: scale(1.1);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.9);
}
.social-icons li+li {
margin-left: 0.938em;
}
/* ==== Main CSS === */
.img-fill {
width: 100%;
display: block;
overflow: hidden;
position: relative;
text-align: center;
}
.img-fill img {
min-height: 100%;
min-width: 100%;
position: relative;
display: inline-block;
max-width: none;
}
.img-fill .clouds {
width: 100%;
}
/* ==== Slider Style === */
.banner-Slider .item .img-fill {
height: 100vh;
background: #000;
min-height: 700px;
}
.banner-Slider .item .img-fill .info {
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
padding: 15px;
}
.side-panel {
background: #f79c2e;
position: fixed;
top: 50%;
transform: translate(100%, -50%);
z-index: 100;
right: 0;
transition: 0.5s ease-in-out;
border-radius: 0 0 0 0.625em;
}
.side-panel .side-panel-handle {
cursor: pointer;
font-size: 1.6em;
color: #fff;
background: #f79c2e;
padding: 0.4em 0.75em 0.4em 0.6em;
border-radius: 1.25em 0 0 1.25em;
position: absolute;
right: 100%;
top: 0;
}
.side-panel.active {
transform: translate(0, -50%);
}
.side-panel .side-content {
padding: 15px;
}
.side-panel .side-content a {
padding: 5px;
color: #fff;
text-align: center;
display: block;
white-space: nowrap;
}
.side-panel .side-content a span {
font-size: 12px;
font-weight: 600;
}
.side-panel .side-content a span.circle-box {
display: block;
width: 45px;
height: 45px;
border-radius: 360px;
border-radius: 360px;
-webkit-border-radius: 360px;
-moz-border-radius: 360px;
-ms-border-radius: 360px;
line-height: 45px;
border: 2px solid #fff;
font-size: 22px;
margin: auto;
margin-bottom: 6px;
transition: 0.3s ease-in-out all;
}
.side-panel .side-content a:hover {
text-decoration: none;
}
.side-panel .side-content a:hover span.circle-box {
background: #fff;
color: #f79c2e;
}
.project-box {
background-color: #ababab;
position: relative;
border-radius: 0.938em;
-webkit-border-radius: 0.938em;
-moz-border-radius: 0.938em;
-ms-border-radius: 0.938em;
margin: 0.938em 0;
overflow: hidden;
padding-bottom: 77%;
display: block;
}
.project-box img {
width: 100%;
height: auto;
}
.project-box .project-img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: 100% 100%;
background-position: center center;
background-repeat: no-repeat;
transform: scale(1);
transition: 0.5s ease-in-out;
}
.project-box .project-img:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0);
transition: 0.5s ease-in-out;
}
.project-box .project-info {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 0.938em 1.25em;
background: rgba(0, 0, 0, 0.15);
display: flex;
justify-content: left;
align-items: center;
transition: 0.5s all;
min-height: 55px;
justify-content: center;
}
.project-box .project-info .project-title {
color: #f6f8fa;
font-size: 1.125em;
font-weight: 900;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.project-box .project-info p {
color: #f6f8fa;
margin: 0;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.project-box:hover .project-info {
min-height: 100%;
justify-content: center;
}
.project-box:hover .project-img {
transform: scale(1.1);
}
.project-box:hover .project-img:after {
background: rgba(0, 0, 0, 0.5);
}
.view-btn {
margin: 1.25em 0;
display: inline-block;
color: #2d2f3c;
}
.view-btn span {
display: inline-block;
vertical-align: middle;
color: #666666;
}
.view-btn:hover {
color: #f79c2e;
}
.view-btn:hover span {
color: #f79c2e;
}
/* Defalt Page Css */
.content {
padding: 2.5em 0;
}
.content a:not(.btn) {
color: #df690a;
font-size: 0.875em;
}
.content h2 {
font-size: 1.5em;
font-weight: 600;
color: #df690a;
margin: 1.3em 0 1em;
}
.content h3 {
font-size: 1.4em;
font-weight: 600;
color: #000;
margin: 1.125em 0 1em;
}
.content h4 {
font-size: 1.3em;
font-weight: 600;
margin: 1em 0 1em;
}
.content h6 {
font-size: 1.25em;
margin: 0 0 1em 0;
}
.content h6 {
font-size: 1.25em;
margin: 0 0 1em 0;
}
.content p {
font-size: 1.125em;
line-height: 1.65em;
margin: 1em 0;
}
.content p strong {
font-weight: 700;
}
.content p a,
.content p a:not(.btn) {
font-size: 1em;
}
.content ul li {
font-size: 1.125em;
padding: 0.188em 0;
}
.content strong {
font-weight: 700;
}
.inner-banner-section {
margin-top: 4.688em;
}
.inner-banner-section .item {
position: relative;
margin-bottom: 1.875em;
}
.inner-banner-section .banner-category {
font-size: 1.25em;
font-weight: 600;
text-transform: uppercase;
color: #f79c2e;
margin-bottom: 0.5em;
}
.inner-banner-section .banner-heading {
font-size: 2.875em;
font-weight: 800;
margin-bottom: 0.217em;
text-transform: none;
}
.inner-banner-section .banner-desc {
font-size: 1.25em;
margin-bottom: 0;
max-width: 38.25em;
}
.inner-banner-section .lets-talk {
position: absolute;
top: 99%;
padding: 10px 0;
display: inline-block;
transform: translate(-50%, -50%);
z-index: 1;
left: 50%;
}
.inner-banner-section .lets-talk:after {
position: absolute;
content: "";
background: #fff;
left: 25px;
right: 25px;
top: 0;
height: 100%;
}
.inner-banner-section .lets-talk img {
height: 57%;
width: auto;
position: absolute;
top: 0;
}
.inner-banner-section .lets-talk .lefttalk {
right: calc(100% - 26px);
}
.inner-banner-section .lets-talk .righttalk {
left: calc(100% - 26px);
}
.inner-banner-section .lets-talk a {
padding: 0.5em 2em;
position: relative;
z-index: 1;
border-radius: 22.5rem;
-webkit-border-radius: 22.5rem;
-moz-border-radius: 22.5rem;
-ms-border-radius: 22.5rem;
}
.inner-banner-section .img-fill {
background: url(../jpg/service-page-banner.jpg) center center no-repeat;
background-size: cover;
}
.inner-banner-section .img-fill .info {
position: static;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
padding: 5em 0.938em 5.625em;
}
.tabs {
border-bottom: 1px solid #dbdbdb;
margin-bottom: 1em;
}
.tabs .nav-link {
font-size: 18px;
color: #2a2e3a;
font-weight: 700;
text-align: center;
padding: 0.6em 1.389em;
}
.tabs .nav-link small {
display: block;
color: #959ab1;
font-size: 0.778em;
font-weight: 400;
}
.tabs .nav-link.active {
color: #f79c2e;
position: relative;
/* border-bottom: 3px solid;
*/
}
.tabs .nav-link.active small {
color: #f79c2e;
}
.tabs .nav-item.tab_selected .nav-link {
color: #f79c2e;
}
.content {
padding: 2.5em 0;
}
.content .subheading {
font-size: 1.5em;
font-weight: 400;
color: #f79c2e;
}
.content ul li {
padding: 0.188em 0;
}
/*===== Mobile App CSS===== */
.mobileAppCont {
padding: 15px;
}
.mobileAppCont h4 {
font-size: 30px;
color: #2d2f3c;
}
.mobileAppCont h4 b {
display: block;
}
.mobileAppCont p {
font-size: 1.125em;
margin-top: 40px;
line-height: 26px;
}
#scrollable-tab .slick-track {
display: flex;
justify-content: center;
}
/*===== END Mobile App CSS===== */
/*===== Form ===== */
.formDiv {
padding: 1.875em 1.875em;
border: 3px solid #878e9a;
border-radius: 0.500em;
position: relative;
margin-bottom: 1.250em;
}
.formPlane {
position: absolute;
top: 3em;
left: -7em;
width: 8.4em;
}
.formDiv h4 {
color: #2d2f3c;
font-size: 1.875em;
font-weight: 800;
margin: 0;
}
.formDiv h4 b {
display: block;
font-weight: 800;
}
.form .formGroup {
position: relative;
margin: auto;
width: 100%;
display: flex;
margin-top: 20px;
}
.form .formGroup .label {
position: absolute;
top: 13px;
left: 0;
font-size: 18px;
color: #2d2f3c;
font-weight: 500;
transform-origin: 0 0;
transition: all 0.2s ease;
}
.form .formGroup .bottomLine {
position: absolute;
bottom: 0;
left: 0;
height: 2px;
width: 100%;
background: #2d2f3c;
transform: scaleX(0);
transform-origin: 0 0;
transition: all 0.15s ease;
}
.form .formGroup .formControl {
-webkit-appearance: none;
width: 100%;
border: 0;
font-family: inherit;
height: 48px;
font-size: 20px;
font-weight: bold;
border-bottom: 1px solid #454650;
background: none;
border-radius: 0;
color: #2d2f3c;
transition: all 0.15s ease;
}
.form .formGroup .formControl:hover {
background: rgba(34, 50, 84, 0.03);
}
.form .formGroup .formControl:not(:placeholder-shown)+span,
.form .formGroup.input-filled .label {
color: #2d2f3c;
transform: translateY(-26px) scale(0.85);
}
span.wpcf7-not-valid-tip {
transform: none !important;
position: absolute;
top: 100%;
color: #f00 !important;
}
.form .formGroup .formControl:focus {
background: none;
outline: none;
box-shadow: none;
}
.form .formGroup .formControl:focus+span {
color: #8b8b8b;
transform: translateY(-26px) scale(0.85);
}
.wpcf7-form-control-wrap {
width: 100%;
display: block;
}
.form .formGroup .wpcf7-form-control-wrap:focus+span {
color: #8b8b8b;
transform: translateY(-26px) scale(0.85);
}
.form .formGroup .formControl:focus+span+.bottomLine {
transform: scaleX(1);
}
.form .textAreaCustom {
margin-top: 30px;
}
.form .textAreaCustom label {
font-size: 18px;
color: #8b8b8b;
}
.form .textAreaCustom textarea {
border: none;
border-radius: 0;
box-shadow: none;
border-bottom: 1px solid #454650;
padding: 5px 0;
font-weight: bold;
height: 100px;
resize: none;
font-size: 20px;
}
.form .formGroup .formControl::placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
font-size: 18px;
color: #2d2f3c;
font-weight: 500;
opacity: 1;
/* Firefox */
}
.form .formGroup .formControl:-ms-input-placeholder {
/* Internet Explorer 10-11 */
font-size: 18px;
font-weight: 500;
color: #2d2f3c;
}
.form .formGroup .formControl::-ms-input-placeholder {
/* Microsoft Edge */
font-size: 18px;
font-weight: 500;
color: #2d2f3c;
}
.form .checkBoxCustom {
margin-top: 30px;
}
.form .checkBoxCustom .custom-control-label::before,
.form .checkBoxCustom .custom-control-label::after {
width: 20px;
height: 20px;
box-shadow: none;
}
.form .checkBoxCustom .custom-control-label {
font-size: 18px;
padding: 0 8px;
}
.form .btnCustom {
margin-top: 30px;
border-radius: 30px;
padding: 10px 20px;
font-size: 18px;
}
/*===== END Form ===== */
/*==== Contact US ==== */
.contact-box {
margin-bottom: 2em;
}
.contact-box h4 {
font-size: 1.5rem;
margin-bottom: 0.5rem;
margin-top: 0;
}
.contact-box p {
margin-top: 0;
margin-bottom: 0.625em;
font-size: 1em;
color: #000;
}
.contact-box p.contact-icon {
position: relative;
color: #000;
margin-bottom: 0.125em;
}
.contact-box p.contact-icon a {
color: #000;
}
.contact-box p.contact-icon a:hover {
color: rgba(0, 0, 0, 0.7);
}
.contact-box p.contact-icon i {
position: absolute;
left: -50px;
color: #999;
top: 50%;
transform: translateY(-50%);
}
.contactLocDetImg {
border-radius: 10px;
width: 70px;
height: 70px;
/* filter: grayscale(100%);
*/
}
.iconDivConLoc {
text-align: center;
}
.iconDivConLoc i {
color: #b5bbc6;
}
.txtDivConLoc p {
color: #8c94a4;
font-weight: 600;
margin-bottom: 6px;
}
.locDetCon {
padding: 25px;
}
.locDetCon h4 {
font-size: 1.5rem;
margin-bottom: 0.5rem;
margin-top: 0;
}
.locDetCon p {
margin-top: 0;
margin-bottom: 1rem;
font-size: 1em;
}
/*==== END Contact US ==== */
.project-demo {
justify-content: center;
}
.project-demo>div {
display: none;
}
/* ======== Microsoft Office 365======*/
.whyParaDeta h3 {
color: #f79c2e;
margin-bottom: 30px;
}
.whyParaDeta p {
line-height: 28px;
font-size: 18px;
margin-bottom: 28px;
margin-top: 0;
}
.offSpeDetails {
padding: 40px 0 0;
}
.whyOff365 {
background-color: #e7e9ed;
padding: 25px;
border-radius: 5px;
}
.whyOff365 h3 {
font-size: 32px;
}
.whyOff365 ul li {
line-height: 35px;
}
.getOfficeBtn button {
background-color: transparent;
color: #f79c2e;
border: 2px solid #f79c2e;
border-radius: 5px;
padding: 12px 35px;
margin: 15px;
outline: none;
}
.getOfficeBtn button:hover {
background-color: #f79c2e;
color: white;
}
.getOfficeBtn button i {
margin-left: 5px;
}
.mb-60 {
margin-bottom: 60px;
}
/* ========END Microsoft Office 365======*/
/* ========Microsoft Dynamic Nav====*/
.dynamicNavTabsBlu>h3,
.tabsMicroAzu h3 {
color: #434343;
font-size: 2em;
margin: 20px 0;
font-weight: 500;
text-align: center;
}
.dynamicNavTabsBlu .boxesAX {
background-color: #f1f4fb;
border-radius: 5px;
padding: 10px;
align-items: center;
display: flex;
margin-bottom: 10px;
}
.dynamicNavTabsBlu .boxesAX h4 {
margin-bottom: 0;
font-size: 16px;
display: inline-block;
padding: 5px 15px;
}
.dynamicNavTabsBlu .boxesAX img {
background-color: #00b3c0;
border-radius: 100%;
padding: 4px;
display: inline-block;
}
.microsoftStack .heading h2.section-heading {
margin: 0px 0 50px;
}
.dynamicNavOverviewBoxes {
margin-top: 50px;
margin-bottom: 32px;
}
.dynamicNavOverviewBoxes h3 {
font-size: 1.9em;
color: #2d2f3c;
font-weight: 800;
margin-bottom: 0.7em;
}
.dynamicNavBoxes {
text-align: center;
padding: 20px 30px 10px;
border: 1px solid #eaeaea;
border-radius: 10px;
margin-top: 10px;
}
.dynamicNavBoxes h5 {
font-size: 30px;
font-weight: bold;
color: #54565e;
margin-top: 20px;
margin-bottom: 0;
}
.dynamicNavBoxes p {
color: #54565e;
padding: 0 10px;
}
/* ========END Microsoft Dynamic Nav====*/
/* =======Microsoft Dynamic AX===*/
.dynamicAxBox {
text-align: center;
padding: 12px;
border: 1px solid #eaeaea;
border-radius: 10px;
margin-top: 20px;
}
.dynamicAxBox img {
margin-top: 10px;
}
.dynamicAxBox h6 {
margin-top: 10px;
font-size: 1em;
}
/* =======END Microsoft Dynamic AX===*/
/* =====Microsoft CRM====*/
.crmBox {
width: 20%;
float: left;
padding: 8px;
}
.crmBox .dynamicAxBox {
margin-top: 10px;
}
/* =====END Microsoft CRM====*/
/* ========Vision Mission && Values====*/
.valueMissionVision {
margin-top: 60px;
margin-bottom: 50px;
}
.visionBoxes {
text-align: center;
padding: 32px;
background-color: #f1f4fb;
border-radius: 15px;
margin-bottom: 20px;
}
.visionBoxes:hover {
background-color: white;
box-shadow: 0px 5px 20px 3px #d8d8db;
}
.visionBoxes h3 {
font-size: 30px;
color: #2d2f3c;
margin: 20px 0 30px;
font-weight: 600;
}
.visionBoxes h3 span {
color: #f79c2e;
}
.visionBoxes p {
color: #2d2f3c;
line-height: 30px;
}
/* ========END Vision Mission && Values====*/
/* =======Microsoft Azure ======*/
.tabsMicroAzu .tab-content .tab-pane {
padding: 20px;
}
.tabsMicroAzu .tab-content .tab-pane ul li {
line-height: 30px;
}
.tabsMicroAzu .nav-tabs .nav-link.active,
.tabsMicroAzu .nav-tabs .nav-item.show .nav-link {
color: #ffffff;
background-color: #f79c2e;
border: none;
}
.azureImg {
text-align: center;
padding: 20px;
}
.azureTabs {
margin-top: 60px;
}
.dynamicNavOverviewBoxes .tabsMicrosoft .nav-tabs {
justify-content: center;
}
.dynamicNavOverviewBoxes .tabsMicrosoft .nav-tabs .nav-item {
padding-bottom: 0;
}
.dynamicNavOverviewBoxes .tabsMicrosoft .nav-tabs .nav-item .nav-link.active {
border: none;
border-bottom: 3px solid;
color: #f79c2e;
}
.dynamicNavOverviewBoxes .tabsMicrosoft .nav-tabs .nav-item a {
color: #2a2e3a;
font-size: 18px;
padding-bottom: 17px;
}
.dynamicNavOverviewBoxes .tabsMicrosoft .nav-tabs .nav-item a:hover {
border: none;
}
/* =======END Microsoft Azure ======*/
/* =======QuickBook Accounting =====*/
/*QuickBook*/
.quickBookTopDiv {
text-align: center;
}
.quickBookTopDiv p {
color: #8b8b8b;
line-height: 1.875em;
}
.quickBookTopDiv .heading h2.section-heading {
margin: 1.25em 0;
}
.quickBookTopDiv .cusQuickBook {
margin: 4.375em 0 2.5em;
}
.quickBookTopDiv .cusQuickBook h3 {
font-weight: 700;
margin-bottom: 0.9em;
font-size: 1.875em;
}
.quickBookTopDiv .cusQuickBook p {
font-weight: 600;
}
.quickBookTopDiv .cusQuickBookSolu {
margin: 4.375em 0 2.5em;
}
.quickBookTopDiv .cusQuickBookSolu h3 {
font-weight: 700;
margin-bottom: 0.9em;
font-size: 1.875em;
}
.quickBookTopDiv .cusQuickBookSolu .cqsBox {
text-align: center;
}
.quickBookTopDiv .cusQuickBookSolu .cqsBox img {
padding: 1.25em;
}
.quickBookTopDiv .cusQuickBookSolu .cqsBox p {
margin-top: 0.938em;
}
.cqsItems {
margin: 1.875em 0;
text-align: center;
}
/* ======Time and Material=======*/
.timeAndMaterialPoints h3 {
font-size: 30px;
color: #2d2f3c;
font-weight: 600;
margin-bottom: 10px;
margin-top: 10px;
}
.timeAndMaterialPoints ul li {
font-size: 18px;
}
/* ======END Time and Material=======*/
/* ================murgancy page2================ */
.murgancy_info .banner-heading {
line-height: 1.5;
position: relative;
z-index: 1
}
.murgancy_info .banner-heading span {
font-size: 0.750em;
display: block;
font-weight: 500;
}
.inner-banner-section .img-fill .info.murgancy_info {
padding-bottom: 0
}
.mockup_banner {
margin-top: -5.625em
}
.mockup_banner img {
width: auto;
height: auto;
min-height: auto;
min-width: auto
}
.murgencyAppCont {
padding-bottom: 4.1em;
padding-top: 1em;
}
/*.murgencyAppCont p {
font-size:1.125em;
color:#000;
font-weight:600;
margin-top:0
}
.murgencyAppCont p.paraCONT {
margin-bottom:2em;
}
.feature-LIST ul {
list-style:none;
padding:0;
}
.feature-LIST ul li {
font-size:1em;
color:#000;
padding:0 0 0 1.5em;
position:relative;
line-height: 1.4em;
margin-bottom:0.875em;
}
.feature-LIST ul li:before {
content: "•";
font-size: 1.4em;
color: #000;
position:absolute;
left:0;
margin-bottom: 0.875em;
padding:0 0.775em 0 0em 
}
*/
.murgencyAppCont img.img-fill {
width: auto;
height: auto
}
@media screen and (max-width: 767px) {
.timeAndMaterialPoints h3 {
font-size: 26px;
}
.timeAndMaterialPoints ul li {
font-size: 16px;
}
}
.quickBookTopDiv p,
.cusQuickBook p,
.cusQuickBookSolu p,
.cusQuickBook p,
.cusQuickBookSolu p {
font-size: 17px;
}
/* =======END QuickBook Accounting =====*/
/*Career*/
.CareerWrap .card {
box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.21);
border-top: 0px;
margin: 0.938em auto;
border-radius: 8px !important;
-webkit-border-radius: 8px !important;
-moz-border-radius: 8px !important;
-ms-border-radius: 8px !important;
}
.CareerWrap .card .ProgrammingBox {
padding: 1.25em;
position: relative;
background: transparent;
border: 0px;
}
.CareerWrap .card .ProgrammingBox .accordion-icon {
font-size: 3.125em;
}
.CareerWrap .card .ProgrammingBox .accordion-icon .icon-plus-1 {
color: #f79c2e;
border: solid rgba(255, 255, 255, 0) 8px;
border-radius: 360px;
}
.CareerWrap .card .ProgrammingBox [aria-expanded=true] .accordion-icon .icon-plus-1 {
border: solid rgba(247, 156, 43, 0.38) 8px;
}
.CareerWrap .card .ProgrammingBox [aria-expanded=true] .accordion-icon ::before {
content: "";
}
.CareerWrap .card .ProgrammingBox .programming img {
width: 4.375em;
}
.CareerWrap .card .PostRequirements {
padding-left: 6em;
}
.CareerWrap .card .PostRequirements h2 {
margin: 0px;
font-weight: bold;
}
.CareerWrap .card .PostRequirements h5 {
font-size: 1em;
font-weight: 700;
}
.CareerWrap .card-body {
padding: 0em 1.25em;
}
/* =======Awards ===========*/
.awardsBox {
box-shadow: inset 0px 0px 0.563em 0.188em #bdbdbb;
margin: 0.938em 0;
position: relative;
padding-bottom: 100%;
}
.awardsBox:after {
border: 0.375em solid #4e4e4d;
position: absolute;
content: "";
width: 100%;
height: 100%;
}
.awardsBoxSub {
position: absolute;
left: 1.563em;
right: 1.563em;
top: 1.563em;
bottom: 1.563em;
text-align: center;
border: 1px solid #bdbdbb;
box-shadow: inset 0px 0px 5px 2px #bdbdbb;
background-color: #f2f2f0;
z-index: 1;
padding: 1em;
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: center;
}
.awardsBoxSub img {
padding: 0 1.5em;
}
.awardsBoxSub h6 {
font-size: 1.25em;
text-transform: uppercase;
margin-top: 1.75em;
line-height: 1.2em;
font-family: "Cardo", serif;
max-height: 3.5em;
overflow: hidden;
}
/* =======END Awards ===========*/
/* =======Image Sprite IOT=====*/
.iotmainimg1,
.iotmainimg2,
.iotmainimg3 {
max-width: 100%;
background-size: 100%;
background-image: url("../png/iotmain.png");
}
.iotmainimg1 {
background-position: 0 0%;
background-size: 100%;
}
.iotmainimg2 {
background-position: 0 50%;
background-size: 100%;
}
.iotmainimg3 {
background-position: 0 100%;
background-size: 100%;
}
.iotboximg1,
.iotboximg2,
.iotboximg3 {
max-width: 100%;
background-size: 100%;
background-image: url("../png/iotbox.png");
}
.iotboximg1 {
background-position: 0 0%;
background-size: 100%;
}
.iotboximg2 {
background-position: 0 50%;
background-size: 100%;
}
.iotboximg3 {
background-position: 0 100%;
background-size: 100%;
}
/* =======END Image Sprite IOT=====*/
/* =======Image Sprite Dynamic Nav=====*/
.igdynamicnavboximg1,
.igdynamicnavboximg2,
.igdynamicnavboximg3,
.igdynamicnavboximg4,
.igdynamicnavboximg5,
.igdynamicnavboximg6,
.igdynamicnavboximg7,
.igdynamicnavboximg8 {
max-width: 100%;
background-size: 100%;
background-image: url("../png/dynamicnav.png");
}
.igdynamicnavboximg1 {
background-position: 0 0%;
background-size: 100%;
}
.igdynamicnavboximg2 {
background-position: 0 14.285714%;
background-size: 100%;
}
.igdynamicnavboximg3 {
background-position: 0 28.571429%;
background-size: 100%;
}
.igdynamicnavboximg4 {
background-position: 0 42.857143%;
background-size: 100%;
}
.igdynamicnavboximg5 {
background-position: 0 57.142857%;
background-size: 100%;
}
.igdynamicnavboximg6 {
background-position: 0 71.428571%;
background-size: 100%;
}
.igdynamicnavboximg7 {
background-position: 0 85.714286%;
background-size: 100%;
}
.igdynamicnavboximg8 {
background-position: 0 100%;
background-size: 100%;
}
/* =======END Image Sprite Dynamic Nav=====*/
/* =======Image Sprite Dynamic AX=====*/
.axdynamicaxboximg1,
.axdynamicaxboximg10,
.axdynamicaxboximg11,
.axdynamicaxboximg2,
.axdynamicaxboximg3,
.axdynamicaxboximg4,
.axdynamicaxboximg5,
.axdynamicaxboximg6,
.axdynamicaxboximg7,
.axdynamicaxboximg8,
.axdynamicaxboximg9 {
max-width: 100%;
background-size: 100%;
background-image: url("../png/dynamicaxbox.png");
}
.axdynamicaxboximg1 {
background-position: 0 0%;
background-size: 100%;
}
.axdynamicaxboximg10 {
background-position: 0 10%;
background-size: 100%;
}
.axdynamicaxboximg11 {
background-position: 0 20%;
background-size: 100%;
}
.axdynamicaxboximg2 {
background-position: 0 30%;
background-size: 100%;
}
.axdynamicaxboximg3 {
background-position: 0 40%;
background-size: 100%;
}
.axdynamicaxboximg4 {
background-position: 0 50%;
background-size: 100%;
}
.axdynamicaxboximg5 {
background-position: 0 60%;
background-size: 100%;
}
.axdynamicaxboximg6 {
background-position: 0 70%;
background-size: 100%;
}
.axdynamicaxboximg7 {
background-position: 0 80%;
background-size: 100%;
}
.axdynamicaxboximg8 {
background-position: 0 90%;
background-size: 100%;
}
.axdynamicaxboximg9 {
background-position: 0 100%;
background-size: 100%;
}
/* =======END Image Sprite Dynamic AX=====*/
/* =======Image Sprite Dynamic CRM=====*/
.CRMdynamiccrmboximg1,
.CRMdynamiccrmboximg10,
.CRMdynamiccrmboximg2,
.CRMdynamiccrmboximg3,
.CRMdynamiccrmboximg4,
.CRMdynamiccrmboximg5,
.CRMdynamiccrmboximg6,
.CRMdynamiccrmboximg7,
.CRMdynamiccrmboximg8,
.CRMdynamiccrmboximg9 {
max-width: 100%;
background-size: 100%;
background-image: url("../png/dynamiccrm.png");
}
.CRMdynamiccrmboximg1 {
background-position: 0 0%;
background-size: 100%;
}
.CRMdynamiccrmboximg10 {
background-position: 0 11.111111%;
background-size: 100%;
}
.CRMdynamiccrmboximg2 {
background-position: 0 22.222222%;
background-size: 100%;
}
.CRMdynamiccrmboximg3 {
background-position: 0 33.333333%;
background-size: 100%;
}
.CRMdynamiccrmboximg4 {
background-position: 0 44.444444%;
background-size: 100%;
}
.CRMdynamiccrmboximg5 {
background-position: 0 55.555556%;
background-size: 100%;
}
.CRMdynamiccrmboximg6 {
background-position: 0 66.666667%;
background-size: 100%;
}
.CRMdynamiccrmboximg7 {
background-position: 0 77.777778%;
background-size: 100%;
}
.CRMdynamiccrmboximg8 {
background-position: 0 88.888889%;
background-size: 100%;
}
.CRMdynamiccrmboximg9 {
background-position: 0 100%;
background-size: 100%;
}
/* =======END Image Sprite Dynamic CRM=====*/
/* =======Image Sprite Dynamic Sharepoint=====*/
.shsharepointimg1,
.shsharepointimg2,
.shsharepointimg3,
.shsharepointimg4,
.shsharepointimg5,
.shsharepointimg6,
.shsharepointimg7 {
max-width: 100%;
background-size: 100%;
background-image: url("../png/sharepoint.png");
}
.shsharepointimg1 {
background-position: 0 0%;
background-size: 100%;
}
.shsharepointimg2 {
background-position: 0 16.666667%;
background-size: 100%;
}
.shsharepointimg3 {
background-position: 0 33.333333%;
background-size: 100%;
}
.shsharepointimg4 {
background-position: 0 50%;
background-size: 100%;
}
.shsharepointimg5 {
background-position: 0 66.666667%;
background-size: 100%;
}
.shsharepointimg6 {
background-position: 0 83.333333%;
background-size: 100%;
}
.shsharepointimg7 {
background-position: 0 100%;
background-size: 100%;
}
/* =======END Image Sprite Dynamic Sharepoint=====*/
/* =======Image Sprite Dynamic 365=====*/
.dyna365img1,
.dyna365img2,
.dyna365img3,
.dyna365img4,
.dyna365img5,
.dyna365img6,
.dyna365img7 {
max-width: 100%;
background-size: 100%;
background-image: url("../png/microsoft365.png");
}
.dyna365img1 {
background-position: 0 0%;
background-size: 100%;
}
.dyna365img2 {
background-position: 0 16.666667%;
background-size: 100%;
}
.dyna365img3 {
background-position: 0 33.333333%;
background-size: 100%;
}
.dyna365img4 {
background-position: 0 50%;
background-size: 100%;
}
.dyna365img5 {
background-position: 0 66.666667%;
background-size: 100%;
}
.dyna365img6 {
background-position: 0 83.333333%;
background-size: 100%;
}
.dyna365img7 {
background-position: 0 100%;
background-size: 100%;
}
/* =======END Image Sprite Dynamic 365=====*/
.members-list .member-wrap {
position: relative;
padding-left: 10.313em;
padding-right: 15px;
min-height: 8.75em;
margin-bottom: 4.375em;
background: #fff;
width: 33.33%;
}
.members-list .member-wrap .member-pic {
width: 8.75em;
height: 8.75em;
overflow: hidden;
border-radius: 22.5rem;
-webkit-border-radius: 22.5rem;
-moz-border-radius: 22.5rem;
-ms-border-radius: 22.5rem;
position: absolute;
top: 0;
left: 0;
}
.members-list .member-wrap .member-pic img {
width: 100%;
min-height: 100%;
height: auto;
}
.members-list .member-wrap .member-info .member-name {
font-size: 1.125em;
font-weight: 800;
}
.members-list .member-wrap .member-info .member-name .member-post {
font-size: 0.875em;
display: block;
color: #8c90a9;
font-weight: 400;
}
.members-list .member-wrap .member-info .more-info {
color: #2d2f3c;
}
.members-list .member-wrap .member-info .more-info span {
font-size: 0.8em;
display: inline-block;
vertical-align: middle;
}
.members-list .member-wrap .member-info .more-info:hover {
color: #f79c2e;
text-decoration: none;
}
.members-list .member-wrap .member-info .full-info {
display: none;
}
.members-list .member-wrap .member-info .full-info p:first-child {
margin-top: 0;
}
.members-list .member-wrap .member-info .full-info p:last-child {
margin-bottom: 0;
}
.client_wrap {
display: flex;
flex-wrap: wrap;
}
.client_wrap .logo_wrap {
flex: 0 0 20%;
max-width: 20%;
padding: 0 0.625em;
justify-content: center;
align-items: center;
position: relative;
text-align: center;
padding-bottom: 13%;
box-sizing: border-box;
}
.client_wrap .client_logo {
border-top: 1px solid #d4d4d4;
display: flex;
justify-content: center;
align-items: center;
padding: 10px 0;
/* min-height: 200px;
*/
position: absolute;
top: 0;
left: 10px;
right: 10px;
bottom: 0;
}
.client_wrap .client_logo img {
max-width: 100%;
height: auto;
transition: 0.3s all ease-in-out;
max-height: 100%;
width: auto;
}
.client_wrap .client_logo:hover img {
transform: scale(1.1);
}
.client_wrap .logo_wrap:nth-child(1) .client_logo,
.client_wrap .logo_wrap:nth-child(2) .client_logo,
.client_wrap .logo_wrap:nth-child(3) .client_logo,
.client_wrap .logo_wrap:nth-child(4) .client_logo,
.client_wrap .logo_wrap:nth-child(5) .client_logo {
border-top-width: 0;
}
.client_wrap .logo_wrap:nth-child(5n+1),
.client_wrap .logo_wrap:nth-child(5n+2),
.client_wrap .logo_wrap:nth-child(5n+3),
.client_wrap .logo_wrap:nth-child(5n+4) {
border-right: 1px solid #d4d4d4;
}
.UXSense-main {
padding-bottom: 4.5em;
}
.UXSense-main .heading .section-heading {
font-weight: 400;
}
.UXSense-main .heading .section-heading small {
font-size: 50%;
}
.UXSense-main .heading .section-heading small sup {
color: rgba(45, 47, 60, 0.5);
top: -1em;
font-weight: 500;
}
.UXSense-main .project-box {
border-radius: 0px;
border-top-right-radius: 0.938em;
border-top-left-radius: 0.938em;
}
.UXSense-main .project-boxhoverafter {
background: transparent;
}
.UXSense-main .project-box .project-img {
width: 100%;
}
.UXSense-main .project-box .project-info {
min-height: inherit;
position: static;
padding: 0px;
background: rgba(0, 0, 0, 0);
}
.UXSense-main .project-box .project-info .lets-talk {
position: absolute;
bottom: 0;
padding: 0;
background: #fff;
display: inline-block;
right: 5%;
}
.UXSense-main .project-box .project-info .lets-talk .righttalk {
left: calc(100% - 1px);
}
.UXSense-main .project-box .project-info .lets-talk a {
color: #2d2f3c;
padding: 0 1px 0 0;
transition: 0.5s;
}
.UXSense-main .project-box .project-info .lets-talkhover {
text-decoration: none;
}
.UXSense-main .project-box .project-info .lets-talkhover span {
padding: 0 5px 0 0;
}
.UXSense-main .project-box .project-info .lets-talk .lefttalk {
right: 100%;
}
.UXSense-main .project-box .project-info .lets-talk img {
height: 100%;
width: auto;
position: absolute;
top: 0;
}
.UXSense-main .project-contact {
color: #2d2f3c;
}
.UXSense-main .project-contact p {
font-size: 1.125em;
}
.UXSense-main .project-contact small {
color: rgba(45, 47, 60, 0.65);
font-size: 0.778em;
display: block;
line-height: normal;
}
/* new uxsense css*/
/* =============== supply chain management page start ================= */
.supplychainWRAp {}
.greywrap {
background: #f8f8f8;
}
/*.supplychainWRAp.inner-banner-section .img-fill {
background-size:95% auto;
}
*/
.supplychainWRAp.inner-banner-section .img-fill .info {
color: #fff;
font-size: 1.125em;
text-align: left;
position: relative;
z-index: 2;
margin-bottom: -4em;
padding-bottom: 1em;
padding-top: 2em;
}
.supplychainWRAp.inner-banner-section .img-fill .info p {
padding-right: 1em;
}
.supplychainWRAp .info h2 {
text-align: left;
font-weight: 800;
margin-bottom: 0.814em;
font-size: 2.250em;
color: #fff;
text-transform: capitalize;
}
.supplychainWRAp .info h2 span {
text-align: left;
display: block;
color: #ffcc4c;
}
.supplychainContent {
padding: 3.125em 0 0;
}
.supplychainContent h3 {
font-size: 2.375em;
color: #000;
margin-bottom: 0.526em;
padding: 0;
z-index: 2;
text-transform: capitalize;
font-weight: 700;
position: relative
}
.supplychainContent h3 span {
color: #ffcc4c;
}
.supplychainContent p {
font-size: 1.125em;
color: #000;
}
.supplychainContent ul {
list-style: none;
margin: 0;
padding: 1.250em 0 0;
}
.supplychainContent ul li {
font-size: 1.086em;
color: #000;
padding-left: 1.875em;
margin-bottom: 0.875em;
position: relative
}
.supplychainContent ul li:before {
width: 0.611em;
height: 0.611em;
background: #ffcc4c;
top: 0.5em;
left: 0;
border-radius: 360px;
content: '';
position: absolute;
}
.mt_3em {
margin-top: -3em;
}
.supplierWRAP {
position: relative;
padding: 2em 0;
}
.suppliersHEAD {
color: rgba(0, 0, 0, 0.05);
font-weight: 900;
position: absolute;
line-height: 1em;
font-size: 2.316em;
text-transform: uppercase;
top: -0.5em;
z-index: -1
}
.suppliesrIMG {
width: 100%;
margin-bottom: -6em;
}
/*shipping - logistics */
.shippingContent {
position: relative;
background: #727377;
border-radius: 15px;
padding: 3.063em 2.813em;
margin: 0em 0 6em;
color: #fff
}
.shippingContent .logisticsIMG {
margin: -10.5em 0 -12em;
}
.shippingContent h3 {
color: #fff;
font-size: 2.375em;
margin-bottom: 0.526em;
padding: 0;
text-transform: capitalize;
font-weight: 700;
}
.shippingContent h3 span {
color: #ffcc4c;
}
.fedex {
position: absolute;
bottom: 0
}
/* ================= stock trading platform ======================== */
.stockWRAp {}
.stockWRAp.inner-banner-section .img-fill .info {
color: #000;
text-align: left;
position: relative;
z-index: 2;
padding-bottom: 1em;
padding-top: 1em;
}
.stockWRAp .info h2 {
text-align: left;
font-weight: 800;
margin-bottom: 0.814em;
font-size: 3.500em;
color: #000;
text-transform: capitalize;
}
.stockWRAp .info h2 span {
text-align: left;
display: block;
color: #f59a2e;
}
.stockWRAp .img-fill img {
max-width: 100%;
height: auto
}
.playBTN {
background: rgba(47, 64, 80, 0.96) url(../png/stockplay.png) 1em center no-repeat;
color: #fff;
padding: 1em 0.875em 1em 5em;
text-transform: capitalize;
border-radius: 5px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 21em;
margin: 0 auto
}
.playBTN:hover {
color: #fff;
text-decoration: none;
background-color: rgba(47, 64, 80, 1)
}
.stockWRAp .img-fill img.playICON {
max-width: 1.125em;
height: auto;
min-width: auto;
margin-left: 1em;
}
.featureContent h3 {
text-align: left;
font-weight: 800;
margin-bottom: 0.814em;
font-size: 2.125em;
color: #000;
text-transform: capitalize;
}
.featureContent h3 span {
text-align: left;
display: inline-block;
color: #ff8d00;
}
.featureContent ul {
list-style: none;
padding: 0;
margin: 0;
}
.featureContent ul li {
font-size: 1.125em;
color: #000;
padding: 0.778em 5em 0.778em 0;
display: inline-flex
}
.featureContent ul li img {
margin-right: 1.667em;
width: 1.556em;
height: 1.556em;
}
/*academicContent*/
.acadmic_WRAP {
position: relative;
}
.acadmic_WRAP:before {
background: url(../png/stock_bg2.png) right top no-repeat;
position: absolute;
z-index: -1;
top: -5.625em;
right: 0;
height: 100%;
width: 100%;
content: '';
padding-bottom: 8.125em;
}
.acadmic_WRAP:after {
position: absolute;
bottom: -2PX;
content: '';
height: 100%;
width: 100%;
z-index: -1;
background: url(../png/stock_bg4.png) bottom center no-repeat;
}
.academicContent {
padding-bottom: 8em;
}
.academicContent img {
width: auto;
height: 7.5em;
}
.academicContent h3 {
margin-top: 0.658em;
}
.supplychainContent.academicContent p {
font-size: 1em;
padding-right: 5.2em;
line-height: 1.6em
}
/* ========= IOS Developer =======*/
.DevDetail {
padding: 0.625em 1.25em;
}
.DevDetail a {
color: #7e8392;
font-size: 1.125em;
}
.DevDetail a i {
vertical-align: middle;
margin-left: 5px;
}
.DevDetail a:hover {
text-decoration: none;
color: #42454e;
}
.DevDetail img.iosImg {
margin-top: 0;
max-width: 70%;
display: none;
}
.DevDetail h3 {
font-size: 1.875em;
margin-top: 1.5em;
}
.DevDetail h3 h3 b {
display: block;
}
.DevDetail p {
margin-top: 1.875em;
line-height: 1.563em;
}
.moreTabs {
border-bottom: 1px solid #dbdbdb;
margin-bottom: 1.25em;
}
.moreTabs h4 {
color: #2a2e3a;
font-weight: bold;
border-right: 1px solid #dbdbdb;
margin-bottom: 0;
padding-bottom: 0.625em;
padding-top: 1.875em;
line-height: 1.875em;
}
.moreTabs .lightText {
display: block;
color: #7e8392;
}
/* ======== Microsoft Office 365======*/
.whyParaDeta h3 {
color: #df690a;
}
.whyParaDeta ul li {
line-height: 35px;
}
.partner-wrap {
margin-top: 35px;
margin-bottom: 70px;
}
.partner-wrap .partnerinfo {
border-radius: 10px;
border: 1px solid #f1f4fb;
text-align: center;
}
.partner-wrap .partnerinfo .partnerlogo {
padding: 15px;
}
.partner-wrap .partnerinfo .partnername {
background: #f1f4fb;
font-weight: 600;
font-size: 18px;
padding: 25px 15px;
min-height: 90px;
}
.partner-wrap .partnerinfo .partnername span {
font-size: 16px;
color: #f79c2e;
display: block;
position: relative;
line-height: 30px;
margin-top: 8px;
}
.partner-wrap .partnerinfo .partnername span:before {
position: absolute;
content: "";
border-top: 1px solid #f79c2e;
width: 50px;
top: 0;
left: 50%;
margin-left: -25px;
}
.content .heading .section-heading {
margin-top: 0;
}
.imgCusMarTop {
margin-top: 60px;
}
/* Hire Tabs Section */
.morebtn {
background: url(../png/more_border.png) bottom left no-repeat;
background-size: 100% 50%;
font-size: 18px !important;
padding: 8px 35px;
position: absolute;
transform: translateY(-50%);
right: 0;
top: 100%;
margin-top: -1px;
color: #2a2e3a !important;
font-weight: 700;
}
.morebtn:hover {
text-decoration: none;
color: #1b1e27 !important;
}
.morebtn .fas {
margin-left: 15px;
}
.morebtn .more {
display: block;
}
.morebtn .less {
display: none;
}
.morebtn.active .more {
display: none;
}
.morebtn.active .less {
display: block;
}
.hireTabs {
border-bottom: 1px solid #dbdbdb;
margin-top: -1.875em;
}
.hireTabs .hireDevelopersSec {
width: 150px;
float: left;
}
.hireTabs .hireDevelopersSec h4 {
font-size: 24px;
font-weight: 800;
line-height: 29px;
padding-top: 19px;
margin-bottom: 0;
padding-bottom: 10px;
}
.hireTabs .hireDevelopersSec h4 span {
color: #7e8392;
display: block;
}
#portfolioLinks .tabsSection,
.hireTabs .tabsSection {
position: relative;
width: calc(100% - 150px);
float: left;
border-left: 1px solid #dbdbdb;
padding-top: 38px;
}
#portfolioLinks .tabsSection .tabs,
.hireTabs .tabsSection .tabs {
margin-bottom: 0;
border: none;
transition: 0.1s ease-in-out all;
overflow: hidden;
}
#portfolioLinks .tabsSection .tabs ul,
.hireTabs .tabsSection .tabs ul {
overflow: hidden;
}
#portfolioLinks .tabsSection .tabs .nav-link,
.hireTabs .tabsSection .tabs .nav-link {
font-weight: 500;
}
#portfolioLinks .tabsSection {
width: 100%;
float: none;
border-left: 0;
}
/* END Hire Tabs Section */
/* ==========Digital Marketing Services ======*/
.video-sec {
position: relative;
background-color: black;
height: 90vh;
width: 100%;
overflow: hidden;
}
.video-sec video {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: 0;
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.video-sec-wrap {
width: 1110px;
margin: 0 auto;
}
.seo-banner-text {
position: absolute;
top: 20%;
left: 0;
z-index: 1;
right: 0;
bottom: 0;
margin: 0 auto;
text-align: center;
max-width: 1110px;
}
.category {
position: absolute;
bottom: 5%;
left: 0;
right: 0;
z-index: 111;
font-family: "botonregular";
max-width: 1110px;
margin: 0 auto;
}
.seo-banner-text .heading {
width: 100%;
color: #fff;
font-size: 40px;
text-align: center;
text-shadow: 5px 0px 5px rgba(0, 0, 0, 0.75);
text-transform: uppercase;
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
.category {
position: absolute;
bottom: 5%;
left: 0;
right: 0;
z-index: 111;
font-family: "botonregular";
max-width: 1110px;
margin: 0 auto;
}
.seo-banner-text .heading h1 {
font-size: 48px;
}
.category .category-box {
width: 33.33%;
text-align: center;
float: left;
padding: 15px 80px;
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
.clear {
clear: both;
}
.category .category-box .category-heading {
font-size: 22px;
color: #fff;
}
.helping-campaigns {
padding: 50px 0;
}
.wrap {
position: relative;
max-width: 1110px;
margin: 0 auto;
}
.helping-campaigns p {
font-size: 26px;
line-height: 50px;
font-weight: 400;
text-align: center;
}
.helping-campaigns .button {
background: #f79c2c;
display: block;
text-align: center;
margin: 0 auto;
padding: 10px;
border-radius: 4px;
font-size: 20px;
border: 0px;
color: #fff;
max-width: 150px;
}
.seo-results {
background: #f5f5f5;
}
.seo-results .heading {
color: #000000;
padding: 80px 0;
margin: 0 auto;
text-align: center;
position: relative;
max-width: 400px;
font-size: 36px;
}
.seo-results .heading::before {
content: "";
position: absolute;
left: 55px;
width: 70%;
background: #f79c2c;
height: 3px;
bottom: 60px;
}
.seo-results .heading::after {
content: "";
position: absolute;
background-image: url(../dots.html);
background-repeat: no-repeat;
background-position: center center;
bottom: 55px;
right: 0;
height: 15px;
width: 55px;
}
.results-category {
position: relative;
padding-bottom: 20px;
}
.results-category .results-category-post {
width: calc(50% - 30px);
float: left;
margin: 15px;
padding: 20px;
background: #fff;
border-radius: 5px;
}
.results-category .results-category-post .category-heading {
color: #9e9e9e;
font-weight: 400;
}
.results-category .results-category-post .sub-heading {
color: #000;
font-weight: 400;
}
.results-category .results-category-post .sub-heading {
font-size: 22px;
margin: 0 0 15px 0;
}
.category-post-wrap {
width: 100%;
display: table;
}
.category-post-logo {
display: table-cell;
text-align: left;
vertical-align: bottom;
}
.categoryBox .category-heading {
font-size: 22px;
color: #fff;
margin-top: 15px;
}
.videoBanner {
position: relative;
background-color: black;
height: calc(100vh - 55px);
min-height: 300px;
width: 100%;
overflow: hidden;
margin-top: 55px;
}
.videoBanner video {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: 0;
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.videoBanner .container {
position: relative;
z-index: 2;
}
.videoBanner .overlay {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: black;
opacity: 0.5;
z-index: 1;
}
.videoHeadline {
font-size: 40px;
}
.dmsContent p {
font-size: 24px;
line-height: 42px;
font-weight: 400;
text-align: center;
margin-top: 43px;
}
.dmsContent {
margin-bottom: 25px;
}
.resultMatter {
background: #f5f5f5;
}
.resultMatter .headerMatter {
text-align: center;
margin: 20px 0;
}
.resultMatter .headerMatter h1 {
text-align: center;
font-size: 36px;
padding: 25px 0 10px;
display: inline-block;
border-bottom: 3px solid #f79c2c;
}
.resultMatter .resultMatterWrap {
padding-bottom: 2em;
}
.resultMatter .resultMatterBox {
padding: 12px;
background: white;
border-radius: 6px;
margin-top: 20px;
}
.resultMatter .resultMatterBox span {
color: #9e9e9e;
margin: 10px;
}
.resultMatter .resultMatterBox h4 {
margin: 10px;
}
.popUpBtn button {
background: #f79c2c;
border: 0;
box-shadow: 5px 2px 5px rgba(99, 99, 99, 0.23);
display: block;
text-align: center;
padding: 12px;
border-radius: 5px;
margin: 15px auto 0;
outline: none;
}
.resultMatterBox .col-8 img {
padding: 10px;
}
/* ==========END Digital Marketing Services ======*/
/* ==========Modal Popup ===========*/
.modal-content {
border: 3px solid #0e0e0e;
border-radius: 10px;
}
.modal-body .form-group {
margin-bottom: 20px;
}
.modal-body .form-group .form-control {
border: none;
border-bottom: 1px solid #838282;
border-radius: 0;
padding: 1px;
color: #3e454c;
}
.modal-body .form-group .form-control:hover,
.modal-body .form-group .form-control:focus {
box-shadow: none;
}
.modal-header {
border-bottom: none;
}
.modal-header .close {
position: absolute;
top: 2px;
right: 0px;
font-size: 14px;
background-color: black;
opacity: 1;
text-shadow: none;
color: white;
padding: 9px;
border-radius: 100%;
}
.modal-header .close:not(:disabled):not(.disabled):hover,
.modal-header .close:not(:disabled):not(.disabled):focus {
opacity: 0.9;
outline: none;
}
.modal-footer {
border-top: none;
padding: 0px 10px 20px 10px;
}
@media (min-width: 576px) {
.modal-dialog {
max-width: 415px;
}
}
/* ==========END Modal Popup ===========*/
/* ==========Cloud Migration ==========*/
.cloudContent {
text-align: center;
padding-bottom: 40px;
}
.cloudContent h3 {
font-size: 32px;
font-weight: 800;
padding: 80px 0 30px;
}
.cloudContent p {
font-size: 17px;
line-height: 24px;
}
.cloud-services-bg {
background: url(../xcloud-services-bg.jpg.pagespeed.ic.ukxrhalu7r.html) center center no-repeat;
background-size: 100% 100%;
background-attachment: fixed;
}
.services-heading h1 {
font-size: 44px;
color: #fff;
font-weight: 500;
padding: 1.136em 0;
margin: 0 12px;
}
.process-services.active:after {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(255, 255, 255, 0);
border-width: 10px;
margin-left: -10px;
}
.cloud-devops {
background: #0db3e3;
}
.cloud-devops.active:after {
border-top-color: #48c2e9;
}
.recovery-services {
background: #10b387;
}
.recovery-services.active:after {
border-top-color: #4cc29f;
}
.migraton {
background: #396cfe;
}
.migraton.active:after {
border-top-color: #628afe;
}
.computing-security {
background: #5d47cf;
}
.computing-security.active:after {
border-top-color: #7d6ed8;
}
.readiness-assesment {
background: #67b930;
}
.readiness-assesment.active:after {
border-top-color: #86c75f;
}
.hybrid-computing {
background: #ea553d;
}
.hybrid-computing.active:after {
border-top-color: #ee7865;
}
.process-services {
border-radius: 4px;
background-image: url(../xprocess-services-bg.png.pagespeed.ic.tdi20pugpv.html);
background-position: left bottom;
background-repeat: no-repeat;
position: relative;
margin: 10px;
min-height: 210px;
display: block;
}
.process-services .services-icon {
position: absolute;
bottom: 15px;
left: 30px;
}
.process-services .services-text h4 {
text-align: center;
margin: 0 auto;
color: #fff;
font-weight: 300;
padding: 20px 12px;
font-size: 16px;
display: block;
}
.process-services .services-text span {
display: block;
}
.process-services .services-text strong {
font-weight: 800;
display: block;
}
.cloud-services-contant {
padding-bottom: 50px;
}
.CloudBannerWrap .content {
padding: 0;
}
.CloudBannerWrap .content h2 {
margin: 40px 0 30px;
}
.CloudBannerWrap .img-fill .cloud-process {
padding-bottom: 20px;
}
.tabsMain {
position: relative;
}
.tabsContent {
position: absolute;
z-index: 10;
margin: 0px 23px 0 10px;
top: 395px;
}
.tabsContent .services-contant-body {
padding: 20px;
color: white;
border-radius: 7px;
}
.tabsContent .services-contant-body .process-services-head .close {
top: 8px;
right: 10px;
position: absolute;
opacity: 1;
}
.tabsContent .services-contant-body .process-services-head .close a {
color: white;
}
/* Cloud Page*/
.CloudBannerWrap .img-fill .process-icon img {
min-height: inherit;
min-width: inherit;
}
.CloudBannerWrap .content h2 {
font-size: 3em;
color: #f89c2d;
}
.CloudBannerWrap .content .cloud-process ul li {
float: left;
width: 16.6%;
list-style: none;
}
.CloudBannerWrap .content .cloud-process ul li a {
display: block;
}
.CloudBannerWrap .content .cloud-process ul li a .process-text {
color: #fff;
}
.CloudBannerWrap .content .cloud-process ul li a .process-text strong {
display: block;
}
.CloudBannerWrap .content .cloud-process ul li a :hover {
text-decoration: none;
}
.cloud-services a:hover {
text-decoration: none;
}
.services-contant-body {
display: none;
}
.services-contant-body.active {
display: block;
}
.case-study-heading {
font-size: 44px;
font-weight: 500;
padding: 1em 0 0.5em;
margin: 0;
}
.client-header h3 {
font-size: 18px;
font-weight: 600;
line-height: 26px;
margin: 10px 0;
}
.client-logo {
text-align: center;
padding: 15px 15px 25px;
}
.client-header {
padding: 20px 20px 10px;
}
.case-study-wrap {
border: 1px solid #f1f1f1;
}
.case-study-main {
padding-bottom: 15px;
}
.clientInfo {
margin: 10px 0;
}
.client-desc {
background: #f3f3f3;
padding: 5px 20px 20px;
position: relative;
overflow: hidden;
min-height: 227px;
}
.client-desc p {
color: inherit;
margin: 20px 0;
line-height: 22px;
}
.clearfix:before,
.clearfix:after {
display: table;
clear: both;
content: " ";
}
.client-desc .tags span {
float: left;
white-space: nowrap;
font-size: 12px;
margin: 4px;
padding: 4px 10px;
background: #f3f3f3;
border: 1px solid #d0d0d0;
border-radius: 25px;
}
.services-contant-body .process-services-head {
position: relative;
border-bottom: solid 1px rgba(0, 0, 0, 0.2);
padding-bottom: 20px;
margin-bottom: 20px;
}
.services-contant-body .process-services-head .heading {
font-size: 36px;
color: #fff;
margin-right: 36px;
}
/* ==========END Cloud Migration ==========*/
/* ==========Life At Intelegain ==========*/
.eventbox {
overflow: hidden;
width: 25%;
}
.box-25 {
width: 25%;
}
.box-50 {
width: 50%;
}
.box-75 {
width: 75%;
}
.box-33 {
width: 33.33%;
}
.box-66 {
width: 66.66%;
}
.life-content p {
font-size: 1.125em;
line-height: 1.778em;
}
.life-content {
background-color: #f1f4fb;
min-height: 100%;
}
.trainingIcon {
margin-bottom: 1em;
}
.IconBox {
background-color: #f1f4fb;
min-height: 100%;
}
.IconBox h4 {
color: black;
font-size: 1.25em;
}
.mt-21 {
margin-top: 21px;
}
.mr-16 {
margin-right: 16px;
}
.life-content {
padding: 15px;
overflow: auto;
height: 100%;
}
.responsive-1by2 {
padding-bottom: 200%;
position: relative;
}
.responsive-1by1 {
padding-bottom: 100%;
position: relative;
}
.responsive-2by1 {
padding-bottom: 50%;
position: relative;
}
.responsive-1by2 .middlebox,
.responsive-1by1 .middlebox {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
.box-wrapper {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
padding: 10px;
display: block;
}
.festiveImage {
width: 100%;
height: 100%;
object-fit: cover;
}
.contentbox {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 10px;
}
.lifeBoxes {
margin: 0 -10px;
}
/* ==========END Life At Intelegain ==========*/
.compare_box {
text-align: center;
border: solid 1px #e7e9ed;
padding: 20px;
border-radius: 3px;
cursor: pointer;
transition: 0.5s;
margin: 2em 0 0;
min-height: 100%;
}
.compare_box h3 {
padding-top: 15px;
color: #181527;
min-height: 65px;
font-size: 1.25em;
}
.mfp-content {
max-width: 415px;
}
.mfp-close-btn-in .mfp-close {
position: absolute;
top: 0;
right: 0;
background-color: black;
opacity: 1;
text-shadow: none;
color: white !important;
padding: 0px;
font-size: 35px;
border-radius: 100%;
line-height: 35px;
width: 35px;
height: 35px;
}
.mfp-close-btn-in .mfp-close:hover {
opacity: 0.8;
}
.quote_form {
margin: 15px;
}
.error_msg_wrap {
position: relative;
}
.error_msg_wrap .error_msg {
background-color: #f36c51;
border-radius: 5px;
color: #fff;
display: none;
font-size: 13px;
padding: 7px 10px;
position: absolute;
right: -25px;
top: -24px;
}
.error_msg_wrap .error_msg::after {
border-color: #f36c51 transparent transparent;
border-style: solid;
border-width: 6px;
bottom: -12px;
content: "";
left: 10px;
position: absolute;
}
.loader-animation {
background-color: rgba(0, 0, 0, 0.7);
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1055;
display: none;
}
.loader_img {
position: relative;
top: 50%;
left: 50%;
}
.alertmsgformail {
position: fixed;
top: 50%;
left: 50%;
margin-left: -140px;
padding: 15px;
border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
display: none;
width: 280px;
box-shadow: 0 0 5px #000;
}
.alertmsgformail.successmsg {
background-color: #dff0d8;
border: 1px solid #d6e9c6;
color: #3c763d;
}
.alertmsgformail.errormsg {
background-color: #f2dede;
border: 1px solid #ebccd1;
color: #a94442;
}
.alertmsgformail.infosmsg {
background-color: #d9edf7;
border: 1px solid #bce8f1;
color: #31708f;
}
.imgholder {
text-align: center;
margin-top: 2em;
}
.portfolio_content {
background-color: #181527;
padding: 20px;
min-height: 240px;
margin-top: 35px;
position: relative;
}
.portfolio_content h5 {
font-size: 1.45em;
color: #f79c2e;
margin: 0;
text-align: center;
}
.portfolio_content p {
color: #fff;
margin: 20px 0 0;
text-align: center;
}
.portfolio_content:after {
border-color: transparent transparent #181527 transparent;
border-style: solid;
border-width: 17px;
right: 50%;
content: "";
position: absolute;
top: -34px;
margin-right: -17px;
}
.moreportfolio {
position: absolute;
background: url(../png/portfolio-more.png) 0 0 no-repeat;
background-size: 100% auto;
width: 127px;
font-size: 16px;
color: #2d2f3c;
bottom: 0;
right: 0;
text-align: center;
padding: 5px;
}
.portfolio_detail h1,
.portfolio_detail h2 {
font-size: 2.5em;
color: #303940;
line-height: normal;
text-align: center;
margin-bottom: 5px;
font-weight: 300;
}
.desk_portfolio .section_a h1 {
font-weight: 500;
}
.portfolio_detail p {
font-size: 1.5em;
color: #7a7d7f;
line-height: normal;
text-align: center;
font-weight: 300;
}
.portfolio_detail .points li {
color: #7a7d7f;
font-size: 1.5em;
margin-bottom: 15px;
padding-left: 40px;
position: relative;
}
.portfolio_detail .points li:before {
background: rgba(0, 0, 0, 0) url(../png/points.png) no-repeat scroll 0 3px;
position: absolute;
content: "";
height: 32px;
width: 32px;
left: 0;
top: 0;
}
.portfolio_detail .points li:nth-child(5n+1):before {
background-position: 0 7px;
}
.portfolio_detail .points li:nth-child(5n+2):before {
background-position: 0 -26px;
}
.portfolio_detail .points li:nth-child(5n+3):before {
background-position: 0 -58px;
}
.portfolio_detail .points li:nth-child(5n+4):before {
background-position: 0 -90px;
}
.portfolio_detail .points li:nth-child(5n+5):before {
background-position: 0 -122px;
}
.portfolio_detail img {
max-width: 100%;
}
.mob_portfolio h1 {
font-size: 2.875em;
color: #404040;
line-height: normal;
text-align: center;
margin-bottom: 5px;
font-weight: 200;
padding: 100px 0 30px;
/* margin-top: 40px;
*/
}
.mob_portfolio .wrap {
padding-bottom: 90px;
}
.white_txt {
color: #fff !important;
}
.creamwhite {
background-color: #eee !important;
}
.white_dark {
background-color: #efefef !important;
}
.mob_portfolio section p {
color: #b0b1b6;
font-size: 1.25em;
text-align: center;
font-weight: 200;
padding-top: 30px;
}
.whitebg {
background-color: #fff !important;
}
.wrap {
max-width: 1110px;
margin: 0 auto;
}
.wrap {
position: relative;
}
.center {
text-align: center;
}
.clear {
clear: both;
}
.footer_portfolio {
background-color: #fefcfd !important;
}
.footer_portfolio .wrap {
padding: 58px 0 40px;
text-align: center;
}
.footer_portfolio h4 {
font-size: 2.5em;
font-weight: 700;
color: #22262f;
margin-bottom: 20px;
line-height: 33px;
}
.footer_portfolio p {
font-size: 1.5em;
color: #7a7d7f;
text-align: center;
line-height: 33px;
}
/* .mart_mins257 {
margin-top: -257px;
}
*/
#footer {
background-color: #181527;
clear: both;
text-align: left;
margin-top: -403px;
height: auto;
font-weight: 300;
overflow: hidden;
}
.backbtn {
position: fixed;
bottom: 20px;
left: 15px;
color: #fff;
z-index: 1000;
}
.backbtn img {
width: 15px;
height: 15px;
vertical-align: middle;
padding: 3px 5px 0 0;
margin-bottom: 8px;
}
.desk_portfolio {
min-height: 500px;
font-weight: 300;
margin-top: 70px;
}
.desk_portfolio .section_a {
background-color: #eee;
text-align: center;
padding: 25px 0 0 0;
}
.desk_portfolio .section_b {
background-color: #eee;
padding: 32px 0;
}
.desk_portfolio .section_c {
background-color: #2b3449;
padding-top: 57px;
color: #fff;
text-align: center;
}
.desk_portfolio .section_d {
background-color: #eee;
height: 720px;
}
.desk_portfolio .project_points {
float: left;
padding-top: 150px;
width: 45%;
}
.desk_portfolio .comp_img {
float: right;
width: 55%;
}
.desk_portfolio .comp_img img {
max-width: 100%;
}
.desk_portfolio .section_c h2,
.desk_portfolio .section_c p {
color: #fff;
}
.desk_portfolio .section_c img {
vertical-align: middle;
margin-top: 50px;
}
.desk_portfolio .circles_wrap {
background-color: #eee;
padding: 4% 0 4%;
}
.desk_portfolio .circles_wrap .circles {
margin: 6% auto 0;
}
.circles_wrap .circles .circle1,
.circles_wrap .circles .circle2,
.circles_wrap .circles .circle3 {
display: inline-block;
vertical-align: middle;
text-align: center;
background: #fff;
border: 1px solid #dedede;
border-radius: 100%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
overflow: hidden;
padding: 1px;
position: relative;
}
.circles_wrap .circles .circle1,
.circles_wrap .circles .circle3 {
width: 28%;
height: 60%;
padding: 1px;
}
.circles_wrap .circles .circle2 {
height: auto;
width: 42%;
z-index: 1;
margin: 0 -3%;
}
.circles_wrap .circles .circle1:before,
.circles_wrap .circles .circle3:before {
position: absolute;
content: "";
top: 0;
bottom: 0;
right: 0;
left: 0;
border: 10px solid #fff;
border-radius: 50%;
}
.circles_wrap .circles .circle2:before {
position: absolute;
content: "";
top: 0;
bottom: 0;
right: 0;
left: 0;
border: 20px solid #fff;
border-radius: 50%;
}
.circles_wrap .circles img {
border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
-webkit-border-radius: 100%;
width: 100%;
height: auto;
}
.tab_portfolio h1 {
font-size: 2.5em;
color: #fff;
line-height: normal;
text-align: center;
margin-bottom: 5px;
font-weight: 600;
padding: 52px 0 30px;
}
.tab_portfolio .section_a img {
margin-bottom: -100px;
}
.tab_portfolio {
background-color: #eee;
margin-top: 50px;
}
.tab_portfolio .section_b {
padding: 100px 0 45px;
background-color: #eee;
}
.tab_portfolio .zoom {
padding-top: 50px;
}
.tab_portfolio .zoom h2 {
color: #fff;
}
.tab_portfolio .circles_wrap {
margin: 3% auto 5%;
}
.uxSenseWrap {
overflow: hidden;
padding: 40px 0;
}
.uxSenseWrap h2 {
font-weight: 800;
font-size: 40px;
}
#slideImageHolder {
position: absolute;
top: 1%;
left: 2%;
z-index: -1;
overflow: hidden;
bottom: 5%;
width: 95%;
height: 99.2%;
border-radius: 30px;
}
.uxSenseWrapWeb .sliderImageWrap {
padding-top: 0;
}
.uxSenseWrapWeb #slideImageHolder {
top: 6.2%;
left: 11.1%;
width: 77.9%;
height: 85%;
border-radius: 0;
}
.uxSenseWrapTab .sliderImageWrap {
padding-top: 0;
}
.uxSenseWrapTab #slideImageHolder {
top: 6%;
left: 11.2%;
width: 77.8%;
height: 85%;
border-radius: 0;
}
#slideImageHolder img {
width: 100%;
height: auto;
}
.sliderWrap {
position: relative;
/*padding-left: 310px;
*/
/*margin-bottom: 25px;
*/
/*margin-left: 8%;
*/
width: 2000px;
padding-left: none!important;
}
.customPagination {
font-size: 25px;
margin: 35px 30px 0 30px;
}
.customPagination div {
width: 50%;
float: left;
}
.prevLink {
/*display: flex;
justify-content: flex-end;
*/
}
.customPagination span {
display: block;
margin-bottom: 15px;
color: #2d2f3c;
}
.customPagination a.bold {
font-weight: bold;
}
.customPagination a:hover {
text-decoration: none;
}
.customPagination img {
border-radius: 20px;
}
.prevLink {
text-align: right;
}
.prevLink .text {
margin-right: 25px;
}
.nextLink {
border-left: 1px solid #ababab;
text-align: left;
}
.prevLink p.img {
margin-right: 30px;
float: right;
margin-left: 25px;
}
.nextLink img {
margin-left: 30px;
}
.nextLink p {
float: left;
}
.nextLink .textb {
margin-left: 25px;
}
/* <span class="icon-right-arrow"></span> <span class="icon-left-arrow"></span> .prevLink .text {
position:relative;
margin-left:35px;
}
.nextLink .textb {
margin-right:35px;
}
.nextLink .icon-right-arrow {
position: absolute;
bottom: 5px;
right: -32px;
}
.prevLink .icon-left-arrow {
position: absolute;
left: -33px;
width: 35px;
bottom:5px;
}
*/
.sliderImageWrap {
overflow-x: hidden;
padding: 0 0 13px 0;
}
.middleLayer {
position: absolute;
z-index: 1;
left: 0;
top: 0;
height: 100%;
}
.middleLayer img {
display: block;
width: 100%;
height: 100%;
}
.image-container {
width: 250px;
height: 540px;
display: inline-block;
margin: 10px 20px;
overflow: hidden;
background-size: 100%;
background-image: url(../phone-image.html) no-repeat;
/* -webkit-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.2));
-moz-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.2));
-ms-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.2));
-o-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.2));
*/
border-radius: 25px;
border: 1px solid #e8e8e8;
}
.svg-normal-mask {
mask: url(../phone-image.html) no-repeat;
-webkit-mask: url(../phone-image.html) no-repeat;
width: 250px;
-webkit-mask-size: contain;
}
ul.list-inline {
display: flex;
}
.slide-images {
transition: 0.3s all ease-in-out;
}
.slide-images li:not(.active) img {
-webkit-filter: grayscale(0);
/* Safari 6.0 - 9.0 */
filter: grayscale(0);
width: 100%;
height: auto;
}
.notfound {
text-align: center;
margin: 100px 0;
}
/* Case Study ================================================== */
.case_challenge {
position: relative;
}
.case_challenge h1 {
font-size: 3.000em;
font-weight: bold;
text-align: center;
width: 100%;
color: #fff;
padding: 0.833em 0 0.833em 0;
position: relative;
}
.case_challenge:after {
background: url(../web_bg.html) no-repeat bottom;
height: 100%;
position: absolute;
content: "";
top: 0;
left: 0;
right: 0;
}
.case_challenge:before {
position: absolute;
content: "";
top: 0;
left: 0;
right: 0;
height: 78%;
background: #252e4f;
}
.web_casestudy .banner_img {
float: left;
width: 74%;
max-width: 50.000em;
margin-bottom: -6.250em;
position: relative;
}
.web_casestudy .box_rignt {
background: rgba(254, 138, 2, 0.92);
display: inline-block;
width: 46%;
margin-left: -20%;
float: right;
z-index: 1;
right: 0;
margin-top: 3.750em;
position: relative;
color: #fff;
padding: 3% 4%;
}
.tech_tools {
padding: 2.500em 0;
}
.tech_text {
width: 45%;
float: left;
padding-top: 3.125em;
}
.tech_text h2 {
font-size: 2.750em;
color: #000;
font-weight: 600;
margin-bottom: 0.341em;
}
.tech_logo {
width: 45%;
float: right;
}
.box_wrap {
display: table;
width: auto;
}
.box_wrap .box1 {
display: table-cell;
height: 100px;
}
.box_wrap .box1 {
display: table-cell;
height: 100px;
}
.box_wrap .box1 .logo_box {
width: 130px;
height: 130px;
vertical-align: middle;
overflow: hidden;
background: #fff;
margin: 15px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0px 0px 41px 0px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0px 0px 41px 0px rgba(0, 0, 0, 0.12);
box-shadow: 0px 0px 41px 0px rgba(0, 0, 0, 0.12);
}
.solution {
position: relative;
}
.solution_box {
background: rgba(0, 203, 206, 0.92);
width: 50%;
max-height: 37.500em;
display: inline-block;
padding: 3% 4%;
position: relative;
margin: 4.375em 0 0 0;
}
.solution_box h2 {
font-size: 2.750em;
color: #fff;
font-weight: 600;
margin-bottom: 0.341em;
}
.solution_box p {
color: #fff;
line-height: 1.7em;
font-size: 1.1em;
margin-bottom: 10px;
font-weight: 300;
}
.result {
text-align: center;
}
.result_wrap {
padding: 4.375em;
}
.result_wrap h2 {
font-size: 2.750em;
color: #000;
font-weight: 600;
margin-bottom: 15px;
}
.result_wrap p {
color: #000;
line-height: 1.7em;
font-size: 1.1em;
margin-bottom: 10px;
font-weight: 300;
text-align: center;
}
.result_box {
position: relative;
margin: 3.750em 0;
}
.result_box:before {
position: absolute;
content: "";
top: 0;
left: 0;
right: 0;
height: 85%;
background: #252e4f;
}
.result_img {
margin-top: -3.875em;
display: inline-block;
}
.demo {
text-align: center;
margin-bottom: 3.750em;
}
.demo a {
background: #f89b2e;
color: #fff;
font-size: 1.5em;
-webkit-border-radius: 5px;
display: inline-block;
line-height: none;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 15px 25px;
text-align: center;
}
/* Case Study ================================================== */
/* Case Study Mobile ================================================== */
/* Case Study Mobile Set */
.web_casestudy.case_study_mobile .banner_img {
max-width: inherit;
width: auto;
overflow: hidden;
max-height: 33.125em;
left: 3%;
top: 30px;
margin: 0 auto;
z-index: 1;
}
.web_casestudy.case_study_mobile .banner_img .mobile {
position: absolute;
height: 30.000em;
overflow: hidden;
margin: 20px auto;
text-align: center;
border-radius: 20px;
padding: 0px 0px 0 0px;
width: 13.875em;
top: 0;
right: 0;
left: 0;
}
.web_casestudy.case_study_mobile .banner_img .mobile img {}
.case_study_mobile .banner_img.app_challenge1 {
top: 8.438em;
left: 30px;
}
.case_study_mobile .banner_img.app_challenge2 {}
.web_casestudy.case_study_mobile .case_challenge {
padding-bottom: 2.813em;
}
.web_casestudy.case_study_mobile .tech_text {
padding-top: 8.125em;
}
.case_study_mobile {}
.case_study_mobile .box_wrap .box1 .logo_box {
margin: 2.188em 0.938em 0 0.938em;
}
.case_study_mobile .solution {
margin-bottom: 4.375em;
}
.case_study_mobile .solution .solution_box {
margin: 0 auto;
top: 4.375em;
}
.case_study_mobile .result_box {
max-height: 24.063em;
}
.case_study_mobile .result_box:before {
background-color: transparent;
}
.case_study_mobile .result_img {
position: relative;
margin-left: 0;
border-radius: 22px;
overflow: hidden;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.21);
margin-top: -5.938em;
}
.case_study_mobile .result_img img {
border-radius: 22px;
}
.case_study_mobile .result_img .mobile {
position: absolute;
height: 30.125em;
overflow: hidden;
margin: 1.250em 1.813em;
text-align: center;
border-radius: 20px;
padding: 0px 0px 0 0px;
width: 13.750em;
top: 0;
right: 0;
left: 0;
}
.case_study_mobile .food_app {
top: 0px;
box-shadow: none;
}
.case_study_mobile .demo a {
font-size: 2.125em;
padding: 0.971em 1.471em;
}
.case_study_mobile .result_wrap {
padding: 4.375em 4.375em 7.500em 4.375em;
}
.case_study_mobile .result_box .wrap {
text-align: center;
}
.case_study_mobile .demo {
margin: 9.125em 0 3.750em 0;
}
/* Case Study Mobile ================================================== */
/* Posts Grid ================================================== */
.post-inner {
position: relative;
width: 100%;
}
.post-inner::after {
content: '';
margin: 0 30px;
height: 1px;
background: #eee
}
.post:not(.has-post-thumbnail) .post-inner::after {
margin: 0
}
.post-media {
position: relative;
overflow: hidden;
z-index: 1;
background: #eee;
border-radius: 5px
}
.post-image {
padding-bottom: 52.65%;
background-position: center;
background-size: cover;
}
.post-cats {
margin-bottom: .4em;
font-size: .6em;
line-height: 1.3;
text-transform: uppercase;
font-weight: bold;
color: rgba(55, 55, 55, .5);
}
.post-cats i {
margin: 0 3px
}
.post-cat {
position: relative;
padding: 2px 0;
}
.post-cat::before {
margin-right: 5px
}
.post-cats a {
transition: all .2s;
background-position: 120%, 122%, 0 130%;
background-size: 100% 3px;
font-size: 10px;
color: #4d4d4d;
}
.post-cats a:hover {
color: rgba(0, 0, 0, .7);
text-decoration: none;
}
.post-title {
margin: 0;
font-size: 1.3em;
line-height: 1.2;
letter-spacing: -1px;
color: #242424;
word-wrap: break-word;
font-weight: bold;
}
.post-content {
position: relative;
z-index: 2;
margin: -10px 10px 0 10px;
padding: 20px;
border-radius: 5px;
background: #fff;
}
.post:not(.has-post-thumbnail) .post-content {
margin: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0
}
.post-content p {
margin: 0;
margin-bottom: .7em;
font-size: .9em;
line-height: 1.5
}
.post-content p:last-of-type {
margin-bottom: 0
}
.post-title+p {
margin-top: 1em
}
.post-footer {
position: relative;
padding: .6em 30px;
padding-bottom: 15px;
color: rgba(55, 55, 55, .5);
font-size: .6em;
text-transform: uppercase;
font-weight: bold;
}
.post:not(.has-post-thumbnail) .post-footer {
padding-left: 0;
padding-right: 0
}
.post-footer span {
display: inline-block;
margin-right: 1em
}
.post-footer span a {
color: #a9a9a9;
}
.post-footer span a:hover {
text-decoration: none;
}
.post-footer span:last-of-type {
margin-right: 0
}
.post-date {}
.post-read-time::before,
.post-date::before {
margin-right: 5px
}
.column {
min-height: 0;
min-width: 0;
width: 100%;
padding: 10px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.post-featured-link {
align-items: center;
}
/*-------------- inspirepos -----------------------*/
.inspirepos-container {
max-width: 1600px;
margin: 0 auto
}
.inspirepos-wrap {
font-size: 24px;
padding-top: 0;
/* font-family: 'botonregular';
*/
}
.inspirepos-bg {
background: url(../jpg/inspirepos-banner.jpg) top center no-repeat;
background-size: cover;
padding: 4.25em 0 5em 0;
}
.inspirepos-integration-wrap {
position: relative;
}
.inspirepos-banner .heading {
color: #fff;
padding-top: 0;
text-transform: uppercase;
font-size: 2.417em;
text-align: center;
margin-bottom: 0.948em;
font-weight: 700;
}
.inspirepos-banner .inspirepos-banner-btn {
margin-bottom: 1.292em;
text-align: center;
}
.inspirepos-banner .quote_btn {
background: #f89b2e;
border-radius: 360px;
color: #1d2029;
font-size: 0.833em;
margin: 0 auto;
padding: 0.625em 0;
transition: 0.5s;
/* font-family: 'SegoeUI-Regular';
*/
font-weight: bold;
max-width: 185px;
display: block;
}
.inspirepos-banner .quote_btn:hover {
color: #fff;
}
.inspirepos-banner .inspirepos-service {
width: 100%;
display: block;
max-width: 615px;
margin: 0 auto;
list-style: none;
}
.inspirepos-banner .inspirepos-service li {
width: 50%;
float: left;
text-align: left;
padding: 0.2em 0;
}
.inspirepos-banner .inspirepos-service li a {
cursor: default;
color: #fff;
position: relative;
/*font-family: 'SegoeUI-Regular';
*/
padding: 0 0 0 21px;
transition: 0.5s;
font-size: 17px;
font-weight: 700;
text-transform: uppercase;
}
.inspirepos-banner .inspirepos-service li a img {
position: absolute;
right: calc(100% - 0.708em);
width: 0.667em;
top: 0.375em;
}
.inspirepos-banner .inspirepos-service li a:aftre {
position: absolute;
}
.inspirepos-banner-left,
.inspirepos-banner-right {
width: 50%;
float: left;
margin-bottom: 2em;
position: relative;
z-index: 1;
padding: 0 0.500em;
}
.inspirepos-banner-right {
padding: 0 0.625em;
}
.inspirepos-ipad {
position: relative;
}
.inspirepos-ipad img {
max-width: 100%;
}
.inspirepos-ipad .inspirepos-ipad-img {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.cup-back {
margin-top: -3.125em
}
.pattern-circle {
width: 100%;
}
.inspirepos-circle {
position: relative;
vertical-align: middle;
display: table-cell;
}
.inspirepos-circle .inspirepos-circle-inner {
position: absolute;
top: 8%;
bottom: 5%;
left: 5%;
right: 5%;
overflow: hidden;
border-radius: 360px;
}
.inspirepos-circle-inner img {
width: 100%;
object-fit: cover;
object-position: center;
height: 100%;
}
.inspirepos-circle .circle-img {
transition: 0.2s;
-moz-animation: spinoffPulse 10s infinite linear;
-webkit-animation: spinoffPulse 10s infinite linear;
}
.inspirepos-option {
width: 100%;
position: relative;
padding-bottom: 3.125em;
}
.inspirepos-option:after {
background-image: url(../jpg/coffee.jpg);
background-repeat: no-repeat;
display: none;
background-position: left bottom;
content: "";
width: 212px;
height: 196px;
position: absolute;
left: 0;
bottom: 0;
z-index: 0;
}
.inspirepos-option:before {
background-image: url(../png/cup1.png);
background-repeat: no-repeat;
display: none;
background-position: right top;
background-size: 100%;
content: "";
width: 45%;
height: 100%;
position: absolute;
right: 0;
top: -20%;
-webkit-mask-image: linear-gradient(to bottom, transparent 1%, black 6%);
mask-image: linear-gradient(to bottom, transparent 1%, black 6%);
}
.inspirepos-option .wrap {
display: table;
}
.inspirepos-circle-text .heading {
color: #3a332f;
font-size: 1.83em;
/*font-family: 'botonregular';
*/
font-weight: 700;
padding-bottom: 1em;
}
.inspirepos-circle-text p {
color: #333;
font-size: 1.03em;
line-height: 1.688em;
/*font-family: 'SegoeUI-Regular';
*/
}
.inspirepos-option .inspirepos-circle-text {
padding-left: 2.375em;
width: calc(70% - 4.375em);
display: table-cell;
vertical-align: middle;
}
.inspirepos-service-wrap {
padding-top: 1.083em;
display: table;
position: relative;
z-index: 11;
}
.inspirepos-service-wrap .inspirepos-service-box {
width: 33.33%;
float: left;
text-align: center;
margin: 0 auto;
padding: 0 2.083em;
}
.inspirepos-service-wrap .inspirepos-service-box {
transition: 0.90s;
}
.inspirepos-service-wrap .inspirepos-service-box:hover {
transform: scale(1.1);
}
.inspirepos-service-wrap .inspirepos-service-box img {
transition: 0.9s;
}
.inspirepos-service-wrap .inspirepos-service-box:hover img {
transform: rotate(360deg);
}
.inspirepos-service-box .inspirepos-service-contant {
text-align: center;
margin-bottom: 2.292em;
padding: 0
}
.inspirepos-service-box .inspirepos-service-contant .heading {
font-weight: 700;
font-size: 1.5em;
color: #3a332f;
}
.inspirepos-service-box .inspirepos-service-contant p {
text-align: center;
margin: 1.083em auto;
font-size: 1.03em;
line-height: 1.688em;
/*font-family: 'SegoeUI-Regular';
*/
color: #333;
}
.analytics {
background-image: url(../jpg/bg-img.jpg);
background-repeat: no-repeat;
background-position: top center;
background-attachment: fixed;
background-color: #fff;
background-size: cover;
padding: 3.750em 0 10.417em 0;
}
.analytics .heading {
font-size: 2.083em;
color: #fff;
font-weight: 700;
text-align: center;
}
.analytics p {
font-size: 1.250em;
color: #fff;
font-weight: 700;
text-align: center;
padding-top: 0.875em;
padding-bottom: 2.792em;
}
.analytics .analytics-box {
width: calc(33.33% - 30px);
float: left;
text-align: center;
margin: 0 15px;
border-radius: 4px;
background: #fff;
overflow: hidden;
}
.analytics .analytics-box .imgwrap {
object-fit: initial;
max-height: 11.808em;
overflow: hidden;
height: auto;
max-width: 100%;
}
.analytics .analytics-box .heading {
font-size: 1.2em;
line-height: 1.577em;
padding: 1.731em 0 0 0;
color: #3a332f;
}
.analytics .analytics-box p {
font-size: 1.01em;
line-height: 1.688em;
color: #333;
padding-bottom: 0px;
/*font-family: 'SegoeUI-Regular';
*/
font-weight: normal;
}
.analytics .analytics-box .analytics-box-content {
width: 80%;
margin: -3.154em auto 0;
box-shadow: 3px 0px 7px rgba(0, 0, 0, 0.18);
position: relative;
background: #fff;
height: 100%;
padding: 0 0.769em 2.154em 0.769em;
transition: 0.9s;
}
.analytics .analytics-box .analytics-box-content:hover {
transform: scale(1.1);
}
.report {
padding: 2.708em;
background: #f5f5f7;
}
.report .heading {
color: #3a332f;
font-size: 1.583em;
font-weight: 700;
padding: 0.974em 0;
}
@media only screen and (max-width: 1509px) {
.report p {
color: #333;
font-size: 1em;
line-height: 1.722em;
}
}
/*skslider */
.skdslider .slide img {
width: auto;
height: auto;
}
.skdslider .slide {
width: auto !important;
}
@-moz-keyframes spinPulse {
0% {
-moz-transform: rotate(160deg);
opacity: 0;
}
50% {
-moz-transform: rotate(145deg);
opacity: 1;
}
100% {
-moz-transform: rotate(-320deg);
opacity: 0;
}
}
@-moz-keyframes spinoffPulse {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
}
}
@-webkit-keyframes spinPulse {
0% {
-webkit-transform: rotate(160deg);
opacity: 0;
}
50% {
-webkit-transform: rotate(145deg);
opacity: 1;
}
100% {
-webkit-transform: rotate(-320deg);
opacity: 0;
}
}
@-webkit-keyframes spinoffPulse {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
/*new css for banner 1st slide */
.Outsourced-banner {
text-align: left !important;
margin-left: 42px;
}
.Outsourced-banner p {
color: white;
margin: 0;
}
.Outsourced-banner .banner-icons {
margin-top: 0;
}
.Outsourced-banner .width-one {
width: 45%;
margin-bottom: 1rem;
font-size: 1.375em;
}
.Outsourced-banner .width-two {
width: 29%;
font-size: 1.375em;
}
.banner-icons .banner-icons-items.leaf {
width: 20%;
display: flex;
margin: 0 2%;
align-items: center;
flex-direction: row;
justify-content: space-around;
}
.lets-talk {
margin-top: 2.5em;
margin-bottom: 1.818em;
}
.leaf .text {
position: relative !important;
padding: 0 20px;
color: #ffc650;
text-align: center;
display: flex;
height: 54px;
align-items: center;
flex-direction: column;
justify-content: space-around;
}
.banner-icons .banner-icons-items.leaf:first-child {
DISPLAY: FLEX;
align-items: flex-start;
flex-direction: column;
margin-left: 0;
}
.banner-icons .banner-icons-items.leaf:last-child {
margin-right: 0;
}
.leaf .text::before {
background: url('../png/left-leaf.png') no-repeat center center;
width: 28px;
height: 54px;
position: absolute;
left: 0;
top: 0;
content: '';
z-index: 99;
}
.leaf .text::after {
background: url('../png/right-leaf.png') no-repeat center center;
width: 28px;
height: 54px;
position: absolute;
right: 0;
top: 0;
content: '';
z-index: 99;
}
@media only screen and (max-width: 1509px) {
.Outsourced-banner .width-one {
width: 55%;
}
.lets-talk {
margin-top: 1em;
margin-bottom: 1em;
}
.inspirepos-container {
max-width: 100%;
}
.inspirepos-service-wrap .inspirepos-service-box {
width: 33%;
}
}
@media only screen and (max-width: 1210px) {
.inspirepos-circle img {
/*width: 100%;*/
}
.inspirepos-option .inspirepos-circle-text {
padding-left: 2em;
}
.inspirepos-wrap {
font-size: 22px;
}
}
@media only screen and (max-width: 1024px) {
.inspirepos-wrap {
font-size: 20px;
}
.section-content {
padding: 0;
}
.analytics {
padding: 1.750em 0.750em 2.417em 0.750em;
}
.analytics p {
padding-bottom: 1.792em;
}
.inspirepos-service-wrap .inspirepos-service-box img {
width: 30%;
}
}
@media (min-width:990px){
.mobile-portfolio-div{
display: none;
}
}
@media only screen and (max-width: 991px) {
.inspirepos-option:before {
top: -12%;
}
.inspirepos-circle {
display: table;
margin: 0 auto;
}
.inspirepos-option .inspirepos-circle-text {
display: table;
width: 100%;
padding: 2em;
}
.inspirepos-service-wrap .inspirepos-service-box {
padding: 0 1.5em;
}
.inspirepos-service-wrap .inspirepos-service-box img {
width: 45%;
}
.navbar .ig-megamenu .main-nav > li.show:hover{
/* border-bottom: 1px solid rgba(0,0,0,0.07); */
background-color: #FFF2E2;
}
.mobile-portfolio{
justify-content: space-between;
gap: 8px;
padding: 10px;
}
.mobile-portfolio a{
display: inline-flex;
flex: 1 1 100%;
justify-content: center;
background-color: #F1F1F1;
border-radius: 5px;
position: relative;
align-items: center;
padding: 0.5em 0.75em;
}
.mobile-portfolio a i{
font-size: 17px;
padding-right: 10px;
}
.mobile-portfolio .case-study-btn{
min-width: 120px;
}
.mobile-portfolio span{
color: #2D2F3C;
font-weight: 700;
font-size: 13px;
}
.navbar .ig-megamenu .ig-menu-content ul{
margin-bottom: 8px;
}
.navbar .ig-megamenu .nav-link:hover{
color: #000000;
}
.mobile-portfolio-div{
display: block;
}
.side-panel{
display: none;
}
}
@media only screen and (max-width: 767px) {
.cup-back {
margin-top: 0;
}
.inspirepos-wrap {
font-size: 18px;
}
.inspirepos-banner-left,
.inspirepos-banner-right {
width: 100%;
}
.inspirepos-service-wrap .inspirepos-service-box {
width: 100%;
}
.inspirepos-option:after {
opacity: 0.1;
}
.analytics .analytics-box {
width: auto;
float: none;
margin: 15px 15px;
}
.analytics .analytics-box {
background: transparent;
}
.analytics .analytics-box .imgwrap img {
width: 100%;
}
.analytics .analytics-box .analytics-box-content {
width: auto;
margin: 0 auto;
}
.inspirepos-option:before {
width: 100%;
top: -5%;
}
.inspirepos-service-wrap .inspirepos-service-box:hover {
transform: rotate(360deg);
transform: scale(1);
}
.analytics .analytics-box .analytics-box-content:hover {
transform: rotate(360deg);
transform: scale(1);
}
.inspirepos-service-box .inspirepos-service-contant .heading {
padding-top: 0;
}
.analytics .analytics-box p,
.inspirepos-circle-text p,
.inspirepos-service-box .inspirepos-service-contant p,
.report p {
font-size: 1.1em;
}
.analytics .analytics-box .heading {
font-size: 1.4em;
}
.inspirepos-service-wrap .inspirepos-service-box img {
margin-bottom: 1.5em;
width: auto;
}
}
@media only screen and (max-width: 480px) {
.inspirepos-banner .inspirepos-service li {
width: 100%;
padding: 0.625em;
}
.navbar .ig-megamenu.mobile-menu {
top: 56px;
}
}
/* --------------- end inspirepos ------------------- */
@media print,
screen and (min-width: 1200px) {
.column {
padding: 20px;
}
}
/* New Case Study Page */
/* New Case Study Page */
/*================================================================================================== 5. Pages ================================================================================================= */
/* Homepage ================================================== */
.posts-featured {
background: #f5f5f5;
border-bottom: 1px solid #eee;
padding-top: 85px;
padding-bottom: 30px;
}
.posts-featured-row {}
.posts-featured-row>.column {}
.post-featured {}
.posts-featured-sidebar {}
.post-featured .post-inner::after {
display: none;
}
.post-featured .post-content {
background: #f5f5f5;
border: none;
}
.post-featured .post-title {}
.post-featured .post-content p {}
.post-featured .post-footer {
padding: .6em 30px
}
.posts-container {}
.posts-container .post {
width: 100%;
margin-bottom: 20px
}
.featured-tabs {
margin-bottom: 1em;
}
.featured-tabs .nav-tabs {
border: 0px;
}
.featured-tab {
position: relative;
padding-bottom: .6em;
margin-right: .5em;
color: rgba(0, 0, 0, .3);
font-size: 16px;
font-weight: bold;
}
.featured-tab::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
height: 3px;
width: 100%;
background-color: #f79c2e;
/*box-shadow: 0 2px 7px 2px rgba(0,0,0,.07);
*/
opacity: 0;
}
.featured-tabs .nav-tabs .nav-link {
border: 0px;
color: #242424;
}
.featured-tabs .nav-tabs .nav-link:hover,
.featured-tabs .nav-tabs .nav-link:focus {
border-color: transparent;
}
.featured-tab.active {
color: #d93f7e;
background-color: transparent !important;
border: 0px;
}
.post-content a {
text-decoration: none;
display: block;
color: #939cad;
}
.post-content .post-title:hover {
-webkit-mask-image: linear-gradient(-75deg, rgba(0, 0, 0, 0.6) 30%, #000 50%, rgba(0, 0, 0, 0.6) 70%);
-webkit-mask-size: 200%;
animation: shine 1.4s infinite;
color: #333;
}
.featured-tab.active::after {
opacity: 1
}
.post-featured-title a {
color: #242424;
font-weight: bold;
}
.post-featured-title a:hover {
-webkit-mask-image: linear-gradient(-75deg, rgba(0, 0, 0, 0.6) 30%, #000 50%, rgba(0, 0, 0, 0.6) 70%);
-webkit-mask-size: 200%;
animation: shine 1.4s infinite;
color: #333;
text-decoration: none;
}
.featured-panel {
display: none;
counter-reset: featured
}
.featured-panel.active {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.featured-panel {
margin: -10px
}
.featured-panel .sticky.post,
.featured-panel>.column {
padding: 10px
}
.post-featured-link {
width: 100%;
}
.post-featured-media {
width: 30%;
counter-increment: featured;
}
.post-featured-medias::after {
content: counter(featured);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.post-featured-image {
padding-bottom: 70%;
height: 100%;
padding-bottom: 55%;
background-size: 100% !important;
}
.post-featured-content {
width: 70%;
padding: .6em;
padding-left: 0;
padding-right: 0;
font-size: 95%
}
.post-featured-media+.post-featured-content {
padding-left: 1em
}
.post-featured-cats {
margin-bottom: .3em;
font-size: 10px !important;
}
.post-featured-title {
font-size: 16px;
line-height: 1.1;
margin: 0;
color: #4d4d4d;
word-wrap: break-word;
}
.post-featured-footer {
padding: 0;
margin-top: .65em;
font-size: 10px !important;
}
.post-featured-footer .post-author a {
color: #939cad;
}
.categoryList {
position: relative;
margin: 1em 0
}
.categoryList a {
display: inline-block;
border: 1px solid #cfcccc;
padding: 8px 6px;
margin-right: 10px;
border-radius: 6px;
margin-bottom: 10px;
font-size: 15px;
color: #333;
text-transform: capitalize;
}
.categoryList a span.cat_count {
font-size: 15px;
padding-left: 10px;
}
@media print,
screen and (min-width: 460px) {
.post-featured-media {
width: 30%;
}
.post-featured-content {
width: 70%
}
}
@media print,
screen and (min-width: 610px) {
.post-featured-link {
width: 50%;
}
}
@media print,
screen and (min-width: 700px) {
.posts-container .post {
width: 50%;
}
.post-featured .post-title {
font-size: 1.8em;
font-weight: 700
}
.post-featured-content {
font-size: 92%
}
.post-featured-cats,
.post-featured-footer {
font-size: .55em
}
.post-featured-media {
width: 30%;
}
.post-featured-content {
width: 70%
}
}
@media print,
screen and (min-width: 870px) {
.post-featured {
width: 66.666667%
}
.posts-featured-sidebar {
width: 33.33333334%
}
.post-featured .post-title {
color: #444
}
.post-featured .post-content {
margin: -20px 20px 0 20px;
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.post-featured .post-content p {
font-size: 1em
}
.post-featured .post-footer {
padding: .6em 40px
}
.post-featured-link {
width: 100%;
}
.posts-container .post {
width: 33.3333334%
}
.featured-tabs {
margin-top: -.5em;
}
}
@media print,
screen and (min-width: 1125px) {
.posts-featured {
padding-bottom: 40px;
}
.post-featured {
width: 66.6666678%
}
.posts-featured-sidebar {
width: 33.33333334%;
}
.post-featured-media {
width: 40%;
}
.post-featured-content {
width: 60%
}
.post-featured-title {
font-size: .95em
}
}
/* Single Posts ================================================== */
.article-heading {
position: relative;
overflow: hidden;
padding: 32px;
background: #f5f5f5;
}
.article-heading-container {
align-items: flex-start;
}
.single-post .post:not(.has-post-thumbnail) .article-heading-container {
margin: 0 auto;
max-width: 780px;
}
.article-heading-content-wrapper {
width: 100%;
position: relative;
padding: 30px 20px;
}
.article-heading-content {
position: relative;
}
.single-post .post:not(.has-post-thumbnail) .article-heading-content-wrapper {
width: 100%;
padding: 30px 20px
}
.single-post .post:not(.has-post-thumbnail) .article-heading-content {
max-width: 100%
}
.article-cats {}
.article-title {
margin: 0;
color: #333;
font-size: 1.6em;
font-weight: 700;
word-wrap: break-word;
}
.article-heading-content p {
margin: 0;
margin-top: 1em;
font-size: 1em;
line-height: 1.5
}
.article-heading-footer {
margin-top: 1em;
padding: 0;
font-size: 10px;
}
.article-heading-image-wrapper {
width: 100%;
padding: 0
}
.article-heading-image-wrapper .post-media {
display: inline;
}
.article-heading-image {
width: 100%;
max-height: 250px;
background-position: center;
background-size: cover;
border-radius: 0;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px
}
.article-heading-image .post-single-image {
width: 100%;
display: block;
/*padding-bottom: 56.25%;
*/
padding-bottom: 50%;
height: 100%;
border-radius: 5px;
background-size: 100% !important;
}
.article-heading-dropcap {
position: absolute;
top: 45%;
left: -20px;
color: #555;
opacity: 0;
font-size: 350px;
line-height: .65;
font-weight: bold;
pointer-events: none;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.singlepageblogcontent h2,
.singlepageblogcontent h3 {
padding: 10px 0px;
}
.singlepageblogcontent .featured-tabs .post-title {
font-size: 1.500em;
}
.singlepageblogcontent .post-media {
margin: 0 auto;
}
.singlepageblogcontent img {
max-width: 100%;
height: auto;
}
.singlepageblogcontent iframe {
width: 100%;
}
/* .singlepageblogcontent > .post-featured > div > .article-content > p > a > img{
width: 100%;
height: auto;
}
*/
@media print,
screen and (min-width: 630px) {
.article-heading-image {
max-height: 350px
}
}
.article-heading-content-wrapper {
padding: 40px 30px
}
.single-post .post:not(.has-post-thumbnail) .article-heading-content-wrapper {
padding: 0 20px
}
.article-heading-image-wrapper .post-media {
max-width: 100%;
}
.article-heading-content-wrapper {}
.article-heading-content {
margin: 0;
}
.article-heading-image-wrapper {
padding-left: 20px
}
.article-heading-image {
max-width: 530px;
height: 100%;
min-height: 245px;
max-height: none;
margin-left: auto;
border-radius: 10px
}
@media print,
screen and (min-width: 900px) {
.single-post .post:not(.has-post-thumbnail) .article-heading-container {
max-width: 700px;
}
}
@media print,
screen and (min-width: 960px) {
.article-heading {}
.article-heading-image {
min-height: 320px
}
.article-heading-content-wrapper {
padding-left: 40px
}
.article-title {
font-size: 2em;
font-weight: 700;
color: #444
}
}
@media print,
screen and (min-width: 1025px) {
.single-post .post:not(.has-post-thumbnail) .article-heading-content-wrapper {
padding-top: 10px
}
}
.article-title {
font-size: 2.4em
}
.article-heading-image {
min-height: 320px
}
.single-post .post:not(.has-post-thumbnail) .article-heading-content-wrapper {
padding-top: 20px
}
@media print,
screen and (min-width: 870px) {
.singlepageblogcontent .sidebarpost {
padding-top: 40px;
width: 33.33%;
}
.singlepageblogcontent .sidebarpost .posts-featured-sidebar {
width: 100%;
}
}
.post-media {
position: relative;
overflow: hidden;
z-index: 1;
background: #eee;
border-radius: 5px
}
.flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
/* Content */
.article-content-wrapper {
position: relative;
margin: 0 auto;
max-width: 780px;
padding: 30px 20px
}
.single-meta {
margin-top: 2em;
}
.single-meta::before {
content: '';
display: block;
width: 20px;
height: 2px;
background: #e5e5e5;
margin-bottom: .5em
}
.single-meta-title {
margin-top: 0;
margin-bottom: .5em;
text-transform: uppercase;
font-size: .8em;
font-weight: bold;
color: #d93f7e
}
.single-tags {
margin-top: 2em;
}
.single-tags::before {
content: '';
display: block;
width: 20px;
height: 2px;
background: #e5e5e5;
margin-bottom: .5em
}
.tags-title {
margin-bottom: .6em;
text-transform: uppercase;
font-size: .8em;
font-weight: bold;
color: #d93f7e
}
.single-tags a {
margin-right: 5px;
margin-bottom: 5px;
padding: 5px 10px;
display: inline-block;
background: #eee;
color: #d93f7e;
border-radius: 4px;
font-size: 16px;
font-weight: bold;
}
.post-related {
background: #f5f5f5;
padding: 40px 0 40px 0
}
.post-related .posts-container {
margin-bottom: 0
}
.post-related .post-content {
background: #f5f5f5
}
.post-related .post {
width: 100%;
margin-bottom: 0;
}
.post-related .post-content p {
display: none;
}
.section-title {
margin: 0;
margin-bottom: 1.2em;
color: #d93f7e;
font-size: 1.2em;
font-weight: 700;
letter-spacing: -1px;
}
.post-comments-section .section-title {
margin-bottom: .875em
}
.post-comments-section .featured-tabs {
margin-top: 1em
}
#get_a_quote_popup .modal-header {
padding-bottom: 0;
}
#discuss_with_us_popup .modal-header{
padding-bottom: 0;
}
#get_a_quote_popup .modal-title {
font-size: 2em;
}
#discuss_with_us_popup .modal-title {
font-size: 2em;
}
#discuss_with_us_popup .wpcf7-spinner{
display: none;
}
#discuss_with_us_popup .wpcf7 form .wpcf7-response-output{
margin:0;
}
@media print,
screen and (min-width: 610px) {
.post-related .post-featured-link {
width: 50%
}
}
@media print,
screen and (min-width: 870px) {
.post-comments-section .featured-tabs {
margin-top: -.5em
}
}
@media print,
screen and (min-width: 900px) {
.article-content-wrapper {
max-width: 700px;
}
}
@media print,
screen and (min-width: 1000px) {
.post-related .post-featured-link {
width: 33.333333%
}
}
@media print,
screen and (min-width: 1200px) {
.article-content-wrapper {
padding: 50px 20px
}
/* .singlepageblogcontent > .post-featured > div > .article-content > p > a > img{
width: auto;
height: auto;
}
*/
}
/* -------------------------------------------------------------------------------------------------------------------- */
@media (max-width: 1499.98px) {
.members-list .member-wrap {
width: 50%;
}
.tech_tools {
padding: 30px;
}
}
@media (max-width: 1199.98px) {
html {
font-size: 15.5px;
}
header .navbar-brand img {
height: 1.75em;
}
.body-scroll header .navbar-brand img {
height: 1.75em;
}
.navbar-light .navbar-nav.main-nav .nav-link {
font-size: 12px;
padding: 0.5em 0.75em;
}
.body-scroll .navbar-light .navbar-nav.main-nav .nav-link {
padding: 0.1em 0.75em;
}
.award {
background-size: 20%;
background-position: 1% bottom;
}
.award .awards-list {
padding-right: 15px;
}
.award.award-section:after {
width: 6.9%;
left: 7.5%;
background-position: 10% bottom;
}
.form .btnCustom,
.form .checkBoxCustom .custom-control-label,
.form .textAreaCustom label,
.form .formGroup .label {
font-size: 16px;
}
.form .formGroup .formControl {
font-size: 18px;
}
/* .formDiv h4 {
font-size: 28px;
}
.formDiv h4 b {
font-size: 32px;
}
*/
.crmBox {
width: 25%;
}
.client_wrap .logo_wrap {
flex: 0 0 25%;
max-width: 25%;
}
.client_wrap .logo_wrap:nth-child(5) .client_logo {
border-top-width: 1px;
}
.client_wrap .logo_wrap:nth-child(5n+1),
.client_wrap .logo_wrap:nth-child(5n+2),
.client_wrap .logo_wrap:nth-child(5n+3),
.client_wrap .logo_wrap:nth-child(5n+4) {
border-right: 0;
}
.client_wrap .logo_wrap:nth-child(4n+1),
.client_wrap .logo_wrap:nth-child(4n+2),
.client_wrap .logo_wrap:nth-child(4n+3) {
border-right: 1px solid #d4d4d4;
}
.width-res-100 {
width: 100%;
}
.width-res-50 {
width: 50%;
}
.article-heading-container {
align-items: center;
}
}
@media (max-width: 991.98px) {
html {
font-size: 15px;
}
.navbar-light .navbar-nav.contact-menu {
margin-left: auto;
}
.navbar-light .navbar-nav.main-nav .nav-link {
font-size: 16px;
padding: 15px 10px!important;
display: flex;
justify-content: space-between;
}
.navbar-light .navbar-nav.main-nav .nav-link.contact-link {
padding: 4px 5px!important;
justify-content: space-between;
display: flex;
font-size:12px;
}
header .navbar-brand img,
.body-scroll header .navbar-brand img {
height: 2.25em;
}
header .navbar-collapse .navbar-nav {
margin-top: 4px;
}
.award.award-section {
background: #32327c;
}
.award.award-section:after {
display: none;
}
footer .footer-last .copyright {
padding-top: 1.25em;
display: block;
justify-content: center;
width: 100%;
}
.navbar .ig-megamenu {
position: fixed;
left: 0;
top: 0;
bottom: 0;
width: 100%;
background: #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
overflow: auto;
transform: translateX(-100%);
transition: 0.4s all ease-in-out;
display: block;
}
.navbar .ig-megamenu.mobile-menu  {
position: fixed;
left: 0;
top: 66px;
bottom: 0;
width: 100%;
background: #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
overflow: auto;
transform: translateX(-100%);
transition: 0.4s all ease-in-out;
display: block;
z-index:999;
}
.navbar .ig-megamenu.show {
transform: translateX(0);
}
.navbar .ig-megamenu .ig-menu-li>a:before {
display: none;
}
.navbar .ig-megamenu .ig-menu-li .show>a:before {
display: none;
}
.navbar .ig-megamenu .slider {
transition: 0.5s all;
padding: 0 10px 0 10px;
}
.navbar .ig-megamenu .nav-link .fa {
display: inline-block;
margin-top: 4px;
pointer-events: none;
}
.navbar .ig-megamenu .nav-link:hover::before {
display: none;
}
.navbar .ig-megamenu .ig-menu-content {
/* position: absolute;
top: 0;
left: 100%;
padding: 0;
box-shadow: none;
border: 0;
overflow: visible;
display: none;
width: 100%; */
max-height: 100%;
}
.navbar .ig-megamenu .dropdown-menu{
border-color: none;
box-shadow: none;
padding: 0 0;
}
.dropdown-menu {
border:none;
}
.navbar .ig-megamenu .ig-menu-content.show {
display: block;
}
.navbar .ig-megamenu .ig-menu-content .megamenu-header {
text-transform: none;
font-weight: 700;
color: #2d2f3c;
font-size: 16px;
}
.navbar .ig-megamenu .ig-menu-content .megamenu-header .fa {
display: inline-block;
}
.navbar .ig-megamenu .ig-menu-content .megamenu-header:after {
display: none;
}
.navbar .ig-megamenu .ig-menu-content .megamenu-header:hover {
text-decoration: none;
}
.dropdown-menu.ig-menu-content ul:not(.ig-menu-content){
margin-top:10px;
}
.navbar .ig-megamenu .ig-menu-content ul li {
padding-top: 8px;
position: relative;
}
.navbar .ig-megamenu .ig-menu-content ul li:after{
padding-top: 8px;
position: relative;
}
#ringButton {
z-index: 98!important;
}
/* li.test.col-menu.ig-menu-li:not(:last-child):after {
content: "";
width: 100%;
height: 5px;
position: absolute;
background: linear-gradient(150deg, #ffffff 12%, #f7f4e8 56%, #e6edf2 87%, #ededf4 100%);
} */
.dropdown-menu.ig-menu-content ul.row > li:not(:last-child) {
border-bottom: 4px solid #FFF2E2;
margin-bottom: 8px;
padding-bottom: 8px;
}
.dropdown-menu.ig-menu-content ul.row > li:first-child {
padding-top: 0;
}
.navbar .ig-megamenu .ig-menu-content ul li a,
.navbar .ig-megamenu .ig-menu-content ul li a.nav-link,
.navbar .ig-megamenu .ig-menu-content ul li a:not(.megamenu-header) {
font-size: 14px;
padding: 5px 10px;
margin: 0;
font-weight: 600;
display: block;
color:#81828A;
}
.navbar .ig-megamenu .ig-menu-content ul li a:hover,
.navbar .ig-megamenu .ig-menu-content ul li a.nav-link:hover,
.navbar .ig-megamenu .ig-menu-content ul li a:not(.megamenu-header):hover {
color: #f79c2e;
}
.navbar .ig-megamenu .ig-menu-content ul li.back {
display: block;
}
.navbar .ig-megamenu .ig-menu-content ul li.back a {
text-transform: uppercase;
font-weight: 700;
color: #f79c2e;
font-size: 16px;
display: block;
}
.navbar-light .navbar-nav.contact-menu {
margin-left: auto;
transform: unset;
position: relative;
box-shadow: none;
display: inline-block;
width: auto;
padding: 0px;
}
.navbar-light .navbar-nav.contact-menu li {
display: inline-block;
}
.navbar-light .navbar-nav.contact-menu li a {
margin-top: 0px;
}
.navbar .ig-megamenu.contact-menu .ig-menu-content {
position: fixed;
width: 100%;
left: 0;
right: 0;
margin-top: 56px;
height: 100vh;
overflow: auto;
}
.whyParaDeta h3 {
margin-top: 20px;
}
.whyOff365 {
margin-bottom: 20px;
}
.dynamicNavTabsBlu ul li {
width: 50%;
}
.whyParaDeta {
margin-top: 20px;
}
.crmBox {
width: 33.33%;
}
.client_wrap .logo_wrap {
flex: 0 0 33.33%;
max-width: 33.33%;
}
.client_wrap .logo_wrap:nth-child(4) .client_logo {
border-top-width: 1px;
}
.client_wrap .logo_wrap:nth-child(4n+1),
.client_wrap .logo_wrap:nth-child(4n+2),
.client_wrap .logo_wrap:nth-child(4n+3) {
border-right: 0;
}
.client_wrap .logo_wrap:nth-child(3n+1),
.client_wrap .logo_wrap:nth-child(3n+2) {
border-right: 1px solid #d4d4d4;
}
.members-list .member-wrap {
padding-left: 6.313em;
margin-bottom: 1.375em;
}
.members-list .member-wrap .member-pic {
width: 4.75em;
height: 4.75em;
}
.CloudBannerWrap .content .cloud-process ul li {
width: 33.33%;
}
.box-50 {
width: 100%;
}
.box-25 {
width: 50%;
}
.box-50.float-left {
width: 50%;
}
.responsive-1by2,
.responsive-2by1 {
padding-bottom: 100%;
}
.box-75 {
width: 50%;
}
.box-33.float-left,
.box-66.float-left {
width: 100%;
}
.life-content-wrap.responsive-1by1 {
padding: 0;
}
.life-content-wrap.responsive-1by1 .contentbox {
position: static;
}
.middlebox img {
max-width: 50%;
height: auto;
width: 100%;
margin: auto;
}
.web_casestudy.case_study_mobile .tech_text {
padding-top: 0px;
}
.web_casestudy.case_study_mobile .banner_img {
top: 0;
left: 0;
}
.web_casestudy.case_study_mobile .banner_img {
width: 50%;
text-align: center;
}
.web_casestudy.case_study_mobile .banner_img img {
max-width: 100%;
}
.case_study_mobile .result_img img {
max-width: 100%;
width: 150px;
}
.ig-megamenu .container{
max-width: 100%!important;
}
}
@media (max-width: 767.98px) {
html {
font-size: 14.5px;
}
.award .awards-list-wrap {
flex-direction: column;
}
.award .awards-list {
width: 100%;
}
.award .awards-list:before {
border-bottom: 1px solid #1b1b50;
border-right: 0;
}
.award .ratings-widget-list {
width: 100%;
}
.collabrate-btn {
width: 100%;
}
.locDetCon {
padding: 10px;
}
.contactLocDetImg {
width: 50px;
height: 50px;
}
.whyParaDeta p {
font-size: 16px;
}
.members-list .member-wrap {
width: 100%;
}
.videoHeadline {
font-size: 32px;
}
.categoryBox .category-heading {
font-size: 18px;
}
.CloudBannerWrap .content h2 {
font-size: 2em;
}
.cloudContent h3 {
font-size: 26px;
}
.cloudContent p {
font-size: 15px;
}
.services-heading h1 {
font-size: 36px;
}
/* Case Study ================================================== */
.web_casestudy {
font-size: 95%;
}
.web_casestudy .banner_img {
width: 100%;
}
.web_casestudy .box_rignt {
width: auto;
float: none;
margin: 0 10px;
padding: 20px;
}
.tech_text {
width: auto;
}
.tech_logo {
width: 100%;
float: none;
}
.box_wrap .box1 .logo_box {
width: 100px;
height: 100px;
margin: 10px 5px;
}
.box_wrap .box1 .logo_box img {
width: 100%;
}
.solution_box {
width: 90%;
margin: 20px auto;
display: block
}
.case_study_mobile .result_img {
width: 150px;
}
.web_casestudy.case_study_mobile .banner_img {
width: 150px;
}
.web_casestudy.case_study_mobile .banner_img .mobile {
height: calc(306px - 48px);
width: calc(154px - 32px);
margin: 11px auto;
border-radius: 10px;
}
.result_img.food_app .mobile {
height: calc(306px - 48px);
width: calc(154px - 32px);
margin: 11px auto;
border-radius: 10px;
}
.case_study_mobile .solution .solution_box {
width: 95%;
margin: 0 2%;
padding: 20px;
max-height: none;
}
.web_casestudy.case_study_mobile .box_rignt {
margin: -25% 0px 0 0;
}
.case_study_mobile .food_app {
top: -25px;
}
.case_study_mobile .result_img {
width: 150px;
}
footer .locations-wrap .locations a.sydney {
right: 14.5%;
}
.article-heading-image .post-single-image {
padding-bottom: 50%;
}
.article-heading-image-wrapper {
padding-left: 0px;
}
.article-heading {
padding: 32px 15px;
}
.article-heading-content-wrapper {
padding: 40px 0px;
}
/* Case Study ================================================== */
}
@media (max-width: 768px) {
.navbar .ig-megamenu.mobile-menu{
top: 62px;
}
}
@media (max-width: 575.98px) {
html {
font-size: 14px;
}
.Outsourced-banner .width-one,
.Outsourced-banner .width-two {
font-size: 1.1em
}
.banner-section {
font-size: 90%;
margin-top: 55px;
}
.banner-section .banner-heading {
font-size: 2.7em;
}
.banner-section .slick-slider {
margin-bottom: 0;
}
.banner-Slider .item .img-fill {
height: auto;
min-height: initial;
}
.banner-Slider .item .img-fill>img {
height: 250px;
}
.img-fill img {
width: 100%;
height: auto;
min-height: initial;
}
.banner-thumbnail {
display: none;
}
.heading .section-heading {
font-size: 2.3em;
}
.award .logobox.square {
padding-bottom: 49%;
}
.collabrate-btn {
width: auto;
}
.inner-banner-section .banner-heading {
font-size: 2em;
}
.form .btnCustom {
float: none !important;
margin-top: 30px;
}
.contactLocDetImg {
display: block;
margin: 10px auto;
}
.crmBox {
width: 50%;
}
.CloudBannerWrap .content .cloud-process ul li {
width: 50%;
}
.hireTabs .hireDevelopersSec {
float: none;
width: 100%;
text-align: center;
margin-top: 30px
}
#portfolioLinks .tabsSection,
.hireTabs .tabsSection {
border-left: 0;
padding: 10px 0;
border-top: 1px solid #dbdbdb;
width: 100%;
}
/* .navbar-light .navbar-nav.main-nav .nav-link {
font-size: 9px;
padding: 0.35em 0.35em !important;
} */
}
@media (max-width: 480px) {
html {
font-size: 13px;
}
.banner-section {
font-size: 70%;
}
.banner-section .banner-heading {
font-size: 2em;
}
footer .footer-last .copyright {
white-space: normal;
}
.form .btnCustom,
.form .checkBoxCustom .custom-control-label,
.form .textAreaCustom label,
.form .formGroup .label {
font-size: 14px;
}
.form .formGroup .formControl {
font-size: 16px;
}
/* .formDiv h4 {
font-size: 24px;
}
.formDiv h4 b {
font-size: 28px;
}
*/
.form .formGroup {
margin-top: 40px;
}
.dynamicNavTabsBlu ul li {
width: 100%;
}
.crmBox {
width: 100%;
}
.videoHeadline {
font-size: 24px;
}
.categoryBox .category-heading {
font-size: 14px;
margin-top: 8px;
}
}
@media only screen and (max-width: 1024px) {
.portfolio_detail .wrap {
padding: 0 10px;
}
}
@media only screen and (max-width: 991px) {
.desk_portfolio .project_points {
padding-top: 70px;
}
}
@media only screen and (max-width: 800px) {
.portfolio_detail {
font-size: 95%;
}
}
@media only screen and (max-width: 640px) {
.portfolio_detail {
font-size: 90%;
}
.desk_portfolio .project_points {
width: 100%;
float: none;
padding-top: 50px;
}
.desk_portfolio .comp_img {
width: 100%;
float: none;
}
.tab_portfolio section:first-child {
min-height: auto !important;
}
}
@media only screen and (max-width: 480px) {
.mob_portfolio h1 {
font-size: 2em;
padding: 30px 0;
margin-top: 40px;
}
.mob_portfolio section {
padding-bottom: 20px;
}
.tab_portfolio h1 {
font-size: 2em;
}
}
/*# sourceMappingURL=layout.css.map */
/* =============Index Banner New ===========================*/
.banner-heading {
margin-bottom: 0.3em;
}
.banner-midline {
margin-bottom: 15px;
}
.banner-midline span {
font-size: 22px;
color: #fff;
background-color: #000;
padding: 1px 10px 0px;
position: relative;
display: inline-block;
}
.banner-midline span::before {
content: '';
position: absolute;
right: 100%;
bottom: 0;
border-style: solid;
border-width: 17.5px 9px 17.5px 9px;
border-color: transparent black black transparent;
}
.banner-midline span::after {
content: '';
position: absolute;
left: 100%;
bottom: 0;
border-style: solid;
border-width: 17.5px 9px 17.5px 9px;
border-color: #000 transparent transparent #000;
}
.banner-icons>.container {
width: 80%;
}
.banner-icons {
margin: 40px 0 20px;
}
.banner-icons .banner-icons-items {
width: 25%;
float: left;
display: inline-block;
}
.banner-icons .banner-icons-items i {
color: white;
font-size: 52px;
margin-bottom: 10px;
display: inline-block;
}
.banner-icons .banner-icons-items p {
color: white;
font-size: 16px;
}
/*=========Banner 2=============*/
.img-fill .ourworkImg {
max-width: 100%;
top: 0;
left: -104px;
}
.work-item {
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
text-align: left;
display: flex;
flex-direction: column;
justify-content: center;
padding: 15px;
}
.flex-btn {
width: 150px;
}
.cusBanner2 .banner-desc {
text-align: left;
}
.cusBanner2 .work-item {
text-align: left;
}
.cusBanner2 .banner-heading span.text-primary {
color: #ffea6d !important;
}
.cusBanner2 .banner-desc a {
color: #ffea6d !important;
}
.cusBanner2 .btn-outline-primary {
color: #fff;
border-color: #ffea6d;
}
.cusBanner2 .btn-outline-primary:hover {
color: #000;
background-color: #ffea6d;
border-color: #ffea6d;
}
/* ================Banner 3=================*/
.cusBanner3 .clientSpeakImg {
min-width: 50%;
top: 120px;
max-width: 100%;
}
.cusBanner3 .banner-heading {
position: relative;
}
.cusBanner3 .banner-desc {
text-align: left;
}
.cusBanner3 .work-item {
padding-left: 100px;
}
.cusBanner3 .csInvComas {
position: absolute;
right: 105%;
top: -10px;
width: auto;
min-width: auto;
min-height: auto;
max-width: 100%;
}
/* ================Banner 4=================*/
.cusBanner4 .banner-desc {
text-align: left;
}
.banner4form .form {
width: 385px;
margin: 0 auto;
padding-bottom: 89px;
}
.banner4form .form .formGroup .formControl,
.banner4form .form .formGroup .label,
.banner4form .form .formGroup .formControl:focus+span,
.banner4form .form .textAreaCustom label,
.banner4form .form .checkBoxCustom .custom-control-label {
color: #fff;
}
.banner4form .form .formGroup .bottomLine {
background: white;
}
.banner4form .form .formGroup .formControl {
border-bottom-color: white;
}
.banner4form .form .textAreaCustom textarea {
border-bottom-color: white;
background: transparent;
color: white;
height: 80px;
min-height: 80px;
}
.banner4form .form .checkBoxCustom .custom-control-label::before,
.banner4form .form .checkBoxCustom .custom-control-label::after {
background-color: transparent;
}
.banner-thumbnail ul .slick-slide .slider-text {
font-size: 83%;
padding-left: 5px;
}
.banner-thumbnail ul .slick-slide .col-auto {
padding-right: 5px;
}
@media only screen and (max-width: 1199px) {
.img-fill .ourworkImg {
max-width: 140%;
}
.murgencyAppCont img.img-fill {
width: 100%;
height: auto
}
}
@media only screen and (max-width: 991px) {
.banner-heading {
font-size: 2.75em;
}
.banner-midline span {
font-size: 18px;
}
.banner-midline span::before {
border-width: 14.5px 8px 14.5px 8px;
}
.banner-midline span::after {
border-width: 15.5px 8px 14.5px 8px;
}
.banner-icons .banner-icons-items i {
font-size: 42px;
margin-bottom: 5px;
}
.banner-icons .banner-icons-items p {
font-size: 14px;
}
.banner-desc {
font-size: 1.2em;
}
}
@media only screen and (max-width: 767px) {
.cusBanner3 .clientSpeakImg {
top: 0;
}
.cusBanner4 .main {
display: none;
}
.cusBanner4 .form .formGroup {
margin-top: 20px;
}
.banner4form .form .textAreaCustom textarea {
min-height: 20px;
}
.banner-icons>.container {
width: 100%;
}
}
@media only screen and (max-width: 575.98px) {
.banner-section .banner-heading {
font-size: 1.75em;
}
.banner-midline {
margin-bottom: 0;
}
.banner-icons {
margin: 20px 0 10px 0;
}
.banner-icons .banner-icons-items i {
font-size: 24px;
margin-bottom: 0;
}
.banner-icons .banner-icons-items p {
font-size: 12px;
margin-bottom: 5px;
}
.banner-midline span {
font-size: 16px;
}
.banner-midline span::before {
border-width: 12.5px 6px 12.5px 6px;
}
.banner-midline span::after {
border-width: 13.5px 6px 13.5px 6px;
}
.banner-Slider .item .img-fill.cusBanner2 .info {
justify-content: flex-start;
}
.img-fill.cusBanner2 img {
min-height: 100%;
}
.img-fill .ourworkImg {
max-width: 156%;
width: auto;
left: -16px;
}
.cusBanner2 .banner-desc {
font-size: 0.9em;
margin: 0 auto 1em;
}
.flex-btn {
width: 120px;
}
.cusBanner3 .banner-desc {
font-size: 1em;
}
.cusBanner3 .clientSpeakImg {
min-width: auto;
top: 58px;
}
.cusBanner3 .csInvComas {
height: 100%;
}
.cusBanner3 .work-item {
padding-left: 0px;
}
.banner-Slider .item.slick-slide.slick-current.slick-active .img-fill.cusBanner4,
.banner-Slider .item.slick-slide.slick-current.slick-active .img-fill.cusBanner4 img {
min-height: 450px;
}
.cusBanner3 .banner-desc {
font-size: 0.9em;
}
.cusBanner4 .form .formGroup .label {
top: 10px;
font-size: 11px;
}
.cusBanner4 .form .formGroup .formControl {
height: 30px;
}
.cusBanner4 .form .formGroup {
margin-top: 22px;
}
.cusBanner4 .form .textAreaCustom,
.cusBanner4 .form .checkBoxCustom {
margin-top: 12px;
margin-bottom: 5px;
}
.cusBanner4 .form .textAreaCustom label {
margin-bottom: 3px;
font-size: 11px;
}
.cusBanner4 .form .btnCustom {
margin-top: 8px;
font-size: 11px;
padding: 5px 12px;
}
.cusBanner4 .form .checkBoxCustom .custom-control-label::before,
.cusBanner4 .form .checkBoxCustom .custom-control-label::after {
width: 15px;
height: 15px;
}
.cusBanner4 .form .checkBoxCustom .custom-control-label {
font-size: 11px;
padding-left: 0px;
padding-top: 3px;
}
.banner4form .form {
padding-bottom: 20px;
}
.banner4form .form {
width: 100%;
}
.banner4form .form .textAreaCustom textarea,
.banner4form .form .formGroup .formControl {
font-size: 11px;
}
}
@media only screen and (max-width: 480px) {
.img-fill img {
/*height: 250px;
*/
height: auto;
}
.banner-midline span {
font-size: 12px;
}
.banner-midline span::before {
border-width: 10.5px 5px 10.5px 5px;
}
.banner-midline span::after {
border-width: 11.5px 5px 10.5px 5px;
}
.banner-icons .banner-icons-items p {
font-size: 10px;
}
.img-fill img.ourworkImg {
height: auto;
}
.cusBanner2 .banner-desc {
font-size: 1.375em;
margin: 0 auto 1.818em;
}
.cusBanner3 .clientSpeakImg {
height: auto;
}
.cusBanner3 .clientSpeakImg {
top: 0;
}
.banner-Slider .item .img-fill.cusBanner2 .info {
justify-content: center;
}
.cusBanner2 .banner-desc {
font-size: 1.1em;
}
.cusBanner3 .banner-desc {
font-size: 1.1em;
}
}
/*----===========MENU CODE===========-----*/
.aboutUS-blog h4 {
text-align: left;
font-weight: 700;
font-size: 20px;
margin-bottom: 16px;
}
.aboutUS-blog .blog-box {
box-shadow: 0px 0px 7px 3px #e4e4e4;
border-radius: 5px;
height: 100%;
}
.aboutUS-blog .blog-box img {
width: 100%;
border-radius: 5px 5px 0px 0px;
}
.aboutUS-blog .blog-box h6 {
color: #f79c2e;
font-size: 0.875em;
text-align: left;
text-transform: uppercase;
margin: 1em;
line-height: 1.45em;
}
.aboutUS-blog .blog-box p {
text-align: left;
margin-left: 0.750em;
padding-bottom: 0.750em;
margin-right: 0.750em;
}
.aboutUS-blog.services-blog h4 span {
float: right;
}
.aboutUS-blog.services-blog .blog-box p {
padding-bottom: 25px;
}
.aboutUS-blog.services-blog .blog-box span {
margin: 10px 12px;
display: inline-block;
color: #454852;
font-size: 14px;
opacity: 0.6;
}
.aboutUS-blog.services-blog .blog-box span i {
margin-right: 10px;
}
.aboutUS-blog.services-blog {
width: 88%;
}
#get_a_quote_popup .modal-header {
padding-bottom: 0;
}
#get_a_quote_popup .modal-title {
font-size: 2em;
}
/* =============== start power BI pagee ======================== */
.power-Service {
margin-top: 3.438em;
}
.service_Pbox {
margin-bottom: 2.500em;
}
.icon_service {
background: #f5f8ff;
border-radius: 360px;
width: 1.933em;
height: 1.933em;
text-decoration: none;
display: block;
text-align: center;
color: #f79c2e !important;
font-size: 2.813em;
margin: 0 0 0.667em;
line-height: 1.95em;
}
.report-service p {
margin-top: 2em;
}
.tech_expert {
background: #f5f8ff;
}
.expert-slider {
margin-top: 4em;
}
.expert-item ul {
list-style: none;
margin: 0;
padding: 0;
}
.expert-item ul li {
display: inline-block;
padding: 0 0.750em;
}
.expert-item ul li a {
text-decoration: none;
}
.expert-item ul li a img {
width: auto;
height: auto;
display: block;
}
.expert-item ul li a span {
font-size: 1.125em;
color: #333333;
margin-top: 1.222em;
text-align: center;
display: block;
font-size: 0.875em;
}
.expert-item {
width: auto !important;
margin: 0 2em;
}
.head-item {
margin-bottom: 2em;
font-size: 1.3em;
text-align: center;
}
.expert-item ul li:first-child {
padding-left: 0;
}
/*class="slick-dots"*/
.expert-slider .slick-dots {
list-style: none;
display: inline-block;
text-align: center;
margin-top: 4em;
width: 100%;
}
.expert-slider .slick-dots li {
display: inline-block;
margin: 0 0.2em;
}
.expert-slider .slick-dots li button {
background: #d0cfcd;
border-radius: 360px;
border: none;
width: 0.750em;
height: 0.750em;
text-indent: -9999px;
}
.expert-slider .slick-dots li.slick-active button {
background: #f79c2e;
}
/* supply chain management */
.supplychainContent.mt_3em {
margin-top: 0;
}
.supplychainWRAp .info h2 {
font-size: 1.95em;
}
.supplychainWRAp .img-fill img {
max-width: 100% !important;
}
@media only screen and (max-width: 1199) {
.aboutUS-blog.services-blog {
width: 100%;
}
/* supply-chain-management */
.supplychainContent.mt_3em {
margin-top: 0;
}
.supplychainContent {
font-size: 92%;
}
/* stock trading platform page */
.playBTN {
font-size: 82%;
}
.featureContent ul li {
padding-right: 0;
}
.mt-xs-0 {
margin-top: 0 !important;
}
}
.icon_service:hover {
color: #d17608 !important;
}
/* ================ end power Bi page ======================*/
@media only screen and (max-width:1200px) {
.Outsourced-banner .width-one {
width: 61%;
}
.Outsourced-banner .width-two {
width: 55%;
}
}
@media only screen and (max-width: 767px) {
/* ============== power bi page ================= */
.service_Pbox {
text-align: center;
}
.icon_service {
text-align: center;
margin: 0 auto 0.667em
}
/* ============== power BI page end ================*/
}
/*----=====Extra Code=====------*/
/* ================= UXSense tab and web css start ======================= */
.navbar .ig-megamenu .dropdown-menu.pl-20 {
padding-left: 20px;
}
.uxSenseWrapWeb .image-container {
width: 731px;
height: 418px;
}
.uxSenseWrapWeb #slideImageHolder img {
/* width: 112%;
*/
}
.uxSenseWrapWeb #slideImageHolder {
top: 5.7%;
}
.uxSenseWrapWeb .sliderWrap {
padding-left: 810px;
}
/* supply chain management */
.supplychainContent.mt_3em {
margin-top: 0;
}
.supplychainWRAp .info h2 {
font-size: 1.95em;
}
.supplychainWRAp .img-fill img {
max-width: 100% !important;
}
@media only screen and (max-width: 1499px) {
.sliderWrap {
margin-left: -3%;
}
.mockup_banner img {
width: 100%;
height: auto;
min-width: 100%;
}
.academicContent {
padding-bottom: 12em;
}
}
@media only screen and (max-width: 991px) {
.mockup_banner {
margin-top: 0;
}
.uxSenseWrapWeb .sliderWrap,
.uxSenseWrapTab .sliderWrap {
padding-left: 603px;
}
.uxSenseWrap h2 {
margin-bottom: 30px;
}
.uxSenseWrapTab .middleLayer img.tabframe,
.uxSenseWrapWeb .middleLayer img,
.uxSenseWrapTab .middleLayer img {
width: 100% !important;
height: auto;
}
.uxSenseWrapWeb .middleLayer,
.uxSenseWrapTab .middleLayer {
width: 32% !important;
}
.image-container {
margin-left: 5px;
margin-right: 8px;
width: 100%;
border-radius: 8px;
}
.uxSenseWrapWeb .image-container,
.uxSenseWrapTab .image-container {
width: 475px !important;
height: auto;
}
/* stock-trading-platform */
.stockWRAp {
font-size: 100%;
}
.playBTN {
background-size: 12% auto;
width: 20em
}
.featureContent {
font-size: 95%;
}
.featureContent ul li,
.supplychainContent.academicContent p {
padding-right: 0;
}
/*.academicContent {
font-size:85%;
}
*/
.featureContent ul li {
width: 100%;
}
.supplychainContent h3 {
font-size: 1.9em;
}
.supplychainWRAp .row.align-items-center .col-md-6 {
margin-top: -2em !important;
padding-bottom: 3em;
font-size: 80%;
}
.supplychainWRAp .info h2 {
font-size: 1.839em;
}
.supplychainWRAp .img-fill img {
max-width: 100% !important;
}
/* .supplychainContent , .shippingContent {
font-size:60%;
}
*/
.supplychainContent.mt_3em {
margin-top: 0;
font-size: 90%
}
.fedex {
width: 60%;
}
.stockWRAp .info h2 {
font-size: 2.650em;
}
.academicContent h3 {
font-size: 2em;
}
.supplychainContent {
font-size: 90%;
}
.shippingContent {
font-size: 75%;
}
.supplychainWRAp .img-fill img.bottomBG-supply {
height: auto;
margin-bottom: -1px;
}
.supplychainWRAp .row.align-items-center .col-md-6.mt-xs-0 {
margin-top: 0 !important
}
.suppliersHEAD {
font-size: 2em;
}
.supplychainContent ul {
margin-bottom: 2.5em;
}
/*.shippingContent .logisticsIMG {
margin: 0;
}
*/
.supplychainContent.academicContent {
font-size: 100%;
}
}
@media (max-width: 767.98px) {
.sliderWrap {
margin-left: 0;
}
.inner-banner-section .img-fill .info.murgancy_info {
font-size: 80%;
}
}
@media only screen and (max-width: 768px) {
.uxSenseWrap h2 {
font-size: 32px;
}
.uxSenseWrapTab .middleLayer img.tabframe,
.uxSenseWrapWeb .middleLayer img,
.uxSenseWrapTab .middleLayer img {
width: 100% !important;
height: auto;
}
.uxSenseWrapWeb .middleLayer,
.uxSenseWrapTab .middleLayer {
width: 28% !important;
}
.uxSenseWrapWeb .sliderWrap,
.uxSenseWrapTab .sliderWrap {
padding-left: 415px;
}
.uxSenseWrapWeb .image-container,
uxSenseWrapTab .image-container {
width: 415px !important;
height: auto;
}
.uxSenseWrapWeb .image-container img {
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.shippingContent .logisticsIMG {
margin: 0;
}
.supplychainWRAp .btn.btn-primary.btn-lg.btn-rounded {
margin: 0 auto;
display: block;
width: 150px;
}
}
@media only screen and (max-width: 640px) {
.uxSenseWrapWeb .middleLayer {
width: 27% !important;
}
.uxSenseWrapTab .middleLayer {
width: 28% !important;
}
.banner-icons .banner-icons-items.leaf.hidemob {
display: none;
}
}
@media only screen and (max-width: 480px) {
/*.uxSenseWrapTab .middleLayer img {
width: 252px;
}
*/
.uxSenseWrapWeb .middleLayer {
width: 19% !important;
}
.uxSenseWrapTab .middleLayer {
width: 22.5% !important;
left: -34px;
}
.uxSenseWrapWeb .sliderImageWrap {
left: -10px;
position: relative;
}
.uxSenseWrap h2 {
font-size: 28px;
margin-bottom: 30px
}
.uxSenseWrapWeb .middleLayer img {
width: 100%;
}
.uxSenseWrapWeb .sliderWrap {
padding-left: 250px;
}
.uxSenseWrapWeb .image-container {
width: 295px !important;
height: auto;
}
/*.middleLayer img {
width: 100%;
height: auto;
}
*/
/* supply-chain-management */
.supplychainContent.mt_3em {
margin-top: 0;
}
.supplychainContent {
font-size: 100%;
}
.supplychainContent h3 {
font-size: 2.15em;
}
.logisticsLEFT p {
font-size: 1.4em;
}
.suppliersHEAD {
font-size: 1.5em;
}
/* ========= stock-trading-platform ================== */
.stockWRAp .info h2 {
font-size: 2.5em;
}
.stockWRAp {
font-size: 100%;
}
.stockWRAp .img-fill img {
height: auto;
}
}
@media only screen and (max-width: 400px) {
.uxSenseWrapTab .middleLayer {
width: 22% !important;
left: -20px;
}
.uxSenseWrapMobile .middleLayer {
width: 14.5% !important;
}
.uxSenseWrapMobile .sliderImageWrap {
position: relative;
;
left: 25px
}
}
@media only screen and (max-width: 375px) {
/*.uxSenseWrapTab .middleLayer img {
width: 252px;
}
*/
.uxSenseWrapWeb .middleLayer {
width: 17% !important;
}
.uxSenseWrapWeb .sliderImageWrap {
left: -8px;
position: relative;
}
.uxSenseWrapTab .middleLayer {
width: 20% !important;
left: -32px;
}
.uxSenseWrapWeb .image-container {
width: 258px !important;
height: auto;
}
}
@media only screen and (max-width: 358px) {
.uxSenseWrapMobile .middleLayer {
width: 14.5% !important;
}
.uxSenseWrapMobile .sliderImageWrap {
position: relative;
;
left: 80px
}
/*.uxSenseWrapTab .middleLayer img {
width: 252px;
}
*/
.uxSenseWrapWeb .middleLayer {
width: 15% !important;
}
.uxSenseWrapWeb .sliderImageWrap {
left: -5px;
position: relative;
}
.uxSenseWrapTab .middleLayer {
width: 18% !important;
left: -34px;
}
.uxSenseWrapWeb .image-container {
width: 232px !important;
height: auto;
}
#slideImageHolder {
border-radius: 22px
}
}
/* ================= UXSense tab and web css start ======================= */
@media only screen and (max-width: 768px) {
.stockWRAp .info h2 {
font-size: 2.5em;
}
.customPagination {
float: left;
margin-left: 30px;
}
.customPagination img {
max-width: 100%;
height: auto;
}
.Outsourced-banner {
margin-left: 0;
}
.lets-talk {
margin: 15px 0;
}
.Outsourced-banner .width-one {
width: 100%;
}
.Outsourced-banner .width-two {
width: 100%;
}
element.style {
animation-delay: 0.9s;
}
.banner-icons .banner-icons-items.leaf {
width: 42%;
margin: 10px;
}
.Outsourced-banner.width-one {
margin-bottom: 0;
}
.banner-icons .banner-icons-items.leaf {
margin: 2px 4px 10px 4px;
}
}
@media only screen and (max-width: 576px) {
.banner-icons {
margin: 0;
}
.Outsourced-banner .width-one,
.Outsourced-banner .width-two {
font-size: 1.1em
}
/*.banner-Slider .item .img-fill > img {
height: 300px;
}
*/
.banner-icons .banner-icons-items.leaf {
display: inline-block;
width: 46%;
}
.leaf .text {
height: 34px;
}
.leaf .text::before {
background-image: url('../png/leftnew.png');
height: 34px;
}
.leaf .text::after {
background-image: url('../png/rightnew.png');
height: 34px;
}
}
/*azure mvp css*/
.Industriesul {
margin-top: 2.50em;
}
.Industriesul li {
display: inline-block;
width: 30%;
}
.Industriesul li .wrapli {
border: 1px solid #E9E9E9;
border-radius: 1.875em;
width: 100%;
display: flex;
align-items: center;
flex-direction: column;
justify-content: flex-start;
height: 142px;
text-align: center;
}
.Industriesul li .wrapli .thumb {
background: #035BDA;
color: white;
margin-top: 1.875em;
border-radius: 5px;
width: 37px;
height: 37px;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
}
.Industriesul li .wrapli .thumb>span {
font-size: 20px;
}
.Industriesul li .wrapli .text {
color: #3B3B3B;
font-size: 0.938em;
margin-top: 15px;
}
.Industriesul li.bar {
margin: 0 10px 25px 10px;
}
.minusmargin {
margin-top: -80px;
}
.cmn-padding {
padding: 2.50em 0;
}
.first-banner {
background: #F1F8FF;
padding-bottom: 100px;
}
.first-banner h1 {
font-size: 2.188em;
font-weight: 700;
text-transform: capitalize;
color: #2E2C2D;
}
.first-banner h1 span {
color: orange;
display: block;
}
.first-banner h6 {
color: #035BDA;
margin: 30px 0 20px 0;
font-size: 1.750em;
font-weight: 700;
}
.first-banner .logo {
margin-bottom: 25px;
display: block;
}
.first-banner .click {
font-size: 1.125em;
font-weight: 600;
border-radius: 0.833em;
width: 10.278em;
height: 3.111em;
border: 0;
background: #035BDA;
color: white;
display: block;
}
.first-banner .thumb {
margin-top: 20px;
display: flex;
margin-left: -5px;
margin-right: -5px;
flex-wrap: nowrap;
}
.first-banner .thumb li {
display: inline-block;
flex: 0 0 16.67%;
max-width: 16.67%;
padding-left: 5px;
padding-right: 5px;
}
.first-banner .thumb li img {
width: 100%;
height: 100%;
object-fit: cover;
border: 1px solid #E9E9E9;
border-radius: 6px;
}
.first-banner .thumb li.bar {
margin: 0 5px;
}
.azure-content {
width: 97%;
margin: 0 auto;
}
.azure-content h5 {
font-size: 1.688em;
font-weight: 700;
color: #4B4B4B;
}
.azure-content p {
color: #4B4B4B;
font-size: 16px;
}
.casestudies h2 {
font-size: 2.125em;
font-weight: 700;
color: #01204D;
}
.bgwhite {
background: white;
border-radius: 15px;
}
.bgblue {
background: #F1F8FF;
border-radius: 20px;
}
.part02 p {
margin-bottom: 27px;
}
.part03 h3 {
margin-bottom: 30px;
font-size: 2.000em;
font-weight: 700;
color: #4B4B4B;
}
.part03 h5 {
color: #035BDA;
margin-bottom: 0.741em;
}
.casestudies {
border-bottom: 4px solid #F1F8FF;
}
.casestudies .left {
width: 87%;
margin-top: 30px;
}
.casestudies .left li {
background: url("../dot.html") no-repeat top left;
padding-left: 20px;
margin-bottom: 15px;
list-style: none;
color: #01204D;
}
.casestudies .right {
margin-top: 30px;
}
.casestudies .right li {
display: flex;
flex-direction: row;
justify-content: center;
padding-bottom: 15px;
padding-top: 15px;
border-bottom: 1px solid #D1D1D1;
list-style: none;
}
.casestudies .right li p {
margin-bottom: 0;
display: flex;
align-items: center;
margin-left: 20px;
color: #5E5E5E
}
.casestudies .right li:last-child {
border: 0;
}
.img-ico {
font-size: 57px;
}
.dev-tech h5 {
font-size: 1.688em;
font-weight: 700;
color: #01204D;
}
.dev-tech .Industriesul {
display: flex;
}
.dev-tech .Industriesul li {
width: 19%;
}
.dev-tech .Industriesul li .wrapli {
height: 180px;
}
.dev-tech .Industriesul li .wrapli .ico {
margin-top: 20px;
}
.dev-tech .Industriesul li .wrapli .text {
width: 100%;
font-size: 14px;
font-weight: 600;
padding: 0 5px;
color: #000;
}
.dev-tech .Industriesul li.bar {
margin: 0 10px;
}
.modal-dialog {
max-width: 700px;
}
.modal-body {
text-align: center;
}
.modal-header {
padding: 0 1rem;
border: 0;
}
.thumb.nav-tabs {
border-bottom: none;
}
.thumb.nav-tabs .nav-link {
padding: 0px;
border: none;
display: initial;
}
.az-service-tab-content .tab-pane {
transition: all 0.2s ease-in-out;
}
/* responsive azure app mvp */
@media (max-width: 991px) {
.mobcenter {
text-align: center;
display: block;
}
.mob-top {
margin-top: 32px;
}
.casestudies .left {
width: 100%;
}
.casestudies .right li {
justify-content: start;
}
.dev-tech .Industriesul li {
width: 29%;
}
.dev-tech .Industriesul {
display: inline-block;
text-align: center;
}
.dev-tech .Industriesul li.bar {
margin-bottom: 20px;
}
.azure-content {
width: 100%;
}
.azure-content p {
font-size: 14.625px;
}
.part02 p {
font-size: 14.625px;
}
.Industriesul li .wrapli .text {
font-size: 14.625px;
}
.Industriesul li .wrapli .text {
font-size: 14.625px;
}
.Industriesul li .wrapli .text {
font-size: 14.625px;
}
.dev-tech .Industriesul li .wrapli .text {
font-size: 14.625px;
}
.dev-tech .Industriesul li .wrapli .text {
font-size: 14.625px;
}
.casestudies .right li:last-child {
padding-bottom: 0px;
}
.casestudies .left li:last-child {
margin-bottom: 0px;
}
.azure-case-study-col {
padding-top: 2.50em;
}
.Industriesul li.bar:last-child {
margin-bottom: 0px;
}
.first-banner .logo {
text-align: left;
}
.first-banner h1 {
font-size: 2.0em;
}
.first-banner h1,
.first-banner h6 {
text-align: left;
}
.first-banner .click {
margin-left: 0px;
margin-right: 0px;
}
.first-banner .logo img {
max-height: 3.0em;
width: auto;
}
.casestudies h2 {
font-size: 2.0em
}
}
@media (max-width: 576px) {
.casestudies {
width: 100%;
margin: 0 auto;
}
.dev-tech .Industriesul li {
width: 50%;
margin: 0px;
margin-bottom: 5px;
padding-bottom: 0;
padding: 0 5px 0px 5px;
}
.dev-tech .Industriesul li .wrapli {
width: 100%;
margin-bottom: 0px;
padding-bottom: 0;
}
.dev-tech .Industriesul li.bar {
margin: 0 0 10px 0;
}
.casestudies h2 {
font-size: 1.688em;
}
.azure-content h5 {
font-size: 1.50em;
}
.part03 h3 {
font-size: 1.688em;
}
.casestudies .right {
margin-top: 10px;
}
/* .first-banner .thumb li {
margin-bottom:10px ;
}
*/
.first-banner .thumb li.bar {
margin: 0 0 10px 0;
}
.first-banner h1 {
font-size: 2.0em;
}
.dev-tech .Industriesul {
display: flex;
text-align: center;
flex-wrap: wrap;
margin: 2.50em -5px 0px;
}
.casestudies .left li {
font-size: 14.625px;
}
.Industriesul {
text-align: center;
margin-left: -5px;
margin-right: -5px;
display: flex;
flex-wrap: wrap;
}
.Industriesul li {
margin: 0 0px 10px 0px;
width: 50%;
padding-left: 5px;
padding-right: 5px;
}
.Industriesul li.bar {
margin: 0px;
}
.casestudies .left {
margin-top: 25px;
}
.first-banner .logo img {
max-height: 3.25em;
width: auto;
}
.part03 h5 {
margin-bottom: 0.541em;
}
.first-banner .thumb li {
padding-left: 3px;
padding-right: 3px;
}
.first-banner .thumb {
margin-left: -3px;
margin-right: -3px;
}
.first-banner .click {
margin: 0 auto;
}
}
.Industriesul li .wrapli .thumb img {
width: 22px;
height: 22px;
}
.Industriesul li .wrapli .thumb.i6 img {
height: 17px;
}
/*ms dynamics css */
.ms-dynamic-banner-video {
position: absolute;
top: 0px;
left: 0px;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
max-height: 100%;
object-fit: cover;
}
.inner-banner-section .banner-desc.small-desc {
font-size: 1.125em;
max-width: 30.278em;
}
.mb-40 {
margin-bottom: 2.500rem !important;
}
/*.ms-dynamic-inner-banner-section .img-fill {
background: url(../images/ms-dynamics/ms-dynamic-banner.png) center center no-repeat;
background-size: cover;
}
*/
.ms-dynamic-inner-banner-section .img-fill .info {
padding: 5em 0.938em 12.625em;
}
.ms-dynamic-service-section {
margin-top: -8em;
}
.ms-dynamic-service-section ._service-box {
background-color: var(--white);
box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.18);
border-radius: 0.625em;
padding: 1.0em 1.875em 1.750em 1.250em;
}
.ms-dynamic-service-section ._service-box-head ._img-wrap img {
max-height: 3.125em;
}
.ms-dynamic-service-section ._service-box-head ._title {
font-size: 1.375em;
color: #000000;
margin-left: 1.0em;
}
.ms-dynamic-service-section ._service-box-head {
margin-bottom: 1.813em;
align-items: center;
}
.ms-dynamic-service-inner {
padding: 0px 0.938em;
}
.our-clients.our-brands .client-logos .logo-wrap {
padding: 1.750em 1.250em;
min-height: 5.875em;
max-height: 5.875em;
}
.heading .section-heading.section-heading-md {
font-size: 2.50em;
}
.ms-client-section {
padding: 3.188em 0px 2.625em;
}
.case-study-box {
background-color: #fff;
border-radius: 0.625em;
box-shadow: 0px 0px 15px rgba(145, 149, 155, 0.16);
padding: 1.0em 1.250em;
}
.case-study-box-head {
margin-bottom: 0.875em;
}
.case-study-box-head>div {
min-height: 5.188em;
}
.case-study-box-head ._sub-title {
font-size: 0.938em;
color: #F79C2E;
border-bottom: 1px solid #F79C2E;
margin-bottom: 0.800em;
line-height: 1.5;
}
.case-study-box-head ._title {
font-size: 1.375em;
font-weight: bold;
color: #2D2F3C;
margin-bottom: 0.227em;
}
.case-study-box-head ._firm {
color: #2D2F3C;
}
.ms-case-row>div {
padding-top: 0.938em;
padding-bottom: 0.938em;
}
.ms-case-studies {
padding-bottom: 3.0em;
}
.bottom-pitch-fold {
background: url(../bottom-pitch-img.html) center center no-repeat;
background-size: cover;
}
.bottom-pitch-fold ._info {
position: static;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
display: flex;
flex-direction: column;
justify-content: center;
padding: 2.125em 0px 1.875em;
}
.btn-white,
.btn-white:hover {
background-color: #fff;
color: #F79C2E;
border-color: #fff;
}
.img-fill img.banner-overlay {
position: absolute;
left: 0;
bottom: 0;
top: 0;
height: 100%;
}
/*contact us page css*/
.contact-us-banner .img-fill {
background: url(../png/contact-banner1-img.png) center center no-repeat;
background-size: cover;
}
.contact-us-banner .img-fill .info {
padding: 6.65em 0.938em 6.650em;
}
.lets-talk-wrap {
margin: 3.125em 0px 4.625em;
}
.lets-talk-wrap .btn {
padding: 0.5em 2em;
}
.contact-us-loc-col {
padding: 0px 0.625em 2.813em 6.250em;
}
.contact-us-loc-row>div {
margin-bottom: 5.063em;
}
.contact-us-loc-head {
margin-bottom: 2.313em;
}
.contact-us-loc-head h3 {
font-size: 1.875em;
font-weight: 800;
color: #000000;
}
.location-col img {
max-height: 1.375em;
margin-bottom: 0.875em;
}
.location-col h4 {
font-size: 1.375em;
color: #2D2F3C;
font-weight: 600;
margin-bottom: 0.227em;
}
.location-col p {
color: #000000;
margin-bottom: 0.5em;
}
.contact-mail-col {
background-color: rgba(235, 243, 247, 0.46);
box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.03);
border-radius: 0.375em;
padding: 0.938em
}
.contact-mail-col img {
margin-bottom: 1.188em;
color: #33373E;
}
.contact-mail-col a {
color: #33373E;
}
.location-col-contact {
display: flex;
align-items: center;
}
.location-col-contact i {
font-size: 0.813em;
width: 0.813em;
color: #8C919A;
}
.location-col-contact a {
color: #33373E;
margin-left: 0.875em;
}
.contact-us-box {
background-color: #042048;
border: 1px solid #707070;
}
.contact-us-box-inner {
padding: 3.375em 5.688em 2.500em;
}
.contact-us-box-head {
margin-bottom: 3.750em;
}
.contact-us-box-head img {
max-height: 2.500em
}
.contact-us-box-head h3 {
font-size: 1.875em;
font-weight: 800;
color: #FFFFFF;
padding-left: 0.667em;
}
.contact-us-box-form .form-group {
margin-bottom: 2.625em;
}
.contact-us-box-form label {
color: rgba(255, 255, 255, 0.5);
margin-bottom: 0px;
}
.contact-us-box-form .form-control {
font-size: 1.125em;
border: none;
border-bottom: 1px solid #ffffff;
padding: 1.0em 0.222em;
background-color: transparent;
border-radius: 0px;
height: 3.000em;
color: #ffffff;
}
.contact-us-box-form .form-control::placeholder {
color: #ffffff;
}
.contact-us-box-form .form-control:focus {
box-shadow: none;
}
.captcha-wrap {
margin-top: 0.5em;
margin-bottom: 1.750em;
}
.contact-us-loc-col>p,
.contact-us-loc-col~p {
display: none;
}
.contactus1 {
color: #fff!important;
border: 2px solid #FFFFFF;
border-radius: 28px;
}
.contact-us-banner .img-fill .info {
margin-bottom: -50px!important;
}
.inner-banner-section .banner-desc {
margin-bottom: 6px;
}
.mail a {
height: 47px;
width: 47px;
background: white;
position: relative;
border-radius: 360px;
top: 11px;
font-size: 1.125em;
display: flex;
align-items: center;
justify-content: center;
margin: auto;
}
.mail i {
color: #2d2f3c!important;
font-size: 16px;
}
@media only screen and (max-width: 768px) {
.mail a {
line-height: 3;
}
}
.contact-us-section {
margin-bottom: 100px;
}
.inner-banner-section .lets-talk {
position: absolute;
top: 99%;
padding: 10px 0;
display: inline-block;
transform: translate(-50%, -50%);
left: 50%;
}
.inner-banner-section .lets-talk .lefttalk {
right: calc(100% - 26px);
}
.inner-banner-section .lets-talk img {
height: 57%;
width: auto;
position: absolute;
top: 0;
}
.inner-banner-section .lets-talk a {
padding: 0.5em 2em;
position: relative;
z-index: 1;
border-radius: 22.5rem;
-webkit-border-radius: 22.5rem;
-moz-border-radius: 22.5rem;
-ms-border-radius: 22.5rem;
}
.inner-banner-section .lets-talk .righttalk {
left: calc(100% - 26px);
}
.inner-banner-section .lets-talk:after {
position: absolute;
content: "";
background: #fff;
left: 25px;
right: 25px;
top: 0;
height: 100%;
}
@media only screen and (max-width: 1509px) {
.lets-talk {
margin-top: 1em;
margin-bottom: 1em;
}
}
.mail .fa-envelope:before {
content: "\f0e0";
color: #000!important;
}
/*customer portal css*/
.cp-inner-banner-section {
position: relative;
}
.cp-inner-banner-section .img-fill {
background: url(../png/customer-portal-banner-bg%402x.png) center center no-repeat;
background-size: cover;
display: flex;
align-items: flex-end;
height: 74vh;
}
.cp-inner-banner-section .img-fill>.container {
position: relative;
z-index: 1;
}
.img-fill .ms-banner-logo {
max-height: 3.250em;
margin-bottom: 0.875em;
min-width: auto;
width: auto;
}
.cp-content-section {
background: url(../png/cp-cust-feature-bg.png) center center no-repeat;
background-size: cover;
position: relative;
width: 100%;
/* position: absolute;
*/
bottom: 0;
top: 0;
height: 100%;
object-fit: cover;
}
/*.cp-content-section > img{
width: 100%;
position: absolute;
bottom: 0;
top: 0;
height: 100%;
object-fit: cover;
}
*/
.cp-top-fold {
background: transparent linear-gradient(90deg, rgba(57, 55, 55, 1) 0%, rgba(190, 190, 190, 0.34) 51%, rgba(48, 47, 47, 1) 100%) 0% 0% no-repeat padding-box;
position: absolute;
top: 0px;
width: 100%;
padding: 1.1250em 0px;
}
.cp-top-fold-inner {
display: flex;
align-items: center;
}
.cp-top-fold-inner ._img-wrap img {
max-height: 3.813em;
}
.cp-top-fold-inner ._content {
padding-left: 2.250em;
}
.cp-top-fold-inner ._content p {
font-size: 1.50em;
color: #ffffff;
margin-bottom: 0px;
line-height: 1.35;
}
.cp-top-fold-inner ._content p span {
color: #F79D2F;
}
.cp-features {
padding-top: 12.375em;
}
.cp-features-col {
display: flex;
align-items: center;
}
.cp-features-col ._icon-wrap {
flex: 0 0 3.0em;
max-width: 3.0em;
}
.cp-features-col ._icon-wrap i {
font-size: 3.0em;
}
.cp-features-col p {
font-size: 1.50em;
font-weight: 600;
color: #ffffff;
padding-left: 1.0em;
margin-bottom: 0px;
}
.cp-overlay {
background: transparent linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.8) 100%, rgba(0, 0, 0, 0.8) 100%) 0% 0% no-repeat padding-box;
position: absolute;
top: 0px;
bottom: 0px;
left: 0;
right: 0;
}
.cp-features-row>div {
margin-bottom: 2.813em;
}
.cp-cust-busi-central-section {
/*background: url(../images/customer-portal/cp-cust-busi-central-bg.png) center center no-repeat;
background-size: cover;
*/
padding: 9em 15px;
position: relative;
}
.cp-cust-busi-central-section>img {
position: absolute;
width: 100%;
top: -1px;
left: 0;
right: 0;
height: 100%;
object-fit: cover;
object-position: top;
}
.cp-buss-central-col {
max-width: 85%;
padding-left: 1.875em;
}
.cp-buss-central-col>h2 {
font-size: 2.125em;
font-weight: bold;
color: #F79D2F;
margin-bottom: 1.176em;
}
.cp-buss-central-col>p {
font-size: 1.125em;
color: #ffffff;
margin-bottom: 0px;
}
.cp-buss-central-col>p+p {
margin-top: 2.222em;
}
.cp-buss-central-left-overlay {
position: absolute;
left: 0px;
top: 0px;
bottom: 0px;
right: 0px;
background: transparent linear-gradient(91deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.68) 100%) 0% 0% no-repeat padding-box;
}
.cp-bottom-pitch {
background-color: #121212;
padding: 2.188em 0px;
position: relative;
margin-top: -1px;
}
.cp-bottom-pitch-inner h2 {
font-weight: 800;
font-size: 2.500em;
color: #F79C2E;
margin-bottom: 0.5em;
}
.cp-let-talk-btn {
border-radius: 0.625em;
width: 8.563em;
}
.cp-banner-overlay {
position: absolute;
width: 100%;
bottom: 0px;
top: 0px;
left: 0px;
right: 0px;
z-index: 1;
background: transparent linear-gradient(360deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.43) 69%, rgba(0, 0, 0, 0) 100%) 0% 0% no-repeat padding-box;
}
.cp-testimonial-section {
background: url(../png/testimonial.png) center center no-repeat;
background-size: cover;
padding: 52px 0px;
position: relative;
top: -1px;
}
.cp-testimonial-head h2 {
color: #F79D2F;
font-size: 2.688em;
text-align: center;
opacity: 1;
font-weight: bold;
}
.cp-testimonial-section .line1 {
display: block;
background-color: #F79D2F;
text-align: center;
width: 64px;
height: 3px;
margin: auto;
}
.cp-testimonial-overlay {
position: absolute;
width: 100%;
bottom: 0px;
top: 0px;
left: 0px;
right: 0px;
background-color: rgba(0, 0, 0, 0.72);
}
.cp-testimonial-container {
max-width: 1055px;
padding: 0px 15px;
position: relative;
margin: 0 auto;
}
.cp-testimonial-slider {
text-align: center;
}
.cp-testimonial-slider .item .tm-img {
display: flex;
margin-top: 71px;
justify-content: center !important;
height: 72px;
}
.cp-testimonial-slider .tm-body {
margin-top: 41px!important;
max-width: 671px;
margin-left: auto;
position: relative;
margin-right: auto;
}
.cp-testimonial-slider .tm-body img {
display: flex;
}
.cp-testimonial-slider .tm-body span {
color: #FFFFFF !important;
font-size: 1.125em;
letter-spacing: 0px;
font-weight: 100;
}
.cp-testimonial-slider .q-left img {
position: absolute;
left: -55px;
top: -22px;
}
.cp-testimonial-slider .q-right img {
position: absolute;
right: -57px;
bottom: 0;
}
.cp-testimonial-slider .rounded-slider-btn {
display: flex;
position: absolute;
justify-content: center;
width: 34px;
height: 34px;
border-radius: 50%;
border: 2px solid #ffffff;
}
.cp-testimonial-slider .PrevArrow.slick-disabled.rounded-slider-btn {
background-color: transparent !important;
}
.cp-testimonial-slider .NextArrow.slick-disabled.rounded-slider-btn {
background-color: transparent !important;
}
.cp-testimonial-slider .PrevArrow.slick-disabled.rounded-slider-btn i,
.cp-testimonial-slider .NextArrow.slick-disabled.rounded-slider-btn i,
.cp-testimonial-slider .PrevArrow.slick-disabled.rounded-slider-btn i::before,
.cp-testimonial-slider .NextArrow.slick-disabled.rounded-slider-btn i::before {
color: #fff;
}
.cp-testimonial-slider .PrevArrow.rounded-slider-btn {
top: 135px;
bottom: 0;
left: 0;
margin-right: auto;
margin-top: auto;
margin-bottom: auto;
margin-left: 61px;
outline: none;
z-index: 1;
background-color: #ffffff;
opacity: 1;
display: flex;
align-items: center;
justify-content: center;
}
.cp-testimonial-slider .NextArrow.rounded-slider-btn {
top: 135px;
bottom: 0;
right: 0;
margin-left: auto;
margin-top: auto;
margin-bottom: auto;
margin-right: 55px;
outline: none;
background-color: #ffffff;
opacity: 1;
display: flex;
align-items: center;
justify-content: center;
}
.cp-testimonial-slider .PrevArrow.rounded-slider-btn i {
color: #000000;
font-size: 12px;
}
.cp-testimonial-slider .NextArrow.rounded-slider-btn i {
color: #000000;
font-size: 12px;
display: flex;
align-items: center;
justify-content: center;
}
.cp-testimonial-slider .PrevArrow.rounded-slider-btn i::before,
.cp-testimonial-slider .NextArrow.rounded-slider-btn i::before {
color: #000;
}
.cp-testimonial-slider .slick-dots {
list-style: none !important;
display: flex;
flex-direction: row;
justify-content: center;
margin: 0;
padding: 1rem 0;
margin-top: 12px;
}
.cp-testimonial-slider .slick-dots li {
margin: 0 0.25rem;
}
.cp-testimonial-slider .slick-dots button {
display: block;
width: 0.625em;
height: 0.625em;
padding: 0;
border: 1px solid #FFFFFF;
border-radius: 100%;
text-indent: -9999px;
outline: none !important;
background-color: transparent;
}
.cp-testimonial-slider .slick-dots li.slick-active button {
background-color: #FFFFFF !important;
border: none;
color: #fff;
}
@media screen and (max-width: 991px) {
.cp-testimonial-slider .tm-body {
padding: 0 45px;
}
.cp-testimonial-slider .q-left img {
position: absolute;
left: 0;
top: -26px;
}
.cp-testimonial-slider .q-right img {
right: 0px;
}
.cp-testimonial-slider .PrevArrow.rounded-slider-btn {
margin-left: 10px;
}
.cp-testimonial-slider .NextArrow.rounded-slider-btn {
margin-right: -21px;
}
.cp-content-section {
background-color: #000!important;
background: none;
}
}
@media (max-width: 1200px) and (min-width: 991px) {
.ms-dynamic-service-section ._service-box {
padding: 1.0em 1.25em 1.750em 1.250em
}
.ms-dynamic-service-section ._service-box-head ._img-wrap img {
max-height: 2.0em;
}
.ms-dynamic-service-section ._service-box-head ._title {
margin-left: 0.5em;
font-size: 1.125em;
}
.contact-us-loc-col {
padding: 0px 0.625em 2.813em 2.375em;
}
.cp-inner-banner-section.inner-banner-section .img-fill .info {
font-size: 85%;
}
.cp-cust-busi-central-section {
font-size: 85%;
padding: 8em 15px;
}
.cp-content-section {
font-size: 85%;
}
.cp-bottom-pitch-inner h2 {
font-size: 2.0em;
}
}
@media (max-width: 991px) {
.ms-dynamic-service-row>div {
margin-bottom: 30px;
}
.ms-client-section {
padding: 1.188em 0px 2.625em;
}
.contact-us-loc-col {
padding: 0px 5.688em 3.688em;
}
.cp-inner-banner-section .img-fill {
height: 55vh;
}
.img-fill .ms-banner-logo {
max-height: 2.25em;
}
.inner-banner-section .banner-heading {
font-size: 2.0em;
}
.cp-top-fold-inner ._content {
padding-left: 1.25em;
}
.cp-top-fold-inner ._content p {
font-size: 1.250em;
}
.cp-top-fold-inner ._img-wrap img {
max-height: 2.813em;
}
.cp-features-col p {
font-size: 1.250em;
}
.cp-features-col ._icon-wrap i {
font-size: 2.50em;
}
.cp-features {
padding-top: 9.375em;
}
.cp-buss-central-col {
padding-left: 0px;
}
.cp-cust-busi-central-section {
padding: 3.20em 15px;
position: relative;
}
.cp-buss-central-col {
max-width: 100%;
font-size: 80%;
}
.cp-content-section {
font-size: 80%;
}
.cp-bottom-pitch-inner h2 {
font-size: 2.0em;
}
}
@media (max-width: 767px) {
.ms-dynamic-inner-banner-section .img-fill .info {
padding: 2.0em 0px 10.625em;
}
.ms-dynamic-inner-banner-section .banner-heading {
margin-bottom: 0.6250em !important;
}
.ms-dynamic-service-inner {
padding: 0px;
}
.ms-dynamic-service-row>div {
margin-bottom: 0px;
}
.ms-dynamic-service-row>div+div {
margin-top: 15px;
}
.ms-client-section {
padding: 3.188em 0px 2.625em;
}
.lets-talk-wrap {
margin: 2.0em 0px 2.0em;
}
.contact-us-loc-col {
padding: 0px 0px 2.813em 0px;
}
.contact-us-loc-row>div {
margin-bottom: 3.063em;
}
.contact-us-box-inner {
padding: 2.50em 0px 2.500em;
}
.cp-inner-banner-section .img-fill {
height: auto;
}
.img-fill .ms-banner-logo {
max-height: 2.25em;
}
.cp-top-fold-inner ._img-wrap img {
max-height: 2.813em;
}
.cp-top-fold-inner ._content {
padding-left: 1.25em;
}
.cp-top-fold-inner ._content p {
font-size: 1.1250em;
}
.cp-features-col ._icon-wrap i {
font-size: 2.50em;
}
.cp-features-col p {
font-size: 1.125em;
padding-left: 1em;
}
.cp-buss-central-col {
max-width: 100%;
}
.cp-buss-central-col>h2 {
font-size: 2.0em;
}
.cp-cust-busi-central-section {
padding: 3em 15px;
}
.cp-buss-central-col,
.cp-content-section {
font-size: 100%;
}
}
@media (max-width: 768px) {
.article-content .tek-1 {
width: 60px;
}
}
@media (max-width: 540px) {
.article-content .tek-1 {
width: 61px;
}
}
@media only screen and (max-width: 414px) {
.article-content .tek-1 {
width: 56px;
}
}
.pi-view-btn {
margin-bottom: 0px;
}
@media (min-width: 1600px) {
.inner-banner-section .lets-talk {
top: 92%;
}
}
/* new uxsense css*/
.uxsense-sec {
margin-top: 7.5rem;
}
.uxsense-slider .slick-dots {
list-style: none!important;
display: flex;
flex-direction: row;
justify-content: center;
margin: 0;
padding: 1rem 0;
margin-top: 35px;
}
.uxsense-slider .slick-dots li {
margin: 0 0.25rem;
}
.uxsense-slider .slick-dots button {
display: block;
width: 12px;
height: 12px;
padding: 0;
border: 2px solid #fff;
border-radius: 100%;
text-indent: -9999px;
outline: none!important;
background-color: transparent;
}
.uxsensem-slider1 .slick-dots {
list-style: none!important;
display: flex;
flex-direction: row;
justify-content: center;
margin: 0;
padding: 1rem 0;
margin-top: 10px;
}
.uxsensem-slider1 .slick-dots li {
margin: 0 0.25rem;
}
.uxsensem-slider1 .slick-dots button {
display: block;
width: 12px;
height: 12px;
padding: 0;
border: 2px solid #000;
border-radius: 100%;
text-indent: -9999px;
outline: none!important;
background-color: transparent;
}
.uxsense-slider .slick-prev.slick-arrow {
display: none!important;
}
.uxsense-slider .slick-next.slick-arrow {
display: none!important;
}
.uxsensem-slider .slick-prev.slick-arrow {
display: none!important;
}
.uxsensem-slider .slick-next.slick-arrow {
display: none!important;
}
.uxsensem-slider1 .slick-prev.slick-arrow {
display: none!important;
}
.uxsensem-slider1 .slick-next.slick-arrow {
display: none!important;
}
.uxsense-slider .slick-dots li.slick-active button {
background-color: #FFFFFF !important;
border: none;
color: #fff;
}
.uxsensem-slider1 .slick-dots li.slick-active button {
background-color: #000 !important;
border: none;
color: #000;
}
.uxsense-slider {
width: 100%;
height: auto;
}
.uxsense-slider .slick-slider {
max-width: 1220px;
}
.uxsensem-slider .slick-slider {
max-width: 1016px;
}
.uxsensem-slider1 .slick-slider {
max-width: 1016px;
}
.ux-desktop {
position: relative;
z-index: 1;
display: flex;
justify-content: center;
max-width: 1220px;
margin: 0 auto;
margin-bottom: 35px;
}
.ux-mobile1 {
position: relative;
z-index: 1;
display: flex;
justify-content: center;
padding-left: 30px;
padding-right: 30px;
}
.ux-mobile {
position: relative;
z-index: 1;
margin-bottom: 80px;
display: flex;
justify-content: center;
}
.ux-mobile .middleLayer {
left: 50%;
transform: translateX(-50%);
}
.uxsense-slider .slick-slide img {
overflow: hidden;
width: 100%;
height: auto;
}
.ux-desktop .middleLayer {
height: calc(100% - 79px);
width: 100%;
}
.ux-desktop .middleLayer img {
width: 100%!important;
}
.uxsensem-slider1 {
width: 100%;
height: auto;
}
.uxsensem-slider {
width: 100%;
height: auto;
}
.uxsensem-slider .slick-slide {
padding: 0px 43px;
}
.uxsensem-slider1 .slick-slide {
padding: 0px 16px;
}
.uxsensem-slider .slick-slide img {
border-radius: 28px;
overflow: hidden;
width: 100%;
height: auto;
border: 1px solid #dfe2e9;
}
.uxsensem-slider1 .slick-slide img {
border-radius: 28px;
overflow: hidden;
width: 100%;
height: auto;
border: 3px solid #000000;
max-width: 100%;
max-height: 100%;
}
.uxsense-slider .slick-list.draggable {
border-radius: 35px;
}
.uxsensem-slider .slick-list.draggable {
padding: 0px 0px!important;
border-radius: 35px;
}
.uxsensem-slider1 .slick-list.draggable {
padding: 0px 0px!important;
}
.ux-mobile .middleLayer img {
width: auto!important;
max-width: 265px;
max-height: 555px;
}
.uxsense-heading {
font-weight: 700!important;
}
/* .uxsensem-slider .slick-slider {
max-height: 631.78px;
overflow: hidden;
} */
.bg-div {
height: 525px;
top: 58rem;
position: absolute;
border-top-left-radius: 50px;
border-top-right-radius: 50px;
z-index: -1;
}
.uxsensem-sec .uxm-logo {
position: absolute;
width: 100%;
height: auto;
left: 0;
}
.uxsensem-sec .uxm-logo img {
position: relative;
}
.uxsensem-sec .uxm-main {
padding-top: 6em;
padding-bottom: 3.25em;
}
.uxsensem-slider1 {
margin-top: 3.813em;
margin-bottom: 2.113em;
}
.uxsensem-sec .gifs img {
max-width: 100%;
height: auto;
max-height: 653px;
}
.uxsensem-sec {
position: relative;
top: -30px;
width: 100%;
}
.uxsensem-sec .description-sec {
top: 3px;
left: 2.25em;
}
.uxsensem-sec .description-sec h2 {
margin-top: 38px;
font-weight: 700;
font-size: 2.625em;
color: #000000;
}
.uxsensem-sec .description-sec p {
padding-top: 12px;
color: #83868B;
font-family: "Muli", Regular;
font-size: 1em;
justify-content: center;
margin-right: 11.375em;
margin-bottom: 10px;
}
.uxsensem-sec .gifs {
max-width: 324px;
height: auto;
left: 21.375em;
position: relative;
border-radius: 49px;
text-align: center;
overflow: hidden;
}
.inner-banner .img-fill .uxsensem-info {
padding-bottom: 2.75em!important;
}
.uxsensem-sec video {
max-width: 100%;
height: auto;
max-height: 653px;
padding-top: 18px;
padding-bottom: 20px;
}
.uxsensem-sec .container-fluid {
padding-right: 0px!important;
padding-left: 0px!important;
}
.mobile-des {
margin-top: -24px;
}
.uxsensem-sec .uxm-main .row {
margin-right: 0px;
margin-left: 0px;
}
.inner-banner-section .uxm-b .back-btn {
position: absolute;
top: 14px;
left: 25px;
}
.inner-banner-section .uxm-b .btn {
border-radius: 21px;
padding: 5px 18px;
text-align: center!important;
background: #ffffff;
color: #242431!important;
position: relative;
font-size: 16px;
font-weight: 600;
}
.inner-banner-section .uxm-b .back-btn i {
padding-right: 8px;
font-size: 10px;
font-weight: 600;
color: #242431;
}
@media (max-width: 1920px) {
.uxsensem-sec .gifs {
left: 33.375em;
}
.uxsensem-sec .description-sec {
left: 1.25em;
}
.uxsensem-slider1 .slick-slide {
padding: 0px 16px;
}
}
@media (max-width: 1600px) {
.uxsensem-sec .gifs {
left: 23.375em;
}
}
@media (min-width: 1680px) {
.uxsensem-sec .description-sec p {
margin-right: 21.375em;
}
}
@media (max-width: 1440px) {
.uxsensem-sec .gifs {
left: 18.375em;
}
}
@media (max-width: 1366px) {
.uxsensem-sec .slick-slide {
padding: 0 18px;
}
.bg-div {
top: 57rem;
border-top-left-radius: 35px;
border-top-right-radius: 35px;
}
.uxsensem-sec .gifs {
left: 16.375em;
}
.uxsensem-slider1 .slick-slide {
padding: 0px 11px;
}
}
@media (max-width: 1280px) {
.bg-div {
top: 56rem;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
}
.uxsensem-sec .gifs {
left: 13.375em;
}
.uxsensem-sec .description-sec {
left: 1.25em;
}
.uxsensem-sec .slick-slide {
padding: 0 18px;
}
}
@media (max-width: 1024px) {
.bg-div {
top: 54rem;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
}
.ux-desktop .middleLayer {
height: calc(100% - 76px);
}
.uxsense-slider .slick-dots {
margin-top: 33px;
}
.ux-desktop {
margin-bottom: 33px;
}
.uxsensem-sec .gifs {
left: 6.375em;
}
.uxsensem-sec .description-sec h2 {
margin-right: 10px;
}
.uxsensem-sec .description-sec {
left: 1.25em;
}
.uxsensem-sec {
top: -28px;
}
@media (max-width: 768px) {
.bg-div {
top: 44rem;
border-top-left-radius: 18px;
border-top-right-radius: 18px;
}
.ux-desktop .middleLayer {
height: calc(100% - 57px);
}
.uxsense-slider .slick-dots {
margin-top: 15px;
}
.ux-desktop {
margin-bottom: 15px;
}
.uxsense-sec {
margin-top: 4.5rem;
}
}
@media (max-width: 540px) {
.bg-div {
top: 48rem;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
}
.uxsense-slider .slick-dots button {
width: 8px;
height: 8px;
border: 1px solid #fff;
}
.uxsense-slider .slick-slide img {
border-radius: 16px;
}
.uxsense-sec {
margin-top: 4.5rem;
}
.ux-desktop .middleLayer {
height: calc(100% - 51px);
}
.uxsense-slider .slick-dots {
margin-top: 15px;
}
.ux-desktop {
margin-bottom: 15px;
}
}
@media (max-width: 414px) {
.bg-div {
top: 45rem;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
}
.uxsense-slider .slick-list.draggable {
border-radius: 10px;
}
.uxsense-slider .slick-dots button {
width: 8px;
height: 8px;
border: 1px solid #fff;
}
.uxsense-slider .slick-slide img {
border-radius: 16px;
}
.uxsense-sec {
margin-top: 4.5rem;
}
.ux-desktop .middleLayer {
height: calc(100% - 44px);
}
.uxsense-slider .slick-dots {
margin-top: 10px;
}
.ux-desktop {
margin-bottom: 10px;
}
}
@media only screen and (max-width: 375px) {
.bg-div {
top: 43rem;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
}
.uxsense-slider .slick-list.draggable {
border-radius: 10px;
}
.uxsense-slider .slick-dots button {
width: 8px;
height: 8px;
border: 1px solid #fff;
}
.uxsense-slider .slick-slide img {
border-radius: 16px;
}
.uxsense-sec {
margin-top: 4.5rem;
}
.ux-desktop .middleLayer {
height: calc(100% - 44px);
}
.uxsense-slider .slick-dots {
margin-top: 10px;
}
.ux-desktop {
margin-bottom: 10px;
}
}
@media (max-width: 1366px) {
.uxsense-slider .slick-slide img {
width: 100%;
height: auto;
}
}
@media (max-width: 1024px) {
.uxsensem-slider .slick-slide {
padding: 0 30px;
}
.uxsensem-slider1 .slick-slide {
padding: 0px 14px;
}
}
@media (max-width: 912px) {
.uxsensem-sec .gifs {
text-align: center;
left: 0px;
margin: auto;
}
.uxsensem-sec .description-sec {
text-align: center;
left: 0px;
}
.uxsensem-sec .description-sec p {
margin-right: 0px;
}
.uxsensem-sec {
top: -27px;
}
.uxsensem-slider1 .slick-slide {
padding: 0 7px;
}
}
@media (max-width: 540px) {
.uxsensem-slider .slick-slide {
padding: 0 129px;
}
.uxsensem-slider1 .slick-slide {
padding: 0 5px;
}
.uxsensem-sec .uxm-div {
margin-bottom: 45px;
}
.uxsensem-sec .uxm-main {
padding-bottom: 0px;
}
.uxsensem-slider1 {
margin-top: 2.56em;
margin-bottom: 2em;
}
.uxsensem-sec .description-sec p {
text-align: center;
font-size: 1.125em;
margin-bottom: 5px;
}
.inner-banner-section .uxm-b .back-btn {
top: 8px;
left: 10px;
}
}
@media (max-width: 479px) {
.uxsensem-sec .gifs {
text-align: center;
left: 0px;
margin: auto;
}
.uxsensem-sec .description-sec {
text-align: center;
left: 0px;
}
.uxsensem-sec .description-sec p {
margin-right: 0px;
}
}
@media (max-width: 414px) {
.uxsensem-slider .slick-slide {
padding: 0 66px;
}
.uxsensem-slider1 .slick-slide {
padding: 0 22px;
}
}
@media (max-width: 375px) {
.uxsensem-slider .slick-slide {
padding: 0 46px;
}
.uxsensem-slider1 .slick-slide {
padding: 0 23px;
}
}
@media (max-width: 320px) {
.uxsensem-slider .slick-slide {
padding: 0 19px;
}
.uxsensem-slider1 .slick-slide {
padding: 0 19px;
}
}
@media (max-width: 280px) {
.uxsensem-slider .slick-slide {
padding: 0 0px;
}
.uxsensem-slider1 .slick-slide {
padding: 0 0px;
}
.uxsensem-slider1 video {
max-height: 504px;
}
.uxsensem-slider1 .slick-slide img {
border-radius: 35px;
}
.uxsensem-sec video {
max-height: 504px;
padding-top: 14px;
padding-bottom: 14px;
}
.uxsensem-sec .gifs {
border-radius: 38px;
}
.inner-banner-section .uxm-b .btn {
padding: 2px 10px;
}
.inner-banner-section .uxm-b .back-btn {
left: 8px;
}
}
@media screen and (min-width: 769px) {
.inn {
display: block!important;
}
.inn1 {
display: none!important;
}
}
@media only screen and (max-width: 600px) {
.inn1 {
display: block!important;
}
.inn {
display: none;
}
}
}
.software-develop {
background: url(../png/header-bg-image.png) center center no-repeat;
height: auto;
background-attachment: fixed;
background-size: cover;
overflow: hidden;
padding-bottom: 100px;
}
.header-logo {
padding: 30px 0px 70px;
}
.p-r-140 {
padding-right: 140px;
}
.soft-hd {
font-size: 45px;
color: #fff;
font-weight: 800;
}
.soft-yellow {
font-size: 20px;
color: #F89B2D;
font-weight: 400;
}
.soft-txt {
font-size: 16px;
color: #fff;
font-weight: 400;
padding: 25px 0px 15px;
}
.point-hd {
font-size: 20px;
color: #fff;
font-weight: 500;
}
.listing {
padding-inline-start: 0;
}
.listing li {
color: #fff;
font-weight: 300;
background: url(../png/check-icon.png) no-repeat left center;
padding-bottom: 15px;
font-size: 16px;
font-weight: 400;
padding: 5px 10px 7px 25px;
list-style: none;
vertical-align: middle;
margin-bottom: 5px;
}
.white-box {
background: #fff;
border-radius: 10px;
box-shadow: 0px 0px 25px #0000001c;
padding: 30px 40px 0px;
width: 32%;
height: fit-content;
}
.white-box h2 {
font-size: 24px;
font-weight: 700;
margin-bottom: 20px;
}
.white-box .form-group {
margin-bottom: 20px;
}
.white-box .form-group label {
color: #82858D;
font-size: 14px;
}
.white-box .form-group .form-control {
margin-top: 5px;
}
.white-box .form-group input[type=text],
.white-box .form-group input[type="email"],
.white-box .form-group input[type="tel"],
.white-box textarea.form-control {
background: #ECF3FF;
border: 0;
height: 35px;
}
/*	a.submit-btn {border-radius: 5px;height: 45px;color: #fff;background: #F79C2E; border: 1px solid #F79C2E; font-size: 22px; display: block; text-align: center; text-decoration: none; padding: 5px 0px; margin-top: 20px;}
a.submit-btn:hover {background: #fff; border: 1px solid #F79C2E; color:#F79C2E; }*/
.submit-btn {
border-radius: 5px;
height: 45px;
color: #fff;
background: #F79C2E;
width: 100%;
border: 0;
font-size: 22px;
margin-top: 15px;
}
.submit-btn:hover {
background: #fff;
border: 1px solid #F79C2E;
color: #F79C2E;
}
.logo-section {
padding: 30px 10px;
box-shadow: 0px 5px 6px #0000001a;
margin-bottom: 20px;
}
.sticky {
position: fixed;
top: 0;
width: 100%;
background: #061e41;
padding: 20px;
z-index: 1;
}
.sticky+.content {
padding-top: 102px;
}
.logo-client {
text-align: center;
}
.logo-client img {
height: 40px;
}
.our-service .card {
border: 0;
width: 90%;
padding-bottom: 40px;
}
.our-service .card .card-title {
font-size: 28px;
color: #172154;
font-weight: 700;
}
.our-service .card .card-body {
padding: 10px 0px;
}
.our-service .card .card-text {
font-size: 16px;
color: #172154;
line-height: 24px;
}
.our-service {
padding: 40px 0px
}
.our-service h1 {
font-size: 45px;
text-align: center;
margin-bottom: 50px;
color: #172154;
font-weight: 800;
}
.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
width: 70%;
margin: auto;
}
.case-study {
background: #042048;
padding: 60px 0px;
}
.carousel-control.left,
.carousel-control.right {
background-image: none;
}
.glyphicon-chevron-right:before,
.glyphicon-chevron-left:before {
content: none;
}
.border-30 {
border: 6px solid #000;
border-radius: 30px;
}
.case-study h1 {
font-size: 45px;
color: #fff;
font-weight: 800;
text-align: center;
margin-bottom: 30px;
}
.case-study h2 {
font-size: 40px;
color: #fff;
font-weight: 600;
margin-bottom: 20px;
}
.case-study .case-txt {
font-size: 16px;
font-weight: 300;
color: #fff;
line-height: 26px;
margin-bottom: 50px;
padding-right: 100px;
}
.case-study .vp-title {
font-size: 24px;
color: #fff;
font-weight: 500;
}
.case-study .carousel-indicators {
bottom: -60px;
}
.case-study .carousel-indicators li,
.case-study .carousel-indicators .active {
margin-right: 10px;
}
.case-title {
font-size: 28px;
font-weight: 500;
text-align: center;
color: #fff;
margin-bottom: 30px;
}
.why-intelegain .image-selection img {
margin-bottom: 20px;
}
.why-intelegain .list-unstyled .media {
display: flex;
margin-bottom: 80px;
}
.why-intelegain .list-unstyled .media img {
padding: 20px;
}
.why-intelegain .list-unstyled .media .media-txt {
font-size: 18px;
color: #000;
font-weight: 700;
padding-top: 15px;
line-height: 26px;
}
.why-intelegain {
padding: 60px 0px 40px;
}
.why-intelegain h1 {
font-size: 45px;
font-weight: 800;
color: #172154;
text-align: center;
}
.why-intelegain .hd-txt {
font-size: 18px;
color: #000;
line-height: 28px;
text-align: center;
padding: 20px 90px 70px;
}
.m-l-20 {
margin-left: -20px;
}
.ready-to {
background: #F2F5FE;
padding: 40px 0px 70px;
text-align: center;
}
.ready-to h1 {
font-size: 45px;
font-weight: 800;
color: #172154;
text-align: center;
margin-bottom: 0;
}
.ready-to p {
font-size: 16px;
color: #172154;
text-align: center;
line-height: 26px;
padding-top: 25px;
padding-bottom: 30px;
}
a.lets-get-btn {
background: #F79C2E;
border: 1px solid #F79C2E;
border-radius: 30px;
text-align: center;
padding: 12px 40px;
font-size: 22px;
color: #fff;
text-decoration: none;
}
a.lets-get-btn:hover {
background: #fff;
border: 1px solid #F79C2E;
color: #F79C2E;
}
.so-case-study-slider .slick-dots {
list-style: none !important;
display: flex;
flex-direction: row;
justify-content: center;
margin: 0;
padding: 1rem 0;
margin-top: 12px;
}
.so-case-study-slider .slick-dots li {
margin: 0 0.25rem;
}
.so-case-study-slider .slick-dots button {
display: block;
width: 0.625em;
height: 0.625em;
padding: 0;
border: none;
border-radius: 100%;
text-indent: -9999px;
outline: none !important;
background-color: #FFFFFF;
position: relative;
color: #fff;
}
.so-case-study-slider .slick-dots li.slick-active button:after {
content: '';
font-size: 1.0em;
width: 16px;
height: 16px;
border-radius: 50%;
border: 1px solid #fff;
position: absolute;
top: 0px;
left: -3px;
bottom: 0;
right: 0px;
margin: auto;
transition: all 0.2s ease-in-out;
}
.contact-us-section.m-b-0 {
margin-bottom: 0;
}
.white-box .form-group br {
display: none;
}
.why-intelegain .p-135 {
padding: 0px 135px;
}
.slick-slide img {
margin: auto;
}
.contact-us-section.m-b-0 .contact-us-loc-row>div {
margin-bottom: 2.063em;
}
.contact-us-section.m-b-0 .location-col-contact i {
padding-top: 13px;
}
.contact-us-section.m-b-0 .contact-us-loc-col {
padding: 3.375em 0.625em 2.813em 6.25em;
}
.contact-us-section.m-b-0 .location-col-contact .p-11 {
padding-left: 11px;
}
@media (max-width: 1500px) {
.why-intelegain .p-135 {
padding: 0px 0px;
}
.m-l-20 {
margin-left: -15px;
}
}
@media (max-width: 1199px) {
.why-intelegain .list-unstyled .media {
display: inline-block;
margin-bottom: 30px;
}
.why-intelegain .list-unstyled .media img {
padding: 0px;
}
.why-intelegain .list-unstyled .media .media-txt {
padding-top: 0px;
}
.why-intelegain .image-selection img {
width: 100%;
}
.logo-section {
display: none;
}
}
@media (max-width: 991px) {
.why-intelegain .image-selection img {
text-align: center;
margin: auto;
margin-bottom: 20px;
}
.white-box {
width: 90%;
margin-top: 50px;
margin-left: 15px;
}
.p-r-140 {
padding-right: 15px;
}
.why-intelegain .list-unstyled .media {
display: flex;
margin-bottom: 30px;
}
.why-intelegain .list-unstyled .media img {
padding: 10px;
}
.why-intelegain .list-unstyled .media .media-txt {
padding-top: 5px;
}
.logo-client {
margin-bottom: 30px;
}
.header-logo {
padding: 30px 0px 20px;
}
.why-intelegain .list-unstyled .media {
display: inline-block;
margin-bottom: 30px;
}
.case-study h2,
.case-study .case-txt,
.case-study .vp-title {
text-align: center;
}
.slick-slide img {
text-align: center;
}
.case-study .case-txt {
padding-right: 0;
}
.slick-slide img.border-30 {
margin-bottom: 30px;
}
.logo-section {
display: none;
}
}
@media (max-width: 767px) {
.m-l-20 {
margin-left: 0;
}
.logo-client img {
height: 30px;
margin-bottom: 30px;
text-align: center;
margin: auto;
margin-bottom: 30px;
}
.logo-section {
padding: 30px 10px 15px;
}
.our-service .card {
width: 100%;
}
.why-intelegain .list-unstyled .media {
margin-bottom: 30px;
display: flex;
}
.why-intelegain .list-unstyled .media .media-txt {
padding-top: 15px;
padding-left: 10px;
}
.case-study h2,
.case-study .case-txt,
.case-study .vp-title {
text-align: left;
}
.case-study h2 {
font-size: 28px;
}
.logo-section {
display: none;
}
}
@media (max-width:575px) {
.contact-us-loc-col,
.contact-us-box-inner {
padding-left: 15px;
}
.our-service h1,
.case-study h1,
.why-intelegain h1,
.ready-to h1,
.ready-to p,
.ready-to,
.why-intelegain .hd-txt,
.case-title {
text-align: left;
}
.why-intelegain .hd-txt {
padding: 20px 15px 40px 0px;
}
.why-intelegain .image-selection img {
text-align: left;
margin: 0;
margin-bottom: 20px;
}
.why-intelegain .list-unstyled .media img {
padding-left: 0;
padding-bottom: 0;
}
.why-intelegain .list-unstyled .media .media-txt {
padding-top: 10px;
}
.our-service h1,
.case-study h1,
.why-intelegain h1,
.ready-to h1,
.soft-hd {
font-size: 35px;
line-height: 45px;
}
.header-logo {
padding: 30px 0px 30px;
}
.logo-section {
display: none;
}
}
/* business-central*/
.business-adapting{
position: relative;
padding-top: 90px;
padding-bottom: 75px;
}
.business-adapting p{
color:#000000;
font-size:28px;
font-weight: 800;
}
.bs-video-section{
background-color: #fcdcb6;
padding-top: 100px;
}
.bs-video-section .video-d{
width:100%;
}
.bs-video-section .embed-responsive{
max-width: 899px!important;
border-radius: 18px!important;
max-height: 389px;
margin: 0 auto;
}
.bs-video-section p{
color: #333333;
font-weight: 700;
font-size: 16px;
padding: 20px 0;
max-width: 899px;
margin: 0 auto;
}
.bs-video-section .play-btn{
width: 100%;
/* text-align: center; */
display: flex;
justify-content: center;
position: relative;
top: -35px;
z-index: 11111;
margin-top: 13px;
}
.bs-video-section .inner-btn{
width: 50px;
height: 50px;
border-radius: 50px;
background-color: red;
}
.bs-video-section .video-inner{
margin-top: -175px;
}
.bs-video-section .video-inner img{
position: absolute;
left: 0;
top: 0;
z-index: 11;
}
.business-central-dynamics{
background-color: #10558B;
padding-top: 20px;
padding-bottom: 35px;
}
.business-central-dynamics h2{
color: #F79C2E;
font-size: 35px;
font-weight: 800;
}
.business-central-dynamics p{
color: #ffffff;
font-size: 20px;
padding-bottom: 18px;
}
.business-central-dynamics .dynamics-icon p{
color: #ffffff;
font-size: 16px;
margin-top: -1px;
}
.business-central-dynamics .dynamics-icon i{
font-size: 22px;
padding-right: 14px;
}
.business-central-dynamics .contact-btn {
text-align: center;
width: 100%;
padding-top: 5px;
}
.business-central-dynamics .contact-btn a {
background-color: #F79C2E;
border-radius: 8px;
padding: 7px 35px;
text-align: left!important;
font-size: 16px;
color: #FFFFFF;
}
.business-central-dynamics .contact-btn a:hover {
color: #FFF;
cursor: pointer;
}
.business-central-dynamics1{
background-color: #10558B;
padding-top: 20px;
padding-bottom: 20px;
}
.business-central-dynamics1 h2{
color: #F79C2E;
font-size: 28px;
font-weight: 800;
padding-bottom: 6px;
}
.business-central-dynamics1 p{
color: #ffffff;
font-size: 20px;
padding-bottom: 18px;
}
.business-central-dynamics1 .dynamics-icon p{
color: #ffffff;
font-size: 16px;
margin-top: -1px;
}
.business-central-dynamics1 .dynamics-icon i{
font-size: 22px;
padding-right: 14px;
}
.business-central-dynamics1 .contact-btn {
text-align: center;
width: 100%;
}
.business-central-dynamics1 .contact-btn a {
background-color: #F79C2E;
border-radius: 8px;
padding: 5px 28px;
text-align: left!important;
font-size: 16px;
color: #FFFFFF;
}
.business-central-dynamics1 .contact-btn a:hover {
color: #FFF;
cursor: pointer;
}
.case_study_section h2 {
font-size: 35px;
color: #0C0D0F;
font-weight: 800;
text-align: center;
}
.case_study_section .case_img img {
border-radius: 6px;
}
.case_study_section .case_line {
display: block;
background-color: #0B56E3;
text-align: center;
width: 125px;
height: 4px;
margin: auto;
}
.case_study_section .case_study_inner {
padding-top: 52px;
}
.case_study_section .case_text h3 {
color: #0C0D0F;
font-size: 30px;
font-weight: 800;
max-width: 446px;
}
.case_study_section .case_text h1 {
color: #0C0D0F;
font-size: 18px;
font-weight: bold;
padding-top: 12px;
}
.case_study_section .case_text .case_ul {
padding-left: 20px;
max-width: 582px;
}
.case_study_section .case_text li {
color: #0C0D0F;
font-size: 16px;
font-weight: 600;
}
.business_central_section {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.header-logo-central {
position: absolute;
top: 20px;
padding: 0 0 0 45px;
z-index: 999;
}
.header-logo-central.sticky1 {
position: fixed;
top: 0;
width: 100%;
background: #061e41;
z-index: 99;
padding: 20px 0 20px 45px;
}
.business_central_section .container-fluid {
padding-right: 0;
padding-left: 0;
}
.video-container {
height: 500px;
width: 100%;
max-width: 1000px;
position: relative;
overflow: hidden;
}
.business_central_section video {
object-fit: cover;
position: relative;
max-height: 650px;
width: 100%;
top: 0;
left: 0;
width: 100%;
height: auto;
}
.video-container:after {
content: '';
display: block;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(black, .2);
z-index: 1;
}
.overlay_sec p {
color: #FFFFFF;
font-size: 16px;
}
.overlay_sec {
position: relative;
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: column;
text-align: center;
position: absolute;
top: 98px;
z-index: 10;
max-width: 660px;
/*margin:auto;*/
background: rgba(16, 85, 139, 0.7);
text-align: left;
align-self: flex-start;
left: 48px;
padding: 36px 47px 36px 47px;
}
.overlay_sec h1 {
color: #FFFFFF;
font-size: 46px;
font-weight: 800;
}
.overlay_sec h2 {
color: #FFFFFF;
font-size: 30px;
font-weight: 600;
padding-top: 16px;
}
.overlay_sec ul {
list-style-type: none;
padding-inline-start: 0;
padding-right: 25px;
}
.overlay_sec .overlay_sec_inner {
padding-top: 16px;
padding-bottom: 16px;
}
.overlay_sec li {
color: #FFFFFF;
font-size: 22px;
white-space: nowrap;
font-weight: 400;
}
.support {
position: fixed;
bottom: 60px;
right: 20px;
text-transform: uppercase;
font-size: 9px;
letter-spacing: 1px;
text-align: right;
position: relative;
z-index: 10;
}
.overlay_sec .contact-btn {
text-align: left;
width: 100%;
}
.overlay_sec .contact-btn a {
background-color: #F79C2E;
border-radius: 8px;
padding: 10px 44px;
text-align: left!important;
font-size: 18px;
color: #FFFFFF;
}
.overlay_sec .contact-btn a:hover {
color: #FFF;
cursor: pointer;
}
.case_study_section .case_study_row {
padding-top: 22px
}
.case_study_section .media img {
border-radius: 0;
padding-right: 20px;
}
.case_study_section .case_study_col h1 {
font-size: 20px;
color: #0C0D0F;
font-weight: bold;
}
.case_study_section .overlay_container {
position: relative;
width: 100%;
bottom: 0px;
top: 0px;
left: 0px;
right: 0px;
padding: 55px 0;
}
.case_study_section .container-fluid {
padding-right: 95px;
padding-left: 95px;
}
.case_study_section1 {
background: rgba(232, 239, 246, 0.45);
}
.case_study_section1 .card a {
color: transparent;
cursor: pointer;
}
.case_study_section1 .contain {
padding-top: 23px;
padding-bottom: 50px;
}
.case_study_section1 .card {
box-shadow: 0px 3px 16px #00000017;
border: none;
border-radius: 8px;
margin-left: 10px;
margin-right: 10px;
}
.case_study_section1 .card h4 {
color: #0C0D0F;
font-size: 18px;
font-weight: bold;
}
.case_study_section1 .card h1 {
color: #0C0D0F;
font-size: 16px;
font-weight: bold;
padding-top: 12px;
}
.case_study_section1 .case_ul {
padding-left: 20px;
height: 84px;
max-height: 100%;
}
.bs_client_section .logo-wrap {
border: 1px solid #eeeeee;
display: flex;
height: 100%;
align-items: center;
justify-content: center;
padding: 12px 14px;
background-color: #FFFFFF;
border-radius: 5px;
}
.bs_client_section {
/* padding: 44px 0; */
background-color: #104873;
}
.bs_client_section .bs_client_div {
padding-top: 44px;
padding-bottom: 44px;
}
.bs_client_section h2 {
text-align: center;
color: #FFFFFF;
font-weight: 700;
font-size: 32px;
padding-left: 30px;
padding-right: 30px;
}
.bs_client_section h2 span {
color: #FDB43F;
}
.bs_client_section .bs_client_inner {
padding: 38px 49px 5px 49px;
}
.bs_benefits h2 {
color: #0C0D0F;
font-size: 35px;
font-weight: 800;
text-align: center;
}
.bs_benefits .bs_container span {
display: block;
background-color: #0B56E3;
text-align: center;
width: 125px;
height: 4px;
margin: auto;
}
.bs_benefits .bs_container {
padding-top: 67px;
}
.bs_benefits .bs_container .benefits_row {
padding-top: 55px;
padding-bottom: 40px;
}
.bs_benefits .bs_container .benefits_col {
padding-bottom: 70px;
padding-right: 10px;
padding-left: 10px;
/* height: 350px; */
}
.bs_benefits .card h3 {
color: #0C0D0F;
font-size: 22px;
font-weight: 800;
padding-top: 20px;
}
/* .bs_benefits .card .card-text{
height: 118px;
} */
.bs_benefits .card {
border-radius: 10px;
border-bottom: 10px solid #F79C2E;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
box-shadow: 0px 0px 30px #00000017;
border-left: none;
border-right: none;
border-top: none;
position: relative;
transition: height 0.5s;
-webkit-transition: height 0.5s;
overflow: hidden;
transition: linear 1.5s;
height: 312px;
cursor: pointer;
}
.bs_benefits .card:hover {
height: auto;
}
.bs_benefits .card .card-body {
padding: 25px;
}
.bs_benefits .card p {
color: #0C0D0F;
font-size: 14px;
line-height: 22px;
}
.bs_benefits .bs_card_span {
width: 77px;
height: 77px;
border-radius: 50%;
background-color: #FCF3E4;
display: flex;
justify-content: center;
align-items: center;
}
.bs_benefits .bs_card_span.da {
background-color: #EBF4FD;
}
.bs_benefits .bs_card_span.cr {
background-color: #FFEBF2;
}
.bs_benefits .bs_card_span.sc {
background-color: #FFF1F1;
}
.bs_benefits .bs_card_span.mi {
background-color: #F1EFFD;
}
.bs_benefits .bs_card_span.co {
background-color: #E5F6FD;
}
.bs_benefits .bs_card_span i {
font-size: 42px;
}
.case_study_section1 .case-study-slider {
padding-bottom: 85px;
}
.case_study_section1 .case-study-slider .slick-track {
display: flex;
}
.case_study_section1 .case-study-slider .slick-slide {
height: auto;
}
.case_study_section1 .case-study-slider .slick-dots {
display: none!important;
}
.case-study-slider .rounded-slider-btn {
display: flex;
position: absolute;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
border: 2px solid #ffffff;
}
.case-study-slider .PrevArrow.slick-disabled.rounded-slider-btn {
background-color: #EDEDED !important;
}
.case-study-slider .NextArrow.slick-disabled.rounded-slider-btn {
background-color: #EDEDED !important;
}
.case-study-slider .PrevArrow.slick-disabled.rounded-slider-btn i::before {
color: grey;
}
.case-study-slider .NextArrow.slick-disabled.rounded-slider-btn i::before {
color: #808080;
}
.case-study-slider .PrevArrow.slick-disabled.rounded-slider-btn i,
.cp-testimonial-slider .NextArrow.slick-disabled.rounded-slider-btn i,
.cp-testimonial-slider .PrevArrow.slick-disabled.rounded-slider-btn i::before,
.cp-testimonial-slider .NextArrow.slick-disabled.rounded-slider-btn i::before {
color: #808080;
}
.case-study-slider .PrevArrow.rounded-slider-btn {
left: 50%;
/* margin-left: 125px; */
outline: none;
z-index: 1;
background-color: #F79C2E;
opacity: 1;
display: flex;
align-items: center;
justify-content: center;
bottom: 0;
transform: translateX(-70%);
}
.case-study-slider .NextArrow.rounded-slider-btn {
left: 50%;
/* margin-right: -45px; */
outline: none;
opacity: 1;
display: flex;
align-items: center;
justify-content: center;
background-color: #F79C2E;
bottom: 0;
transform: translateX(70%);
}
.case-study-slider .PrevArrow.rounded-slider-btn i {
color: grey;
font-size: 12px;
}
.case-study-slider .NextArrow.rounded-slider-btn i {
color: #FFFFFF;
font-size: 12px;
display: flex;
align-items: center;
justify-content: center;
}
.case-study-slider .PrevArrow.rounded-slider-btn i::before {
color: #FFFFFF;
}
.case-study-slider .NextArrow.rounded-slider-btn i::before {
color: #FFFFFF;
}
.icon-bs_previous:before {
color: #FFFFFF;
}
.icon-bs_next:before {
color: #FFFFFF;
}
.business_central_section img.banner-overlay {
position: absolute;
left: 0;
bottom: 0;
top: 0;
height: auto;
width: 100%;
max-height: 650px;
}
.bs_client_section .bs_client_col {
padding-bottom: 20px;
}
.case_study_section {
background: rgba(232, 239, 246, 0.45);
}
.case_study_section .media i {
padding-right: 20px;
font-size: 25px;
}
.case_study_section .media p {
color: #0C0D0F;
font-size: 16px;
font-weight: 600;
margin-top: -9px;
}
.case_study_section .case_text {
padding-left: 28px;
}
.case_study_section1 .case-study-slider li {
color: #0C0D0F;
font-size: 14px;
font-weight: 600;
}
.business_central_section .video_overlay {
position: relative;
}
.business_central_section .video_overlay:after {
content: '';
position: absolute;
object-fit: cover;
max-height: 650px;
top: 0;
left: 0;
bottom: 6px;
right: 0;
width: 100%;
height: auto;
background: linear-gradient(178deg, #0A4E8400, #104772C7);
z-index: 1;
}
.contact-us-section.bs_central_contact {
margin-bottom: 0;
}
.icon-bs-bullet-point:before {
font-size: 15px;
padding-right: 16px;
}
@media (max-width: 1024px) {
.overlay_sec {
top: 80px;
}
}
@media (max-width: 991px) {
.overlay_sec {
top: 73px;
max-width: 832px;
}
.overlay_sec h1 {
font-size: 43px;
}
}
@media (max-width: 912px) {
.business_central_section video {
display: none;
}
.overlay_sec {
position: relative;
left: 0;
background: rgba(16, 85, 139, 1);
padding: 30px 20px 36px 20px;
top: 0;
max-width: 912px;
}
.header-logo-central {
position: static;
padding: 20px 0 0 20px;
background: rgba(16, 85, 139, 1);
top: 0;
}
.header-logo-central.sticky1 {
padding: 20px 0 20px 20px;
}
.business_central_section .video_overlay:after {
background: transparent;
display: none;
}
.case_study_section .media i {
padding-right: 5px;
}
.case_study_section .media img {
padding-right: 5px;
}
}
@media (max-width: 724px) {
.overlay_sec {
top: 0;
}
.overlay_sec {
max-width: 596px;
}
}
@media (max-width:600px) {
.business-adapting {
padding-top: 70px;
}
.business-adapting p{
font-size: 22px;
}
.business-central-dynamics1 .dynamics-icon i {
padding-right: 0;
}
.video-section .dynamics-p p {
padding-bottom:20px;
}
.case_study_section h2 {
font-size: 28px;
}
.case_study_section .case_text h3 {
font-size: 22px;
padding-top: 20px
}
.case_study_section .case_text h1 {
font-size: 16px;
}
.case_study_section .case_text li {
font-size: 14px;
}
.bs_client_section h2 {
font-size: 28px;
padding-left: 0;
padding-right: 0;
}
.bs_benefits h2 {
font-size: 28px;
}
.bs_benefits .card h3 {
font-size: 22px;
}
.overlay_sec {
position: relative;
left: 0;
}
.overlay_sec h1 {
font-size: 35px;
}
.overlay_sec .contact-btn a {
padding: 6px 18px;
}
.bs_benefits .bs_container .benefits_col {
margin-left: 10px;
margin-right: 10px;
padding-bottom: 50px;
}
.case_study_section .case_study_col h1 {
font-size: 16px;
}
.case_study_section .media i {
padding-right: 10px;
}
.case_study_section .case_study_col {
width: 50%;
}
.case_study_section .case_text {
padding-left: 10px;
}
.case_study_section .case_study_inner .row {
margin-right: 0;
margin-left: 0;
}
.case-study-slider .PrevArrow.rounded-slider-btn {
transform: translateX(-150%);
}
.case-study-slider .NextArrow.rounded-slider-btn {
transform: translateX(10%);
}
.business_central_section video {
display: none;
}
.overlay_sec {
top: 0px;
}
.bs_benefits .bs_container .benefits_row {
padding-bottom: 0;
}
.contact-us-section.m-b-0 .contact-us-loc-col {
padding: 3.375em 15px 2.813em 0;
}
.case_study_section .row {
margin-right: 0;
margin-left: 0;
}
.case_study_section .overlay_container {
padding: 35px 0;
}
.case_study_section1 .contain {
padding-top: 15px;
padding-bottom: 30px;
}
.case_study_section .media p {
font-size: 14px;
}
.case_study_section .media img {
padding-right: 10px;
}
.overlay_sec ul {
margin-bottom: 0;
}
.overlay_sec h2 {
font-size: 23px;
}
.overlay_sec li {
font-size: 18px;
}
.header-logo-central img {
width: 191px;
}
.icon-bs-bullet-point:before {
font-size: 12px;
}
.overlay_sec .overlay_sec_inner {
padding-top: 6px;
}
.overlay_sec h2 {
padding-top: 8px;
}
.business-central-dynamics1 {
display: block!important;
}
.business-central-dynamics{
display: none;
}
}
@media (max-width:280px) {
.bs_client_section h2 {
padding-left: 10px;
padding-right: 10px;
}
.case_study_section .case_study_col {
padding-right: 0;
padding-left: 0;
}
}
/* software-development-uxsense */
.modal.uxsense-modal .modal-dialog {
max-width: calc(100% - 0px);
width: 100%;
height: 100%;
margin: 0;
background-color: transparent;
display: flex;
align-items: center;
position: relative;
}
.modal.uxsense-modal {
padding-right: 0!important;
}
.modal.uxsense-modal .modal-content {
box-shadow: 0px 0px 50px #0000001a;
border: none;
border-radius: 0;
position: absolute;
display: flex;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: calc(100% - 200px);
}
.modal.uxsense-modal .modal-body {
padding: 0;
}
.modal.uxsense-modal .modal-header .close {
padding: 1rem 1rem;
position: relative;
top: 0;
right: 0px;
font-size: 45px;
text-shadow: 0 1px 0 #fff;
color: #000000!important;
background-color: transparent;
border-radius: none;
right: 25px;
font-weight: 400;
}
.modal.uxsense-modal .modal-header {
padding: 1rem 1rem;
}
.modal.uxsense-modal .modal-title {
width: 100%;
padding-top: 12px;
color: #042048;
font-size: 30px;
font-weight: 700;
}
.uxsense-modal .uxsense-sec {
margin-top: 10px;
}
.uxsense-modal .ux-desktop {
max-width: 592px;
margin-bottom: 0;
}
.uxsense-modal .sd-uxsense-slider .slick-slide img {
overflow: hidden;
width: 100%;
height: auto;
}
.uxsense-modal .uxm-slider .slick-slide.slick-current{
margin-top:5px;
} 
.sd-uxsense-slider .slick-list.draggable {
border-radius: 35px;
}
.uxsense-modal .uxsense-modal .uxm-slider .slick-prev.slick-arrow {
display: none!important;
}
.uxsense-modal .uxm-slider .slick-next.slick-arrow {
display: none!important;
}
.uxsense-modal .uxm-slider .slick-slider {
max-width: 1016px;
}
.uxsense-modal .uxm-slider {
width: 100%;
height: auto;
}
.uxsense-modal .uxm-slider .slick-dots {
list-style: none!important;
display: flex;
flex-direction: row;
justify-content: center;
margin: 12px;
padding: 1rem 0;
}
.uxsense-modal .uxm-slider .slick-dots li {
margin: 0 0.25rem;
}
.uxsense-modal .uxm-slider .slick-dots li.slick-active button {
border: 1px solid #000000;
background-color: #000000!important;
}
.uxsense-modal .uxm-slider .slick-dots button {
border: 1px solid #707070;
width: 10px;
height: 10px;
display: block;
padding: 0;
border-radius: 100%;
text-indent: -9999px;
outline: none!important;
background-color: transparent;
}
.uxsense-modal .sd-uxsense-slider {
width: 100%;
height: auto;
}
.uxsense-modal .sduxsense-slider .slick-slider {
max-width: 1220px;
}
.uxsense-modal .sd-uxsense-slider .slick-dots {
list-style: none!important;
display: flex;
flex-direction: row;
justify-content: center;
margin: 0;
padding: 1rem 0;
margin-top: 35px;
}
.uxsense-modal .sd-uxsense-slider .slick-dots li {
margin: 0 0.25rem;
}
.uxsense-modal .sd-uxsense-slider .slick-dots button {
border: 1px solid #707070;
width: 10px;
height: 10px;
display: block;
padding: 0;
border-radius: 100%;
text-indent: -9999px;
outline: none!important;
background-color: transparent;
}
.uxsense-modal .sd-uxsense-slider .slick-prev.slick-arrow {
display: none!important;
}
.uxsense-modal .sd-uxsense-slider .slick-next.slick-arrow {
display: none!important;
}
.uxsense-modal .sd-uxsense-slider .slick-dots li.slick-active button {
border: 1px solid #000000;
background-color: #000000!important;
}
.uxsense-modal .ux-desktop .middleLayer {
height: auto;
max-height: 397px;
}
.uxsense-modal .sd-uxsense-slider .slick-dots {
position: relative;
top: -6px;
margin-top: 16px;
}
.uxsense-modal .uxm-slider .slick-dots {
position: relative;
}
.uxsense-modal .ux-mobile .middleLayer img {
max-width: 196px;
max-height: calc(100% - 54px);
}
.uxsense-modal .uxm-slider .slick-slide img {
max-width: 196px;
max-height: 394px;
border-radius: 18px;
overflow: hidden;
width: 100%;
height: auto;
border: 1px solid #dfe2e9;
}
.uxsense-modal .uxm-slider .slick-list.draggable {
border-radius: 18px;
padding: 0px 0px!important;
}
.uxsense-modal .ux-mobile {
margin-bottom: 0;
}
@media (max-width: 1366px) {
.uxsense-modal	.sd-uxsense-slider .slick-slide img {
width: 100%;
height: auto;
}
}
@media (max-width: 1024px) {
.uxsense-modal .ux-desktop {
margin-bottom: -20px;
}
.uxsense-modal .sd-uxsense-slider .slick-dots {
top: -22px;
margin-top: 28px;
}
.uxsense-modal .uxm-slider .slick-slide {
padding: 0 30px;
}
}
@media (max-width: 912px) {
.uxsense-modal .ux-desktop {
margin-bottom: 0;
}
.uxsense-modal .sd-uxsense-slider .slick-dots {
top: -14px;
}
}
@media (max-width: 600px) {
.modal.uxsense-modal .modal-content{
max-width: calc(100% - 30px);
}
.uxsense-modal .sd-uxsense-slider .slick-dots {
top: -6px;
margin-top: 10px;
}
.modal.uxsense-modal .modal-header .close {
right: 0;
top: 0;
font-size: 35px;
}
.uxsense-modal .uxm-slider .slick-slide {
padding: 0 129px;
}
}
@media (max-width: 414px) {
.uxsense-modal .modal-title {
line-height: normal;
}
.modal.uxsense-modal .modal-title {
font-size: 24px;
}
.uxsense-modal .uxm-slider .slick-slide {
padding: 0 66px;
}
.uxsense-modal .sd-uxsense-slider .slick-list.draggable {
border-radius: 22px;
}
}
@media (max-width: 393px) {
.uxsense-modal .uxm-slider .slick-slide {
padding: 0 46px;
}
.uxsense-modal .sd-uxsense-slider .slick-list.draggable {
border-radius: 16px;
}
}
.infoKnow {
text-align: left !important;
}
/* azure-subscription */
.azure-subs {
background: url(../png/group_14285.png) no-repeat;
width: 100%;
background-size: 100% auto;
}
.azure-subs .header-content{
padding-top: 95px;
}
.azure-subs .header-content .top-head{
text-align: center;
letter-spacing: 0;
color: #FFFFFF;
font-size: 42px;
font-weight: 600;
margin-bottom: 0;
line-height: 58px;
margin: 0 auto;
max-width: 770px;
}
.azure-subs .header-content .top-head span{
color: #F79C2E;
}
.offer-section .offer-h3 {
letter-spacing: 0px;
color: #000000;
opacity: 1;
font-size: 26px;
font-weight: 800;
margin-bottom: 0px;
}
.offer-section .offer-head {
letter-spacing: 0px;
color: #000000;
opacity: 1;
font-size: 48px;
font-weight: 800;
margin-bottom: 4px;
}
.offer-section .offer-h5 {
letter-spacing: 0px;
color: #000000;
opacity: 1;
font-size: 18px;
font-weight: 700;
}
.offer-section .ass-azure{
margin: 0 auto;
max-width: 421px;
}
.offer-sub-head {
letter-spacing: 0px;
color: #000000;
opacity: 1;
font-size: 16px;
margin-bottom: 6px;
}
.azure-subs .hr-line{
max-width: 354px;
margin: 0 auto;
}
.azure-subs .header-content span{
color: #F79C2E;
}
.pera-offer {
letter-spacing: 0px;
color: #000000;
opacity: 1;
font-size: 16px;
}
.offer-head-h1{
letter-spacing: 0px;
color: #000000;
opacity: 1;
margin-top: 35px;
font-size: 35px;
font-weight: 700;
margin-bottom: 10px;
line-height: 42px;
}
.azure-subs .benefit-col{
max-width: 706px;
}
.azure-subs .cost-row{
margin-top: -10px;
}
.azure-subs .card-cntnt{
margin-top: -45px;
}
.ofr-sec{
background: url(../png/offer_14287.png);
height: 200px;
background-size: 100% 100%;
border-radius: 10px 0px 0px 0px;
}
.benifit-desc{
letter-spacing: 0px;
color: #5B5B5B;
opacity: 1;
font-size: 18px;
}
.grid-para {
letter-spacing: 0px;
color: #2E2929;
opacity: 1;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
}
.grid-heading{
letter-spacing: 0px;
color: #070707;
opacity: 1;
font-size: 20px;
margin-bottom: 10px;
}
.grid-para-centre{
letter-spacing: 0px;
color: #CBCBCB;
opacity: 1;
font-size: 16px;
font-weight: 600;
}
.grid-heading-centre{
letter-spacing: 0px;
color: #FFFFFF;
opacity: 1;
margin-bottom: 10px;
font-size: 20px;
font-weight: 500;
}
.offer-content {
background: #fff;
border-radius: 10px;
margin-top: 35px;
box-shadow: 0px 0px 15px #3B3D4329;
}
.offer-section{
border-radius: 10px 0px 0px 0px;
}
.left-section{
background: #FEC724;
border-radius: 10px 0px 0px 10px;
}
.nopadding {
padding: 0 !important;
}
.nomargin {
margin: 0 !important;
}
.centre-col-dv{
background: #09295E;
color: #fff;
}
.dv-round{
border-radius: 12px;
padding-top: 50px !important;
box-shadow: 0px 3px 20px #00000029;
}
.centre-col-dv{
border-radius: 12px;
padding-top: 50px !important;
box-shadow: 0px 3px 6px #00000029 !important;
}
.mob-lg {
width: 20%;
}
.mob-lg img {
width: 100%;
/*max-height: 35px;*/
}
.mob-lg .mob-lg-inner{
border-radius: 8px;
border: 1px solid #E1E1E6;
}
.form-para-head{
letter-spacing: 0px;
color: #000000;
opacity: 1;
font-size: 30px;
font-weight: 800;
line-height: 40px;
}
.offer-section .detail-form{
margin-top: -6px;
}
.offer-section .azure-btn{
margin-top: 35px;
margin-bottom: 15px;
}
.offer-section .btn.azure-btn:hover{
color:#FFFFFF!important;
}
.azure-subs .benefits-row{
margin-right: 0;
margin-left: 0;
}
.azure-from{
padding: 15px 25px;
}
.azure-from label{
letter-spacing: 0px;
color: #7F7F88;
opacity: 1;
font-size: 14px;
}
.azure-from ::placeholder{
letter-spacing: 0px;
color: #83838D;
opacity: 1;
font-size: 14px;
}
.form-cntn{
letter-spacing: 0px;
color: #94949C;
opacity: 1;
font-size: 16px;
}
.btn-sbmt{
background: #F79C2E 0% 0% no-repeat padding-box;
border-radius: 6px;
opacity: 1;
font: normal normal 600 16px/20px Muli;
letter-spacing: 0px;
color: #FFFFFF;
}
.card-img{
position: relative;
top: -55px;
}
.card-img-spn{
border-radius: 50%;
background-color: #EDF6FF;
width: 65px;
height: 65px;
display: flex;
justify-content: center;
align-items: center;
}
.card-2-spn{
background-color: #FEF2EE !important;
}
.card-img img{
width: 42px;
}
.azure-subs .inner-img{
display: flex;
justify-content: center;
}
.card.azure-card {
border: 0;
box-shadow: 0px 3px 20px #00000029;
border-radius: 12px;
padding: 20px;
text-align: center;
}
.centre-az{
background: #09295E;
}
.offer-content .border-bottom{
border-bottom: 1px solid #000000 !important;
}
.azure-subs .offer-sub-head-inner{
color: #000000;
font-size: 18px;
}
.azure-subs .azure-from .wpcf7-list-item.first label{
display: flex;
align-items: baseline;
margin-left: -13px;
}
.azure-subs .azure-from .wpcf7-list-item-label{
margin-left: 8px;
position: relative;
top: -1px;
}
.azure-subs .azure-from .has-spinner{
white-space: break-spaces;
}
.azure-subs .azure-from .wpcf7-form-control-wrap.comunications{
margin-bottom: -18px;
}
.azure-subs .main-contain{
padding: 0 138px;
}
.azure-subs .azure-card:hover{
background-color: #09295E;
}
.azure-subs .azure-card:hover .grid-heading{
color:#FFFFFF;
}
.azure-subs .azure-card:hover .grid-para{
color:#CBCBCB;
}
/*.comunications .wpcf7-list-item-label{
letter-spacing: 0px;
color: #94949C;
opacity: 1;
font-size: 16px;
}*/
.form-cntn-lb{
letter-spacing: 0px;
color: #7F7F88;
opacity: 1;
font-size: 14px;
}
@media (max-width:1024px){
.azure-subs .main-contain{
padding: 0 115px;
}
}
@media (max-width:912px){
.azure-subs .main-contain{
padding: 0 100px;
}
}
@media (max-width:820px){
.azure-subs .main-contain{
padding: 0 93px;
}
}
.azure-subs .header-content {
padding-top: 80px;
}
.azure-subs .header-content .top-head{
font-size: 36px;
}
@media (max-width:767px) {
.ofr-sec{
border-radius: 10px 10px 0px 0px;
}
.offer-section{
border-radius: 10px 10px 0px 0px;
}
.left-section{
background: #FEC724;
border-radius: 10px 10px 0px 0px;
}
.azure-subs .header-content .top-head{
font: normal normal bold 40px/60px Muli;
}
.azure-from{
margin-top: 20px !important;
}
}
@media (max-width:600px) {
.azure-subs {
background: url(../png/mobile-bg.png) no-repeat;
width: 100%;
background-size: 100% auto;
}
.azure-subs .main-contain {
padding: 0 15px;
}
.azure-subs  .header-content {
padding-top: 60px;
}
.azure-subs .offer-content{
margin: 30px 5px 0 5px;
}
.offer-section .offer-h3{
font-size: 22px;
}
.azure-subs .support-col{
padding-right: 0;
padding-left: 0;
}
.azure-subs .first-cost{
padding-left: 20px;
padding-right: 20px;
}
.azure-subs .azure-client-logo{
margin-left: 0;
margin-right: 0;
}
.azure-subs .must-col{
padding-left: 0;
padding-right: 0;
}
.azure-subs .offer-sub-head-inner{
font-weight: 700;
}
.azure-subs .ofr-sec {
background: url(../png/offer-mobile-bg.png);
background-size: 100% 100%;
border-radius: 8px 8px 0px 0px;
}
.azure-subs {
padding-top: 30px;
}
.azure-subs h1{
font-size: 25px;
}
.mob-lg {
width: 50%;
}
.azure-subs .header-content .top-head{
font-size: 28px;
line-height: 45px;
}
}
/* new dynamic 365 */
@font-face {
font-family: "Poppins-Light";
src: url("../ttf/poppins-light.ttf");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Poppins-ExtraLight";
src: url("../ttf/poppins-extralight.ttf");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Poppins-Regular";
src: url("../ttf/poppins-regular.ttf");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Poppins-Medium";
src: url("../ttf/poppins-medium.ttf");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Poppins-SemiBold";
src: url("../ttf/poppins-semibold.ttf");
font-weight: normal;
font-style: normal;
}
.inner-banner-section {
margin-top: 3.688em;
} 
header .navbar-brand.sticky-nav img{
display: none;
}
header .dynamic-sticky .navbar-brand img{
display: none;
}
header .dynamic-sticky .navbar-brand.sticky-nav img{
display: block;
}
.dynamic-365-landing-section{
width: 100%;
height: 100vh;
position: relative;
}
.dynamic-365-landing-section::before{
content:'';
position: absolute;
top:0;
left:0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.4);
} 
.dynamic-365-landing-section video {
-o-object-fit: cover;
object-fit: cover;
top: 0;
left: 0;
width: 100%;
}
.dynamic-365-landing-section .video-section{
display: flex;
justify-content: center;
}
.dynamic-365-landing-section .video-overlay{
position: relative;
}
.dynamic-365-landing-section .video-overlay::after{
content:'';
position: absolute;
top:0;
left:0;
right: 0;
background-color: rgba(0, 0, 0, 0.4);
}
.dynamic-365-landing-section .inner-video-section{
position: absolute;
top: 265px;
}
.dynamic-365-landing-section .inner-video-section h2 {
font-family: Poppins-SemiBold;
font-size: 70px;
color: #F79C2E;
margin: 0 auto;
max-width: 1492px;
text-align: center;
}
.dynamic-365-landing-section .inner-video-section p {
font-family: Poppins-ExtraLight;
font-size: 35px;
color: #FFF1F1;
text-align: center;
margin-top: 65px;
}
.dynamic-365-landing-section .inner-video-section h2 span{
color:#FFFFFF;
}
.dynamic-365-landing-section .main-know-more {
width: 100%;
text-align: center;
margin-top: 145px;
}
.dynamic-365-landing-section .know-more-btn{
text-align: center;
background-color: transparent;
color: #F79C2E;
border-radius: 50px;
border: 2px solid #F79C2E;
font-size: 22px;
font-family: 'Poppins-Light';
padding: 10px 38px;
}
.dynamic-365-landing-section .know-more-btn img{
width: 22px;
height: 25px;
margin-left: 8px;
margin-top: -4px;
}
.dynamic-365-landing-section .microsoft-certificate img{
position: absolute;
bottom: 50px;
left: 60px;
}
.dynamic-365-landing-section .microsoft-logo img{
position: absolute;
bottom: 82px;
right: 85px;
}
.our-services{
padding: 75px 120px;
background-color: #FFFFFF;
scroll-margin-top: 69px;
}
.our-services .stroked{
color: white;
font-size: 90px;
font-family: 'Poppins-SemiBold';
-webkit-text-stroke: 1px rgba(255, 228, 181, 0.85);
text-align: center;
margin-bottom: 0;
}
.our-services h4{
font-size: 50px;
font-family: 'Poppins-Medium';
margin-top: -70px;
text-align: center;
color: #252525;
margin-bottom: 0;
}
.our-services h4 span{
color: #F79C2E;
}
.our-services-tab{
margin-top: 82px;
}
.our-services-tab .tab-content-col{
position: static;
}
.our-services-tab .tab-content{
padding: 0 0 0 15px;
}
.our-services-tab .nav-item .nav-link{
border: 2px solid #E5E7EB;
border-radius: 8px;
padding: 50px 30px 50px 30px;
margin-bottom: 20px;
}
.our-services-tab .nav-item .nav-link.active{
border: 2px solid #FF851B;
}
.our-services-tab .our-services-link-img{
padding-right: 40px;
max-width: 137px;
}
.our-services-tab .our-services-link-description h4{
font-size: 28px;
font-family: 'Poppins-Medium';
color: #252525;
text-align: start;
margin-top: 0;
margin-bottom: 12PX;
}
.our-services-tab .our-services-link-description h4 span{
color:#F79C2E;
}
.our-services-tab .our-services-link-description p{
font-size: 20px;
font-family: 'Poppins-Light';
color: #505050;
text-align: start;
margin-bottom: 0;
}
.our-services-tab .tab-pane .tab-pane-img{
padding-bottom: 45px;
}
.our-services-tab .tab-pane h5{
font-size: 28px;
font-family: 'Poppins-Medium';
color: #252525;
margin-bottom: 0;
}
.our-services-tab .tab-pane h5:last-of-type{
margin-top: 65px;
}
.our-services-tab .tab-pane p{
margin-top: 20px;
font-size: 22px;
font-family: 'Poppins-Light';
color: #252525;
margin-bottom: 40px;
}
.our-services-tab .tab-pane a{
border: 1.32px solid #FF851B;
border-radius: 40px;
padding: 12px 35px;
color: #252525;
font-size: 20px;
font-family: 'Poppins-Light';
text-decoration: none;
}
@media(min-aspect-ratio:16/9){
.dynamic-365-landing-section .background-video{
width:100%;
height: 100%;
}
}
@media(max-aspect-ratio:16/9){
.dynamic-365-landing-section .background-video{
width:100%;
height: 100%;
}
}
.main-dynamics-business-central{
background:url('../png/dynamics-business-central.png') center no-repeat;
padding: 165px 124px;
text-align: start;
background-size: 100% 100%;
}
.main-dynamics-business-central h1{
font-family: 'Poppins-Medium';
font-size: 50px;
color: #FFFFFF;
margin-bottom: 0;
font-weight: 600;
max-width: 550px;
}
.main-dynamics-business-central .business-central-line{
height: 6px;
background-color: #FEA200;
text-align: center;
width: 206px;
margin-bottom: 0;
display: none;
}
.dynamics-business-central-content{
padding: 75px 124px;
}
.dynamics-business-central-content p span{
font-family: 'Poppins-Medium';
}
.dynamics-business-central-content p{
color: #4B4B4B;
font-family: 'Poppins-Light';
font-size: 20px;
}
.dynamics-business-central-content p.content-info{
padding-top: 75px;
}
.dynamics-business-central-plans{
display: flex;
}
.dynamics-business-central-plans .plans-yellow-right{
background: #fda100;
color: #fff;
letter-spacing: 1px;
padding: 15px 20px;
text-align: center;
font-size: 18px;
font-family: 'Poppins-Regular';
width: 150px;
font-weight: 100;
}
.plans-yellow-right img{
width: 28px;
height: 20px;
vertical-align: baseline;
}
.plans-yellow-right.unchecked img{
width: 20px;
height: 20px;
}
.dynamics-business-central-plans .business-central-plans-tbl{
width:100%;
}
.dynamics-business-central-plans .business-central-plans-tbl .business-central-plans-tbody tr:nth-child(2) td:nth-child(1){
padding-top: 30px;
}
.dynamics-business-central-plans .business-central-plans-tbl .business-central-plans-tbody tr:nth-child(8) td:nth-child(1){
padding-bottom: 30px;
}
.dynamics-business-central-plans .business-central-plans-tbl .business-central-plans-tbody tr td{
padding: 15px 0 15px 0;
}
.dynamics-business-central-plans .business-central-plans-tbl .business-central-plans-tbody tr td:nth-child(1){
padding: 10px 28px 10px 65px;
}
.dynamics-business-central-plans .business-central-plans-tbl tr th,.dynamics-business-central-plans .business-central-plans-tbl tr td{
border-right: 4px solid #fff;
border-bottom: none!important;
}
.dynamics-business-central-plans .business-central-plans-tbl tr{
border-bottom: none!important;
}
.dynamics-business-central-plans .plans-blue-left a:before{
font-family: 'icomoon';
content: "\e963";
position: absolute;
left: -47px;
font-size: 30px;
margin-top: -8px;
}
.dynamics-business-central-plans .plans-blue-left{
background: #303030;
color: #FFFFFF!important;
letter-spacing: 1px;
font-size: 18px;
font-family: 'Poppins-Regular';
}
.dynamics-business-central-plans .plans-blue-left a{
color: #FFFFFF!important;
text-decoration: none;
position: relative;
}
.dynamics-business-central-plans .plans-blue-left a:hover{
color: #fda100!important;
text-decoration: underline;
text-decoration-color: #fda100;
}
.dynamics-business-central-plans .plans-blue-left a:hover:before{
content: "\e964";
}
.dynamics-business-central-plans tr td:nth-child(1){
border-left: none;
border-right: 2px solid #303030;
}
.navbar.navbar-small{
background: transparent;
padding:35px 30px;
} 
.navbar.navbar-small .ig-megamenu .nav-link {
color: #FFFFFF;
} 
.navbar.navbar-small .ig-megamenu.contact-menu .nav-link{
color: #FFFFFF!important;
}
.navbar.navbar-small .ig-megamenu.contact-menu .nav-link:hover{
color: #f79c2e!important;
}
.navbar.navbar-small .ig-megamenu .nav-link:hover {
color: #f79c2e;
}
.side-panel.small-sidepanel{
display: none;
}
.dynamic-sticky{
position: fixed;
top: 0;
width: 100%;
background: #FFFFFF!important;
padding: 0.5em 1em!important;
z-index: 1;
}
.navbar.navbar-small.dynamic-sticky .ig-megamenu .nav-link {
color: #2d2f3c;
}
.navbar.navbar-small.dynamic-sticky .ig-megamenu .nav-link:hover {
color: #f79c2e;
}
.feature-functionality{
padding: 60px 0 25px 0;
}
.feature-functionality h2{
color:#F79C2E;
font-size: 24px;
font-family: 'Poppins-Medium';
margin-bottom: 50px;
}
.feature-functionality table.feature-table{
scroll-margin-top: 69px;
width:100%;
}
.feature-functionality table.feature-table tr, .feature-functionality table.feature-table th, .feature-functionality table.feature-table td{
border:1px solid #707070; 
vertical-align: top;
}
.feature-table tr, th.th-main.showpc{
width: 22%;
}
.feature-table .th-main.showpc h5{
color: #252525;
font-size: 22px;
font-family: 'Poppins-Medium';
background-color: #FFF2DC;
padding: 30px 25px;
line-height: 42px;
}
.feature-table .th-main.showpc h5 span{
color:#F79C2E;
}
.feature-table .th-main.showmb h5{
color: #252525;
font-size: 36px;
font-family: 'Poppins-Medium';
background-color: #FFF2DC;
padding: 45px 40px;
}
.feature-table .th-main.showmb h5 span{
color:#F79C2E;
}
.feature-table tr td:first-child{
padding: 30px 0px 30px 30px;
}
.feature-table tr td:last-child{
padding: 30px 15px 30px 30px;
width: 42%;
}
.feature-table td h6{
color: #252525;
font-size: 20px;
font-family: 'Poppins-Medium';
line-height: 46px;
}
.feature-table td p{
font-size: 20px!important;
font-family: 'Poppins-Light'!important;
color:#545454!important;
}
.feature-table td ul{
padding-inline-start: 0;
list-style-type: none;
margin-bottom: 0;
}
.feature-table td ul li{
color: #545454;
font-size: 20px;
font-family: 'Poppins-Light';
position: relative;
padding-left: 32px;
line-height: 46px;
}
.feature-table td ul li:before {
content: "";
position: absolute;
left: 5px;
top: 9px;
background: #FF8012;
width: 10px;
height: 10px;
border-radius: 50%;
text-align: center;
top: 18px;
}
.main-business-central-fee{
background: url('../png/business-central-fee.png') center no-repeat;
background-size: 100% 100%;
padding: 120px 0 282px 0;
}
.main-business-central-fee h1{
font-size: 46px;
font-family: 'Poppins-SemiBold';
color: #FFFFFF;
max-width: 988px;
margin: 0 auto;
margin-bottom: 30px;
}
.main-business-central-fee h1 span{
color:#FF8012;
}
.main-business-central-fee p{
font-size: 26px;
font-family: 'Poppins-Light';
color: #FFFFFF;
margin: 0 auto;
max-width: 1560px;
}
.main-business-central-fee h2{
margin: 0 auto;
padding-top: 75px;
}
.main-business-central-fee h2 span{
font-size: 46px;
font-family: 'Poppins-Medium';
color: #FFFFFF;
display: inline-block;
position: relative;
padding: 0 100px !important;
}
.main-business-central-fee h2 span:before, .main-business-central-fee h2 span:after {
display: inline-block;
content: "";
background: linear-gradient(270deg, #FF8012, #FEA200);
border-radius: 10px;
max-width: 100%;
margin: 0 auto;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 65px;
height: 5px;
}
.main-business-central-fee h2 span:before{
left:0;
}
.main-business-central-fee h2 span:after{
right:0;
}
.business-central-pricing-plan{
margin-top: -204px;
padding: 0 95px;
}
.business-central-pricing-plan .pricing-plan-row .pricing-plan-col{
padding-left:12px;
padding-right:12px;
}
.business-central-pricing-plan .pricing-plan-card{
background-color: #FFFFFF;
border: 1px solid #F3F6FF;
box-shadow: 0 0 15px #00000017;
border-radius: 12px;
padding: 18px;
height: 100%;
}
.business-central-pricing-plan .pricing-inner-card{
background-color: #F3F7FF;
border-radius: 12px;
padding: 20px 15px;
min-height: 387px;
}
.business-central-pricing-plan h3{
color: #FF8012;
font-size: 30px;
font-family: 'Poppins-Medium';
margin-top: 14px;
margin-bottom: 16px;
min-height: 72px;
}
.business-central-pricing-plan h4{
font-size: 32px;
color: #000000;
font-family: 'Poppins-SemiBold';
min-height: 80px;
}
.business-central-pricing-plan h4 span{
font-size: 33px;
font-family: 'Poppins-Medium';
}
.business-central-pricing-plan p{
color: #252525;
font-size: 20px;
font-family: 'Poppins-Regular';
margin-bottom: 0;
}
.business-central-pricing-plan .pricing-inner-card.special-card{
background-image: linear-gradient(120deg, #FEA200, #FF8012);
position: relative;
}
.business-central-pricing-plan .pricing-inner-card.special-card .cross-strip{
background: url('../png/cross-strip.png') no-repeat;
background-size: 100% 100%;
position: absolute;
top: 0px;
left: 0px;
height: 82px;
width: 102px;
z-index: 98;
}
.business-central-pricing-plan .pricing-inner-card.special-card .cross-strip p{
z-index: 99;
position: absolute;
transform: rotate(-40deg);
color: #FE9F01;
top: 20px;
left: 2px;
font-size: 18px;
font-family: 'Poppins-Medium';
}
.business-central-pricing-plan .pricing-inner-card.special-card h3{
color: #FFFFFF;
}
.business-central-pricing-plan .pricing-inner-card.special-card h4{
color: #FFFFFF;
}
.business-central-pricing-plan .pricing-inner-card.special-card p{
color: #FFFFFF;
}
.business-central-pricing-plan .pricing-plan-card .pricing-fee-ul{
padding-inline-start: 0;
list-style-type: none;
padding-top: 15px;
height: 56%;
}
.business-central-pricing-plan .pricing-plan-card .pricing-fee-ul .pricing-flex{
display: flex;
align-items: start;
padding-bottom: 12px;
}
.business-central-pricing-plan .pricing-plan-card .pricing-fee-ul p{
color: #6E6E6E;
font-size: 20px;
font-family: 'Poppins-Regular';
text-align: start;
}
.business-central-pricing-plan .pricing-plan-card .pricing-fee-ul li img{
padding-right: 15px;
margin-top: 5px;
}
.business-central-pricing-plan .pricing-plan-card .pricing-bottom-line{
border: 2px solid #FF8012;
opacity: 63%;
margin-top: -6px;
margin-bottom: 18px;
}
.business-central-pricing-plan .pricing-plan-card .plan-description{
height: 180px;
}
.business-central-pricing-plan .pricing-plan-card .customer-pricing{
color: #6E6E6E;
font-size: 16px;
font-family: 'Poppins-Regular';
text-align: start;
margin-bottom: 20px;
}
.business-central-pricing-plan .pricing-plan-card a{
background-image: linear-gradient(203deg, #FEA200, #FF8012);
width: 100%;
border-radius: 28px;
padding: 10px;
font-size: 22px;
font-family: 'Poppins-Regular';
color: #FFFFFF;
margin-top: 12px;
margin-bottom: 12px;
cursor: pointer;
}
.business-central-pricing-plan .pricing-plan-card a:hover{
color: #FFFFFF;
}
.business-central-pricing-plan p.note{
color:#8E8E8E;
font-size: 24px;
font-family: 'Poppins-Light';
margin: 0 auto;
max-width: 1568px;
padding: 70px 0;
}
.business-central-pricing-plan p.note span{
color:#333333;
font-family: 'Poppins-Medium';
}
.dynamics-implementation-plan{
background-color: #F8F8F8;
padding: 90px 95px;
}
.dynamics-implementation-plan .implementation-row{
margin-left: 0;
margin-right: 0;
}
.dynamics-implementation-plan .implementation-row .implementation-col{
padding:20px;
}
.dynamics-implementation-plan .implementation-row .implementation-col:first-child{
padding-left:0;
}
.dynamics-implementation-plan .implementation-row .implementation-col:last-child{
padding-right:0;
}
.dynamics-implementation-plan .implementation-box{
border-radius: 12px;
background-image: linear-gradient(218deg, #FEA200, #FF8012);
padding: 30px 30px;
}
.dynamics-implementation-plan .inner-implementation{
display: flex;
align-items: center;
}
.dynamics-implementation-plan .implementation-box img{
margin-right: 50px;
}
.dynamics-implementation-plan .implementation-box p{
font-size: 30px;
font-family: 'Poppins-Regular';
color: #FFFFFF;
margin-bottom: 0;
}
.dynamics-implementation-plan .implementation-box .plans-right-icon{
margin-right: -16px;
}
.dynamics-implementation-plan .implementation-box .plans-right-icon i{
font-size: 70px;
color: #FFFFFF;
cursor: pointer;
}
@media(max-width: 1600px){
.navbar.navbar-small {
padding: 20px 20px;
}
.dynamic-365-landing-section .inner-video-section {
position: absolute;
top: 270px;
}
.dynamic-365-landing-section .inner-video-section h2 {
font-size: 50px;
max-width: 1068px;
}
.dynamic-365-landing-section .inner-video-section p {
font-size: 25px;
margin-top: 40px;
}
.dynamic-365-landing-section .main-know-more {
margin-top: 80px;
}
.dynamic-365-landing-section .know-more-btn {
font-size: 20px;
padding: 8px 28px;
}
.dynamic-365-landing-section .microsoft-certificate img {
width: 130px;
bottom: 25px;
left: 42px;
}
.dynamic-365-landing-section .microsoft-logo img {
width: 270px;
bottom: 38px;
right: 55px;
}
.our-services {
padding: 50px 70px;
background-color: #FFFFFF;
}
.our-services .stroked {
font-size: 70px;
}
.our-services h4 {
font-size: 40px;
margin-top: -57px;
}
.our-services-tab {
margin-top: 50px;
}
.our-services-tab .nav-item .nav-link {
padding: 40px 30px 40px 25px;
}
.our-services-tab .our-services-link-img {
padding-right: 25px;
}
.our-services-link-img img{
width: 65px;
height: 65px;
}
.our-services-tab .our-services-link-description h4 {
font-size: 20px;
}
.our-services-tab .tab-pane .tab-pane-img{
padding-bottom: 30px
}
.our-services-tab .tab-pane p{
margin-top: 12px;
}
.our-services-tab .tab-pane h5:last-of-type {
margin-top: 45px;
}
.our-services-tab .our-services-link-description p {
font-size: 16px;
}
.our-services-tab .tab-content {
padding: 0 0 0 0px;
}
.our-services-tab .tab-pane h5 {
font-size: 22px;
}
.our-services-tab .tab-pane p {
font-size: 16px;
margin-bottom: 30px;
}
.our-services-tab .tab-pane a {
padding: 8px 25px;
font-size: 16px;
}
.main-dynamics-business-central {
padding: 120px 80px;
}
.main-dynamics-business-central h1 {
font-size: 35px;
}
.dynamics-business-central-content {
padding: 60px 80px;
}
.dynamics-business-central-content p {
font-size: 16px;
}
.dynamics-business-central-content p.content-info {
padding-top: 65px;
}
.plans-yellow-right img {
vertical-align: bottom;
width: 20px;
height: 16px;
}
.dynamics-business-central-plans .plans-yellow-right {
font-size: 16px;
width: 136px;
}
.dynamics-business-central-plans .business-central-plans-tbl .business-central-plans-tbody tr td{
padding: 10px 0 10px 0;
}
.dynamics-business-central-plans .business-central-plans-tbl .business-central-plans-tbody tr td:nth-child(1){
padding: 10px 28px 10px 47px;
}
.dynamics-business-central-plans .plans-blue-left {
font-size: 16px;
}
.dynamics-business-central-plans .plans-blue-left a:before {
left: -36px;
margin-top: -6px;
font-size: 26px;
}
.feature-functionality {
padding: 50px 0 30px 0;
}
.feature-functionality h2 {
font-size: 20px;
margin-bottom: 40px;
}
.feature-table tr, th.th-main.showpc {
width: 24%;
}
.feature-table .th-main.showpc h5 {
font-size: 20px;
padding: 20px;
line-height: 40px;
}
.feature-table tr td:first-child {
padding: 20px 0px 20px 20px;
}
.feature-table tr td:last-child  {
padding: 20px 0px 20px 20px;
}
.feature-table td h6 {
font-size: 18px;
line-height: 40px;
}
.feature-table td p {
font-size: 18px!important;
}
.feature-table td ul li {
font-size: 18px;
padding-left: 32px;
line-height: 40px;
}
.feature-table td ul li:before {
left: 5px;
top: 15px;
}
.main-business-central-fee {
padding: 90px 0 250px 0;
}
.main-business-central-fee h1 {
font-size: 36px;
max-width: 988px;
}
.main-business-central-fee p {
font-size: 20px;
max-width: 1106px;
}
.main-business-central-fee h2 {
margin: 0 auto;
padding-top: 72px;
}
.main-business-central-fee h2 span {
font-size: 36px;
}
.business-central-pricing-plan {
margin-top: -220px;
}
.business-central-pricing-plan {
margin-top: -204px;
padding: 0 60px;
}
.business-central-pricing-plan .pricing-plan-row .pricing-plan-col {
padding-left: 10px;
padding-right: 10px;
}
.business-central-pricing-plan .pricing-inner-card {
padding: 18px 0 18px 0;
}
.business-central-pricing-plan .pricing-inner-card img{
width: 100px;
height: 100px;
}
.business-central-pricing-plan .pricing-inner-card.special-card .cross-strip {
top: -11px;
left: -2px;
}
.business-central-pricing-plan .pricing-inner-card.special-card .cross-strip p {
top: 27px;
left: 1px;
}
.business-central-pricing-plan .pricing-inner-card.special-card .cross-strip p {
font-size: 16px;
}
.business-central-pricing-plan h3 {
font-size: 20px;
margin-bottom: 12px;
padding: 5px;
min-height: 60px;
}
.business-central-pricing-plan h4 {
font-size: 24px;
margin-bottom: 0;
min-height: 65px;
}
.business-central-pricing-plan h4 span {
font-size: 26px;
font-family: 'Poppins-Medium';
}
.business-central-pricing-plan p {
font-size: 16px;
margin-bottom: 5px;
}
.business-central-pricing-plan .pricing-inner-card {
min-height: 318px;
}
.business-central-pricing-plan .pricing-plan-card .pricing-fee-ul {
height: 61%;
}
.business-central-pricing-plan .pricing-plan-card .plan-description{
height: 180px;
}
.business-central-pricing-plan .pricing-plan-card .pricing-fee-ul p {
font-size: 16px;
}
.business-central-pricing-plan .pricing-plan-card .pricing-flex img{
width: 30px;
height: 21px;
}
.business-central-pricing-plan .pricing-plan-card .pricing-fee-ul li img {
padding-right: 12px;
margin-top: 2px;
}
.business-central-pricing-plan .pricing-plan-card .customer-pricing {
font-size: 13px;
margin-bottom: 15px;
}
.business-central-pricing-plan .pricing-plan-card a {
background-image: linear-gradient(203deg, #FEA200, #FF8012);
font-size: 18px;
margin-top: 10px;
margin-bottom: 10px;
}
.business-central-pricing-plan p.note {
font-size: 18px;
padding: 30px 0;
}
.dynamics-implementation-plan {
padding: 50px 60px;
}
.dynamics-implementation-plan .implementation-box {
padding: 30px 25px;
}
.dynamics-implementation-plan .implementation-box img {
width: 90px;
height: 90px;
}
.dynamics-implementation-plan .implementation-box p {
font-size: 22px;
}
.dynamics-implementation-plan .implementation-box .plans-right-icon {
margin-right: -22px;
}
.dynamics-implementation-plan .implementation-box .plans-right-icon i {
font-size: 55px;
}
.dynamics-implementation-plan .implementation-row .implementation-col {
padding: 0 18px;
}
.dynamics-implementation-plan .implementation-box img {
margin-right: 35px;
}
.dynamics-business-central-plans .business-central-plans-tbl .business-central-plans-tbody tr td:nth-child(1){
padding: 10px 28px 10px 47px;
}
}
@media(min-width: 911px){
.ds-pricing-plan{
display: block;
}
.mb-pricing-plan{
display: none;
}
.mobile-portfolio-div{
display: none;
}
}
@media(max-width: 912px){
.navbar.navbar-small {
padding: 0.5em 1em;
}
.navbar.navbar-small .ig-megamenu.contact-menu .nav-link{
border-radius: 0!important;
}
.dynamic-365-landing-section {
height: 405px;
}
.dynamic-365-landing-section .background-video {
width: 100%;
height: 405px;
}
.dynamic-365-landing-section .inner-video-section {
position: absolute;
top: 112px;
}
.dynamic-365-landing-section .inner-video-section h2 {
font-size: 28px;
max-width: 620px;
}
.dynamic-365-landing-section .inner-video-section p {
font-size: 16px;
margin-top: 28px;
}
.dynamic-365-landing-section .main-know-more {
margin-top: 48px;
}
.dynamic-365-landing-section .know-more-btn {
font-size: 16px;
padding: 8px 20px;
border: 1px solid #F79C2E;
}
.dynamic-365-landing-section .know-more-btn img {
width: 12px;
height: 11px;
margin-left: 4px;
margin-top: -2px;
}
.dynamic-365-landing-section .microsoft-certificate img {
width: 52px;
height: 54px;
bottom: 18px;
left: 32px;
}
.dynamic-365-landing-section .microsoft-logo img {
width: 150px;
bottom: 22px;
right: 32px;
}
.our-services {
padding: 40px 40px;
scroll-margin-top: 66px;
}
.our-services .stroked {
font-size: 40px;
}
.our-services h4 {
font-size: 28px;
margin-top: -36px;
}
.our-services-tab {
margin-top: 30px;
}
.our-services-tab .nav-item .nav-link {
padding: 20px 15px 20px 15px;
margin-bottom: 12px;
}
.our-services-link-img img {
width: 36px;
height: 36px;
}
.our-services-tab .our-services-link-img {
padding-right: 15px;
}
.our-services-tab .our-services-link-description h4 {
font-size: 13px;
margin-bottom: 4px;
}
.our-services-tab .our-services-link-description p {
font-size: 10px;
}
.our-services-tab .our-services-link-col{
padding-right: 5px;
}
.our-services-tab .tab-pane .tab-pane-img {
padding-bottom: 25px;
}
.our-services-tab .tab-pane h5 {
font-size: 14px;
}
.our-services-tab .tab-pane h5:last-of-type {
margin-top: 40px;
}
.our-services-tab .tab-pane p {
font-size: 12px;
margin-bottom: 20px;
margin-top: 6px;
}
.our-services-tab .tab-pane a {
padding: 6px 20px;
font-size: 11px;
}
.main-dynamics-business-central {
padding: 80px 20px;
}
.main-dynamics-business-central h1 {
font-size: 26px;
max-width: 270px;
}
.main-dynamics-business-central .business-central-line {
height: 4px;
width: 244px;
}
.dynamics-business-central-content {
padding: 20px 20px;
}
.dynamics-business-central-content p {
font-size: 14px;
padding-bottom: 18px
}
.dynamics-business-central-plans .plans-yellow-right {
font-size: 14px;
width: 44px;
padding: 12px 18px;
}
.plans-yellow-right img {
width: 20px;
height: 15px;
vertical-align: middle;
}
.plans-yellow-right.unchecked img {
width: 17px;
height: 17px;
}
.dynamics-business-central-plans .business-central-plans-tbl .business-central-plans-tbody tr:nth-child(2) td:nth-child(1) {
padding-top: 30px;
}
.dynamics-business-central-plans .business-central-plans-tbl .business-central-plans-tbody tr:nth-child(8) td:nth-child(1){
padding-bottom: 30px;
}
.dynamics-business-central-plans .dynamics-business-central-plans .plans-blue-left {
font-size: 14px;
}
.dynamics-business-central-plans .business-central-plans-tbl .business-central-plans-tbody tr td{
padding: 8px 0 8px 0;
}
.dynamics-business-central-plans .business-central-plans-tbl .business-central-plans-tbody tr td:nth-child(1){
padding: 8px 15px 8px 35px;
}
.dynamics-business-central-plans .plans-blue-left a:before {
left: -30px;
margin-top: -6px;
font-size: 22px;
}
.feature-functionality {
padding: 30px 0 0 0;
}
.feature-functionality h2 {
font-size: 18px;
margin-bottom: 25px;
}
.feature-table .th-main.showpc h5 {
font-size: 15px;
padding: 12px 12px;
line-height: 22px;
}
.feature-table tr td:first-child {
padding: 15px 5px 15px 12px;
}
.feature-table tr td:last-child {
padding: 15px 5px 15px 12px;
}
.feature-table td h6 {
font-size: 14px;
line-height: 22px;
margin-bottom: 0;
}
.feature-table td p {
font-size: 14px!important;
}
.feature-table td ul li {
font-size: 14px;
padding-left: 15px;
line-height: 22px;
}
.feature-table td ul li:before {
left: 3px;
top: 9px;
width: 4px;
height: 4px;
}
.main-business-central-fee {
padding: 55px 0 145px 0;
}
.main-business-central-fee h1 {
font-size: 26px;
margin-bottom: 25px;
}
.main-business-central-fee p {
font-size: 14px;
max-width: 644px;
}
.main-business-central-fee h2 {
padding-top: 50px;
}
.main-business-central-fee h2 span {
font-size: 30px;
padding: 0 88px !important;
}
.main-business-central-fee h2 span:before, .main-business-central-fee h2 span:after {
width: 56px;
}
.business-central-pricing-plan {
margin-top: -106px;
}
.business-central-pricing-plan p.note {
font-size: 16px;
padding: 50px 0;
}
.dynamics-implementation-plan {
padding: 60px 80px;
}
.dynamics-implementation-plan .implementation-box {
padding: 20px 25px;
position: relative;
}
.dynamics-implementation-plan .inner-implementation {
display: block;
}
.dynamics-implementation-plan .implementation-row .implementation-col {
padding: 0 8px;
}
.dynamics-implementation-plan .implementation-box img {
width: 59px;
height: 59px;
}
.dynamics-implementation-plan .implementation-box p {
font-size: 14px;
margin-top: 14px;
}
.dynamics-implementation-plan .implementation-box .plans-right-icon i {
font-size: 28px;
}
.dynamics-implementation-plan .implementation-box .plans-right-icon {
position: absolute;
bottom: 15px;
right: 34px;
}
.ds-pricing-plan{
display: none;
}
.mb-pricing-plan{
display: block;
}
.pricing-plan-slider .slick-list {
padding: 0 20% 0 0;
}
.business-central-pricing-plan .pricing-plan-row .pricing-plan-col {
padding-left: 6px;
padding-right: 6px;
}
.business-central-pricing-plan .pricing-plan-row .pricing-plan-col:first-child{
padding-left:0;
}
.business-central-pricing-plan .pricing-plan-row .pricing-plan-col:last-child{
padding-right:0;
}
.business-central-pricing-plan {
padding: 0 0 0 40px;
}
.business-central-pricing-plan .slick-track{
display: flex;
}
.business-central-pricing-plan .slick-track	.slick-slide{
height: auto;
}
.business-central-pricing-plan .pricing-plan-card {
padding: 12px;
}
.business-central-pricing-plan .pricing-inner-card {
padding: 18px 12px;
min-height: 240px;
}
.business-central-pricing-plan .pricing-inner-card img {
width: 85px;
height: 85px;
}
.business-central-pricing-plan .pricing-plan-card .pricing-fee-ul {
height: 57%;
}
.business-central-pricing-plan h3 {
font-size: 18px;
margin-bottom: 12px;
min-height: 30px;
}
.business-central-pricing-plan h4 {
font-size: 22px;
min-height: 44px;
}
.business-central-pricing-plan h4 span {
font-size: 22px;
}
.business-central-pricing-plan .pricing-plan-card .plan-description {
height: 104px;
}
.business-central-pricing-plan p {
font-size: 12px;
margin-bottom: 0;
}
.business-central-pricing-plan .pricing-plan-card .pricing-fee-ul li img {
padding-right: 0;
}
.business-central-pricing-plan .pricing-plan-card .pricing-flex img {
width: 15px;
height: 15px;
}
.business-central-pricing-plan .pricing-plan-card .pricing-fee-ul p {
font-size: 13px;
margin-left: 8px;
}
.business-central-pricing-plan .pricing-plan-card .customer-pricing {
font-size: 11px;
margin-bottom: 12px;
}
.business-central-pricing-plan .pricing-plan-card a {
font-size: 14px;
padding:8px;
}
.pricing-plan-slider .slick-dots {
list-style: none !important;
display: flex;
flex-direction: row;
justify-content: center;
padding: 0 0;
margin-top: 15px;
margin-bottom: 0;
}
.pricing-plan-slider .slick-dots li {
margin: 0 0.25rem;
}
.pricing-plan-slider .slick-dots li.slick-active button {
background-color: #C7C7C7 !important;
border: none;
color: #fff;
height: 15px;
width: 34px;
border-radius: 16px;
}
.pricing-plan-slider .slick-dots button {
width: 14px;
height: 15px;
padding: 0;
border: 1px solid transparent;
border-radius: 100%;
text-indent: -9999px;
outline: none !important;
background-color: #ECECEC;
}
.pricing-plan-slider .slide {
padding: 0 10px;
}
.business-central-pricing-plan p.note {
font-size: 16px;
padding: 40px 40px 10px 0;
}
.dynamics-implementation-plan {
padding: 45px 80px;
}
}
@media(min-width:601px){
.desktop-our-services{
display: block;
}
.mobile-our-services{
display: none;
}
.feature-table .th-main.showmb {
display: none;
}
}
@media(max-width:600px){
.inner-banner-section {
margin-top: 4.688em;
}  
.feature-table .th-main.showpc h5{
display: none;
}
.dynamic-365-landing-section {
height: 571px;
}
.dynamic-365-landing-section .background-video {
height: 571px;
}
.dynamic-365-landing-section .inner-video-section {
top: 148px;
}
.dynamic-365-landing-section .inner-video-section h2 {
font-size: 22px;
max-width: 281px;
text-align: center;
font-family: 'Poppins-Medium';
}
.dynamic-365-landing-section .inner-video-section p {
font-size: 12px;
margin-top: 35px;
text-align: center;
max-width: 284px;
}
.dynamic-365-landing-section .main-know-more {
margin-top: 70px;
}
.dynamic-365-landing-section .know-more-btn {
font-size: 14px;
padding: 8px 20px;
}
.dynamic-365-landing-section .know-more-btn img {
margin-left: 4px;
}
.dynamic-365-landing-section .microsoft-certificate img {
width: 37px;
height: 39px;
bottom: 20px;
left: 20px;
}
.dynamic-365-landing-section .microsoft-logo img {
height: 28px;
width: 95px;
bottom: 22px;
right: 22px;
}
.our-services {
padding: 30px 20px;
}
.our-services .stroked {
font-size: 26px;
}
.our-services h4 {
font-size: 20px;
margin-top: -25px;
}
.desktop-services{
display: none;
}
.desktop-our-services{
display: none;
}
.mobile-our-services{
display: block;
}
.microsoft-services-accordion{
padding-top: 30px;
}
.microsoft-services-accordion  .card {
margin-bottom: 10px;
border: 0;
border: 1px solid #D1D1D1!important;
border-radius: 8px!important;
}
.microsoft-services-accordion  .card .card-header {
border: 0;
border-bottom: 1px solid #D1D1D1;
padding: 15px 12px;
position: relative;
background-color: transparent;
}
.microsoft-services-accordion  .card .card-header .btn-header-link {
text-align: left;
color: #222;
padding: 0;
}
.microsoft-services-accordion  .card .card-header .btn-header-link:focus {
box-shadow: none;
}
.microsoft-services-accordion .card .card-header .btn-header-link:after {
content: "\e962";
font-family: "icomoon";
font-size: 22px;
font-weight: 400;
position: absolute;
top: 23px;
right: 10px;
width: 29px;
height: 29px;
background-color: #EFEFEF;
display: flex;
justify-content: center;
color: #B4B4B4;
align-items: center;
border-radius: 50%;
}
.microsoft-services-accordion  .card .card-header .btn-header-link.collapsed:after {
content: "\e963";
}
.microsoft-services-accordion  .card .collapsing {
line-height: 30px;
}
.microsoft-services-accordion  .card .collapse {
border: 0;
}
.microsoft-services-accordion .our-services-link-img {
margin-right: 18px;
}
.microsoft-services-accordion .our-services-link-img img {
width: 34px;
height: 34px;
}
.microsoft-services-accordion .our-services-link-description h4{
font-family: 'Poppins-Regular';
font-size: 14px;
margin-top: 0;
text-align: start;
margin-bottom: 6px;
}
.microsoft-services-accordion .our-services-link-description p{
font-size: 10px;
margin-bottom: 0;
color: #505050;
max-width: 254px;
}
.microsoft-services-accordion .card-body{
padding: 15px 12px 30px 12px;
}
.microsoft-services-accordion  .card-body h5{
font-family: 'Poppins-Medium';
font-size: 14px;
color: #252525;
margin-bottom: 0;
margin-top: 15px;
}
.microsoft-services-accordion  .card-body p{
font-size: 12px;
font-family: 'Poppins-Light';
color: #252525;
margin-bottom: 24px;
}
.microsoft-services-accordion  .card-body a{
font-size: 14px;
color: #252525;
font-family: 'Poppins-Light';
border: 1px solid #FF851B;
border-radius: 40px;
padding: 6px 18px;
text-decoration: none;
}
.microsoft-services-accordion .card-body h5:last-of-type{
margin-top: 36px;
}
.microsoft-services-accordion .card-body .tab-pane-img img{
border-radius: 10px;
}
.main-dynamics-business-central {
background: url(../png/mobile-dynamics-business-central.png) center no-repeat;
background-size: cover;
height: 495px;
padding: 50px 15px;
text-align: center;
width: 100%;
}
.dynamics-business-central-content {
padding: 20px 15px;
}
.main-dynamics-business-central h1 {
font-size: 16px;
max-width: 150px;
font-weight: 600;
margin: 0 auto;
line-height: 25px;
}
.main-dynamics-business-central .business-central-line {
height: 1px;
width: 90px;
}
.dynamics-business-central-content p {
font-size: 14px;
padding-bottom: 16px;
}
.dynamics-business-central-plans .plans-yellow-right {
font-size: 10px;
width: 80px;
padding: 8px 4px;
}
.dynamics-business-central-plans .business-central-plans-tbl tr th, .dynamics-business-central-plans .business-central-plans-tbl tr td {
border-right: 2px solid #fff;
}
.dynamics-business-central-plans .business-central-plans-tbl .business-central-plans-tbody tr:nth-child(2) td:nth-child(1){
padding-top: 18px;
}
.dynamics-business-central-plans .business-central-plans-tbl .business-central-plans-tbody tr:nth-child(8) td:nth-child(1){
padding-bottom: 18px;
}
.dynamics-business-central-plans .business-central-plans-tbl .business-central-plans-tbody tr td:nth-child(1){
padding: 8px 3px 8px 39px;
}
.dynamics-business-central-plans .business-central-plans-tbl .business-central-plans-tbody tr td{
padding: 8px 0 8px 0;
}
.dynamics-business-central-plans .plans-blue-left {
font-size: 11px;
}
.dynamics-business-central-plans .plans-blue-left a:before {
left: -22px;
margin-top: -6px;
font-size: 15px;
margin-top: -2px;
}
.plans-yellow-right img {
width: 11px;
height: 8px;
vertical-align: middle;
}
.plans-yellow-right.unchecked img {
width: 9px;
height: 9px;
}
.dynamics-business-central-plans tr td:nth-child(1) {
border-left: none;
border-right: 2px solid #303030;
}
.feature-functionality table.feature-table {
scroll-margin-top: 57px;
}
.feature-table .th-main.showpc{
display: none;
}
.feature-functionality {
padding: 0 0 15px 0;
}
.feature-functionality h2 {
font-size: 16px;
margin-bottom: 25px;
}
.feature-table .th-main.showmb h5 {
font-size: 14px;
padding: 15px 20px;
text-align: center;
margin-bottom: 0;
}
.feature-table td h6 {
font-size: 12px;
}
.feature-table td p {
font-size: 11px!important;
}
.feature-table tr td:first-child {
padding: 12px 10px 12px 12px;
width: 41%;
}
.feature-table tr td:last-child {
padding: 12px 10px 12px 12px;
width: auto;
}
.feature-table td ul li {
font-size: 11px;
}
.main-business-central-fee {
background: url('../png/mobile-business-central-fee.png') center no-repeat;
padding: 40px 0 90px 0;
background-size: cover;
}
.main-business-central-fee h1 {
font-size: 15px;
margin-bottom: 16px;
}
.main-business-central-fee p {
font-size: 12px;
max-width: 358px;
}
.main-business-central-fee h2 {
padding-top: 24px;
}
.main-business-central-fee h2 span {
font-size: 16px;
padding: 0 72px !important;
}
.business-central-pricing-plan {
margin-top: -60px;
padding: 0 0 0 32px;
}
.pricing-plan-slider .slick-dots{
margin-top: 25px;
}
.pricing-plan-slider .slick-dots button {
width: 10px;
height: 10px;
}
.pricing-plan-slider .slick-dots li.slick-active button {
height: 10px;
width: 21px;
}
.business-central-pricing-plan p.note {
font-size: 14px;
padding: 20px 40px 10px 0;
}
.dynamics-implementation-plan {
padding: 30px 30px 20px 30px;
}
.dynamics-implementation-plan .implementation-row .implementation-col {
padding: 0;
margin-bottom: 20px;
}
.dynamics-implementation-plan .implementation-box img {
width: 68px;
height: 67px;
}
.dynamics-implementation-plan .implementation-box p {
font-size: 15px;
}
.dynamics-implementation-plan .implementation-box .plans-right-icon i {
font-size: 30px;
}
.dynamics-implementation-plan .implementation-box .plans-right-icon {
bottom: 16px;
right: 34px;
}
.business-central-pricing-plan h3 {
font-size: 18px;
min-height: 52px;
}
.business-central-pricing-plan h4 {
font-size: 20px;
min-height: 35px;
}
.business-central-pricing-plan .pricing-inner-card {
min-height: 252px;
}
.business-central-pricing-plan .pricing-plan-card .pricing-fee-ul {
height: 58%;
}
.dynamics-business-central-content p.content-info {
padding-top: 25px;
padding-bottom: 5px;
font-size: 12px;
}
}
@media(max-width:375px){
.microsoft-services-accordion .our-services-link-description p{
max-width: 255px!important;
}
}
@media(max-width:360px){
.microsoft-services-accordion .our-services-link-description p{
max-width: 212px!important;
}
}

/* Dynamic 365 Case Studies Css----Shaad */
.msq-wrapper {
  padding: 30px 0px 30px 80px;
}
.msq-wrapper-secondary {
  padding: 20px 120px 15px 80px;
}
.msq-text-orange {
  color: #ff7a00;
}
/* Landing Page */
.msq-landing-page-container {
  /* font-family: "Poppins", sans-serif; */
  height: 100vh;
  /* background-image: url(assets/main-landing-bg.png); */
  background-image: url(../png/main-landing-bg.png);
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 40px;
}
.msq-intelegain-logo-wrapper img {
  width: 320px;
}
.msq-proceed-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 55px;
  width: 55px;
  border-radius: 50%;
}
/* Right side menu */
.msq-menu {
  /* padding: 5px 5px; */
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  background-color: rgba(255, 255, 255, 0.685);
  z-index: 9;
  position: fixed;
  right: 13px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 100px;
  width: 32px;
  max-width: 32px;
  text-align: center;
}
.msq-menu a {
  margin: 15px 0;
  text-decoration: none;
}
.msq-menu-item {
  color: black;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.5s;
  border-radius: 50%;
  font-size: 11px;
}
.msq-menu .msq-menu-item.active {
  width: 35px;
  height: 34px;
  color: white;
  font-weight: bold;
  margin-left: -2px;
  background-image: linear-gradient(#ff5c00, #fe9f2d);
}
.msq-menu-item:hover {
  /* background-color: #333333af; */
  /* color: white; */
  /* transform: scale(1.2); */
}
.msq-menu-title {
  display: none;
  z-index: -1;
}
.active .msq-menu-title {
  display: block;
  position: absolute;
  width: 214px;
  right: -5px;
  font-size: 11px;
  color: rgba(0, 0, 0, 0.678);
  letter-spacing: 1px;
  background-color: #ffffff87;
  padding: 5px 46px 5px 18px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 42px;
  border-radius: 50px;
  z-index: -1;
}
/* Content Page */
.msq-content-page {
  height: 100vh;
  width: 100%;
  background-image: url(../png/content-bg.png);
  background-size: cover;
}
.msq-content-title {
  font-size: 48px;
  font-weight: bold;
}
.msq-list-of-content {
  margin-top: 68px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: flex-start;
  justify-content: flex-start;
}
.msq-content-details {
  padding: 3px 62px 3px 3px;
  border-radius: 50px 0 0 50px;
  font-size: 22px;
  display: flex;
  align-items: center;
  gap: 20px;
  background: rgb(82, 172, 255);
  background: linear-gradient(
    90deg,
    rgba(82, 172, 255, 1) 0%,
    rgba(82, 172, 255, 1) 0%,
    rgba(175, 217, 255, 1) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
}
.msq-content-number {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  width: 55px;
  background-color: white;
  border-radius: 50%;
}
.msq-content-title-text {
  letter-spacing: 1px;
}
.msq-content-intelegain-logo {
  position: absolute;
  right: 100px;
  width: 240px;
}
/* Case Study page */
.msq-landing-bg {
  position: relative;
  height: 100vh;
  background-image: url(../png/landing-bg.png);
  background-size: cover;
  display: flex;
  gap: 10px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.msq-landing-intelegain-logo {
  width: 50px;
  position: absolute;
  top: 80px;
  right: 80px;
}
.msq-landing-logo {
  width: 320px;
}
.msq-landing-heading {
  font-size: 42px;
  color: #1546c6;
}
.msq-section-wrapper {
  position: relative;
  height: 100vh;
}
.msq-section-top-container {
  height: 100px;
}
.msq-header-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.msq-logo-wrapper {
  background-color: white;
  padding: 0 10px;
}
.msq-header-logo {
  /* margin-top: -10px; */
  width: 115px;
}
.msq-header-dynamic-logo {
  width: 210px;
}
.msq-custom-hr {
  /* top: 60px; */
  z-index: -1;
  position: absolute;
  right: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #ff9021;
}
.msq-content-intelegain-logo {
  position: absolute;
  right: 100px;
  bottom: 90px;
  width: 240px;
}
.msq-section-bottom-container {
  height: calc(100vh - 100px);
  display: grid;
  grid-template-rows: min-content 1fr;
}
.msq-section-heading {
  font-size: 22px;
/*  display: flex;*/
  align-items: center;
}
.msq-problem-wrapper {
  min-height: 50%;
  max-height: fit-content;
}
.msq-solution-wrapper {
  min-height: 50%;
  max-height: fit-content;
  background-color: #242424;
}
.msq-problem-heading {
  font-size: 20px;
  font-weight: 500;
}
.msq-problem-heading img {
  width: 20px;
  margin-right: 10px;
}
.msq-list-item {
  display: flex;
  align-items: start;
  gap: 20px;
}
.msq-solution-wrapper .msq-list-item {
  color: white;
}
.msq-solution-heading {
  color: white;
  font-size: 20px;
}
.msq-solution-heading img {
  width: 20px;
  margin-right: 10px;
}
.msq-right-img-wrapper {
  position: absolute;
  top: 160px;
  right: 120px;
}
.msq-right-img-wrapper img {
  width: 400px;
}
.msq-header-title {
  position: absolute;
  top: 134px;
  right: 125px;
}
/* Contact Us page */
.msq-contact-us-section {
  height: 100vh;
  display: flex;
  flex-direction: column;
}
.msq-contact-us-section .msq-contact-us-top {
  background-image: url(../png/contact-us-bg.png);
  background-size: cover;
  height: 55%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 50px;
}
.msq-contact-us-title {
  color: white;
  font-size: 36px;
  font-weight: bold;
}
.msq-contact-us-email-wrapper {
  color: white;
  font-size: 26px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.msq-contact-us-email-wrapper img {
  width: 26px;
}
.msq-our-locations-wrapper {
  color: white;
  font-size: 32px;
}
.msq-contact-us-section .contact-us-bottom {
  height: 45%;
  width: 100%;
}
.msq-locations-container {
  padding: 0 30px;
  display: flex;
  justify-content: space-around;
}
.msq-location-wrapper {
  width: 211px;
  padding-top: 50px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  text-align: center;
}
.msq-location-img {
  position: absolute;
  width: 75px;
  top: -35px;
}
.msq-location-title {
  color: #ff5c00;
  font-size: 17px;
}
.msq-location-address {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  line-height: 25px;
  font-size: 14px;
  /* height: 125px; */
}
.msq-country-info-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 1400px) {
  .msq-right-img-wrapper {
    right: 60px;
  }
  .msq-right-img-wrapper img {
    width: 370px;
  }
  .msq-header-title {
    /* width: 274px; */
    position: absolute;
    top: 133px;
    right: 62px;
    /* left: 855px; */
  }
  .msq-wrapper-secondary {
    padding: 28px 60px 15px 80px;
  }
}
@media screen and (max-width: 992px) {
  .msq-right-img-wrapper {
    display: none;
  }
  /* Landing Section */
  .msq-landing-intelegain-logo {
    width: 40px;
    top: 40px;
    right: 40px;
  }
  .msq-landing-logo {
    width: 230px;
  }
  .msq-landing-heading {
    font-size: 22px;
    text-align: center;
  }
  /* Main Sections */
  .msq-wrapper {
    padding: 25px 49px 25px 25px;
  }
  .msq-wrapper-secondary {
    padding: 25px;
  }
  .msq-menu-item {
    width: 35px;
    height: 35px;
    font-size: 14px;
  }
  .msq-section-heading {
    font-size: 16px;
  }
  .msq-header-dynamic-logo {
    width: 150px;
  }
  .msq-header-logo {
    width: 100px;
  }
  .msq-logo-wrapper {
    padding: 0 5px;
  }
  .msq-header-title {
    display: none;
  }
  .msq-list-item div {
    font-size: 16px;
  }
  .msq-section-top-container {
    height: 75px;
  }
  .msq-section-bottom-container {
    height: calc(100vh - 75px);
    display: grid;
    grid-template-rows: min-content 1fr;
  }
  .msq-problem-heading img {
    width: 18px;
  }
  .msq-problem-heading,
  .msq-solution-heading {
    font-size: 16px;
  }
  .msq-list-item {
    gap: 15px;
  }
}
@media screen and (max-width: 576px) {
  .msq-right-img-wrapper {
    display: none;
  }
  .msq-menu a {
    margin: 2px 0px 3px -1px;
  }
  /* Landing Section */
  .msq-landing-intelegain-logo {
    width: 40px;
    top: 40px;
    right: 40px;
  }
  .msq-landing-logo {
    width: 230px;
  }
  .msq-landing-heading {
    font-size: 22px;
    text-align: center;
  }
  /* Main Sections */
  .msq-landing-bg {
    background-image: url(../png/section-landing-mobile-bg.png);
  }
  .msq-wrapper {
    padding: 20px 49px 20px 20px;
  }
  .msq-wrapper-secondary {
    padding: 20px;
  }
  .msq-menu-item {
    width: 35px;
    height: 35px;
    font-size: 14px;
  }
  .msq-section-heading {
    font-size: 14px;
  }
  .msq-header-dynamic-logo {
    width: 150px;
  }
  .msq-header-logo {
    width: 69px;
  }
  .msq-logo-wrapper {
    padding: 0 5px;
  }
  .msq-header-title {
    display: none;
  }
  .msq-list-item div {
    font-size: 14px;
  }
  .msq-section-top-container {
    height: 75px;
  }
  .msq-section-bottom-container {
    height: calc(100vh - 75px);
    display: grid;
    grid-template-rows: min-content 1fr;
  }
  .msq-problem-heading img {
    width: 18px;
  }
  .msq-problem-heading,
  .msq-solution-heading {
    font-size: 16px;
  }
  .msq-list-item {
    gap: 10px;
  }

  /* Landing page */
  .msq-landing-page-container {
    background-image: url(../png/landing-mobile-bg.png);
    gap: 30px;
  }
  .msq-intelegain-logo-wrapper img {
    width: 220px;
  }
  .msq-landing-page-title {
    font-weight: bold;
    font-size: 24px;
  }
  .msq-tile-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
  }
  .msq-tile-container img {
    width: 240px;
  }
  /* Content Page */
  .msq-content-title {
    margin-top: 40px;
    font-size: 30px;
    font-weight: bold;
  }
  .msq-content-details {
    padding: 3px 20px 3px 3px;
    font-size: 16px;
    gap: 13px;
  }
  .msq-content-title-text {
    letter-spacing: 0px;
  }
  .msq-content-number {
    height: 35px;
    width: 40px;
  }
  .msq-list-of-content {
    margin-top: 45px;
    gap: 30px;
  }
  .msq-content-intelegain-logo {
    right: 35px;
    bottom: 36px;
    width: 170px;
  }
  .active .msq-menu-title {
    display: none;
  }
  /* Contact us page */
  .msq-contact-us-section .contact-us-top {
    background-image: url(../png/contact-us-bg.png);
    background-size: cover;
    height: 17%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }
  .msq-location-title {
    color: #ff5c00;
    font-size: 14px;
  }
  .msq-contact-us-title {
    font-size: 27px;
  }
  .msq-contact-us-email-wrapper {
    font-size: 18px;
    gap: 10px;
  }
  .msq-our-locations-wrapper {
    font-size: 25px;
    display: none;
  }
  .msq-locations-container {
    padding: 0 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    gap: 15px;
  }
  .msq-location-wrapper {
    width: fit-content;
    padding-top: 0;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    text-align: center;
    padding: 10px 0;
  }
  .msq-location-img {
    position: relative;
    width: 75px;
    top: 0px;
  }
  .msq-location-address {
    align-items: flex-start;
    justify-content: flex-start;
    font-size: 14px;
    text-align: left;
  }
}
@media screen and (max-width: 380px) {
  .msq-menu-item {
    font-size: 14px;
  }
  .msq-section-heading {
    font-size: 14px;
  }
  .msq-list-item div {
    font-size: 12px;
  }
  .msq-section-top-container {
    height: 75px;
  }
  .msq-section-bottom-container {
    height: calc(100vh - 75px);
    display: grid;
    grid-template-rows: min-content 1fr;
  }
  .msq-problem-heading img {
    width: 18px;
  }
  .msq-problem-heading,
  .msq-solution-heading {
    font-size: 14px;
  }

  /* Landing page */
  .msq-landing-page-container {
    background-image: url(../png/landing-mobile-bg.png);
    gap: 10px;
  }
  .msq-intelegain-logo-wrapper img {
    width: 200px;
  }
  .msq-landing-page-title {
    font-size: 22px;
  }
  .msq-tile-container {
    gap: 0px;
  }
  .msq-tile-container img {
    width: 200px;
  }
}
/* Dynamic 365 Case Studies Css----Endd*/

/* Responsive UI fixes Shaad-Mansi START*/
.msq-custom-partner-img img {
  width: 100%;
}

@media screen and (min-width: 1509px) and (max-width: 1599px) {
  .lets-talk {
    top: 91% !important;
  }
}

.custom-service-heading h1 {
  color: #2d2f3c !important;
}

/*.lets-talk {
  top: 97% !important;
}*/

.hire-developer-form-col .formGroup {
  margin: 0 !important;
}

@media (max-width: 600px) {
  .inspirepos-circle .circle-img {
  width: 280px;
  }
}
.hire-developer-form-col {
display: flex;
align-items: end;
}
.hire-developer-form-col p {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .analytics .analytics-box .analytics-box-content {
    max-height: fit-content !important;
  }
  .analytics .analytics-box .imgwrap {
    max-height: 100% !important;
  }

  .uxsensem-slider .slick-slide img {
    width: 56% !important
  }
}
/* Responsive UI fixes Shaad-Mansi END*/

/* CSS add by Arbaz */
@media screen and (max-width: 575px) {
  #scrollable-tab .nav {
    display: flex;
    flex-direction: column;
    margin-top: 3em !important;
  }
  .CloudBannerWrap .img-fill .process-icon img {
    height: inherit !important;
    width: inherit !important;
  }
  .inspirepos-circle .circle-img {
    width: 280px;
  }
  .work-item {
    position: relative !important;
  }
  .pcol2 .alignnone {
    max-width: 160px;
  }
  .featureContent img {
    width: 100%;
  }
  .cloud-services-wrap .services-heading h1 {
    color: #2d2f3c;
  }
  .singlepageblogcontent iframe {
    height: 250px !important;
  }
}