:root {
  /* Font Families */
  /* Web font families can be imported here, or by editing your base page templates siteCSS */

  /* --font-sans: 'Lato', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */
  /* --font-serif: Georgia, Cambria, "Times New Roman", Times, serif; */
  /* --font-mono: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; */

  /* Font size overrides */

  /* --font-size-sm: 1rem; */
  /*--font-size-base: 1.125rem;*/
  /*--font-size-lg: 1.25rem;*/
  /*--font-size-xl: 1.5rem;*/
  /*--font-size-2xl: 1.875rem;*/
  /*--font-size-3xl: 2.25rem;*/
  /* --font-size-4xl: 5rem; */
  /*--font-size-5xl: 3rem;*/
  /*--font-size-6xl: 4rem;*/
    
    
}
/*----------------------------- GENERAL STYLING--------------------------------------*/

*{
    font-family: 'Roboto', sans-serif !important;
}

p, a, h1, h2, h3, h4, h5 {
    color: #4b4b4b !important;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: 1px;
}



/*-------------------------------NAVBAR STYLES-----------------------------------------------*/

.stats-section .stats-cards .card p, .stats-section .stats-cards .card h2{
    color: #ffffff !important;
}
.stats-section .stats-cards .card h2{
    text-align: center;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
}
.stats-section .stats-cards .card p{
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    text-align: center;
}
.navbar{
    background-color: white !important;
    overflow-y: scroll;
    -webkit-overflow-scrolling:touch;
}

.navbar .w-full a:first-child{
    margin: auto !important;
}

.navbar .w-full .font-bold{
    font-weight: 400;
    font-size: 36px;
}

.navbar .w-full .p-4{
    overflow-y: scroll !important;
    height: 100vh;
}

.navbar .invisible{
    opacity: 0;
    height: 0px !important;
}

.navbar #selected{
    /*text-decoration-color: #fc7f26 !important;*/
    /*text-underline-position: under;*/
    /*text-decoration: underline;*/
    /*font-weight: 400 !important;*/
}

.navbar .w-full div:last-child{
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;

}
.navbar .w-full .list-none{
    margin: auto;
    margin-top: 10px;
    flex-wrap: wrap;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 50px;
}

.navbar .w-full .list-none li:nth-child(2){
    padding-bottom: 2px;
    margin-bottom: 2px;
}



.navbar .w-full .list-none li:nth-child(3){
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 2.91 !important;
    letter-spacing: 2.36px !important;
    padding: 2px;
    margin: 0px;
    
}

.navbar .w-full .list-none li:nth-child(4){
    font-size: 14px;
    font-weight: 500 !important;
    line-height: 2.91 !important;
    letter-spacing: 2.36px !important;
    padding: 2px;
    margin: 0px;
}

.navbar .w-full .list-none li:nth-child(5){
     font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 2.91 !important;
    letter-spacing: 2.36px !important;
    padding: 2px;
    margin: 0px;
}

.navbar .w-full .list-none li:nth-child(6){
     font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 2.91 !important;
    letter-spacing: 2.36px !important;
    padding: 2px;
    margin: 0px;
}

.navbar .w-full .list-none li:nth-child(7){
    margin-top: 12px;
}

.navbar .m-2{
    width: 100%;
    font-family: Roboto;
    font-size: 36px;
    font-weight: 300 !important;
    text-align: center;
    /*padding-top: 20px;*/
}

.navbar .m-2 a{
    color: #9b9b9b !important;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 1.5 !important;
    letter-spacing: 2.35px !important;
    transition: 0.6s;
}

.navbar .m-2 a:hover{
    color: #4b4b4b !important;
}

/*----------------------------- CAROUSEL/HERO STYLING--------------------------------------*/

.blog-hero img{
    opacity: 0.35;
    background-image: linear-gradient(to bottom, #313131, #000000);
}
.homecarousel .px-4{
    margin: auto;
}

.homecarousel .slide-header{
    margin: auto;
    width: auto;
    height: auto;
    font-size: 54px !important;
    font-weight: 300 !important;
    font-stretch: normal !important;
    font-style: normal !important;
    line-height: 1.11 !important;
    letter-spacing: 0.56px !important;
    color: #ffffff !important;
    margin-bottom: 30px !important;
}

.homecarousel .rectangle{
    width: 120px;
    height: 4px;
    margin: auto;
    background-color: #fc7f26 !important;
    opacity: 1.0 !important;
}

.homecarousel .min-h-1{
    margin-left: -15px;
    margin-right: -15px;
}

.VueCarousel-navigation-button:focus{
    outline: none !important;
}

.VueCarousel-navigation-button{
    outline: none !important;
    opacity: 0.7 !important;
    padding: 40px 40px 60px 40px !important;
    font-size: 0;
    z-index: 1;
    background-color: black !important;
    -webkit-tap-highlight-color: transparent;
}
.VueCarousel-navigation-button:focus {
    outline:none !important;
    -webkit-tap-highlight-color: transparent;
}

.VueCarousel-navigation-prev{
    margin-left: 43px;
    background-image: url("/content/spicy_mango/assets/SpicyMango/left.png");
    padding-right: 60px !important;
}

.VueCarousel-navigation-next{
    margin-right: 43px;
    background-image: url("/content/spicy_mango/assets/SpicyMango/right.png");
}

.homecarousel .slide-description{
    width: auto;
    height: auto !important;
    margin: auto;
    font-size: 18px !important;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67 !important;
    letter-spacing: 0.9px !important;
    color: #ffffff !important;
    padding-bottom: 30px;
}

.carousel-link {
  text-align: center;
  height: 50px !important;
  padding: 16px 30px !important;
  text-decoration:none !important;
  border-radius: 4px !important;
  border: solid 1px #9b9b9b !important;
  background: white !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  font-stretch: normal !important;
  font-style: normal !important;
  line-height: 2.29 !important;
  letter-spacing: 3px !important;
  text-align: center !important;
  color: #4b4b4b !important;
  transition: 0.4s;
}
.VueCarousel-dot-container{
    margin-bottom: 50px !important;
}
.homecarousel .VueCarousel-dot{
    border-radius: 0 !important;
    width: 12px !important;
    height: 2px !important;
    background-color: #ffffff !important;
    opacity: 0.37 !important;
}

.homecarousel .VueCarousel-dot--active{
    opacity: 1 !important;
    height: 6px !important;
}

/*---------------------------------------------REVIEW COMPONENT---------------------------------------*/
.review{
    background-color: #091b2c;
    height: 452px;
}
.review .review-image img{
    width: 73px;
    margin: auto;
}
.review .review-quote{
    background-color: #091b2c !important;
}
.review .review-quote p{
    color: #ffffff !important;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: italic;
    line-height: 1.67;
    letter-spacing: 0.9px;
}

.review .review-quote .author{
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.67;
    letter-spacing: 2.57px;
}

.review .w-full{
    border: none;
}

.review .review-quote.cs{
    background-color: transparent !important;
}

/*.hidden-cards {*/
/*    height: 0px;*/
/*}*/
.back-button a {
        font-size: 14px !important;
        font-weight: 500 !important;
        font-stretch: normal !important;
        font-style: normal !important;
        line-height: 1.57 !important ;
        letter-spacing: 3px !important;
        text-transform: uppercase !important;
        color: #9b9b9b !important;
        margin-right:20px;
  }
  
  .breadcrumb  {
      justify-content: left !important;
      margin-left: 60px;
}
/*-------------------------------FOOTER/CONTACT US COMPONENT------------------------------------------*/
.footer{
    margin: auto;
}

.footer .rect-image{
    width: 120px;
    height: 3px;
    background-color: #fc7f26;
    margin: 28px 0px;

}
.footer .social{
    width: 22px;
    display: inline;
}

.footer h1{
    /*width: 432px;*/
    /*height: 60px;*/
    font-size: 46px;
    font-weight: 300;
    line-height: 1.3;
    letter-spacing: 0.5px;
    color: #4b4b4b !important;
}
.footer .note {
    width: auto;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 1px;
    color: #4b4b4b !important;
}

.footer p{
    height: auto;
    font-size: 16px;
    line-height: 2.25;
    letter-spacing: 1px;
    color: #4b4b4b !important;
}

.footer form{
    width: 100%;
}

.copyright {
    height: 85px;
    opacity: 0.30;
    background-color: #d8d8d8;
}

.copyright #copyright-text{
    font-size: 12px;
    line-height: 2;
    letter-spacing: 0.75px;
    color: black !important;
    opacity: 1.0 !important;
}

