@font-face {
    font-family: 'Cerebri Sans Pro';
    src: url('../fonts/CerebriSansPro-Bold.eot');
    src: url('../fonts/CerebriSansPro-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/CerebriSansPro-Bold.woff') format('woff'), url('../fonts/CerebriSansPro-Bold.svg#CerebriSansPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cerebri Sans Pro';
    src: url('../fonts/CerebriSansPro-ExtraBold.eot');
    src: url('../fonts/CerebriSansPro-ExtraBold.eot?#iefix') format('embedded-opentype'), url('../fonts/CerebriSansPro-ExtraBold.woff') format('woff'), url('../fonts/CerebriSansPro-ExtraBold.svg#CerebriSansPro-ExtraBold') format('svg');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cerebri Sans Pro';
    src: url('../fonts/CerebriSansPro-ExtraBoldItalic.eot');
    src: url('../fonts/CerebriSansPro-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/CerebriSansPro-ExtraBoldItalic.woff') format('woff'), url('../fonts/CerebriSansPro-ExtraBoldItalic.svg#CerebriSansPro-ExtraBoldItalic') format('svg');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cerebri Sans Pro';
    src: url('../fonts/CerebriSansPro-ExtraLight.eot');
    src: url('../fonts/CerebriSansPro-ExtraLight.eot?#iefix') format('embedded-opentype'), url('../fonts/CerebriSansPro-ExtraLight.woff') format('woff'), url('../fonts/CerebriSansPro-ExtraLight.svg#CerebriSansPro-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cerebri Sans Pro';
    src: url('../fonts/CerebriSansPro-BoldItalic.eot');
    src: url('../fonts/CerebriSansPro-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/CerebriSansPro-BoldItalic.woff') format('woff'), url('../fonts/CerebriSansPro-BoldItalic.svg#CerebriSansPro-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cerebri Sans Pro';
    src: url('../fonts/CerebriSansPro-MediumItalic.eot');
    src: url('../fonts/CerebriSansPro-MediumItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/CerebriSansPro-MediumItalic.woff') format('woff'), url('../fonts/CerebriSansPro-MediumItalic.svg#CerebriSansPro-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cerebri Sans Pro';
    src: url('../fonts/CerebriSansPro-HeavyItalic.eot');
    src: url('../fonts/CerebriSansPro-HeavyItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/CerebriSansPro-HeavyItalic.woff') format('woff'), url('../fonts/CerebriSansPro-HeavyItalic.svg#CerebriSansPro-HeavyItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cerebri Sans Pro';
    src: url('../fonts/CerebriSansPro-Heavy.eot');
    src: url('../fonts/CerebriSansPro-Heavy.eot?#iefix') format('embedded-opentype'), url('../fonts/CerebriSansPro-Heavy.woff') format('woff'), url('../fonts/CerebriSansPro-Heavy.svg#CerebriSansPro-Heavy') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cerebri Sans Pro';
    src: url('../fonts/CerebriSansPro-ExtraLightItalic.eot');
    src: url('../fonts/CerebriSansPro-ExtraLightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/CerebriSansPro-ExtraLightItalic.woff') format('woff'), url('../fonts/CerebriSansPro-ExtraLightItalic.svg#CerebriSansPro-ExtraLightItalic') format('svg');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cerebri Sans Pro';
    src: url('../fonts/CerebriSansPro-Regular.eot');
    src: url('../fonts/CerebriSansPro-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/CerebriSansPro-Regular.woff') format('woff'), url('../fonts/CerebriSansPro-Regular.svg#CerebriSansPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cerebri Sans Pro';
    src: url('../fonts/CerebriSansPro-LightItalic.eot');
    src: url('../fonts/CerebriSansPro-LightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/CerebriSansPro-LightItalic.woff') format('woff'), url('../fonts/CerebriSansPro-LightItalic.svg#CerebriSansPro-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cerebri Sans Pro';
    src: url('../fonts/CerebriSansPro-Medium.eot');
    src: url('../fonts/CerebriSansPro-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/CerebriSansPro-Medium.woff') format('woff'), url('../fonts/CerebriSansPro-Medium.svg#CerebriSansPro-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cerebri Sans Pro';
    src: url('../fonts/CerebriSansPro-Light.eot');
    src: url('../fonts/CerebriSansPro-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/CerebriSansPro-Light.woff') format('woff'), url('../fonts/CerebriSansPro-Light.svg#CerebriSansPro-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cerebri Sans Pro';
    src: url('../fonts/CerebriSansPro-Italic.eot');
    src: url('../fonts/CerebriSansPro-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/CerebriSansPro-Italic.woff') format('woff'), url('../fonts/CerebriSansPro-Italic.svg#CerebriSansPro-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cerebri Sans Pro';
    src: url('../fonts/CerebriSansPro-SemiBold.eot');
    src: url('../fonts/CerebriSansPro-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/CerebriSansPro-SemiBold.woff') format('woff'), url('../fonts/CerebriSansPro-SemiBold.svg#CerebriSansPro-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cerebri Sans Pro';
    src: url('../fonts/CerebriSansPro-Thin.eot');
    src: url('../fonts/CerebriSansPro-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/CerebriSansPro-Thin.woff') format('woff'), url('../fonts/CerebriSansPro-Thin.svg#CerebriSansPro-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cerebri Sans Pro';
    src: url('../fonts/CerebriSansPro-ThinItalic.eot');
    src: url('../fonts/CerebriSansPro-ThinItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/CerebriSansPro-ThinItalic.woff') format('woff'), url('../fonts/CerebriSansPro-ThinItalic.svg#CerebriSansPro-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cerebri Sans Pro';
    src: url('../fonts/CerebriSansPro-SemiBoldItalic.eot');
    src: url('../fonts/CerebriSansPro-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/CerebriSansPro-SemiBoldItalic.woff') format('woff'), url('../fonts/CerebriSansPro-SemiBoldItalic.svg#CerebriSansPro-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}


/* General css */

.decoration {
    text-decoration: none;
    box-shadow: none;
    outline: none;
}

.decoration:hover,
.decoration:focus {
    text-decoration: none;
    box-shadow: none;
    outline: none;
}
/* .dropdown:hover .dropdown-menu {
    display: block;
    background: #000!important;
    margin-top: 0; // remove the gap so it doesn't close
 } */
.cerebri-sans-pro-Bold {
    font-family: 'Cerebri Sans Pro';
    font-weight: bold;
    font-style: normal;
}

.cerebri-sans-pro-ExtraBold {
    font-family: 'Cerebri Sans Pro';
    font-weight: 800;
    font-style: normal;
}

.cerebri-sans-pro-ExtraBoldItalic {
    font-family: 'Cerebri Sans Pro';
    font-weight: 800;
    font-style: italic;
}

.cerebri-sans-pro-ExtraLight {
    font-family: 'Cerebri Sans Pro';
    font-weight: 200;
    font-style: normal;
}

.cerebri-sans-pro-BoldItalic {
    font-family: 'Cerebri Sans Pro';
    font-weight: bold;
    font-style: italic;
}

.cerebri-sans-pro-MediumItalic {
    font-family: 'Cerebri Sans Pro';
    font-weight: 500;
    font-style: italic;
}

.cerebri-sans-pro-HeavyItalic {
    font-family: 'Cerebri Sans Pro';
    font-weight: 900;
    font-style: italic;
}

.cerebri-sans-pro-Heavy {
    font-family: 'Cerebri Sans Pro';
    font-weight: 900;
    font-style: normal;
}

.cerebri-sans-pro-ExtraLightItalic {
    font-family: 'Cerebri Sans Pro';
    font-weight: 200;
    font-style: italic;
}

.cerebri-sans-pro-Regular {
    font-family: 'Cerebri Sans Pro';
    font-weight: normal;
    font-style: normal;
}

.cerebri-sans-pro-LightItalic {
    font-family: 'Cerebri Sans Pro';
    font-weight: 300;
    font-style: italic;
}

.cerebri-sans-pro-Medium {
    font-family: 'Cerebri Sans Pro';
    font-weight: 500;
    font-style: normal;
}

.cerebri-sans-pro-Light {
    font-family: 'Cerebri Sans Pro';
    font-weight: 300;
    font-style: normal;
}

.cerebri-sans-pro-Italic {
    font-family: 'Cerebri Sans Pro';
    font-weight: normal;
    font-style: italic;
}

.cerebri-sans-pro-SemiBold {
    font-family: 'Cerebri Sans Pro';
    font-weight: 600;
    font-style: normal;
}

.cerebri-sans-pro-Thin {
    font-family: 'Cerebri Sans Pro';
    font-weight: 100;
    font-style: normal;
}

.cerebri-sans-pro-ThinItalic {
    font-family: 'Cerebri Sans Pro';
    font-weight: 100;
    font-style: italic;
}

.cerebri-sans-pro-SemiBoldItalic {
    font-family: 'Cerebri Sans Pro';
    font-weight: 600;
    font-style: italic;
}

.font18 {
    font-size: 18px;
}

.font15 {
    font-size: 15px;
}

.font14 {
    font-size: 14px;
}

.font12 {
    font-size: 12px;
}


/* end General css */


/* css for theme color */

.text-theme-creyon {
    color: #5ac6c6;
}

.bg-theme-creyon {
    background-color: #5ac6c6;
}

.text-theme-lightblue {
    color: #156BA3;
}

.text-cs-grey {
    color: #696969;
}

.bg-theme-lightblue {
    background-color: #156BA3;
}

.text-theme-darkblue {
    color: #1D2942;
}

.bg-theme-darkblue {
    background-color: #1D2942;
}

.text-theme-black {
    color: #191919;
}

.bg-theme-black {
    background-color: #191919;
}

.text-testinomials-black {
    color: #2F2F2F;
}

.bg-testinomials-black {
    background-color: #2F2F2F;
}

.bg-theme-creme-new {
    background-color: #F8F8F8 !important;
}

.text-theme-creme {
    color: #F6F2ED;
}

.text-theme-grey {
    color: #ABABAB;
}

.bg-theme-creme {
    background-color: #F6F2ED;
}


/* end css for theme color */


/* Top bar css start */

.topbar ul {
    list-style-type: none;
    margin: 0;
    overflow: hidden;
    padding: 14px 0;
}

.topbar li {
    float: left;
    padding: 0 14px 0 5px;
}

.topbar li a::after {
    content: '|';
    padding: 0;
    margin-left: 20px;
}

.topbar li:last-child a::after {
    display: none;
}

.topbar li a {
    display: block;
    color: white;
    text-align: center;
    text-decoration: none;
}

.topbar li a:hover {
    background-color: #111111;
}

.flagImage {
    width: 23px;
}

ul.nav.navbar-nav {
    margin: 0 auto;
}


/* Top bar css end */


/* Home page banner carousel css start */

.bannerMain {
    position: relative;
}

.bannerDetail {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.bannerMain .desktop-banner,
.bannerMain .mobile-banner {
    width: 100% !important;
}

.bannerDetail .container,
.bannerDetail .row {
    height: 100%;
}

.bannerBigText {
    font-size: 62px;
}

.smallBannerBigTextDevider {
    background: #ffffff;
    height: 2px;
    width: 115px;
    border-radius: 10px;
}

.maxWidth {
    max-width: 510px;
}

.maxWidthNew {
    max-width: 410px;
}

.btn-themeSky {
    background: #5AC6C6;
    border-radius: 4px;
    display: flex;
    padding: 12px 18px;
    color: #ffffff;
    font-size: 17px;
    border: 1.5px solid #5AC6C6;
}

.btn-themeSky:hover,
.btn-themeSky:focus {
    background: transparent;
    border-radius: 4px;
    display: flex;
    padding: 12px 18px;
    color: #ffffff;
    font-size: 17px;
    border: 1.5px solid #FFFFFF;
}

.btn-themeSky.btn-themeWbg:hover,
.btn-themeSky.btn-themeWbg:focus {
    border-color: #5ac6c6;
}

.btn-transparent {
    background: transparent;
    border-radius: 4px;
    display: flex;
    padding: 12px 18px;
    color: #ffffff;
    font-size: 17px;
    border: 1.5px solid #FFFFFF;
}

.btn-transparent:hover,
.btn-transparent:focus {
    background: #5AC6C6;
    border-radius: 4px;
    display: flex;
    padding: 12px 18px;
    color: #ffffff;
    font-size: 17px;
    border: 1.5px solid #5AC6C6;
}

.bannerArrowRight {
    width: 20px !important;
    margin-right: 10px;
}

img.bannerPlay {
    width: 52px !important;
}

.homeBanner .owl-dots {
    position: absolute;
    left: 51%;
    /* bottom: 125px; */
    bottom: 18%;
}

.homeBanner .owl-dots .owl-dot {
    background-color: #fff !important;
    height: 10px;
    width: 10px;
    border-radius: 100%;
    margin: 0 7px;
    display: inline-block;
    opacity: 0.4;
}

.homeBanner .owl-dots .owl-dot.active {
    background-color: #ffffff !important;
    height: 10px;
    width: 10px;
    border-radius: 100%;
    opacity: 1;
}

.homeBanner .owl-dots .owl-dot:focus {
    box-shadow: none;
    outline: none;
}

.homeBanner .owl-dots .owl-dot:first-child {
    margin-left: 0;
}

.border-right-custom {
    border-right: 2px solid #F8F8F8!important;
}

.home-counter p {
    max-width: 125px;
    font-size: 16px;
    margin: 0 auto;
}


/* Home page availability of your service css start */

section#availability-of-your-service {
    padding: 80px 0;
}

section.testi-monials {
    padding: 80px 0;
    background-color: #F6F2ED !important;
}

section.blogs-news {
    padding: 80px 0;
    background-color: #FFFFFF !important;
}

.blogs-news .carousel-shadow {
    margin: 10px;
    -webkit-box-shadow: 0px 0px 16px 0px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0px 0px 16px 0px rgb(0 0 0 / 15%);
    box-shadow: 0px 0px 16px 0px rgb(0 0 0 / 15%);
    background-color: #fff;
}

.blogs-news .owl-item-inner {
    padding: 0;
    border-radius: 8px;
}

.blogs-news .owl-item-inner img {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}

.blogContent h6 {
    min-height: 57px;
}

.yourService {
    border: 1.5px solid #FFFFFF;
    box-sizing: border-box;
    border-radius: 4px;
    min-height: 426px;
    padding: 30px;
    position: relative;
    transition: all ease-out 0.3s;
    box-shadow: inset 0 0 0 0.09px #fff;
}

.blogNewsHome .blogContentReadMOre {
    text-align: center;
    padding: 10px;
    border-top: 1px solid #DDD;
}

.blogNewsHome .blogContent {
    min-height: 245px;
}

.LinkReadMore {
    color: #5ac6c6;
}

.LinkReadMore:hover,
.LinkReadMore:focus {
    color: #5ac6c6;
}

.yourService:hover {
    box-shadow: inset 500px 0 0 0 #FFFFFF;
    color: #000 !important;
}

.yourService .normal {
    display: block;
}

.yourService .hover {
    display: none;
}

.yourService:hover .normal {
    display: none;
}

.yourService:hover .hover {
    display: block;
}

.yourService .normalArrow {
    display: inline;
}

.yourService .hoverArrow {
    display: none;
}

.yourService:hover .normalArrow {
    display: none;
}

.yourService:hover .hoverArrow {
    display: inline;
}

.yourService:hover h5.developmentName {
    color: #191919;
}

.yourService:hover p.developmentDescription {
    color: #2F2F2F !important;
}

.yourService img {
    margin-bottom: 35px;
}

.yourService img.bannerArrowRight {
    margin-bottom: 5px;
}

.yourService p {
    max-width: 370px;
    font-size: 18px;
}

.developmentName {
    color: #ffffff;
    margin-bottom: 35px;
}

a.readMoreChoice {
    color: #ffffff;
}

.yourService:hover .readMoreChoice {
    color: #5ac6c6;
}

.text-theme-creyon.yourServiceCall:hover {
    color: #FFFFFF !important;
}

section.how-we-works {
    padding: 80px 0;
    /* background: url('../images/leftWaves.svg') 0 50% no-repeat; */
    overflow: auto;
}

section.case-studies {
    padding: 80px 0;
    /* background: url('../images/caseStudyBg.svg') 0 50% no-repeat; */
    overflow: auto;
    background-color: #F8F8F8 !important;
}

section.industry-experience {
    padding: 80px 0;
    /* background: url('../images/industryExperienceBg.svg') 0 50% no-repeat; */
    overflow: auto;
    background-color: #FFFFFF !important;
}

.testimonialsHome .owl-item {
    /* background: rgba(255, 255, 255, 0.5); */
    background: #ffffff;
    padding: 30px;
    border-radius: 5px;
    opacity: 0.5;
}

.testimonialsHome .testimonialUserImage {
    max-width: 100px;
    max-height: 100px;
}

.testimonialUserImage.quote_right {
    width: 24px !important;
    height: 24px;
}

.testimonialsHome .owl-item.active.center {
    background: #ffffff;
    opacity: 1;
}

.howWeWorksBannerText p {
    max-width: 355px;
}

.howWeWorksBannerText p .text-theme-creyon.yourServiceCall:hover {
    color: #191919!important;
}

.howWeWorksBannerText a.btn-themeSky {
    max-width: 190px;
}

.howWeWorksBannerText a.btn-themeSky:hover,
.howWeWorksBannerText a.btn-themeSky:focus {
    background-color: #191919 !important;
    border: 1.5px solid #191919 !important;
}

.stepProgressHowWorks .steps {
    max-width: 600px;
}

.stepProgressHowWorks .step {
    display: flex;
    position: relative;
}

.stepProgressHowWorks .step:after {
    content: "";
    position: absolute;
    left: 15px;
    top: 45px;
    height: 0;
    width: 2px;
    background-color: #5AC6C6;
    height: 50%;
}

.stepProgressHowWorks .step .info {
    margin: 0 0 20px;
}

.stepProgressHowWorks .step:last-child .info {
    margin: 0;
}

.stepProgressHowWorks .step .title {
    font-size: 20px;
    margin: 0 0 20px;
    color: #191919;
}

.stepProgressHowWorks .step .text {
    font-size: 16px;
    color: #191919;
    padding-bottom: 20px;
    margin: 0;
}

.stepProgressHowWorks .number {
    width: 31px;
    height: 31px;
    background-color: transparent;
    border-radius: 50%;
    border: 2px solid #5AC6C6;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 15px;
    font-weight: 600;
    margin-right: 35px;
}

.stepProgressHowWorks .number.completed {
    background-color: #5AC6C6;
}

.stepProgressHowWorks .number svg {
    width: 16px;
    height: 16px;
    object-fit: contain;
}

.stepProgressHowWorks .number svg path {
    fill: white;
}

.howWeWorksBanner {
    position: relative;
}


/* .howWeWorksBanner .playBtn {
    position: absolute;
    right: 77px;
    bottom: 56px;
} */

.enterprisePlayBtn .howWeWorksBanner .intro-banner-vdo-play-btn {
    height: 60px;
    width: 60px;
    position: absolute;
    top: 0 !important;
    left: 50%;
    transform: translate(-50%, 0);
    text-align: center;
    border-radius: 100px;
    z-index: 1;
}

.howWeWorksBanner .intro-banner-vdo-play-btn {
    height: 60px;
    width: 60px;
    position: absolute;
    bottom: 35px;
    right: 35px;
    text-align: center;
    border-radius: 100px;
    z-index: 1;
}

.howWeWorksBanner .btn-play {
    background-repeat: no-repeat;
    background-image: url('../images/VectorBtn.svg');
    background-position: center;
    border: 2px solid #fff;
    background-color: #fff;
}

.howWeWorksBanner .intro-banner-vdo-play-btn .ripple {
    position: absolute;
    width: 160px;
    height: 160px;
    z-index: -1;
    left: 50%;
    top: 50%;
    opacity: 0;
    margin: -80px 0 0 -80px;
    border-radius: 100px;
    -webkit-animation: ripple 1.8s infinite;
    animation: ripple 1.8s infinite;
}

.howWeWorksBanner .intro-banner-vdo-play-btn .ripple:nth-child(2) {
    animation-delay: .3s;
    -webkit-animation-delay: .3s;
}

.howWeWorksBanner .intro-banner-vdo-play-btn .ripple:nth-child(3) {
    animation-delay: .6s;
    -webkit-animation-delay: .6s;
}

.whyChooseContent {
    position: absolute;
    top: 50%;
    left: 35px;
    transform: translate(0, -50%);
}

.cyanDevider {
    width: 130px;
    height: 3px;
    background: #5AC6C6;
}

.newContentText h4 {
    line-height: 35px;
    letter-spacing: 0.4px;
}

.newContentText a {
    max-width: 250px;
}

.newContentText p {
    max-width: 330px;
}

.newContentTextIndustry a {
    max-width: 250px;
    margin: 80px auto 0 auto;
}

.case-studies .carousel-shadow {
    margin: 15px;
    -webkit-box-shadow: 0px 0px 16px 0px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0px 0px 16px 0px rgb(0 0 0 / 15%);
    box-shadow: 0px 0px 16px 0px rgb(0 0 0 / 15%);
    background-color: #fff;
}

.case-studies .owl-item-inner {
    padding: 0;
    border-radius: 8px;
}

.case-studies .owl-item-inner img {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.caseStudyHomeMain p {
    font-weight: 500;
    max-width: 570px;
}

.viewcaseStudy:hover {
    color: #5AC6C6;
}

.hireWebDevloper:hover {
    color: #5AC6C6;
}

span.csRightArrow {
    font-size: 15px;
}

.caseStudyHome .owl-dots {
    position: absolute;
    bottom: -50px;
    left: 50%;
    transform: translate(-50%, -50%);
}

.caseStudyHome .owl-dots .owl-dot {
    background-color: #D7D7D7 !important;
    height: 10px;
    width: 10px;
    border-radius: 100%;
    margin: 0 7px;
    display: inline-block;
}

.caseStudyHome .owl-dots .owl-dot.active {
    background-color: #5AC6C6 !important;
    height: 14px;
    width: 14px;
    border-radius: 100%;
}

.caseStudyHome .owl-dots .owl-dot:first-child {
    margin-left: 0;
}

.caseStudyHome .owl-dots {
    position: absolute;
    bottom: -50px;
    left: 50%;
    transform: translate(-50%, -50%);
}

.caseStudyHome .owl-dots .owl-dot {
    background-color: #D7D7D7 !important;
    height: 10px;
    width: 10px;
    border-radius: 100%;
    margin: 0 7px;
    display: inline-block;
}

.caseStudyHome .owl-dots .owl-dot.active {
    background-color: #5AC6C6 !important;
    height: 14px;
    width: 14px;
    border-radius: 100%;
}

.caseStudyHome .owl-dots .owl-dot:first-child {
    margin-left: 0;
}

.caseStudyHome .owl-dots .owl-dot:focus,
.blogNewsHome .owl-dots .owl-dot:focus,
.testimonialsHome .owl-dots .owl-dot:focus {
    box-shadow: none;
    outline: none;
}

.testimonialsHome .owl-dots {
    position: absolute;
    bottom: -50px;
    left: 50%;
    transform: translate(-50%, -50%);
}

.testimonialsHome .owl-dots .owl-dot {
    background-color: #D7D7D7 !important;
    height: 10px;
    width: 10px;
    border-radius: 100%;
    margin: 0 7px;
    display: inline-block;
}

.testimonialsHome .owl-dots .owl-dot.active {
    background-color: #5AC6C6 !important;
    height: 14px;
    width: 14px;
    border-radius: 100%;
}

.testimonialsHome .owl-dots .owl-dot:first-child {
    margin-left: 0;
}

.blogNewsHome.owl-carousel .owl-dots.disabled {
    display: block;
}

.referenceCompanyHome .refrenceCompanyLogo img {
    max-width: 120px;
}

.referenceCompanyHome .refrenceCompanyLogo {
    height: 30px;
}

.referenceCompanyHome .refrenceCompanyContent {
    padding: 20px 10px 0 0;
}

.referenceCompanyHome .refrenceCompanyContent h6 {
    min-height: 25px;
}

.request-proposal .btn-themeSky {
    display: unset;
}

.blogNewsHome .owl-dots {
    position: absolute;
    bottom: -50px;
    left: 50%;
    transform: translate(-50%, -50%);
}

.blogNewsHome .owl-dots .owl-dot {
    background-color: #D7D7D7 !important;
    height: 10px;
    width: 10px;
    border-radius: 100%;
    margin: 0 7px;
    display: inline-block;
}

.blogNewsHome .owl-dots .owl-dot.active {
    background-color: #5AC6C6 !important;
    height: 14px;
    width: 14px;
    border-radius: 100%;
}

.blogNewsHome .owl-dots .owl-dot:first-child {
    margin-left: 0;
}

.case-studies a.takeTheChallange:hover,
.case-studies a.takeTheChallange:focus {
    color: #5AC6C6 !important;
}

a.takeTheChallange:hover,
a.takeTheChallange:focus {
    color: #5AC6C6 !important;
}

.max-height-paragraph {
    min-height: 100px;
}

.animatedbtn.btn-PHmenu {
    font-size: 15px !important;
    padding: .5rem 1.5rem !important;
    font-weight: 500;
    line-height: 1.4;
    color: #FFFFFF;
}


/* Home page availability of your service css end */


/* Media css start */

@media screen and (min-width: 1920px) {
    .container {
        max-width: 1440px !important;
    }
}

@media screen and (min-width: 1440px) and (max-width: 1919px) {
    .container {
        max-width: 1250px !important;
    }
}

@-webkit-keyframes ripple {
    0% {
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes ripple {
    0% {
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}


/* Media css end */

.menuInnerTitlePara {
    border: 1px solid rgba(255, 255, 255, 0.4);
    height: 0.5px;
    width: 100%;
    margin: 5px 0 0 15px;
}

.tbs-sticky-header {
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 9999;
}

.custom-navbar ul.dropdown-menu.megamenu.show {
    background-color: #171717;
    background-clip: padding-box;
    border-radius: 2px;
    -webkit-box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.09);
    background-size: cover;
    top: 97%;
}

img.menu-logo-brand {
    max-width: 200px;
}

.btn-brand {
    background: #5AC6C6;
    border-radius: 4px;
    padding: .5rem .5rem;
    color: #ffffff;
    font-family: 'Cerebri Sans Pro';
    font-weight: 500;
    font-style: normal;
    font-size: 15px;
    line-height: 1.4 !important;
}

.btn-brand:hover,
.btn-brand:focus {
    color: #FFFFFF !important;
    text-decoration: none;
    outline: none;
    box-shadow: none;
}

.custom-navbar.navbar-light .navbar-nav .show>.nav-link {
    color: #191919 !important;
    font-family: 'Cerebri Sans Pro';
    font-weight: 500;
    font-style: normal;
    opacity: 1;
}

.custom-navbar.navbar-light .navbar-nav .nav-link {
    color: #ffffff !important;
    font-family: 'Cerebri Sans Pro';
    font-weight: 500;
    font-style: normal;
    opacity: 0.6;
}

.menu-large {
    position: static !important;
}

.megamenu {
    padding: 45px 20px;
    width: 100%;
}

.megamenu>div>div>li>ul {
    padding: 0;
    margin: 0;
}

.megamenu>div>div>li>ul>li {
    list-style: none;
}

.megamenu>div>div>li>ul>li>a {
    display: block;
    padding: 5px 10px 5px 40px;
    clear: both;
    font-weight: normal;
    line-height: 2;
    color: #ffffff;
    white-space: nowrap;
    font-size: 14px;
    font-family: 'Cerebri Sans Pro';
    font-weight: 500;
    font-style: normal;
}

.custom-navbar ul.dropdown-menu.megamenu.show {
    border: 1px solid #000 !important;
}

.no-wrap {
    white-space: nowrap;
}

.megamenu>div>div>li>ul>li>a:hover,
.megamenu>div>div>li>ul>li>a:focus {
    text-decoration: none;
    color: #5AC6C6;
    background-color: transparent;
    font-family: 'Cerebri Sans Pro';
    font-weight: 600;
    font-style: normal;
}

.megamenu.disabled>a,
.megamenu.disabled>a:hover,
.megamenu.disabled>a:focus {
    color: #999999;
}

.megamenu.disabled>a:hover,
.megamenu.disabled>a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    cursor: not-allowed;
}

.megamenu.dropdown-header {
    color: #428bca;
    font-size: 18px;
}

@media (max-width: 768px) {
    .megamenu {
        margin-left: 0;
        margin-right: 0;
    }
    .megamenu>li {
        margin-bottom: 30px;
    }
    .megamenu>li:last-child {
        margin-bottom: 0;
    }
    .megamenu.dropdown-header {
        padding: 3px 15px !important;
    }
    .navbar-nav .open .dropdown-menu .dropdown-header {
        color: #fff;
    }
    .nav-pills .nav-link {
        padding: 15px 30px !important;
    }
}


/* css 29-04 */

.homeBanner .btn {
    display: flex;
}

.bannerBigText2 {
    font-size: 60px;
}

.modal-content {
    background-color: #000 !important;
}

.modal-header {
    border-bottom: none !important;
}


/* css for footer */

.themeLink {
    color: #FFFFFF;
}

.themeLink:hover {
    color: #5ac6c6;
}


/* css for laravel-section  */

.laravelDevelopmentBody .bannerDetail {
    /* top: 30%; */
    left: 0;
    transform: unset;
}

section.technologies {
    padding: 80px 0;
}


/* .laravelbannerBigText {
    font-size: 47px;
} */

.font16 {
    font-size: 16px;
}

section.availability-of-service {
    padding: 80px 0;
}

section.it-services {
    padding: 80px 0;
}

.serviceBoxShadow {
    box-shadow: 0px 0px 20px rgb(214 214 214 / 50%);
    border-radius: 7px;
}

section.laravel-devlopment-services {
    padding: 80px 0;
}

.laravel-devlopment-services ul.nav.nav-pills {
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
}

.laravel-devlopment-services ul.nav.nav-pills li.nav-item {
    white-space: nowrap;
}

.laravelDevelopmentBody section.case-studies {
    background-color: #F8F8F8 !important;
}

.laravelDevelopmentBody section.industry-experience {
    background-color: #ffffff !important;
    background: none !important;
}

.aboutUsBody section.industry-experience {
    background-color: #ffffff !important;
    background: none !important;
}

.nav-pills .nav-link.active {
    background-color: #F0B743;
    border-radius: 4px;
}

section.how-we-works {
    padding: 80px 0 40px 0 !important;
}

.nav-pills .nav-link {
    padding: 15px 45px;
}

.nav-pills .nav-link {
    background-color: #126092;
    color: #FFFFFF;
    border-radius: 4px;
}

.tab-content {
    background-color: #FFFFFF;
    border-radius: 4px;
}

.tab-content .content {
    max-width: 482px;
    margin: 0 50px;
}

.tab-content .contentmx {
    max-width: 482px;
    margin: 0 30px !important;
}

.laravelServiceDivider {
    background: #F0B743;
    height: 2px;
    width: 100px;
    border-radius: 10px;
}

.laravelDevelopmentBody .technologies a:hover {
    color: #5AC6C6;
}


/* css for  About us page */

.border-bottom-desktop {
    border-bottom: 2px solid #F8F8F8;
}

section.aboutUsTechcronus {
    padding: 80px 0;
}

.aboutUsBody section.how-we-works {
    background: #156BA3 !important;
}

section.companyProfile {
    padding: 80px 0;
}

section.ourOfferings {
    padding: 80px 0;
}

section.ourOfferings .cards {
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0px 0px 20px rgb(214 214 214 / 50%);
    min-height: 215px;
    padding: 35px 20px;
}

section.business-icon {
    padding: 40px 0;
}

.referenceCompanyHome .owl-dots {
    display: none;
}

.BSiconDesc {
    margin-bottom: 0 !important;
}

.text-theme-yellow {
    color: #F0B743;
}

section.companyProfile .card .card-img-overlay .textMaxWidth {
    min-height: 150px;
}

.aboutUsBody a:hover {
    color: #5AC6C6 !important;
}


/* css for become-partner page */

.becomePartnerBody .becomePartner {
    padding: 50px 0 80px 0;
}

.becomePartnerBody section.how-we-works {
    background: #156BA3 !important;
    border-bottom: 2px solid #ffffff;
}

.becomePartnerBanner h3.maxWidth {
    max-width: 522px;
}

.becomePartnerBody section.how-we-works h2.maxWidthNew {
    max-width: 478px;
}

.becomePartnerBody a:hover {
    color: #5AC6C6;
}


/* css for manufacturing-industry */

.manufacturingIndustryBody .manufacturingIndustry {
    padding: 80px 0;
}

.manufacturingIndustryBody section.how-we-works h2.maxWidthNew {
    max-width: 432px;
}

.retailAndEcommerceBody section.other-industry {
    padding: 80px 0;
}

.professionalServiceBody section.other-industry {
    padding: 80px 0;
}

.manufacturingIndustryBody section.other-industry {
    padding: 80px 0;
}

.distributionIndustryBody section.other-industry {
    padding: 80px 0;
}

.distributionIndustryBody .distributionIndustry {
    padding: 80px 0;
}

.testMaxWidth {
    min-height: 192px;
}

p.text-theme-black.mb-4.cerebri-sans-pro-Regular.testMaxWidth{
     min-height: 192px;
}
/*  */

.portfolioBody .case-studies {
    padding: 80px 0;
    background-color: #FFFFFF !important;
}

.portfolioBody .case-studies .caseStudyMain {
    background-color: #FFFFFF !important;
    border-radius: 8px;
    box-shadow: 4px 20px 40px rgba(0, 0, 0, 0.06);
}

.portfolioBody .case-studies .caseStudyMain .whiteSpaceNowarp {
    white-space: nowrap;
}

.portfolioBody .case-studies .caseStudyMain img {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.portfolioBody .case-studies .tbs-portfolio .portfolio-Item {
    list-style-type: none;
    margin: 0 auto;
}

.portfolioBody .case-studies .tbs-portfolio .portfolio-Items .portfolio-List {
    list-style-type: none;
}

a.portFolioLink:not([href]) {
    cursor: pointer !important;
}

.pagination-Porfolio nav {
    margin: 85px auto !important;
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0 !important;
}

a.page-link.pagelinks {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #ABABAB !important;
    border: none !important;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #F6F5F9;
    border-color: #F6F5F9;
    color: #5ac6c6 !important;
}

.portfolioNav a.active {
    color: #5ac6c6 !important;
    font-weight: bold !important;
}

.portfolioNav a:hover {
    color: #5ac6c6 !important;
}


/* contactus page */

section.contactUsForm {
    padding: 80px 0 0 0;
}

section.contactUsForm .form-control {
    border-radius: 0 !important;
    height: 45px;
    border: 2px solid #E7EBEF !important;
}

section.contactUsForm .form-control:focus {
    box-shadow: none !important;
    border: 2px solid #5AC6C6 !important;
}

section.contactUsForm select.form-control {
    color: #696969 !important;
}

section.contactUsForm textarea.form-control {
    resize: none;
}

.contactUsForm input[type=file]::file-selector-button {
    height: 30px;
    width: 100px;
    font-size: 13px;
    margin-right: 28px;
}

.contactUsForm input[type="file"] {
    /*direction: rtl;
    background: url('../images/feather_image.svg') no-repeat;
    background-position: 98%;
    cursor: pointer;*/
    display: none !important;
}
::-webkit-custom-file-upload { cursor:pointer; }
.custom-file-upload {
    width: 100%;
    background-color: #fff !important;
    display: inline-block;
    height: 45px;
    border: 2px solid #E7EBEF !important;
    direction: rtl;
    padding: 11px 12px;
    background: url('../images/feather_image.svg') no-repeat;
    background-position: 98%;
    cursor: pointer !important;
}
/* .contactUsForm input[type="submit"] {
    background: url('../images/bannerArrowRight.svg') no-repeat;
    background-color: #5ac6c6;
    background-position: left 14px;
} */

section.globalOffice {
    padding: 80px 0;
}

section .globalOffice a {
    color: #696969 !important;
}

.contactUsBody section.globalOffice .card {
    border-radius: 8px;
}

.contactUsBody section.globalOffice .card p:not(:first-child) {
    font-size: 14px;
}

section.technologyStack {
    padding: 80px 0;
}

section.solutions {
    padding: 80px 0;
}

section.solutions.cards {
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0px 0px 20px rgb(214 214 214 / 50%);
    min-height: 215px;
    padding: 35px 20px;
}

section.solutions.cards.solutionsImg {
    width: 120px !important;
}

#service-we-offer.content p:last-child {
    cursor: pointer;
}

label.upload-label {
    position: absolute;
    top: 10px;
    left: 27px;
}

.contactUsForm textarea {
    height: 100% !important;
}

.contactform-a-hover:hover {
    color: #696969 !important;
}

.tooltip-inner {
    background-color: #5AC6C6 !important;
    padding: 3px 15px !important;
}

.tooltip.bs-tooltip-top .arrow:before {
    border-top-color: #5AC6C6!important;
}


/* Ahmadali CSS start 04th june 2021 */

.desktopCoverColorBanner {
    position: absolute;
    top: 0;
    left: auto;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
}

.error {
    color: red;
    font-size: 14px;
    font-family: 'Cerebri Sans Pro';
    font-weight: 500;
    font-style: normal;
}

.submitContactForm button.btnContactFormSubmit:hover,
.submitContactForm button.btnContactFormSubmit:focus,
.submitContactForm button.btnContactFormSubmit:active {
    /* background: #000000;
    border: 1.5px solid #000000; */
    background: #0e2b3d;
}

.RequestBtn.submitContactForm {
    margin-left: 12px;
}
/* native app development */

.nativeApplicationBody .technologies a:hover,
.nativeApplicationBody .technologies a:focus {
    color: #5AC6C6;
}

.companyProfile .card a:hover {
    color: #F0B743 !important;
}

.manufacturingIndustryBody .manufacturingIndustry a:hover,
.manufacturingIndustryBody .manufacturingIndustry a:focus {
    color: #5AC6C6;
}

.distributionIndustryBody .distributionIndustry a:hover,
.distributionIndustryBody .distributionIndustry a:focus {
    color: #5AC6C6;
}

.customAppBody section.technologies a.WebDevelopmentServices:hover,
.customAppBody section.technologies a.WebDevelopmentServices:focus {
    color: #5AC6C6;
}


/* TBS-connectUs section -index page */

section.TBS-ConnectUs {
    padding: 80px 0;
}

.connectUsMain .connectUsInfo ul li {
    font-size: 14px !important;
}


/* Create a custom checkbox */

.shareProjectCheck {
    display: block;
    position: relative;
    padding-left: 31px;
    cursor: pointer;
}

.shareProjectCheck input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.shareProjectCheck .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    border: 1px solid #5ac6c6;
}

.shareProjectCheck input:checked~.checkmark {
    background-color: #5ac6c6 !important;
    border: 1px solid #5ac6c6;
}

.shareProjectCheck .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.shareProjectCheck input:checked~.checkmark:after {
    display: block;
}

.shareProjectCheck .checkmark:after {
    left: 5px;
    top: 2px;
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}

.shareProjectCheck .privacypolicy:hover {
    color: #5ac6c6;
}

.submitConnectUsForm button.btnConnectUsFormSubmit:hover,
.submitConnectUsForm button.btnConnectUsFormSubmit:focus,
.submitConnectUsForm button.btnConnectUsFormSubmit:active {
    background: #0e2b3d;
}

section.TBS-ConnectUs .form-control:focus {
    box-shadow: none !important;
    border: 2px solid #5AC6C6 !important;
}

section.TBS-ConnectUs .form-control {
    border-radius: 0 !important;
    height: 45px;
    border: 2px solid #E7EBEF !important;
}

section.TBS-ConnectUs .form-control:focus {
    box-shadow: none !important;
}

section.TBS-ConnectUs textarea.form-control {
    height: 100% !important;
}


/* fantasy-sport-app */


/* Banner start */

section.tbs-sport-banner {
    background-image: url('../images/tbsSportBanner.png');
    width: 100%;
    /* min-height: 80vh; */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    text-align: center;
}

section.tbs-fooddelivery-banner {
    background-image: url('../images/FoodOrderingDeliveryAppBanner.png');
    width: 100%;
    /* min-height: 80vh; */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    text-align: center;
}

section.tbs-taxibooking-banner {
    background-image: url('../images/TaxiBookingAppBanner.png');
    width: 100%;
    /* min-height: 80vh; */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    text-align: center;
}

section.tbs-datingapp-banner {
    background-image: url('../images/SocialDatingAppBanner.png');
    width: 100%;
    /* min-height: 80vh; */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    text-align: center;
}

section.tbs-musicstreaming-banner {
    background-image: url('../images/MusicStreamingAppBanner.png');
    width: 100%;
    /* min-height: 80vh; */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    text-align: center;
}

section.tbs-fitnessgym-banner {
    background-image: url('../images/FitnessGymAppBanner.png');
    width: 100%;
    /* min-height: 80vh; */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    text-align: center;
}

section.tbs-doctorappoinment-banner {
    background-image: url('../images/DoctorAppointmentAppBanner.png');
    width: 100%;
    /* min-height: 80vh; */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    text-align: center;
}

.bannerConMaxWidth {
    max-width: 733px !important;
    margin: 50px auto;
}

.banerize-panel {
    position: relative;
}

.banerize-panel img.img-fluid.panelImage1 {
    width: auto;
}

.banerize-panel img.img-fluid.panelImage2.fadeInLeft.sport-player {
    position: absolute;
    top: 63%;
    left: -4%;
    max-width: 440px;
}

.banerize-panel img.img-fluid.panelImage2.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-duration: 1s;
    animation-delay: 1s;
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translatex(-700px);
        -moz-transform: translatex(-700px);
        -o-transform: translatex(-700px);
        transform: translatex(-700px);
    }
    to {
        opacity: 1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}

.banerize-panel img.img-fluid.panelImage3.fadeInRight {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-duration: 1s;
    animation-delay: 1s;
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translatex(700px);
        -moz-transform: translatex(700px);
        -o-transform: translatex(700px);
        transform: translatex(700px);
    }
    to {
        opacity: 1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}

.banerize-panel img.img-fluid.panelImage1.taxiBooking {
    position: relative;
    z-index: 1;
}

.banerize-panel img.img-fluid.panelImage3.taxiBooking {
    position: absolute;
    top: 76%;
    left: -1%;
    max-width: 440px;
}

.banerize-panel img.img-fluid.panelImage3.taxiMobile {
    position: absolute;
    top: 51%;
    right: 16px;
    max-width: 220px;
    z-index: 1;
}

.banerize-panel img.img-fluid.panelImage3 {
    position: absolute;
    top: 51%;
    right: 65px;
    max-width: 220px;
}

.banerize-panel img.img-fluid.panelImage2.FoodBurger {
    position: absolute;
    max-width: 350px;
    top: 75%;
    left: 3%;
}

.banerize-panel img.img-fluid.PizzaFood {
    position: absolute;
    left: 93%;
    top: 1%;
    max-width: 17vw;
    /* animation:spin 50s linear infinite; */
}

.banerize-panel img.img-fluid.panelImage3.doctor-image {
    position: absolute;
    top: 51%;
    right: 23px;
    max-width: 220px;
}

.banerize-panel img.img-fluid.manchurianFood {
    position: absolute;
    right: 91%;
    top: 3%;
    max-width: 30vw;
    animation: spin 50s linear infinite;
}

.banerize-panel img.img-fluid.panelImage2.doctor-image {
    position: absolute;
    max-width: 233px;
    top: 45%;
    left: 0%;
}

.banerize-panel img.img-fluid.panelImage2.fitnessGym {
    position: absolute;
    max-width: 361px;
    top: 63%;
    left: 0%;
}

.banerize-panel img.img-fluid.panelImage2.datingAppImg {
    position: absolute;
    max-width: 410px;
    top: 53%;
    left: 4%;
}

.banerize-panel img.img-fluid.panelImage2.musicstreamingAppImg {
    position: absolute;
    max-width: 410px;
    top: 61%;
    left: -3%;
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.fantasySportsAppBody section.how-we-works .MaxWidthNew {
    max-width: 423px !important;
}


/* Banner end */

section.primary {
    padding: 80px 0;
}

section.ourPricingFeatures {
    padding: 80px 0;
}

.accordion .card-header a:after {
    content: url('../images/accordianMinus.svg');
    float: right;
    cursor: pointer;
}

.accordion .card-header.collapsed a:after {
    content: url('../images/accordianPlus.svg');
    margin-top: 2px;
    cursor: pointer;
}

.accordion .card-header a:active,
.accordion .card-header a:hover,
.accordion .card-header a:focus {
    color: #5AC6C6 !important;
    cursor: pointer;
}

.accordion .card:active,
.accordion .card:hover,
.accordion .card:focus {
    border: 2px solid #5AC6C6 !important;
}

.accordion .card {
    border: 2px solid #E7EBEF !important;
    background-color: #FFFFFF !important;
    padding: 6px 0;
    border-radius: 0 !important;
}

.accordion .card-header {
    background-color: #FFFFFF !important;
    border-bottom: none !important;
}

section.fantasyUser {
    padding: 80px 0;
}

section.fantasyUser .fantasyUserMain {
    border-radius: 10px !important;
    background-color: #156BA3;
}

section.fantasyUser img.UserImage {
    position: relative;
}

section.fantasyUser img.UserImage.sportPlayer {
    bottom: 27px;
}

section.fantasyUser .container p {
    font-size: 26px;
}

body.fantasySportsAppBody section.aboutUsTechcronus a:hover {
    color: #5ac6c6 !important;
}

section.caseStudyDescription {
    padding-top: 60px;
}

.font26 {
    font-size: 26px;
}

section.casestudy-details-carousel {
    padding: 80px 0;
}

.casestudy-details-carousel .carousel-shadow {
    margin: 15px;
    -webkit-box-shadow: 0px 0px 16px 0px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0px 0px 16px 0px rgb(0 0 0 / 15%);
    box-shadow: 0px 0px 16px 0px rgb(0 0 0 / 15%);
    background-color: #fff;
}

.casestudy-details-carousel .owl-item-inner {
    padding: 0;
    border-radius: 8px;
}

.caseStudyCarouselHome .owl-nav {
    display: block !important;
}

.caseStudyCarouselHome .owl-dot {
    display: none !important;
}

.casestudy-details-carousel .caseStudyCarouselHome .owl-nav .owl-prev,
.casestudy-details-carousel .caseStudyCarouselHome .owl-nav .owl-next {
    font-size: 35px;
    color: #FFFFFF;
    border: 2px solid #FFFFFF;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    bottom: 48%;
}

.casestudy-details-carousel .caseStudyCarouselHome .owl-nav .owl-prev span[aria-label="Previous"],
.casestudy-details-carousel .caseStudyCarouselHome .owl-nav .owl-next span[aria-label="Next"] {
    font-size: 30px;
    position: relative;
    bottom: 13px;
}

.casestudy-details-carousel .caseStudyCarouselHome .owl-nav .owl-prev:hover,
.casestudy-details-carousel .caseStudyCarouselHome .owl-nav .owl-next:hover,
.casestudy-details-carousel .caseStudyCarouselHome .owl-nav .owl-prev:focus,
.casestudy-details-carousel .caseStudyCarouselHome .owl-nav .owl-next:focus {
    background-color: #FFFFFF;
    color: #5ac6c6;
    outline: none;
    text-decoration: none;
    box-shadow: none;
}

.casestudy-details-carousel .caseStudyCarouselHome .owl-nav .owl-prev {
    left: 3%;
}

.casestudy-details-carousel .caseStudyCarouselHome .owl-nav .owl-next {
    right: 3%;
}

section.projectSharing {
    padding-bottom: 80px;
}

.projectSharing .shareProjectsMain .share_Project_wrapper {
    box-shadow: 0px 0px 20px rgb(214 214 214 / 90%);
    max-width: max-content;
    margin-left: auto;
    margin-bottom: 10px;
    padding: 10px 15px;
    position: absolute;
    right: 16px;
    bottom: 75px;
    width: 100%;
    background-color: #FFFFFF;
    border-radius: 10px;
}

.projectSharing .shareProjectsMain .share_Project_wrapper:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 93%;
    margin-left: -25px;
    width: 0;
    height: 0;
    border-top: solid 10px #FFFFFF;
    border-left: solid 8px transparent;
    border-right: solid 8px transparent;
}

.projectSharing .shareProjectsMain .share_Project_wrapper a {
    cursor: url('../images/cursor-hand-click-line.svg') 4 8, auto;
}

.projectSharing .shareProjectsMain .share_Project_wrapper a:hover img {
    -webkit-filter: invert(74%) sepia(20%) saturate(895%) hue-rotate(131deg) brightness(91%) contrast(90%);
    ;
    filter: invert(74%) sepia(20%) saturate(895%) hue-rotate(131deg) brightness(91%) contrast(90%);
    ;
}

.projectSharing .shareProjectsMain p img.img-fluid.shareProjectBtn {
    cursor: pointer;
}

.projectSharing .nextPreviousPostTBS .imageOverlay {
    position: relative;
}

.projectSharing .nextPreviousPostTBS .imageOverlay img {
    border-radius: 5px;
}

.projectSharing .nextPreviousPostTBS .imageOverlay .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    transition: .5s ease;
    background-color: #5AC6C6;
    border-radius: 5px;
}

.projectSharing .nextPreviousPostTBS .btn-previousPost:hover .imageOverlay .overlay,
.btn-nextPost:hover .imageOverlay .overlay {
    opacity: 0.8;
}

.projectSharing .nextPreviousPostTBS .btn-previousPost p {
    max-width: 280px;
    margin-right: auto;
}

.projectSharing .nextPreviousPostTBS .btn-nextPost p {
    max-width: 280px;
    margin-left: auto;
}

.projectSharing .nextPreviousPostTBS .btn-previousPost:hover p,
.btn-nextPost:hover p {
    color: #5ac6c6;
}

.projectSharing .nextPreviousPostTBS .btn-previousPost .imageOverlay .overlay .text,
.btn-nextPost .imageOverlay .overlay .text {
    color: white;
    font-size: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    /* -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); */
    transform: translate(-50%, -50%);
    text-align: center;
}

.casestudy-details-overview a:hover,
.casestudy-details-keyFeatures a.DetailsApp:hover,
.casestudy-details-overview a:hover,
.casestudy-details-keyFeatures a.DetailsApp:active {
    color: #5AC6C6;
}

a.TBSHover:hover {
    color: #5AC6C6;
}

.customLists ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

.customLists ul li:before {
    content: url('../images/icons/tickmark.svg');
    margin-right: 4px;
}

.technologies .wrapper-content blockquote {
    border-left: 2px solid #0073aa;
    padding: 0 0 0 1rem;
}

a.TestimonialsHover {
    cursor: pointer;
    color: #2F2F2F;
}

body.netCoreMvcDevelopmentBody section.primary-content {
    padding: 40px 0;
}

section.BlockChainTechnologies {
    padding: 80px 0;
}

section.WhyHireDevelopers {
    padding: 80px 0;
}

section.hireRemoteDeveloperSteps {
    padding: 80px 0;
}

section.hireRemoteDeveloperSteps span.customSteps {
    padding: 11px 10px 7px 10px;
    background-color: #2F2F2F;
    border-radius: 5px;
    font-size: 20px;
    color: #2F2F2F;
}

section.hireRemoteDeveloperSteps .cards:hover span.customSteps {
    background-color: #5AC6C6;
}

section.hireRemoteDeveloperSteps .cards:hover .card-title {
    color: #5AC6C6;
}

section.hireRemoteDeveloperSteps .cardContent {
    min-height: 72px;
}

.bg-theme-testinomialsblack {
    background-color: #2F2F2F;
}

.healthcareIndustryBody section.other-industry {
    padding: 80px 0;
}

.healthcareIndustryBody .industryAboutUs {
    padding: 80px 0;
}

.educationIndustryBody section.other-industry {
    padding: 80px 0;
}

.educationIndustryBody .industryAboutUs {
    padding: 80px 0;
}

.startupIndustryBody section.other-industry {
    padding: 80px 0;
}

.startupIndustryBody .industryAboutUs {
    padding: 80px 0;
}

.serviceBoxShadow:hover {
    box-shadow: 0px 0px 20px rgb(214 214 214 / 50%);
    border-radius: 7px;
}

.font25 {
    font-size: 25px;
}

section.developmentContent {
    padding: 80px 0;
}

a.btn-newsletters {
    text-decoration: none;
    cursor: pointer;
}

.cookieMaxWidth {
    max-width: 400px;
    margin: 0 auto;
}

.serviceCards.serviceBoxShadow {
    box-shadow: 0px 0px 20px rgb(214 214 214 / 50%);
    border-radius: 7px;
    background: #FFFFFF;
    cursor: pointer;
}

section.our-teams-data {
    padding: 80px 0;
}

section.our-teams-data .card.teams-custom-card {
    border: none !important;
    border-radius: 0 !important;
    position: relative;
    cursor: url(../images/cursor-hand-click-line.svg) 4 8, auto;
}

section.our-teams-data .card.teams-custom-card .card-img,
.card-img-top {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

section.our-teams-data .card.teams-custom-card:hover .share_Project_wrapper {
    display: block !important;
}

section.our-teams-data .share_Project_wrapper {
    display: none;
    position: absolute;
    bottom: 104px;
    background: #5AC6C6;
    border-radius: 6px;
    padding: 4px 15px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
}

a.font26 {
    font-size: 19px;
}

section.tbs-all-services {
    padding: 80px 0;
}

.tbs-service-listing .card {
    border-radius: 13px;
    border: none !important;
    box-shadow: 0px 0px 10px 1px #f2f2f2;
    min-height: 200px;
}

.img-top {
    display: none;
}

.tbs-service-listing .card:hover {
    background-color: #5ac6c6;
}

.tbs-service-listing .card:hover p {
    color: #FFFFFF !important;
}

.tbs-service-listing .card:hover .img-top {
    display: block;
    max-width: 100px;
    max-height: 100px;
    margin: 0 auto;
}

.tbs-service-listing .card:hover .img-top-icon {
    display: none;
}

.tbs-service-listing {
    padding: 30px 0;
}

.tbs-service-listing img.img-top-icon {
    max-width: 100px;
    max-height: 100px;
    margin: 0 auto;
}

.tbs-newslatter-cards {
    border-radius: 10px;
}

.tbs-newslatter-cards img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

section.press-release .cards a img.img-fluid {
    position: relative;
    bottom: 2px;
}

section.press-release .cards p.minHeight {
    min-height: 136px;
}

section.press-release h4,
section.tbs-newsletter h4 {
    border-bottom: 3px solid #5ac6c6;
    width: max-content;
}

section.press-release h6:hover {
    color: #5ac6c6 !important;
    cursor: pointer;
}

section.tbs-newsletter .tbs-newslatter-cards a:hover {
    color: #5ac6c6 !important;
}

section.image-gallery {
    padding: 80px 0;
}

.image-gallery .owl-nav {
    display: none !important;
}

.image-gallery .navigation-thumbs {
    background-color: rgb(35, 35, 35);
}

.image-gallery .navigation-thumbs .owl-stage-outer {
    margin: 7px auto;
}

.image-gallery .navigation-thumbs .owl-dots,
.image-gallery .image-gallery-slider .owl-dots {
    display: none !important;
}

.image-gallery .navigation-thumbs button.owl-next:focus,
.image-gallery .navigation-thumbs button.owl-prev:focus {
    outline: none !important;
}

.image-gallery .image-gallery-slider button.owl-next:focus,
.image-gallery .image-gallery-slider button.owl-prev:focus {
    outline: none !important;
}

.top-slider {
    min-width: 100%;
    height: 350px;
}

.navigation-thumbs .owl-item {
    width: 130px !important;
    height: 60px;
    margin-right: 3px;
}

.bottom-slider {
    height: 60px;
    object-fit: cover;
    object-position: top;
    cursor: pointer;
    margin-right: 10px;
}

.EventsSlider {
    background: rgb(0, 0, 0, 0.9);
    padding: 5px;
    border-radius: 5px;
}

.image-gallery .navigation-thumbs {
    background: rgb(0, 0, 0, 0.9);
    padding: 5px 0 0px 0px !important;
}

.caseStudyHome.owl-carousel .owl-item img.customImgArrow {
    display: inline-block;
    width: unset !important;
}

.lifeTechcronusCarousel .owl-dots .owl-dot {
    background-color: #D7D7D7 !important;
    height: 10px;
    width: 10px;
    border-radius: 100%;
    margin: 0 7px;
    display: inline-block;
}

.lifeTechcronusCarousel .owl-dots .owl-dot.active {
    background-color: #5AC6C6 !important;
    height: 14px;
    width: 14px;
    border-radius: 100%;
    border: none !important
}

.lifeTechcronusCarousel .owl-dots .owl-dot:focus {
    box-shadow: none;
    outline: none;
}

.lifeTechcronusCarousel .owl-dots .owl-dot:first-child {
    margin-left: 0;
}

.lifeTechcronusCarousel .owl-dots {
    position: absolute;
    bottom: -50px;
    left: 50%;
    transform: translate(-50%, -50%);
}

.lifeTechcronusCarousel .owl-nav {
    display: none !important;
}

.lifeTechcronusCarousel .owl-dots.disabled {
    display: block;
    position: absolute;
}


/* .lifeTechcronusCarousel .owl-dots .owl-dot {
    background-color: #D7D7D7 !important;
    height: 10px;
    width: 10px;
    border-radius: 100%;
    margin: 0 auto;
    display: inline-block;
} */

section.azure-expert-services {
    padding: 80px 0;
}

.SuccessMessage {
    color: #008000;
    margin-bottom: 20px;
    font-size: 30px;
    font-weight: 600;
}

.SuccessMessagetext {
    font-size: 26px;
    margin-bottom: 20px;
}

.conMinHeight {
    min-height: 220px;
}
div.portfolio-background:hover .portfolio-img-overlay {
    opacity: 1;
}
.portfolio-img-overlay {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    opacity: 0;

    transition: .5s ease;

    background-color: rgba(0, 0, 0, 0.6);

    border-radius: 5px;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

}
div.portfolio-background:hover .portfolio-img-overlay p.text {

    color: white;

    font-size: 37px;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    text-align: center;

    font-weight: 700;

    cursor: pointer;

}
#portfolioModel .modal-content {

    background-color: #ffffff !important;

    height: 80vh;

}



#portfolioModel .modal-dialog {

    top: 3%;

}
.discovery_call_book{
  margin-left: 15px;
}
.call-body{
  float: left;
}
.discovery_call{
  color: #5ac6c6;
  text-decoration: underline;

}
.contact_call{
font-size: 38px;
font-weight: 800;
line-height: 56px;
letter-spacing: 0px;
text-align: left;

}
.contact_discovery_call{
font-size: 20px;
font-weight: 700;
line-height: 24px;
letter-spacing: 0em;
text-align: left;

}
.discovery_call{
  color:#5AC6C6;
}
.call_body_title{
font-size: 20px;
font-weight: 800;
line-height: 30px;
letter-spacing: 0px;
text-align: left;

}
.call_body_text
{
font-size: 18px;
font-weight: 600;
line-height: 30px;
letter-spacing: 0px;
text-align: left;
}
.class-gray{
font-size: 24px;
font-weight: 400;
line-height: 30px;
letter-spacing: 0px;
text-align: left;
color: #696969;
}
.new-contactForm{
  border: 1px solid #D0D5DD;
  box-shadow: 0px 12px 16px -4px #10182814;
}