/*MUVA STYLES */
 
/*PINK:#ff0066*/
/*BLUE:#2db0ff*/
/*GRAY:rgb(96,96,96)*/
 
/*COMMON AREA*/
html, body{
    width: 100%;
    margin: 0px;
    padding: 0px;
}

*{
    font-family: Montserrat, sans-serif;
}

/*END OF COMMON AREA*/

.section-contact{
    font-weight: 900;
    font-size: 30px;
}

.muva-contact-align{
    margin-top: 4% !important;
    margin-bottom: -20px !important;
}

.muva-slider-align{
    margin-top: 280px !important;
    margin-bottom: -280px !important;
    margin-left: -15px !important;
}

.side-navbar-title {
    color: #ffffff;
    padding-left: 50% !important;
    margin-top: 230px;
}

.home-side-navbar-title {
    color: #ffffff;
    padding-left: 50% !important;
    margin-top: 80%;
}

.side-navbar-services {
    color: #ffffff;
    padding-left: 40% !important;
    margin-top: 860px;
}

.home-side-navbar-services {
    color: #ffffff;
    padding-left: 30% !important;
    margin-top: 280%;
}

.side-navbar-work {
    color: #ffffff;
    padding-left: 50% !important;
    margin-top: 560px;
} 

.home-side-navbar-work {
    color: #ffffff;
    padding-left: 50% !important;
    margin-top: 460px;
}

.side-navbar-talk {
    color: #000000;
    padding-left: 55% !important;
    margin-top: 695px;
}


.home-side-navbar-talk {
    color: #000000;
    padding-left: 40% !important;
    margin-top: 265%;
}

.side-navbar-solutions-title {
    color: #ff0066;
    padding-left: 30% !important;
    margin-top: 140px;
    font-weight: bolder;
}

.side-navbar-about-title {
    color: #2db0ff;
    padding-left: 50% !important;
    margin-top: 170px;
    font-weight: 900;
}

.side-navbar-solutions-talk {
    color: #ffffff;
    padding-left: 55% !important;
    margin-top: 1210px;
}

.side-navbar-approach {
    color: #2db0ff;
    padding-left: 50% !important;
    margin-top: 340px;
    font-weight: bolder;
}

.side-navbar-team {
    color: #2db0ff;
    padding-left: 60% !important;
    margin-top: 1410px;
    font-weight: bolder;
}

.side-navbar-about-talk {
    color: #ffffff;
    padding-left: 60% !important;
    margin-top: 690px;
}

.about-side-navbar-about-talk {
    color: #ffffff;
    padding-left: 60% !important;
    margin-top: 900px;
}


.contact-section-font {
    color: #000000;
    font-size: 16px !important;
    /*margin-left: 10%;*/
    /*margin-right: 10%;*/
}

.location-section h3 {
    color: black;
    font-weight: bolder;
    font-size: 20px;
    border-bottom: 5px #2db0ff solid;
}

/*SECTION HELLO COMPUTER VIEW*/

.ui.left.floated.section.section-hello{
    height: 400px;
    margin-top: 200px;
    font-family: Montserrat, SinkinSans;
    text-align: left !important;
    margin-bottom: 80px;

}

.ui.left.floated.section.section-hello h3{

    color: #2db0ff !important;
    font-weight: bolder;
    font-size: 18px;


}
.ui.left.floated.section.section-hello h1{

    color: black;
    font-weight: bolder;
    font-size: 72px;
    font-style: inherit;
    padding: 0px;
}
.ui.left.floated.section.section-hello p{
    color: black;
    font-weight: lighter;
    font-size: 48px;
    font-style: inherit;
}
.ui.left.floated.section.section-hello a{
    color: black;
    font-weight: bolder;
    font-size: 24px;
    border-bottom: 5px #2db0ff solid;
}


/*END OF SECTION-HELLO*/