.footer #submit{
    height: 37px;
    border-radius: 2px;
    border: solid 1px #9b9b9b !important;
    background-color: #ffffff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    line-height: 2.29;
    letter-spacing: 3px;
    opacity: 1 !important;
    transition: 0.5s !important;
    cursor: pointer;
}
.footer #submit:hover, .footer #submit:active, .footer #submit:focus{
    border: solid 1px #171717 !important;
}

.footer .form-note{
    font-size: 12px !important;
    line-height: 2 !important;
    letter-spacing: 0.75px !important;
    text-align: center;
    color: #9b9b9b !important;    
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  width: 190px;
  height: 24px !important;
  font-family: 'Roboto', sans-serif !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  letter-spacing: 1px !important;
  opacity: 1; /* Firefox */
}

/*textarea{*/
/*    color: #9b9b9b !important;    */
/*}*/

.footer input,textarea{
    padding-left: 16px;
    width: 100%;
    height: 41px;
    border-radius: 3px;
    border: solid 1px #e2e2e2 !important;
    background-color: rgba(247, 248, 248, 0.02);
    opacity: .6;
    margin-bottom: 13px;

}
.footer .proj-det{
    resize: none;
    height: 85px;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 1px;
}
.footer .contact-text .email-link{
    text-decoration-color: #fc7f26 !important;
    text-underline-position: under;
    text-decoration: underline;
    color: #9b9b9b !important;
    transition: 0.5s;
}

.footer .contact-text .email-link:hover, .footer .contact-text .email-link:active, .footer .contact-text .email-link:focus{
    color: #4b4b4b !important;
}


/*-------------------------------------------ABOUT US PAGE-----------------------------------------------------------------------------------------*/
.about-us-text p{
    font-family: Roboto;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75 !important;
    letter-spacing: 0.5px !important;
    color: #4b4b4b !important;
}

.about-us-text .about-us-page-link{
    text-align: center;
    height: 50px !important;
    padding: 15px 25px !important;
    text-decoration:none !important;
    border-radius: 2px !important;
    border: solid 1px #9b9b9b !important;
    transition: 0.5s;
    background: white !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    font-stretch: normal !important;
    font-style: normal !important;
    line-height: 2.29 !important;
    letter-spacing: 3px !important;
    text-align: center !important;
    color: #4b4b4b !important;
}
.about-us-text .about-us-page-link:hover, .about-us-text .about-us-page-link:active, .about-us-text .about-us-page-link:focus{
    border: solid 1px #171717 !important;
}

/*------------------------------------------------------BLOG INDEX --------------------------------------------------------------------------*/

.hidden-cards {
    height: 0px;
}
.card-container-blog{
    -webkit-transition: height 1.4s linear;
    -moz-transition: height 1.4s linear;
    -o-transition: height 1.4s linear;
    transition: height 1.4s linear;
}
.more-blogs-btn p{
    text-align: center;
    margin-bottom: 0px;
}
/*ABOUT US PAGE DESKTOp*/
.about-us-cards{
    padding-left: 32px;
    max-width: 650px;
}
.about-us-cards h2{
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33 !important;
    letter-spacing: 1px !important;
    color: #4b4b4b !important;
}
.about-us-cards p {
    width: auto;
    max-width: 282px;
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71 !important;
    letter-spacing: 0.5px !important;
    color: #4b4b4b !important;
}
.about-us-page-container .about-us-text h2, .about-us-page-container .about-us-text h1{
    font-family: Roboto;
    font-size: 46px;
    font-weight: 300 !important;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3 !important;
    letter-spacing: 0.5px !important;
    color: #4b4b4b !important;
}
.about-us-page-container .profile img{
    width: 120px !important;
    margin: auto;
    height: 120px;
    border-radius: 60px;
}

.about-us-page-container .profile p{
    font-family: Roboto;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75 !important;
    letter-spacing: 0.5px !important;
    color: #4b4b4b !important;
}
.about-us-page-container .profile h3{
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500 !important;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33 !important;
    letter-spacing: 1px !important;
    color: #4b4b4b !important;
}


/*-----------------------------------------------------CASE STUDIES PAGE--------------------------------------------------------------------------*/
.case-studies-page-summary{
    /*padding-left: 230px;*/
}

.case-studies-page-block{
    padding-right: 0px;
    margin-right: 0px !important;
}

.case-studies-page-block .min-h1{
    margin-right: 0px !important;
}

.case-studies-page-block .px-5{
    padding-right: 0px;
}

.case-studies-page-summary h1{
    font-family: Roboto;
    font-size: 46px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: 0.5px;
}

.case-studies-page-summary .about-spacer img{
    width: 140px;
    height: 4px;
    padding-left: 12px;
}

.case-studies-page-summary .logo img{
    width: auto;
    height: 60px;
    padding-left: 12px;
}

.case-studies-page-summary h4, .case-studies-page-summary h3{
    font-size: 16px !important;
    line-height: 24px !important;
    color: #4b4b4b !important;
    padding-top: 20px;
    padding-bottom: 13px;
    max-width: 650px;
}
.blog-article h1, .blog-article h2{
    font-family: Roboto;
    font-size: 36px !important;
    font-weight: 300 !important;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33 !important;
    letter-spacing: 0.5px !important;
    color: #4b4b4b !important;
    max-width: 650px;
}
.blog-article a{
    text-decoration-color: #fc7f26 !important;
    text-decoration: underline;
    text-underline-position: under;
    color: #9b9b9b !important;
    transition: 0.5s;
    font-size: 16px !important;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: 0.5px;
}
.blog-article a:hover{
    color: #4b4b4b !important;
}

.case-studies-page-block h3, .case-studies-page-block-inverse h3{
    font-family: Roboto;
    max-width: 360px;
    font-size: 36px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: 0.5px;
}
.case-studies-page-block p, .case-studies-page-block-inverse p{
    width: 308px;
    font-family: Roboto;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: 0.5px;
}
.case-studies-page-block-inverse{
    padding-left: 0px;
    margin-left: 0px !important;
}

.case-studies-page-block-inverse .min-h1{
    margin-left: 0px !important;
}

.case-studies-page-block-inverse .px-5{
    padding-left: 0px;
}
.case-studies-page-more-title h1{
    font-family: Roboto;
    font-size: 46px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: 0.5px;
    text-align: center;
    color: #4b4b4b;
}
.case-studies-page-spacer{
    border-bottom: 2px solid #d8d8d8 !important;
}
.blog-article img{
    padding-top: 50px;
    padding-bottom: 30px;
    max-width: 100%;
    margin: auto;
    cursor: pointer;
    
}
.card-container-services a{
    margin: auto;
}
/*-------------------------------------------------HAMBURGER ANIMATION------------------------------------------------------------------*/
    .navbar .transform-rotate-90{
    transform: rotate(0deg) !important;
}
.nav-icon1 {
  /*margin-top: 2px;*/
  width: 30px;
  height: 30px;
  /*position: relative;*/
  /*margin: 50px auto;*/
  -webkit-transform: rotate(0deg) !important;
  -moz-transform: rotate(0deg) !important;
  -o-transform: rotate(0deg) !important;
  transform: rotate(0deg) !important;
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  /*cursor: pointer;*/
}

.nav-icon1 span{
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #000000;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.nav-icon1 span:nth-child(1) {
  top: 0px;
}

.nav-icon1 span:nth-child(2) {
  top: 12px;
}

.nav-icon1 span:nth-child(3) {
  top: 24px;
}

