body {
    font-size: 20px;
    font-family: Cinzel,Garamond,Baskerville,"Baskerville Old Face","Hoefler Text","Times New Roman",serif;
    font-weight: 100 !important;
    color: #333 !important;
    width: 100% !important;
}

p, h1, h2, h3, h4, h5, h6, h7, p, div, nav, main, footer, td, a, li, span {
    font-family: Cinzel,Garamond,Baskerville,"Baskerville Old Face","Hoefler Text","Times New Roman",serif;
    color: #333 !important;
    line-height: 25px;
    text-align: justify;
}

.heading1{
    font-size:20px!important;
    font-weight:bold!important;
}

.heading2 {
    font-size: 22px !important;
    font-weight:bold!important;
}

#logoSection{
    /*min-height:70px;
    height:70px;*/
    padding-left:40px;
    vertical-align:middle;
}

#logoSection img {
    /*margin: 10px 20px 10px 20px;*/
    height: 100%;
}

.logoText{
    min-height:30px;
} 

.logoText span{
    color:#2d708c!important; 
    font-weight:bold!important;
}

.logoText span:first-child{
    color:#1f324f!important; 
    padding-left:50px!important; 
}

.img-container{
    width:100%;
    position: relative;
    height: 600px;
    overflow: hidden;
    /*border-bottom: 10px solid black;*/
}

.img-container img{
    width:100%;
    position: absolute;
    -webkit-animation: animate 50s ease ;
    -ms-animation: animate 50s ease ;
    -o-animation: animate 50s ease ;
    -moz-animation: animate 50s ease;
    animation: animate 50s ease;
    top: 0;
    left: 0;
    object-fit: cover;
    animation-fill-mode: forwards;
    height: 600px;
    max-height: 600px;
    /*opacity: 0.5;
    filter: alpha(opacity=50);*/ /* For IE8 and earlier */
}


.riseimg-container{
    width:100%;
    /*position: relative;*/
    height: 100vh;
    max-height:100vh;
    overflow: hidden;
    /*border-bottom: 10px solid black;*/
}

.riseimg-container img{
    /*width:100%;*/
    /*position: absolute;*/
    -webkit-animation: animate 50s ease ;
    -ms-animation: animate 50s ease ;
    -o-animation: animate 50s ease ;
    -moz-animation: animate 50s ease;
    animation: animate 50s ease;
    /*top: 0;
    left: 0;*/
    object-fit: cover;
    animation-fill-mode: forwards;
    height: 900px;
    max-height: 900px;
    /*opacity: 0.5;
    filter: alpha(opacity=50);*/ /* For IE8 and earlier */
}



#imgOverlay {
    background-color: white;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
    margin-top: -150px;
    z-index: 10;
}

#imgOverlay h1{
    padding:20px;
    padding-bottom:40px!important;
    text-align:center;
}

#imgOverlay p{
    padding-left:20px;
    padding-right:20px;
}
/*#imgOverlay imgSection{
    padding-left:20px;
    padding-top:20px;
    padding-bottom:20px;
}*/

#imgOverlay img{
    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
    /*height:460px;*/
    /*border-radius:22px;*/
    cursor:pointer;
    width:100%!important;
}

#imgOverlay img:hover{
    -webkit-transform:scale(1.5);
    object-fit:cover;
    width:100%!important;
}

.overlayBottom {
    /*background-color: #92a8d1;*/
    background-color: #313a4c;
    padding-bottom:20px;
}

.overlayBottom h1{
    text-align:center;
    font-size:30px;
    /*font-weight:bold;*/
    color:white!important;
    margin-bottom:40px;
}


.overlayBottomText {
    padding: 20px;
    padding-top: 120px !important;
}

#itServices {
    /*z-index: 10;*/
    background-color: #2160a5;
    /*height: 600px;
    min-height: 600px;*/
    margin-top: 10px;
    color: white !important;
}

.homeITSection h1 {
    text-align: center;
    padding: 30px;
    font-size: 26px;
    /*font-weight: bold;*/
}

.homeITServices {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 22px;
    /*height: 350px;*/
    min-height: 400px;
    /*background-color: #b76d39;*/
    background-color: #f8f8f8;
    z-index: 10;
    cursor:pointer;
}

.riseBenefits {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 22px;
    height: 400px;
    min-height: 400px;
    /*background-color: #b76d39;*/
    background-color: #f8f8f8;
    z-index: 10;
    cursor: pointer;
}

/*.animateServices {
    animation-name: scaleServices;
    animation-duration: 1s;
}*/

.elementRow1{
    visibility:hidden;
}

.elementRow2 {
    visibility: hidden;
}

@keyframes scaleServices{
    from {
        -webkit-transform: scale(0.1);
    }

    to {
        -webkit-transform: scale(1);
    }
}