/*SECTION ONE MOBILE VIEW*/
.ui.sixteen.wide.column.section-one {
    height: 450px;
    width: 100%;
    margin-top: 100px;
    background-image: url("../images/hero-mobile.png");
    background-repeat: no-repeat;
    background-position-x: right;
}

.hello-there-image {
    height: 5%;
    width: 100%;
    margin-top: 10%;
    background-image: url("../images/hero-mobile.png");
    background-repeat: no-repeat;
    background-position-x: right;
}

.hello-there-image-mobile {
    width: 100%;
    background-image: url("../images/hero-mobile.png");
    background-repeat: no-repeat;
    background-position-x: right;
}

.faqs-image {
    height: 15%;
    width: 100%;
    /*margin-top: 40%;*/
    background-image: url("../images/hero-mobile.png");
    background-repeat: no-repeat;
    background-position-x: center;
}

.ui.sixteen.wide.column.section-one h3{
    color: #2db0ff;
    float: left;
    margin-left: 20px;

}
.ui.sixteen.wide.column.section-one h1{
    color: black;
    font-weight: bolder;
    font-size: 40px;
    margin-left: 15px;
    float: left;

}

.ui.sixteen.wide.column.section-one p {
    color: black;
    font-weight: lighter;
    font-size: 24px;
    margin-left: 19px;
    text-align: left;
    float: right;

}

.ui.accordion .title:not(.ui) {
    padding: .5em 0;
    font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
    font-size: 1em;
    color: rgba(0,0,0,.5);
}

.ui.sixteen.wide.column.section-one a{

    color: black;
    font-weight: bolder;
    font-size: 18px;
    border-bottom: 5px #2db0ff solid;
    margin-left: 25px;
    float: left;
}
/*END OF SECTION-HELLO MOBILE VIEW*/


/*START OF PARTNERS SECTION*/
.ui.section.section-partners{
    height: 200px;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;

}
.ui.left.images img{
    height: 80px;
    top: 20px;
    margin-right: 30px;

}
/*END OF PARTNERS SECTION*/

/*MOBILE VIEW SECTION TWO*/
.ui.sixteen.wide.column.section-two{
    height: 200px;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 70px;
    float: right;

}
.ui.sixteen.wide.column.section-two img{
    height: 50px;
    width: 74px;
    top: 20px;
    margin-left: 51px;
    float: right;

}
/*END OF MOBILE VIEW*/

/*START OF SECTION-ABOUT*/
.section.section-about {
    height: 400px;
    width: 100%;
    position: relative;
    margin-bottom: 200px;

}

.section.section-about h3{

    color: black;
    font-weight: bolder;
    font-size: 4em;
    font-style: inherit;
    padding: 0px;
}

.section.section-about p{
    color: black;
    font-weight: lighter;
    font-size: 24px;
    text-align: justify;
    display: block;
    margin-left: 100px;
    margin-right: 500px;
}

.section.section-about img{

    height: 100%;
    width: 100%;
    position: relative;
    margin-bottom: 50px;
    margin: auto;

}

.section.section-about a{
    color: black;
    font-weight: bolder;
    font-size: 20px;
    border-bottom: 5px #2db0ff solid;
}

/*MUVA CONTAINER*/
.muva-container {
    height: 400px;
    /*width: 100% !important;*/
    /*position: relative;*/
    /*margin-top: 350px;*/
}
.muva-container h3 {
    color: black;
    font-weight: bolder;
    font-size: 4em;
    font-style: inherit;
    padding: 0px;
}
.section-service h1{
    height: 150px !important;
    color: black;
    font-weight: bolder;
    font-size: 5em;
    font-style: inherit;
    padding: 0px;
}

.muva-title-header-mobile {
    color: #2db0ff;
    font-weight: bolder;
}
.muva-container p{
    color: black;
    font-weight: lighter;
    font-size: 24px;
    text-align: justify;
    display: block;
    margin-left: 100px;
    margin-right: 500px;
}
.muva-container a{
    color: black;
    font-weight: normal;
    font-size: 20px;
    border-bottom: 5px #2db0ff solid;
    margin-left: 100px;
}
.muva-container-list a{
    color: black;
    font-weight: normal;
    font-size: 20px;
    /*border-bottom: 5px #ff0066 solid;*/
    margin-left: 100px;
}
/*END MUVA CONTAINER*/