.nav-icon1.open span:nth-child(1) {
  top: 12px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

.nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

.nav-icon1.open span:nth-child(3) {
  top: 12px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.breadcrumb .view-link{
  line-height: 1.57;
  letter-spacing: 3px;
}
.back-button a{
    transition: 0.4s;
    padding-left: 2px;
}
.back-button a:hover{
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: 3px;
  color: #4b4b4b !important;
  padding-left: 8px;
}
.back-button .chevron-right{
    transform: rotate(180deg);
    height: .7em !important;
}

.breadcrumb .chevron-right{
    margin-right: 3px !important;
    height: 0.7em !important;
}
.breadcrumb .chevron-right:before{
    border-color: transparent transparent transparent #9b9b9b !important;
}
.breadcrumb .view-link:hover{
    color: #4b4b4b !important;
    padding-right: 0px !important;
}


/*-----------------------------------------JOSH MEDIA QUERIES DESKTOP --------------------------------------------------------------*/
@media only screen and (min-width: 1024px){
    .discovery-logo{
        width: 232px;
    }
     .stats-section .stats-cards .card:nth-child(2){
        border-left: 1px solid lightgrey;
        border-right: 1px solid lightgrey;
    }
    .stats-section .stats-cards div div .card:nth-child(3){
        border-right: 1px solid lightgrey;
    }
    .stats-section .stats-cards .card{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .stats-section .stats-cards{
        padding-top: 66px !important;
        padding-bottom: 66px !important;
    }
}
@media only screen and (min-width: 1025px) {
    .eurosport-logo img{
        height: 56px !important;
        width: 300px !important;
    }
    .navbar{
        padding-top: 14px !important;
        padding-bottom: 20px !important;
    }
    .navbar img{
        width: 207px !important;
        height: auto !important;
    }
    .about-us-cards .card:nth-child(odd) { 
    border-right: 1px solid #d8d8d8 !important;
    margin-right: 0px;
    padding-right: 3px;
    }
    .about-us-cards .card:nth-child(even) { 
    padding-left: 36px;
    }
    .about-us-cards .card:nth-child(-n + 2) {
    border-bottom: 1px solid #d8d8d8 !important;
    margin-bottom: 0px;
    padding-bottom: 30px;
    }
    .about-us-cards .card:nth-last-child(-n + 2) {
    margin-top: 0px;
    padding-top: 30px;
    }
    .down .card:nth-child(4), .down .card:nth-child(3) {
        padding-top: 20px !important;
    }
    
    /*------------------------------------------- STYLES FOR CASE STUDIES LINK FROM SERVICES---------------------------------------------------*/
    .card-container-case-studies a{
        margin: auto;
    }
    .case-studies-page-block .about-spacer img{
        width: 140px;
        height: 4px;
        padding-left: 12px;
    }
    .case-studies-not-page-block .page-block-h3 h3{
        font-size: 46px !important;
        font-weight: 300 !important;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.3 !important;
        letter-spacing: 0.5px !important;
        color: #4b4b4b;
    }
    
    .case-studies-not-page-block{
        padding-left: 260px !important;
    }
    .services-page-container-also{
        padding-left: 260px;
    }
    .services-page-container-also p {
        max-width: 650px;
    }
    
    .case-studies-not-page-block .cs-description p{
        width: 308px;
        height: 112px;
        font-family: Roboto;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.75;
        letter-spacing: 0.5px;
        color: #4b4b4b;
    }
    
    .case-studies-not-page-block a{
        text-decoration: none;
        text-transform: uppercase;
    }
    .case-studies-page-block .about-spacer .mx-auto{
        margin-left: 1px;
    }
    
    .case-studies-page-block .logo-image .mx-auto{
        margin-left: 1px;
    }

    .case-studies-page-block .logo-image img{
        width: auto;
        height: 56px;
        padding-left: 12px;
    }

    .navbar .w-full .font-bold{
        /*padding-right: 50px;*/
    }
    /*new and improved services*/
    .card-container-services .card{
        width: 442px !important;
        /*height: 300px !important;*/
        padding-top: 35px;
        padding-bottom: 35px;
        margin: auto;
        margin-bottom: 20px;
        transition: 0.6s;
    }
    .card-container-services .card:hover{
        box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.07)
    }
    .card-container-services .card img{
        height: 60px !important;
        width: auto !important;
        margin: auto;
    }
    
    .card-container-services .card h2{
        padding-top: 26px;
        padding-bottom: 20px;
        max-width: 250px;
        /*min-height: 50px;*/
        margin: auto;
        text-align: center;
        font-family: Roboto;
        font-size: 18px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: 1px;
        color: #4b4b4b;
    }
    .card-container-services .card p{
        min-height: 80px;
        text-align: center;
        min-width: 382px;
        font-family: Roboto;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.71;
        letter-spacing: 0.5px;
        color: #4b4b4b;
    }
        .homecarousel .overflow-hidden{
            min-height: 700px;
            max-height: 71vh !important;
        }
        .servicesbanner .overflow-hidden{
            min-height: 500px;
            max-height: 56vh !important;
        }   
        .footer .contact-text {
            margin-left: 150px;
        }
        .footer form{
            width: 358px;
        }
        .footer .note {
            width: 384px;
        }
        .footer .form-note {
            width: 358px;
        }
        .card-container-case-studies .card{
            padding: 0px;
            cursor: pointer;
            /*margin: auto;*/
            margin-right: 16px;
            width: 384px;
            height: 432px;
            box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.04);
            background-color: #ffffff;
            text-align: center;
            font-family: Roboto;
            color: #4b4b4b;
            transition: 0.6s;
        }
        .card-container-case-studies .card:hover{
            box-shadow: 0 14px 15px 0 rgba(0, 0, 0, 0.08);
        }
         .card-container-case-studies .card img{
            width: 384px;
            height: 256px;
        }
        .card-container-case-studies .card h2{
            font-size: 18px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.33;
            letter-spacing: 1.13px;
            color: #4b4b4b;
        }
        .card-container-case-studies .card p{
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.57;
            letter-spacing: 0.5px;
            width: 280px;
            margin: auto;
        }
        .card-container-blog .card{
            /*margin: auto;*/
            cursor: pointer;
            margin-right: 16px;
            margin-bottom: 30px;
            padding: 0px;
            width: 384px;
            height: 512px;
            box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.04);
            background-color: #ffffff;
            font-family: Roboto;
            color: #4b4b4b;
            transition: 0.6s;
        }
        .card-container-blog .card:hover{
            box-shadow: 0 14px 15px 0 rgba(0, 0, 0, 0.08);
        }
        .card-container-blog .card img{
            width: 384px;
            height: 256px;
        }
        /*---------------------------------------NEW CARD INFO--------------------------------------*/
        .card-container-blog .blog-card .blog-date{
            margin-top: 24px;
        }
        .card-container-blog .blog-card{
            padding: 0px !important;
            margin-bottom: 40px;
            /*height: 328px;*/
            box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.04);
        }
        .blog-card .img-wrapper{
            padding-left: 0px;
        }
        .card-container-blog .blog-card img{
            height: 328px;
            width: 100%;
            padding: 0px !important;
        }
        .card-container-blog .blog-card .blog-info{
            /*padding-left: 32px;*/
            max-width: 304px;
            font-family: Roboto;
            font-size: 11px !important;
            font-weight: 500 important;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.82 !important;
            letter-spacing: 0.5px !important;
            color: #9b9b9b !important;
        }
        .card-container-blog .blog-card h2{
            /*padding-left: 32px;*/
            max-width: 588px;
            font-family: Roboto;
            font-size: 18px !important;
            font-weight: 500 !important;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.56 !important;
            letter-spacing: 1px !important;
            color: #4b4b4b;
        }
        .card-container-blog .blog-card .description{
            /*padding-left: 32px;*/
            max-width: 588px;
            font-family: Roboto;
            font-size: 14px !important;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.71 !important;
            letter-spacing: 0.5px !important;
            color: #4b4b4b;
        }
        .more-blogs-btn button{
            font-size: 14px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 2.29;
            letter-spacing: 3px;
            color: #9b9b9b !important;
        }
        .case-studies-page-summary{
            padding-left: 320px;
        }
        
        .case-studies-page-block{
            padding-left: 320px;
        }
        .case-studies-page-summary p{
            max-width: 650px;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.75;
            letter-spacing: 0.5px;
        }
        .case-studies-page-block-inverse p{
            margin-left: 146px;
        }
        .case-studies-page-block-inverse h3{
            margin-left: 146px;
        }
        .csblock-hidden{
            display: none;
        }
        .case-studies-page-more-rect img{
            width: 120px;
            height: 4px;
            margin: auto;
        }
        .card-container-blog a{
            margin: auto;
        }
        .not-hidden .cs-rect{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .more-blogs-btn{
        height: 80px;
    }
    .more-blogs-btn button:hover{
        padding-bottom: 16px;
    }
    .stats-section .stats-cards .card h2{
        line-height: 1.3;
        letter-spacing: 0.5px;
        font-size: 46px;
    }
    .stats-section .stats-cards .card p{
        line-height: 1.75;
        letter-spacing: 0.89px;
        font-size: 16px;
    }
    .stats-section .stats-cards div .-mx-3{
        width: 100%;
    }
    .stats-section .stats-cards .card:nth-child(2){
        border-left: 1px solid lightgrey;
        border-right: 1px solid lightgrey;
    }
    .stats-section .stats-cards div div .card:nth-child(3){
        border-right: 1px solid lightgrey;
    }
    .stats-section .stats-cards .card{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .stats-section .stats-cards{
        padding-top: 66px !important;
        padding-bottom: 66px !important;
    }
}
   
 /*-------------------------------IPAD NOT PRO---------------------------------------------------------------*/
 @media only screen and (min-width:768px) and (max-width:900px) {
    .case-studies-page-block img{
        height: 326px !important;
        padding-top: 20px !important;
    }
    .case-studies-page-block-inverse img:nth-child(0){
        height: 326px !important;
        padding-top: 20px !important;
    }
    .case-studies-page-block .px-5, .case-studies-page-block-inverse .px-5{
        padding-bottom: 0px !important;
    }
    .stats-section .stats-cards .card:nth-child(-n+2){
        border-bottom: 1px solid lightgrey;
        margin-bottom: 0px;
    }
    
    
 }

/*-------------------------------------------TABLET ------------------------------------------------------------*/
@media only screen and (min-width:768px) and (max-width:1024px) {
    .stats-section .stats-cards .card h2{
        line-height: 1.11;
        letter-spacing: 0.39px;
        font-size: 36px;
    }
    .stats-section .stats-cards .card p{
        line-height: 1.75;
        letter-spacing: 0.89px;
        font-size: 16px;
    }
    .stats-section .stats-cards div .-mx-3{
        width: 100%;
    }
    
    .stats-section .stats-cards .card:nth-child(n+2){
        margin-top: 0px;
    }
    .stats-section .stats-cards div div .card:nth-child(odd){
        border-right: 1px solid lightgrey;
    }
    .stats-section .stats-cards div div .card:nth-child(2){
        margin-top: 12px;
    }
    .stats-section .stats-cards .card{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .stats-section .stats-cards{
        padding-top: 66px !important;
        padding-bottom: 66px !important;
    }
    
    /*--------------------------------------------------------*/
    /*.about-us-cards{*/
    /*    margin: auto;*/
    /*}*/
    .up div .-mx-3{
        width: 100%;
    }
    .down div .-mx-3{
        width: 100%
    }
    .breadcrumb p, .breadcrumb a, .breadcrumb .current-page, .back-button a{
        font-size: 12px !important;
    }
    .back-button, .back-button a{
        padding-right: 0px !important;
        margin-right: 0px !important;
    }
    .case-studies-page-summary h1{
        font-size: 36px !important;
    }
    .navbar img{
        width: 172px !important;
        height: auto !important;
    }
    .navbar{
        padding-top: 14px !important;
        padding-bottom 14px !important;
    }
    .footer h1{
        font-size: 36px;
    }
    .services h1{
        font-size: 36px !important;
    }
    .services-text {
        padding-top: 50px !important;
    }
    .fix-services{
        padding-bottom: 30px !important;
    }
    .about-fix{
        padding-bottom: 30px !important;
    }
    .down{
        padding-top: 0px !important;
    }
    .not-hidden .cs-rect{
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .about-us-cards .card:nth-child(odd) { 
    border-right: 1px solid #d8d8d8 !important;
    margin-right: 0px;
    padding-right: 3px;
    }
    .about-us-cards .card:nth-child(even) { 
    padding-left: 36px;
    }
    .about-us-cards .card:nth-child(-n + 2) {
    border-bottom: 1px solid #d8d8d8 !important;
    margin-bottom: 0px;
    padding-bottom: 30px;
    }
    .about-us-cards .card:nth-last-child(-n + 2) {
    margin-top: 0px;
    padding-top: 30px;
    }
    .down .card:nth-child(4) {
        padding-top: 16px !important;
    }
    .case-studies-page-block h3, .case-studies-page-block-inverse h3{
        max-width: 200px;
    }
    .card-container-case-studies a{
        margin: auto;
    }
    .card-container-blog a{
        margin: auto;
    }
    .case-studies-not-page-block .page-block-h3 h3{
        padding-top: 13px;
    }
    .case-studies-page-block .about-spacer img{
        width: 120px !important;
        height: 6px !important;
        padding-left: 12px;
        padding-top: 3px !important;
        margin-right: 150px;
    }
    .case-studies-not-page-block .page-block-h3 h3{
        font-size: 36px !important;
        font-weight: 300 !important;
        font-stretch: normal;
        padding-bottom: 20px;
        font-style: normal;
        line-height: 1.3 !important;
        letter-spacing: 0.5px !important;
        color: #4b4b4b;
    }
    
    .case-studies-not-page-block .cs-description p{
        width: auto;
        max-width: 380px;
        font-family: Roboto;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.75;
        letter-spacing: 0.5px;
        color: #4b4b4b;
    }
    
    .case-studies-not-page-block a{
        text-decoration: none;
        text-transform: uppercase;
    }
    .case-studies-page-block .about-spacer .mx-auto{
        margin-left: 1px;
    }
    
    .case-studies-page-block .logo-image .mx-auto{
        margin-left: 1px;
    }

    .case-studies-page-block .logo-image img{
        padding-top: 16px;
        width: auto !important;
        height: 56px !important;
        padding-left: 12px;
    }
    /*-------------------------------------------------------------------------CARDS ON SERVICES COMPONENT---------------------------------------*/
    .card-container-services .card{
        width: 344px !important;
        min-height: 340px;
        padding-top: 35px;
        padding-bottom: 35px;
        margin: auto;
        /*border: 1px solid black;*/
        margin-bottom: 13px;
        transition: 0.6s;
    }
    .card-container-services .card:hover{
        box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.07)
    }
    .card-container-services .card img{
        height: 60px !important;
        width: auto !important;
        margin: auto;
    }
    
    .card-container-services .card h2{
        padding-top: 26px;
        padding-bottom: 20px;
        max-width: 250px;
        /*min-height: 50px;*/
        margin: auto;
        text-align: center;
        font-family: Roboto;
        font-size: 18px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: 1px;
        color: #4b4b4b;
    }
    .card-container-services .card p{
        min-height: 80px;
        text-align: center;
        min-width: 280px;
        font-family: Roboto;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        letter-spacing: 0.5px;
        color: #4b4b4b;
    }
    .breadcrumb  {
      justify-content: left !important;
      margin-left: 0px !important;
    }
    
    .homecarousel .overflow-hidden{
            min-height: 600px;
            max-height: 56vh !important;
    }
    
    .navbar img{
        height: 40px !important;
    }
    
    .navbar .transform-rotate-90{
        font-size: 32px !important;
    }
    
    .homecarousel .slide-header{
        font-size: 40px !important;
        line-height: 1.11 !important;
        letter-spacing: 0.56px !important;
        margin-bottom: 30px !important;
    }
    .about-us-page-container{
        padding-left: 0px;
    }
    
    .homecarousel .slide-description{
        font-size: 16px !important;
        line-height: 1.5 !important;
        letter-spacing: 0.5px !important;
        padding-bottom: 30px;
        max-width: 528px !important;
    }
    .card-container-case-studies .card{
        padding: 0px;
        margin: auto;
        margin-bottom: 30px;
        width: 340px;
        height: 422px;
        box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.04);
        background-color: #ffffff;
        text-align: center;
        font-family: Roboto;
        color: #4b4b4b;
    }
    .card-container-case-studies .card:hover{
        box-shadow: 0 14px 15px 0 rgba(0, 0, 0, 0.08);
    }
    .card-container-case-studies .card img{
        width: 340px;
        height: 246px;
    }
    .card-container-case-studies .card h2{
        font-size: 18px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: 1.13px;
    }
    .card-container-case-studies .card p{
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        letter-spacing: 0.5px;
        width: 280px;
        margin: auto;
    }
    .card-container-blog{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .card-container-blog .blog-card{
        /*height: 226px;*/
        box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.04);
        padding: 0px 9px !important;
        margin-bottom: 36px;
    }
    .card-container-blog .blog-card .blog-date{
        margin-top: 4px;
    }
    .card-container-blog .blog-card .img-wrapper{
        padding-left: 0px;
    }
    .card-container-blog .blog-card .img-wrapper .w-full{
        height: 100%;
    }
    .card-container-blog .blog-card img{
        height: auto;
    }
    .card-container-blog .blog-card p{
        margin-bottom: 1px !important;
    }
    .card-container-blog .blog-card .blog-info{
        /*padding-left: 30px;*/
        width: auto;
        font-family: Roboto;
        font-size: 11px !important;
        font-weight: 500 important;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.82 !important;
        letter-spacing: 0.5px !important;
        color: #9b9b9b !important;
    }
    .card-container-blog .blog-card h2{
        /*padding-left: 32px;*/
        width: auto;
        font-family: Roboto;
        font-size: 18px !important;
        font-weight: 500 !important;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33 !important;
        letter-spacing: 1px !important;
        color: #4b4b4b;
    }
    .card-container-blog .blog-card .description{
        /*padding-left: 32px;*/
        width: auto;
        font-family: Roboto;
        font-size: 14px !important;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.71 !important;
        letter-spacing: 0.5px !important;
        color: #4b4b4b;
    }
    .card-container-blog .blog-card .flex-grow{
        padding-right: 0px !important;
    }
    .card-container-blog .blog-card .link-p{
        padding-bottom: 6px;
    }
    
    .more-blogs-btn button{
        font-family: Roboto;
        font-size: 14px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 2.29;
        letter-spacing: 3px;
        color: #9b9b9b !important;
    }
    .more-blogs-btn{
        height: 80px;
    }
    .more-blogs-btn button:hover{
        padding-bottom: 16px;
    }
    .more-blogs-btn .chevron-right{
        transform: rotate(90deg);
    }
    .csblock-hidden{
        display: none;
    }
    .case-studies-page-more-rect img{
        width: 120px;
        height: 4px;
        margin: auto;
    }
    .case-studies-page-block .px-5 {
        padding-left: 0px;
        padding-top: 3px !important;
    }
    .case-studies-page-block-inverse .px-5{
        padding-top: 3px !important
    }
    .case-studies-page-block p{
        width: 282px;
    }
    .case-studies-page-block-inverse p{
        width: 282px;
    }
    .case-studies-page-summary p{
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.75 !important;
    }
    .case-studies-page-summary .px-5{
        padding-left: 0px;
    }
    .hide-third-card .container div div:nth-child(3){
        height: 0px !important;
    }
    .hide-third-card .container div a:nth-child(3){
        height: 0px !important;
    }
    .hide-third-card .container div a:nth-child(3) img{
        height: 0px !important;
    }
    .hide-third-card a {
        margin: auto;
    }
    .about-us-page-container .spicy_mango-components-container, .blog-article .spicy_mango-components-container, .case-studies-page-summary .spicy_mango-components-container{
        width: auto;
    }
    .eurosport-logo img{
        height: 41px !important;
        width: 230px !important;
    }
    
}

/*-------------------------------------------------MOBILE LANDSCAPE-----------------------------------------------------------*/
@media only screen and (min-width : 481px) and (max-width : 900px) and (orientation: landscape) {
    .back-button, .back-button a{
        padding-right: 0px !important;
        margin-right: 0px !important;
    }
    
    .breadcrumb{
        display: none;
    }
    .card-container-blog a{
        margin: auto;
    }
    .card-container-case-studies a{
        margin: auto;
    }
    .homecarousel .overflow-hidden{
            min-height: 500px;
            max-height: 80vh !important;
    }
    
    .homecarousel .slide-header{
        width: auto;
        height: auto;
        font-size: 36px !important;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.11;
        letter-spacing: 0.5px;
        text-align: center;
        margin-bottom: 3px;
    }
    .homecarousel .slide-description{
        width: 86%;
        height: auto;
        font-size: 16px !important;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: 0.5px;
        text-align: center;
        color: #ffffff;
        padding-bottom: 5px;
        margin-top: -10px;
    }
    
    .VueCarousel-navigation-button{
        opacity: 0.7 !important;
        padding: 36px 16px !important;
        z-index: 1;
        background-color: black !important;
        background-size: cover;
    }

    .VueCarousel-navigation-prev{
        margin-left: 26px;
        background-image: url("/content/spicy_mango/assets/SpicyMango/left.png");
        padding-right: 16px !important;
    }

    .VueCarousel-navigation-next{
        margin-right: 26px;
        background-image: url("/content/spicy_mango/assets/SpicyMango/right.png");
    }
}

/*------------------------------------------------------------------MOBILE PORTRAIT------------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width : 320px) and (max-width : 480px) {
    .stats-section .stats-cards .card h2{
        line-height: 1.19;
        letter-spacing: 0.5px;
        font-size: 32px;
    }
    .stats-section .stats-cards .card p{
        line-height: 1.75;
        letter-spacing: 0.5px;
        font-size: 16px;
    }
    .stats-section .stats-cards div .-mx-3{
        width: 100%;
    }
    .stats-section .stats-cards .card:nth-child(-n+3){
        border-bottom: 1px solid lightgrey;
        padding-bottom: 16px;
    }
    /*.stats-section .stats-cards .card{*/
    /*    padding-top: 60px;*/
    /*    padding-bottom: 60px;*/
    /*}*/
    .stats-section .stats-cards{
        padding-top: 36px !important;
        padding-bottom: 36px !important;
    }
    .stats-section .stats-cards .card{
        width: 200px;
        margin: auto;
        padding-top: 20px;
    }
    /*----------------------------------------------*/
    .about-us-page-container .profile h3 {
        padding-top: 30px;
    }
    .back-button, .back-button a{
        padding-right: 0px !important;
        /*margin-right: 0px !important;*/
    }
    .back-button a{
        font-size: 12px !important;
    }
    .navbar{
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }
    .navbar img{
        width: 160px !important;
        height: auto !important;
    }
    .services-text {
        padding-top: 30px !important;
    }
    .home-about{
        padding-top: 20px !important;
    }
    .up{
        padding-top: 40px !important;
    }
    .fix-services{
        padding-top: 12px !important;
        padding-bottom: 20px !important;
    }
    .about-fix{
        padding-top: 16px !important;
        padding-bottom: 20px !important;
    }
    .services h1{
        font-size: 32px !important;
    }
    .case-studies h1{
        font-size: 32px !important;
    }
    .not-hidden{
        display: flex !important;
    }
    .about-us-cards .card:nth-child(-n + 3) {
    border-bottom: 1px solid #d8d8d8 !important;
    padding-bottom: 6px;
    }
    .breadcrumb{
        display: none;
    }
    /*-------------------------------------------------HAMBURGER ANIMATION------------------------------------------------------------------*/
    .navbar .transform-rotate-90{
    transform: rotate(0deg) !important;
    }
    .nav-icon1 {
      /*margin-top: 2px;*/
      width: 22px;
      height: 23px;
      /*position: relative;*/
      /*margin: 50px auto;*/
      -webkit-transform: rotate(0deg) !important;
      -moz-transform: rotate(0deg) !important;
      -o-transform: rotate(0deg) !important;
      transform: rotate(0deg) !important;
      -webkit-transition: .5s ease-in-out;
      -moz-transition: .5s ease-in-out;
      -o-transition: .5s ease-in-out;
      transition: .5s ease-in-out;
      /*cursor: pointer;*/
    }
    
    .nav-icon1 span{
      display: block;
      position: absolute;
      height: 2px;
      width: 100%;
      background: #000000;
      border-radius: 9px;
      opacity: 1;
      left: 0;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: .25s ease-in-out;
      -moz-transition: .25s ease-in-out;
      -o-transition: .25s ease-in-out;
      transition: .25s ease-in-out;
    }
    
    .nav-icon1 span:nth-child(1) {
      top: 0px;
    }
    
    .nav-icon1 span:nth-child(2) {
      top: 8px;
    }
    
    .nav-icon1 span:nth-child(3) {
      top: 16px;
    }
    
    .nav-icon1.open span:nth-child(1) {
      top: 9px;
      -webkit-transform: rotate(135deg);
      -moz-transform: rotate(135deg);
      -o-transform: rotate(135deg);
      transform: rotate(135deg);
    }
    
    .nav-icon1.open span:nth-child(2) {
      opacity: 0;
      left: -60px;
    }
    
    .nav-icon1.open span:nth-child(3) {
      top: 9px;
      -webkit-transform: rotate(-135deg);
      -moz-transform: rotate(-135deg);
      -o-transform: rotate(-135deg);
      transform: rotate(-135deg);
    }
    .card-container-blog a{
        margin: auto;
    }
    .hide-csimage-mobile{
        display: none;
    }
    .case-studies-not-page-block .page-block-h3 h3{
        padding-top: 40px;
    }
    .case-studies-not-page-block .about-spacer{
        padding-bottom: 19px !important;
        padding-top: 19px !important;
    }
    .case-studies-not-page-block .logo-image{
        padding-bottom: 9px !important;
        padding-top: 3px !important;
    }
    .case-studies-page-block .about-spacer img{
        width: 120px !important;
        height: 6px !important;
        padding-top: 3px !important;
        margin-right: 90px;
    }
    .case-studies-not-page-block .page-block-h3 h3{
        width: auto;
        font-family: Roboto;
        font-size: 32px;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.19;
        letter-spacing: 0.5px;
        color: #4b4b4b;
    }
    
    .case-studies-not-page-block .cs-description p{
        width: auto;
        font-family: Roboto;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.75;
        letter-spacing: 0.5px;
        color: #4b4b4b;
    }
    
    .case-studies-not-page-block a{
        text-decoration: none;
        text-transform: uppercase;
    }
    .case-studies-not-page-block{
        padding-bottom: 120px !important;
    }
    .case-studies-page-block .about-spacer .mx-auto{
        margin-left: 1px;
    }
    
    .case-studies-page-block .logo-image .mx-auto{
        margin-left: 1px;
    }

    .case-studies-page-block .logo-image img, .not-hidden .logo{
        padding-top: 2px;
        width: auto !important;
        height: 44px !important;
    }
    /*------------------------------------------------------------CARD LAYOUT FOR MOBILE SERVICES COMPONENT*/
    .card-container-services{
        padding-left: 0px;
        padding-right: 0px;
    }
    .card-container-services .card{
        width: 308px !important;
        min-height: 320px;
        padding-top: 29px;
        padding-bottom: 13px;
        margin: auto;
        /*border: 1px solid black;*/
        margin-bottom: 2px;
    }
    .card-container-services .card img{
        height: 52px !important;
        width: auto !important;
        margin: auto;
    }
    
    .card-container-services .card h2{
        padding-top: 26px;
        padding-bottom: 20px;
        max-width: 250px;
        /*min-height: 50px;*/
        margin: auto;
        text-align: center;
        font-family: Roboto;
        font-size: 18px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: 1px;
        color: #4b4b4b;
    }
    .card-container-services .card p{
        min-height: 70px;
        text-align: center;
        margin: auto;
        width: 280px;
        font-family: Roboto;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        letter-spacing: 0.5px;
        color: #4b4b4b;
    }
    .services-text p {
        width: 100%;
    }
    .servicesbanner div .slide-description{
        width: 288px !important;
    }
    .navbar img{
        height: 24px !important;
    }
    
    .navbar .transform-rotate-90{
        font-size: 24px !important;
    }
    
    .navbar .w-full .list-none{
        height: 100vh;
        margin: auto;
        flex-wrap: wrap;
        text-align: center;
        padding-top: 1px;
        padding-bottom: 50px;
    }
    
    .navbar .w-full .list-none li:nth-child(1){
        padding-top: 0px !important;
    }    
    
    .navbar .w-full .list-none li:nth-child(2){
        padding-bottom: 2px;
        margin-bottom: 2px;
    }
    
    
    
    .navbar .w-full .list-none li:nth-child(3){
        font-size: 11px !important;
        font-weight: 500 !important;
        line-height: 2.27 !important;
        letter-spacing: 2.36px !important;
        padding: 2px;
        margin: 0px;
        
    }
    
    .navbar .w-full .list-none li:nth-child(4){
        font-size: 11px;
        font-weight: 500 !important;
        line-height: 1.91 !important;
        letter-spacing: 2.36px !important;
        padding: 2px;
        margin: 0px;
    }
    
    .navbar .w-full .list-none li:nth-child(5){
         font-size: 11px !important;
        font-weight: 500 !important;
        line-height: 1.91 !important;
        letter-spacing: 2.36px !important;
        padding: 2px;
        margin: 0px;
    }
    
    .navbar .w-full .list-none li:nth-child(6){
         font-size: 11px !important;
        font-weight: 500 !important;
        line-height: 1.91 !important;
        letter-spacing: 2.36px !important;
        padding: 2px;
        margin: 0px;
    }
    
    .navbar .p-3{
        padding: 0px !important;
    }
    
    .navbar .w-full .list-none li:nth-child(7){
        margin-top: 2px;
    }
    
    .navbar .m-2{
        width: 100%;
        font-family: Roboto;
        font-size: 26px;
        font-weight: 300 !important;
        text-align: center;
        color: #4b4b4b !important;
        padding-top: 6px;
    }
    
    .navbar .m-2 a{
        text-transform: uppercase;
        text-decoration: none;
        line-height: 1.23 !important;
        letter-spacing: 1.7px !important;
    }
    
     .homecarousel .slide-header{
        width: 224px !important;
        height: auto !important;
        font-size: 36px !important;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.11 !important;
        letter-spacing: 0.5px !important;
        text-align: center;
        color: #ffffff;
    }
    
    .homecarousel .overflow-hidden{
            min-height: 500px;
    }
    
    .homecarousel .slide-description{
        width: 224px !important;
        height: auto !important;
        font-size: 16px !important;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal !important;
        line-height: 1.5 !important;
        letter-spacing: 0.5px !important;
        text-align: center;
        color: #ffffff;
        padding-bottom: 5px !important;
    }
    .VueCarousel-dot-container{
        margin-bottom: auto !important;
    }
    .VueCarousel-navigation-button{
        opacity: 0.7 !important;
        padding: 36px 16px !important;
        z-index: 1;
        background-color: black !important;
        background-size: cover;
    }
    .VueCarousel-navigation-prev{
        margin-left: 26px;
        padding-right: 16px !important;
    }

    .VueCarousel-navigation-next{
        margin-right: 26px;
    }
    .review .review-image img{
        width: 73px;
        margin-top: 40px;
    }
    .review .review-quote p{
        font-size: 16px;
        line-height: 1.5;
        letter-spacing: 0.5px;
    }
    .review .review-quote .author{
        font-size: 12px;
        font-weight: 500;
        line-height: 2.75;
        letter-spacing: 2.57px;
    }
    .footer .note {
        width: auto;
    }
    .footer h1{
        font-size: 32px;
        font-weight: 300;
        line-height: 1.19;
    }
    .about-us-page-container{
        padding-top: 0px !important;
        padding-left: 0px;
        padding-right: 0px;
        margin-top: 2px;
    }
    .about-us-text .about-us-page-link{
        padding: 12px 22px !important;
    }
    .back-button div p {
        font-size: 11px !important;
        font-weight: 500 !important;
        font-stretch: normal !important;
        font-style: normal !important;
        line-height: 2 !important;
        letter-spacing: 2.36px !important;
        padding: 0px !important !important;
        margin-right: -20px !important;
    }
    .card-container-case-studies .card:hover{
        box-shadow: 0 14px 15px 0 rgba(0, 0, 0, 0.08);
    }
    .card-container-case-studies .card{
        margin: auto;
        margin-bottom: 19px;
        padding: 0px;
        width: 288px;
        height: 366px;
        box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.04);
        background-color: #ffffff;
        text-align: center;
        font-family: Roboto;
        color: #4b4b4b;
    }
    .card-container-case-studies .card img{
        width: 288px;
        height: 192px;
    }
    .card-container-case-studies .card h2{
        font-size: 18px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: 1.13px;
    }
    .card-container-case-studies .card p{
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        letter-spacing: 0.5px;
        width: auto;
        margin: auto;
    }
    /*.card-container-blog .card{*/
    /*    margin: auto;*/
    /*    margin-bottom: 19px;*/
    /*    padding: 0px;*/
    /*    width: 288px;*/
    /*    height: 470px;*/
    /*    box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.04);*/
    /*    background-color: #ffffff;*/
    /*    font-family: Roboto;*/
    /*    color: #4b4b4b;*/
    /*}*/
    /*.card-container-blog .card:hover{*/
    /*    box-shadow: 0 14px 15px 0 rgba(0, 0, 0, 0.08);*/
    /*}*/
    .card-container-blog .card img{
        width: 288px;
        height: 192px;
    }
    
    .card-container-blog .blog-card .blog-info{
        /*padding-left: 22px;*/
        width: 242px;
        font-family: Roboto;
        font-size: 11px !important;
        font-weight: 500 important;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.82 !important;
        letter-spacing: 0.5px !important;
        color: #9b9b9b !important;
    }
    .card-container-blog .blog-card{
        box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.04);
    }
    .card-container-blog .blog-card h2{
        /*padding-left: 22px;*/
        /*width: 242px;*/
        font-family: Roboto;
        font-size: 18px !important;
        font-weight: 500 !important;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33 !important;
        letter-spacing: 1px !important;
        color: #4b4b4b;
    }
    .card-container-blog .blog-card .description{
        /*padding-left: 22px;*/
        /*width: 242px;*/
        font-family: Roboto;
        font-size: 14px !important;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.71 !important;
        letter-spacing: 0.5px !important;
        color: #4b4b4b;
    }
    .hidden-cards {
        height: 0px;
    }
    .more-blogs-btn button{
        font-family: Roboto;
        font-size: 14px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        letter-spacing: 3px;
        text-align: center;
        color: #9b9b9b !important;
    }
    .chevron-down{
        text-align: center;
        height: 21px;
        margin: auto;
    }
    .about-us-page-container .about-us-text h2{
    font-size: 32px;
    line-height: 1.19 !important;
    letter-spacing: 0.5px !important;
    color: #4b4b4b !important;
    }
    /*case studies mobile ---------------*/
    
    
    .case-studies-page-summary h1{
        font-size: 32px;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.19;
        letter-spacing: 0.5px;
    }
    .case-studies-page-summary{
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px !important;
    }
    
    .case-studies-page-summary .about-spacer img{
        width: 120px;
        height: 4px;
        padding-left: 0px;
    }
    
    .case-studies-page-summary .logo img{
        width: 129px;
        height: 44px;
        padding-left: 0px;
    }
    .eurosport-logo img{
        height: 31px !important;
        width: 170px !important;
    }
    .case-studies-page-summary p{
        width: 100%;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: 0.5px;
    }
    
    .case-studies-page-block{
        padding-right: 16px;
        padding-left: 16px;
        margin: auto;
        padding-top: 0px !important;
        padding-bottom: 10px !important;
    }

    .case-studies-page-block .min-h1{
        margin-right: auto !important;
    }
    
    .case-studies-page-block .px-5{
        padding-left: 0px;
        width: auto;
    }
    
    .case-studies-page-block h3, .case-studies-page-block-inverse h3{
        width: 288px;
        font-size: 32px;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.19;
        letter-spacing: 0.5px;
    }
    .case-studies-page-block p, .case-studies-page-block-inverse p{
        width: auto;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.75;
        letter-spacing: 0.5px;
    }
    .case-studies-page-block-inverse{
        padding-left: 16px;
        padding-right: 16px;
        margin: auto;
        display: none;
    }
    
    .case-studies-page-block-inverse .min-h1{
        margin-left: 0px !important;
    }
    
    .case-studies-page-block-inverse .px-5{
        padding-left: 0px;
        padding-right: 0px;
        width: auto;
    }
    .case-studies-page-more-header-block{
        padding-right: 0px !important;
    }
    .case-studies-page-more-title{
        padding-left: 0px;
        padding-right 0px !important;
    }
    .case-studies-page-more-title h1{
        width: 286px;
        font-size: 32px;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.19;
        letter-spacing: 0.5px;
        margin: auto;
    }
    .case-studies-page-more-rect{
        padding-left: 0px;
        padding-top: 24px !important;
        padding-bottom: 16px !important;
    }
    .case-studies-page-more-rect img{
        width: 120px;
        height: 4px;
        margin: auto;
    }
    .case-studies-page-spacer{
        padding-bottom: 5px !important;
        padding-top: 5px !important;
        border-bottom: 2px solid #d8d8d8 !important;
    }
    .footer{
        padding-left: 0px;
        padding-right: 0px;
    }
    .case-studies-not-page-block{
        padding-bottom: 120px !important;
    }
    .card-container-case-studies a{
        margin: auto;
    }

}
/*-------------------------------------END OF JOSH STYLES----------------------------------------*/