.homeITServices h1{
    padding-top:20px!important;
    padding-left:20px!important;
    padding-bottom:0px!important;
    text-transform:uppercase;
    text-align:left!important;
    /*color:white!important;*/
    font-size:22px!important;
}

.homeITServices p{
    padding:20px;
    /*color:white!important;*/
}

.homeITServices img:hover {
    animation: flipImage 1s linear;
    /*animation-duration: 1s;*/
}

@keyframes flipImage {
    from {
        -webkit-transform: rotateY(0deg);
    }

    to {
        -webkit-transform: rotateY(360deg);
    }
}

.serviceofferings {
    vertical-align: middle;
    text-align: center;
    padding-top:240px;
    padding-bottom:140px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 20px;
    font-weight:bold;
    color: #212121 !important;
}

.serviceheadings {
    vertical-align: middle;
    text-align: center;
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 20px;
    font-weight:bold!important;
    color: #755050 !important;
    /*border-width:20px 5px 0px 5px;*/
    /*border-top-width:0px!important;*/
    border-left-width:5px!important;
    border-right-width:5px!important;
    /*border-bottom-width:0px!important;*/
    border-color: white !important;
    background-color: #ffd800;
    border-style:solid!important;
}

.riseHeadings {
    vertical-align: middle;
    text-align: center;
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 50px;
    padding-right: 30px;
    font-size: 20px;
    /*font-weight: bold !important;*/
    /*color: #755050 !important;*/
    /*border-left-width: 5px !important;
    border-right-width: 5px !important;*/
    /*border-color: white !important;*/
    /*background-color: #ffd800;*/
    /*border-style: solid !important;*/
}


.serviceImages {
    width:100%; 
    /*border-style:solid; 
    border-color:white; 
    border-right-width:10px; 
    border-left-width:20px;*/
}

.serviceText {
    padding-top:5px;
    padding-bottom:5px;
    text-align:center;
    font-weight:bold!important;
}

/*.fullstacktext {
    padding-left: 150px!important;
    padding-right: 150px!important;
}*/


.fintechService {
    vertical-align: middle;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 20px;
    font-weight:bold;
    color: #755050 !important;
}

.homeITSerMiddle {
    height: 60px;
}

@media (min-width: 300px) {
    /*.TwentyFive .col-md-1,
    .TwentyFive .col-lg-1 {
        width: 5%;
    }
    
    .TwentyFive .col-md-2,
    .TwentyFive .col-lg-2 {
        width: 10%;
    }

    .TwentyFive .col-md-3,
    .TwentyFive .col-lg-3 {
        width: 30%;
    }

    .TwentyFive .col-md-8,
    .TwentyFive .col-lg-8 {
        width: 80%;
    }*/

    .bottomThree .col-md-1,
    .bottomThree .col-lg-1 {
        width: 2.3%;
    }

    .bottomThree .col-md-4,
    .bottomThree .col-lg-4 {
        width: 39.2%;
    }

    .bottomThree .col-md-7,
    .bottomThree .col-lg-7 {
        width: 64.1%;
    }

}

@media (min-width: 1200px) {
    .TwentyFive .col-md-1,
    .TwentyFive .col-lg-1 {
        width: 5%;
    }

    .TwentyFive .col-md-2,
    .TwentyFive .col-lg-2 {
        width: 10%;
    }

    .TwentyFive .col-md-3,
    .TwentyFive .col-lg-3 {
        width: 30%;
    }

    .TwentyFive .col-md-8,
    .TwentyFive .col-lg-8 {
        width: 80%;
    }

    .overlayBottom p {
        text-align: center;
        color: white !important;
        padding-left: 150px !important;
        padding-right: 150px !important;
    }

    .fullstacktext {
        padding-left: 150px !important;
        padding-right: 150px !important;
    }

}

@media (min-width: 992px) and (max-width:1199px) {
    .TwentyFive .col-md-1,
    .TwentyFive .col-lg-1 {
        width: 5%;
    }

    .TwentyFive .col-md-2,
    .TwentyFive .col-lg-2 {
        width: 10%;
    }

    .TwentyFive .col-md-3,
    .TwentyFive .col-lg-3 {
        width: 30%;
    }

    .TwentyFive .col-md-8,
    .TwentyFive .col-lg-8 {
        width: 80%;
    }

    .overlayBottom p {
        text-align: center;
        color: white !important;
        padding-left: 100px !important;
        padding-right: 100px !important;
    }

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

}

@media (min-width: 768px) and (max-width:991px) {
    .overlayBottom p {
        color: white !important;
        padding-left: 70px !important;
        padding-right: 70px !important;
    }

    .fullstacktext {
        padding-left: 70px !important;
        padding-right: 70px !important;
    }

}