.custom-border-color {
    border-bottom: 5px #ff0066 solid !important;
}

.web-solution-mobile{
    font-size: 15px;
}

.custom-border-color-blue {
    border-bottom: 5px #2db0ff solid !important;
}

/*END OF SECTION-ABOUT*/

/*MOBILE VIEW SECTION THREE*/
.ui.sixteen.wide.column.section-three {

    height: auto;
    width: 300px;
    margin-bottom: 20px;
    float: right;

}
.ui.sixteen.wide.column.section-three a{
    color: #2db0ff;
    font-weight: bolder;
    font-size: 18px;
    text-align: left;
}

.ui.sixteen.wide.column.section-three h2{
    color: black;
    font-weight: bolder;
    font-size: 26px;
    text-align: left;
    display: flow;
    margin-bottom: 20px;
}

.ui.sixteen.wide.column.section-three p{
    color: black;
    font-weight: lighter;
    font-size: 18px;
    text-align: left;
    margin-left: 0px;
    margin-right: 0px;

}

.ui.sixteen.very.wide.column.section-img {
    height: 300px;
    width: 100%;
    margin-bottom: 5px;
}

.ui.sixteen.very.wide.column.section-img img{
    height: 60%;
    width: 100%;
    position: inherit;
    margin-left: 80px;
    margin-right: 0px;
    float: right;

}
.ui.twelve.wide.column.section-four {

    height: 23px;
    width: 100%;
    margin-left: 15px;
    float: left;
}

.ui.twelve.wide.column.section-four a{

    color: black;
    font-weight: bolder;
    font-size: 17px;
    border-bottom: 4px #2db0ff solid;
    float: left;
}
/*end of section three mobile view*/

/*SECTION TESTIMONIALS*/
.ui.twelve.wide.column.section-testimonial{
    height: 400px;
    width: 100%;
    margin-top: 70px;
    margin-bottom: 20px;
    margin-left: 100px;
    padding: 10px;

}

.section-testimonial img{
    height: 50%;
    width: 25%;
    margin-right: 120px;
    margin-bottom: 10px;
    border-right: 5px solid #ff0066;
    padding-right: 30px;

}

.section-testimonial h3{

    color: black;
    font-weight: bold;
    font-size: 2em;
    font-style: inherit;
    padding: 0px;
}

.section-testimonial p {
    clear: right;

}
/*END OF SECTION TESTIMONIALS*/

/*CAROUSEL/CASE STUDIES*/
#slider {
    position: relative;
    overflow: hidden;
    margin:  0px auto 0 auto;
    border-radius: 4px;
}

#slider ul {
    position: relative;
    margin: 0px;
    padding: 0px;
    list-style: none;
    padding-left:0px;
}

#slider ul li {
     position: relative;
     display: block;
     float: right;
     /*margin: 0;*/
     padding: 0px;
    margin: 0px auto 0 auto;
     /*text-align: center;*/
 }

.slider-images {
    height: 500px;
    width: 900px;
    
}

.slider-images-mobile {
    height: 400px;
    width: 700px;
    
}

a.control_prev, a.control_next {
    color: #000;
    font-weight: 200;
    font-size: 68px;
    opacity: 0.8;
    cursor:all-scroll;
}

a.control_prev:hover, a.control_next:hover {
    opacity: 1;
    -webkit-transition: all 0.2s ease;
}

/*END OF CAROUSEL/CASE STUDIES*/


/*FOOTER*/
.muva-footer{
    background-color:#5d5d5d;
}
.ui.text.menu .item{
    color: #ffffff;
    font-family:"Montserrat";
    padding-bottom: 20px;
    font-size: 24px;
}
.ui.text.menu .item:hover{
    color: #2db0ff;
}
.muva-footer-logo img{
      width: 200px;
      padding-bottom: 20px;
  }