/*------------------------------ SERVICES STYLING -----------------------------------------*/


.services .text-4xl h1 {
     text-align:center !important;
}

.services p {
    font-size: 13px !important;
    font-weight: 100 !important;
    color: #4b4b4b !important;
}

.services h2 {
    text-align: center !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    padding: 0 50px !important;
    line-height: 1.20;
    letter-spacing: 1.5px !important;
    padding: 15px 55px !important;
}

.services h1 {
  font-size: 46px;
  font-weight: 200;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: 0.5px;
  color: #4b4b4b;
  text-align: center;
}

.services .text-lg {
    padding: 0 70px !important;
}

.services-text p {
    font-size: 16px !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px;
    font-weight: 400 !important;
    font-stretch: normal !important;
    font-style: normal !important;
    line-height: 1.75 !important;
    letter-spacing: 1px !important;
    text-align: center;
    color: #4b4b4b;
}
    
.btn-services a{
    text-align: center;
    /*height: 60px;*/
    text-decoration:none !important;
    border-radius: 3px;
    border: solid 2px #9b9b9b  !important;
    background: white !important;
    padding: 14px 32px;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal !important;
    font-style: normal !important;
    line-height: 2.29 !important;
    letter-spacing: 3px !important;
    text-align: center !important;
    color: #4b4b4b !important;
    transition: 0.4s;
}
.btn-services a:hover, .btn-services a:active{
    border: solid 2px #fc7f26 !important;
    /*transform: translateY(-0.25em) !important;*/
    /*box-shadow: 0 0.5em 0.5em -0.4em var(--hover);*/
}