@media (max-width: 767px) {
    .overlayBottom p {
        color: white !important;
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .fullstacktext {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

}





/*@media (min-width: 768px) and (max-width:991px) {
    .servicesSnapshot .col-sm-4 {
        width: 33.3%;
    }

    .servicesSnapshot .col-sm-6 {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .servicesSnapshot .col-xs-12 {
        width: 100%;
    }
}*/

.bottomThree .txtPadding{
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.bottomThree img{
    margin-top:20px!important;
}


.divBlank {
    height:50px;
}


#testimonials {
    background-color: #0055B8;
    margin-top: 10px;
    color: white !important;
}

.hrtext {
    background-color: #0055B8;
    margin-top: 10px;
}

.hrtext h1{
    color: #efefef!important;
}

.hrtext p{
    color: #efefef!important;
}

.hrtextright {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 22px;
    background-color: white !important;
    color:#333!important;
}

.hrtextright h1{
    padding:10px;

}

.hrtextright p{
    padding:10px;

}

@-webkit-keyframes animate {

    0% {
        -webkit-transform: scale(1.0);
        -ms-transform: scale(1.0);
        transform: scale(1.0);
        -moz-transform: scale(1.0);
        -o-transform: scale(1.0);
    }


    100% {
        -webkit-transform: scale(1.6);
        -ms-transform: scale(1.6);
        -o-transform: scale(1.6);
        transform: scale(1.6);
        -moz-transform: scale(1.6);
    }
}

@keyframes animate {

    0% {
        /*-webkit-transform-origin: bottom right;
        -ms-transform-origin: bottom right;
        transform-origin: bottom right;*/
        -webkit-transform: scale(1.0);
        -ms-transform: scale(1.0);
        transform: scale(1.0);
    }


    100% {
        -webkit-transform: scale(1.6);
        -ms-transform: scale(1.6);
        transform: scale(1.6);
    }
}

#menuSection {
    /*min-height: 100px;*/
    padding-left: 40px;
    vertical-align: middle;
    margin-bottom:20px;
}

.menuStyle {
    float: right;
    text-align: right;
    padding-right: 20px;
    width: 100%;
}

.menuStyle li{
    display:inline-block;
    margin-right:20px;
    margin-top:20px;
}

.menuStyle li a {
    font-size: 18px !important;
    color: #1f324f !important;
    font-weight:bold!important;
}

.aiSection {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 22px;
    min-height: 400px;
    background-color: #2160a5;
    /*background-color:#b76d39;*/
    z-index:5;
    visibility:hidden;
}

.aiSection h1 {
    padding: 20px;
    padding-bottom: 40px !important;
    text-align: center;
    color:white!important;
}

.aiSection p {
    padding-left: 20px;
    padding-right: 20px;
    color:white!important;
}

.aiSection img {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    /*height:460px;*/
    border-radius: 22px;
    margin-left:25px;
    margin-bottom:25px;
    height:300px;
}

.aiSection img:hover{
    -webkit-transform:scale(1.5);
    object-fit:cover;
}

.insights{
    visibility:hidden;
}
.boxStyles {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 22px;
}

.hr-maintext {
    height: 200px;
    min-height: 200px;
    background-color: #0055B8;
    margin-top: 10px;
}

.hr-maintext p:first-child {
    padding-top: 40px !important;
}

.hr-maintext p {
    padding-top: 5px!important;
    margin-right: 50px!important;
    margin-left: 50px!important;
    padding-bottom: 5px!important;
    color:white!important;
}

.itService-row1{
    background-image:url("../images/itservices-row1.png");
    background-repeat:no-repeat;
    background-size:cover;
    /*height:300px;*/
}

.itService-row2 {
    background-image: url("../images/itservices-row2.png");
    background-repeat: no-repeat;
    background-size: cover;
    /*height:300px;*/
}

.testimonial blockquote {
  margin: 10px 10px 0;
  background: #efefef;
  padding: 20px 60px;
  position: relative;
  border: none;
  border-radius: 8px;
  font-style: italic;
  text-align:justify;
}

.testimonial blockquote:before,
.testimonial blockquote:after {
  content: "\201C";
  position: absolute;
  font-size: 80px;
  line-height: 1;
  color: #757f9a;
  font-style: normal;
}

.testimonial blockquote:before {
  top: 0;
  left: 10px;
}

.testimonial blockquote:after {
  content: "\201D";
  right: 10px;
  bottom: -0.5em;
}

.testimonial div {
  width: 0;
  height: 0;
  border-left: 0 solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #efefef;
  margin: 0 0 0 60px;
}

.testimonial p {
  margin: 8px 0 0 20px;
  text-align: left;
  /*color: #fff;*/
}

.technology-logo {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

.technology-logo img{
    height: 100px;
}

.automation-border {
    box-shadow: 1px 0px rgba(0, 0, 0, 0.2);
}

.automation-border p{
    padding:5px 20px 5px 20px;
}

#companyAddress p {
    line-height: 15px !important;
    padding: 0px !important;
    margin: !important;
}