.muva-footer hr{
    /*width: 90%;*/
    color: white;
    margin-top: 10px;
    margin-bottom: 10px;
}
.muva-footer-social-icons{
    height: 50px;
}

.overlay-nav-link {
    display: inline;
    /*position:absolute;*/
    bottom:0;
    left:0;
    margin:10px;
    text-align:left;
}

.muva-footer-copyright p{
    color: #ffffff;
    font-family:"Montserrat";
    font-size: 24px;
    padding-bottom: 0px;
}
/*END OF FOOTER*/

/* button css */

.muva-sidebar-overlay {
    background-color: #ff0066;
}

.muva-custom-font {
    color: #ffffff;
    font-weight: 800;
}

.ui .muva-custom-button {
    background-color: #ff0066;
    color: #ffffff;
    height: 50px;
    margin-top: 30px;
    font-size: 16px
}

.ui .muva-custom-contact-button {
    background-color: #ffffff;
    color: #2db0ff;
}

.ui.button {
    background-color: #ff0066;
    padding-top: 17px;

}

.button:not(:hover) {
    color: white;
    background: #ff0066 !important;
}
.button {
    background: #ff0066;
    color: #fff;
}


/* end of button css*/

/* form controlling css*/

.ui.form .field {
    position: relative;
    width: 100%;
}
.ui.form .field:not(.checkbox) {
    margin-top: 1rem;
    margin-bottom: 1.7rem;
}
.ui.form .field label {
    color: lightgrey;
    font-size: 14px;
    position: absolute;
    left: .7rem;
    top: .7rem;
    transition: .2s ease-in;
}
.ui.form .field.select {
    display: flex;
}
.ui.form .field.select:after {
    align-self: center;
    color: lightgrey;
    content: "\f107";
    font-family: "Icons";
    margin-left: -1rem;
}
.ui.form .field.select select {
    background: transparent;
    border: none;
    border-bottom: 2px solid lightgrey;
    padding: .7rem 2rem .7rem .7rem;
    position: relative;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    transition: .2s ease-in;
}
.ui.form .field.select select:focus {
    outline: none !important;
    border-bottom: 2px solid dodgerblue !important;
}
.ui.form .field.select select:focus ~ label, .ui.form .field.select select:valid ~ label {
    color: gray;
    font-size: 30px;
    top: -1rem;
    left: 0;
}
.ui.form .field input:not([type=checkbox]),
.ui.form .field textarea {
    background: transparent;
    border: none;
    border-bottom: 2px solid lightgrey;
    border-radius: 0;
    padding: .7rem;
    transition: .2s ease-in;
}
.ui.form .field input:not([type=checkbox])[value=" "],
.ui.form .field textarea[value=" "] {
    background: grey !important;
}
.ui.form .field input:not([type=checkbox]):focus ~ label, .ui.form .field input:not([type=checkbox]):valid ~ label,
.ui.form .field textarea:focus ~ label,
.ui.form .field textarea:valid ~ label {
    color: grey;
    font-size: 80%;
    top: -1rem;
    left: 0;
}
.ui.form .field input:not([type=checkbox]):focus,
.ui.form .field textarea:focus {
    border-bottom: 2px solid dodgerblue;
    outline: none;
}
.ui.form .field.checkbox {
    align-items: flex-start;
    align-content: flex-start;
    display: flex;
    margin: .7rem 0;
    position: relative;
}
.ui.form .field.checkbox input[type=checkbox] {
    padding: .7rem;
    border: 2px solid lightgrey;
    transition: .2s ease-in;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.ui.form .field.checkbox input[type=checkbox]:focus {
    outline: none;
}
.ui.form .field.checkbox input[type=checkbox]:before {
    color: deeppink;
    content: "";
    transition: .2s ease-in;
}
.ui.form .field.checkbox input[type=checkbox]:checked {
    padding: .6rem .35rem;
    margin: -.3rem .1rem 0 .7rem;
    border-left: none;
    border-top: none;
    transform: rotate(45deg);
}
.ui.form .field.checkbox label {
    font-size: initial;
    position: static;
    margin-left: 1rem;
    align-self: center;
}

/* end form controlling css*/


/* Sidebar Gradient transitions  */

#grad {
    background: linear-gradient(180deg, rgba(255,0,102,1) 30%, rgba(45,176,255,1) 50%, rgba(255,255,255,1) 79%);
}