.min-h-1 {
    justify-content:center;
}



/*.btn a{*/
/*    font-size: var(--font-size-sm);*/
/*    font-weight: 500;*/
/*    padding-top: 0.5rem;*/
/*    padding-bottom: 0.5rem;*/
/*    padding-left: 2rem;*/
/*    padding-right: 2rem;*/
/*    border-radius: 0.20rem;*/
/*    text-decoration: none;*/
/*    transition: background-color 0.2s ease;*/
/*    justify-content:center;*/
/*}*/


.background-color {
    background:#f8f8f8;
}

.overflow-x-auto {
overflow: hidden !important;
}



.btn-about a {
    letter-spacing:3px !important;
}

.services img {
         min-width:60px;
         max-width:65px;
     }
     
    .services .card img{
        height: 56px;
    }
     
    
.services .self-center {
    width: auto !important;
    }
  

    
 
    
    /*-----------------------------------------ISA MEDIA QUERIES ABOUT US AND SERVICES --------------------------------------------------------------*/
 
  /*-----------------------------------------DESKTOP--------------------------------------------------------------*/

@media only screen and (min-width : 1276px) {
    .up .card, .down .card{
        width: 308px !important;
    }
    
     .services-text p {
         padding: 0 170px;
     }
  
     
     .services .my-3 {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
     }
     
    .box .p-3 {
         padding:0 6.75rem !important;
     }
     
     .up .card {
    border-bottom: solid #d8d8d8 1px !important;
    border-left: solid #d8d8d8 1px !important;
}

.down .card {
    border-left: solid #d8d8d8 1px !important;
}

.cards .card-img {
    margin: 10px 0 !important;
    padding:30px 0;
}

.cards .my-3 {
    margin: 0 !important;
}

.up .card:first-child {
    border-left:none !important;
}

.down .card:first-child {
    border-left:none !important;
}

.box .p-3 {
         padding:0 3.0rem ;
     }
     
         .box .p-3 h2 {
         padding:0px 70px 0px 70px !important;
     }
     }
    
    