#grad-faqs {
    background: linear-gradient(180deg, rgba(255,0,102,1) 35%, rgba(45,176,255,1) 89%);
}

#grad-solutions {
    background-image: linear-gradient(180deg, rgba(255,255,255,1) 66%,rgba(45, 176, 255,1) 89%);
}

#grad-mobile-solutions {
    background-image: linear-gradient(180deg, rgba(255,255,255,1) 47%,rgba(45, 176, 255,1) 69%);
}

#grad-all-solutions {
    background-image: linear-gradient(180deg, rgba(255,255,255,1) 82%,rgba(45, 176, 255,1) 95%);
}


/* End Sidebar Gradient Transitions */


.ui.padded.grid:not(.vertically):not(.horizontally) {
    margin: 0px !important;
}

/* mobile header image background */

.bgimg {
    background-image: url('../images/hero-mobile.png');
    background-repeat:no-repeat;
}

/* end mobile background image*/





/* The Overlay (background) */
.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    /*background-color: #fff;*/
    background-color: #ffffff;
    overflow-x: hidden;
    transition: 0.5s;
}

.overlay-content {
    position: relative;
    top: 2%;
    width: 100%;
    text-align: right;
    margin-top: 25px;
}

.overlay a {
    /*padding: 10px !important;*/
    text-decoration: none;
    font-size: 24px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
    color: #2db0ff;
}

.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
} 

@media screen and (max-height: 450px) {
    .overlay a {font-size: 16px}
    .overlay .closebtn {
        font-size: 40px;
        top: 15px;
        right: 35px;
    }
}
.solutions-text {
    color: black;
    padding: 0px;
    text-align: justify;
}

.solutions-text p{
    font-weight: lighter;
    font-size: 25px;
    font-style: inherit;
    font-family : Montserrat;
    margin-right: 50px;
}

.solutions-text span{
    font-weight: bolder;
    font-size: 25px;
    font-style: inherit;
    border-bottom: 5px #2db0ff solid !important;
}
 
.solutions-text h1{
    font-weight: bold;
    height: 1% !important;
    margin-top: 1%;
    /*font-size: 4em;*/
}

.solutions-text h2{
    font-weight: bolder;
    height: 50px;
    font-size: 3em;
    font-style: inherit;
}

.solutions-text a{
    font-size: 25px;
    /*border-bottom: 5px #2db0ff solid;*/
/*    margin-left: 0px;
*/}

.solutions-links {
    border-bottom: 5px #2db0ff solid;
    color: black;
    font-weight: bold;
    font-size: 25px;
}

/*ABOUT US PAGE*/

.section-about {
    font-family: Montserrat;
    font-weight: lighter;
    font-size: 30px;
}
.section-about-text p{
    font-family: Montserrat;
    font-weight: lighter;
    font-size: 30px;   
}

.section-about-team h1{
    font-family: Montserrat;
    padding-top: 80px; 
    font-weight: bolder;
    font-size: 48px;
}

.section-about-approach{
    font-family: Montserrat;
    /*font-weight: bolder;*/
    font-size: 24px;
    margin-left: 0px;
    margin-top: 70px;
}


.section-approach-description h3{
    /*font-family: Montserrat;*/
    font-weight: bolder;
    text-align: justify;
    /*padding-top: 3%;*/
    font-size: 24px;
}

.section-approach-description p{
    font-family: Montserrat;
    font-weight: bolder;
    text-align: justify;
    font-size: 20px;
}

.section-approach-numbers{
    /*padding: 3%;*/
    font-family: Montserrat;
    font-weight: 200;
    font-size: 48px;
}


 

/* Blue contact section */


.blue_contact_section {
    /*background-color: #2db0ff;*/
    color: #ffffff;
    margin-bottom: -10px !important;
    font-weight: bolder;
}

.blue-contact-section-font {
    color: #ffffff;
    font-size: 16px !important;
}

/*  blue gradient section */

#grad3 {
    height: 200px;
    background-color: white; /* For browsers that do not support gradients */
    background-image: linear-gradient(white, blue); /* Standard syntax (must be last) */
}

.anchor-link {
    color: #2a2a2a;
}

.case-studies-text{
    font-weight: lighter;
    font-size: 24px;
    font-style: inherit;
    font-family : Montserrat;
}


.section-team h1{
    font-weight: bolder;
    font-size: 60px;
    text-align: justify;

}

.about-menu{
    font-weight: bolder;
    text-align: justify;
    font-size: 20px;
    padding: 0px;
}

.solutions-mobile h1{
    font-weight: bolder;
    height: 90px !important;
    font-size: 20px;
    font-style: inherit;
}



/* careers page font */

.careers-header-font {
    color: black;
    font-weight: bolder;
    font-size: 72px;
    font-style: inherit;
    padding: 0px;
}

h1.ui.header {
    font-weight: bolder;
    font-size: 60px;
}

.career-anchor-link {
    color: #2a2a2a;
    font-weight: bolder;
}

.muva-white-sidebar {
    background-color: #fff;
}

.white-side-navbar-title {
    color: #2db0ff;
    padding-left: 70% !important;
    margin-top: 190px;
}

.career-white-side-navbar-title {
    color: #2db0ff;
    padding-left: 60% !important;
    margin-top: 140px;
}

.white-side-navbar-apply {
    color: #2db0ff;
    padding-left: 70% !important;
    margin-top: 770px;
}

/* end of career page*/


/* home page */

.home-hello-section {
    height: 400px;
    margin-top: 200px;
    font-family: Montserrat, SinkinSans;
    text-align: left !important;
    margin-bottom: 80px;
}

h2.ui.header {
    font-size: 1.71428571rem;
    color: #2db0ff;
}

.home-case-studies-text{
    font-weight: lighter;
    font-size: 40px;
    font-style: inherit;
    font-family : Montserrat;
}

#explore-section {
    margin-top:-200px
}
/* end of home page*/

.slider-text{
    font-weight: 900;
    color: #ffffff;
    font-size: 48px;
    text-align: center;
    font-family: Montserrat;
}


#homepage-h1-header {
    color: #2db0ff;
    margin-top: 2%;
    font-size: 25px;
    font-weight: bolder;
}

#homepage-pg-section-one {
    font-size: 32px;
    font-weight: normal;
}

#homepage-h3-who-is-muva {
    margin-top: 3%;
    font-size: 55px;
    margin-left: 5%;
}

#homepage-pg-about {
    margin-left: 100px;
    font-size: 24px;
    margin-right: 50px;
}

#homepage-link-left-margin {
    margin-left: 10%;
}

.ui.image img, .ui.image svg {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: 100px;
}

.vl {
    border-left: 6px solid #ff0066;
    height: 100px;
}

#homepage-vl-p {
    margin-left: 20px;
}

/* mobile table homepage target */

#homepage-mobile-tablet-hello-there{
    /*margin-top: 2%;*/
    font-size: 20px;
    color: #2db0ff;
    font-weight: bold;
}

#homepagetablet-pg-text{
    font-size: 16px;
}

#homepagetablet-pg-text-hero-section{
    font-size:26px;
    font-weight: normal;
}

#homepage-tablet-explore-link{
    font-weight: bold;
}
.vl-tablet {
    border-left: 6px solid #ff0066;
    height: 230px;
}