/*-----------------------------------------DESKTOP 2--------------------------------------------------------------*/

@media only screen and (min-width : 768px)  and  (max-width:1275px){
.up .card {
    border-bottom: solid #d8d8d8 1px !important;
    border-left: solid #d8d8d8 1px !important;
}

.down .card {
    border-left: solid #d8d8d8 1px !important;
}

.cards .card-img {
    margin: 10px 0 !important;
    padding:30px 0;
}

.cards .my-3 {
    margin: 0 !important;
}

.up .card:first-child {
    border-left:none !important;
}

.down .card:first-child {
    border-left:none !important;
}

.box .p-3 {
         padding:0 3.0rem ;
     }
     
         .box .p-3 h2 {
         padding:10px 80px 10px 80px !important;
     }



    }
    
    /*-----------------------------------------TABLET--------------------------------------------------------------*/
    
@media only screen and (min-width:768px) and (max-width:1272px) {
    .box .p-3 h2 {
    padding: 10px 50px 10px 50px !important;
    
    }
}    
    
 @media only screen and (min-width:768px) and (max-width:1023px) {
.up .card {
    border-bottom: solid #d8d8d8 1px !important;
    border-left: solid #d8d8d8 1px !important;
}

.background-color {
    padding-top: 38px !important;
}
.down{
    padding-top: 0px !important;
}

.down .card {
    border-left: solid #d8d8d8 1px !important;
    border-bottom: solid #d8d8d8 1px !important;
}

.cards .card-img {
    margin: 10px 0 !important;
    padding:30px 0;
}

.cards .my-3 {
    margin: 0 !important;
}

.down .card:first-child {
    display:none !important;
}

.down .card:nth-child(2) {
    display:none !important;
}

.down .card:last-child {
   border-bottom: none !important;
}

.down .card:nth-child(3) {
   border-bottom: none !important;
   border-top: none !important;
   border-left: none !important;
}

.up .card:nth-child(3) {
   border-left: none !important;
    }
    
        .services-text p {
         padding: 0 90px;
        }
        
     .services img {
         min-width:60px;
     }
     
     .box .p-3 {
         padding:0 0.75rem !important;
     }
     
     .services .text-lg {
         padding:0 68px !important;
     }
     
     .services h2 {
  font-size: 18px !important;
  font-weight: 500 !important;
  font-stretch: normal !important;
  font-style: normal !important;
  line-height: 1.33 !important;
  letter-spacing: 1.13px !important;
  text-align: center !important;
     }
     
     .up {
    padding-left: 5.25rem !important;
    padding-right: 5.25rem !important;
    padding-top: 50px !important;
} .down{
    padding-left: 5.25rem !important;
    padding-right: 5.25rem !important;
}

.about-fix {
    padding-top:30px !important;
}

.services section {
    padding-bottom:58px !important;
}

     
     }


  /*-----------------------------------------MOBILE--------------------------------------------------------------*/

    @media only screen and (min-width:200px) and (max-width:767px)  {
   .up .card {
    border-bottom: solid #d8d8d8 1px !important;
    border-left: solid #d8d8d8 1px !important;
}

.down .card {
    border-left: solid #d8d8d8 1px !important;
    border-bottom: solid #d8d8d8 1px !important;
}

.cards .card-img {
    margin: 10px 0 !important;
    padding:30px 0;
}

.cards .my-3 {
    margin: 0 !important;
}

.down .card:first-child {
    display:none !important;
}

.down .card:nth-child(2) {
    display:none !important;
}

.down .card:last-child {
   border-bottom: none !important;
}

.down .card:nth-child(4) {
   border-bottom: none !important;
   border-top: none !important;
   border-left: none !important;
}

.down .card:nth-child(3) {
   border-left: none !important;
}

.up .card {
   border-left: none !important;
}

.up .card:nth-child(3) {
   border-left: none !important;
    }
    
    .up {
        padding-top:20px;
    }
    
      
     .services img {
         min-width:60px;
     }
     
     .box .p-3 {
         padding:15px 0.75rem !important;
     }
     
     .box .text-lg {
         padding: 15px 0px !important;
     }
     
     .services .text-lg {
         padding:0 68px !important;
     }
     
     .services h2 {
  font-size: 18px !important;
  font-weight: 500 !important;
  font-stretch: normal !important;
  font-style: normal !important;
  line-height: 1.33 !important;
  letter-spacing: 1.13px !important;
  text-align: center !important;
  padding: 20px 0 !important;
     }
     
    .cards .px-5  {
    padding-left: 4.25rem !important;
    padding-right: 4.25rem !important;
}
}

    /*-----------------------------------------CASE STUDIES --------------------------------------------------------------*/
    