#homepage-pg-about-mobile-tablet {
    margin-left: 20px;
    font-size: 16px;
}

#contact {
    margin-top: -600px;
}

/* end mobile table homepage target */


/* start of solution page  */

#solution-what-we-do {
    margin-top: 10px;
}

#solution-what-we-do-mobile {
    margin-top: 10px;
    font-size: 24px;
}

#sulution-pg-text {
    font-size: 30px;
    margin-right: 50px;
}

#solution-list-what-we-do {
    font-size: 30px;
    margin-right: 50px;
}

#solution-link-font-color {
    color: black;
}

#solution-what-we-do-mobile-teblet {
    margin-top: 60px;
    font-size: 40px;
}

#solution-what-we-do-mobile-teblet-pg {
    font-size: 16px;
}

#solution-what-we-do-mobile-teblet-pg-list {
    font-size: 16px;
}

#solution-some-projects {
    font-size: 60px;
    color: #000;
}

#solution-some-projects-mobile {
    font-size: 20px;
}

/* end of solution page  */

#career-pg-text {
    font-size: 30px;
    margin-right: 50px;
}

/* start career page */

#homepage-h3-join-mobile {
    font-size: 30px;
}

p span{

    background: rgba(255, 20, 114, 0.74);
    color: #ffffff;
    font-size: 50px;

}

/* end career page */


/* single casestudy css*/

.casestudy-white-side-navbar-title {
    color: #000;
    padding-left: 65% !important;
    margin-top: 210px;
}

#single-case-study-title {
    margin-top: 20px;
}

#grad-single-case-study {
    background-image: linear-gradient(180deg, rgba(255,255,255,1) 67%,rgba(45, 176, 255,1) 83%);
}


.single-side-case-study-apply {
    color: #ffffff;
    padding-left: 50% !important;
    margin-top: 1455px;
}

#mobile-single-case-study-title {
    font-size: 30px;
    margin-top: 0px;
}

.single-case-study-text{
    color: black;
    font-weight: bold;
    font-size: 16px;
    border-bottom: 5px #2db0ff solid;
    margin-left: 15px;
}

 
#mobile-case-study-work {
    font-size: 16px;
}
/* single casestudy css*/

/* about us page css*/ 
#short-description-about-us {
    font-size: 25px;
    margin-top: 20px;
}

#grad-about-us-page {
    background-image: linear-gradient(180deg, rgba(255,255,255,1) 77%,rgba(45, 176, 255,1) 91%);
    margin-top: 5%;
}

#grad-contact-form {
    background-image: linear-gradient(180deg, rgba(255,255,255,1),rgba(45, 176, 255,1) 44%);
}

#mobile-short-description-about-us {
    font-size: 16px;
}
/* end about us page css*/

.section-testimonial-text{
    font-weight: bolder;
    font-size: 22px;
    font-style: italic;
} 

.logo-height{
    height: 120px;
    padding: 15px;
}

.mobile-text p {
    font-size:   18px;
    margin-right: 2%;
    margin-left: 2%;
}
.mobile-text h3 {
    font-size: 22px;
}

.mobile-text a {
    font-weight: bold;
    font-size: 18px;
    margin-left: 2%;
}

.mobile-text h1 {
    font-size: 36px;
    padding: 0px !important;
    font-weight: 900px;
}

.mobile-text h2 {
    color:black;
    font-size: 42px;
    padding: 0px !important;
    font-weight: 900px;
}

.mobile-text-testimonial {
    font-weight: bold;
    font-size: 16px;
    font-style: italic;
}

.padding-top-mobile {
    padding-top: 40px;
}

.footer-text{
    font-family: MontSerrat;
}

#header-indent{
    margin-left: 4%;
}

#carousel-padding {
    margin-left: 10%;
    margin-right: 2%;
}

#font-bolder {
    font-weight: 900px;
}

#blue-left-padding {
    margin-left: 2%;
}

.image-width{
    width: 130px !important;
}

.our-service-mobile{
    margin-top: 30%;
}