.case-studies h1 {
    font-size: 46px;
  font-weight: 100;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: 0.5px;
  color: #4b4b4b;
}

.case-studies .min-h-1{
    margin-right: 0;
}


.case-studies .self-center  {
    align-self: auto !important;
}

.spacer-case .mx-auto {
   margin-left: unset !important;
}

.case-studies .min-h-1 {
    justify-content: left !important;
} 

.case-studies .btn {
    padding-left: 0px !important;
}

.case-studies  {
    padding-right: 0px !important;
}

.case-left {
    padding-left: 200px !important ;
    padding-right: 20px !important ;
}

.case-left .-mx-3 {
    margin-right: 8.25rem !important;
}

.spacer-yellow img {
    max-width: 200px !important;
    min-width: 120px !important;
}

.case-studies .btn {
    font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.29;
  letter-spacing: 3px;
  text-align: center;
  color: #000000 !important;
}
.brightcove img {
max-width: 290px !important;
}


@media only screen and (min-width:1025px)  {
    .case-studies  {
    padding-right: 0px !important;
}

.case-left {
    padding-left: 100px !important ;
    padding-right: 0px !important ;
}

.case-left .-mx-3 {
    margin-right: 0px !important;
}

.logo img {
    max-width: 253px !important;
}
.eurosport-logo img{
    max-width: 323px !important;
}

.brightcove p {
max-width: 308px;
line-height: 1.75 !important;
}


}

@media only screen and (min-width:761px) and (max-width:1024px) {
    
    .case-studies  {
    padding-right: 0px !important;
}

.case-left {
    padding-left: 0px !important ;
    padding-right: 0px !important ;
}

.case-left .-mx-3 {
    margin-right: 0px !important;
}

.case-left .md\:w-1\/2 {
    width: 100%;
}

.case-studies {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.case-studies h1 {
     font-size: 36px !important;
  font-weight: 300 !important;
  font-stretch: normal !important;
  font-style: normal !important;
  line-height: 1.11 !important;
  letter-spacing: 0.5px !important;
  color: #4b4b4b;
}

.case-studies .yellow img {
    min-width:120px;
}

.case-left .brightcove img {
    min-width: 251px !important;  
}

.yellow {
    padding-bottom: 0px !important;
    padding-top: 30px !important;
}

.our-clients {
    display: none !important;
}

.hide {
    display: none !important;
    padding-top: 10px !important;
}

.services-fix-padding {
    pading-bottom: 20px !important;
}

}

@media only screen and (min-width:300px) and (max-width:760px) {
    .case-studies  {
    padding-right: 0px !important;
}

.case-left {
    padding-left: 0px !important ;
    padding-right: 0px !important ;
}

.screen img {
    display: none;
}

.case-studies .md\:w-1\/2 {
    width: 108%;
}

.case-studies img {
    max-width: 200px !important;
}

.case-studies .p-3 {
    padding: 0.75rem;
    margin-right: 12px;
}

.case-left .-mx-3 {
     margin-right: 0px !important; 
     margin-left: 0px !important;
}

.case-studies {
    padding-top: 40px !important;
    padding-bottom: 0px !important;
}

.case-studies .yellow img {
    min-width:120px;
}

.yellow {
    padding-bottom: 0px !important;
}

.case-studies {
    padding-top: 32px !important;
}

.breadcrumb span  {
          display: none !important;
          font-size: 40px;    
      }
      
      .back-button .px-5 {
          padding-right: 0px !important;
      }
      
      .our-clients {
    display: none !important;
}
}


    /*----------------------------------------- BREADCRUMB --------------------------------------------------------------*/
 
 

     .text-blue-700   {
        color: #9b9b9b !important;
        font-family: Roboto;
          font-size: 14px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.57;
          letter-spacing: 3px;
          text-align: left !important;
          text-transform: uppercase;
          padding: 0px;
    }
    
    .breadcrumb span {
        font-family: Roboto;
          font-size: 14px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.57;
          letter-spacing: 3px;
          text-align: center;
          text-transform: uppercase;
          color: #4b4b4b !important;
    }
    
    .pipe-after:after {
    content: ">";
    color: #9b9b9b !important;
    }
  
  
  
  
    .breadcrumb .min-h-1  {
        justify-content: left !important;
    }
    
    .servicesbanner .pb-12 {
    padding-bottom: 0px !important;
}



@media only screen and (min-width:1021px) and (min-width:1300px){
    .text-services p {
    margin-left: 0px !important;
}
}

@media only screen and (min-width:1301px)  {
    .services-case {
    margin-left:65px !important;
    }
    .text-services p {
  font-size: 16px !important;
  font-weight: normal !important;
  font-stretch: normal !important;
  font-style: normal !important;
  line-height: 1.75 !important;
  letter-spacing: 0.5px !important;
  margin-left:180px !important;
}
}
/*-------------------------------------------------------------------MODAL STYLES -----------------------------------------------*/
    .modal {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        opacity: 0;
        visibility: hidden;
        transform: scale(1.1);
        transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
        overflow: auto !important;
    }
    .modal-content {
        position: absolute;
        top: 51%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: transparent;
        /*box-shadow: -4px 1px 14px 0 rgba(0, 0, 0, 0.14);*/
        /*padding: 1px;*/
        width: 20rem;
        border-radius: 2px;
        /*min-height: 30%;       */
        /*overflow: auto !important;*/
        /*width: 800px;*/
        /*height: auto;*/
        /*padding-top: 20px;*/
    }
    .close-button {
        /*float: right;*/
        /*width: 1.5rem;*/
        /*line-height: 1.5rem;*/
        /*text-align: center;*/
        /*cursor: pointer;*/
        /*border-radius: 2px;*/
        /*background-color: lightgray;*/
        display: none;
    }
    .close-button:hover {
        background-color: darkgray;
    }
    .show-modal {
        opacity: 1;
        visibility: visible;
        transform: scale(2.6);
        height: 100vh;
        width: 100%;
        transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
    }



/*---------------------------------READ MORE LINK AND CHEVRON-------------------------------*/
.view-link{
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71 !important;
    letter-spacing: 3px !important;
    color: #9b9b9b !important;
    transition: 0.4s;
}

.view-link:hover{
    color: #4b4b4b !important;
    padding-right: 7px !important;
}

.chevron-right {
    display:inline-block;
    width: .5em;
    height: .7em;
    position:relative;
}
.chevron-right:before,
.chevron-right:after {
    display:block;
    content:"";
    width:0;
    height:0em;
    border-style:solid;
    position:absolute;
}
.chevron-right:before {
    right:0;
    border-width:.4em 0 .4em .4em;
    border-color:transparent transparent transparent #fc7f26;    
}
.chevron-right:after {
    left:0;
    border-width:.4em 0 .4em .4em;
    border-color:transparent transparent transparent #fff;    
}
.more-blogs-btn .chevron-right{
    transform: rotate(90deg);
}
.more-blogs-btn button{
    transition: 0.4s;
}
.more-blogs-btn button:hover{
    color: #4b4b4b !important;
    padding-bottom: 16px;
}
.up .container .-mx-3, .down .container .-mx-3{
    width: 100%;
}
.grecaptcha-badge { visibility: hidden; }