#hero h1{font-size: 80px;color: #000000;text-align: left;width: 80%;line-height: 85px;padding-top: 130px;}
.sap-logo{text-align: right}
.main-logo img{margin-left:169px;}
.services{background: #f4f4f4;}
.ariba h2{font-size: 36px!important;}
.basic-serv .title{font-size: 28px;line-height: 34px;}
.trail-flo-page h2{font-size: 36px;}
.Strategy h2{font-size: 42px!important;line-height: 44px;}
.excution h2{font-size: 42px!important;line-height: 44px;}
.basic-serv .yellow-box{height: 200px!important;}
.basic-serv .light-gray-box{height: 200px!important;}
.about-us .title{font-size:70px!important;}
.about-us-txt {text-align: right;}
.gtt-img img{border-radius: 10px;border:solid 10px #FFD100;}
.header-images img{border-radius: 15px;}
.services .yellow-box{background:#FFD100; padding: 40px;margin-left: 30px;color: black;border-top-right-radius: 30px;}
.services .gray-box{background:#333533; padding: 40px;color: white;border-top-left-radius: 30px;margin-right: 0px!important;}
.services .light-gray-box{background:#D6D6D6; padding: 40px;height: 60px;height: 170px;margin-top: 182px;}
.services .title{font-size: 30px;font-weight: bold;}
.services .sub-txt{font-size: 18px;line-height: 29px;}
.services .small-yellow-box{background:#FFD100;height: 170px;margin-top: 127px;}
.index-sect-2 h2{font-size: 60px; text-transform: capitalize;}
.icsm h2{font-size: 36px!important;}
.index-page h2,h3,h4 {font-size:70px;color:black;}
.index-sect-3 .yellow-box{background: #FFD100;padding: 30px;height: 273px;color: black;}
.index-sect-3 .light-gray-box{background: #333533;color:white;padding: 30px;height: 273px;}
.index-sect-3 .title{font-size:24px; line-height: 28px;}
.gtt-page .light-gray-box {height: 250px!important;}
.gtt-page  .yellow-box {height: 250px!important;}
.gtt-page .title{    font-size: 26px!important;
    line-height: 39px!important; }
.index-sect-6{background: #202020; margin-top: 50px;}
.index-sect-6 h3{color:white!important;}
.navbar a, .navbar a:focus{font-size: 14px!important;text-transform: capitalize!important;padding:10px 0 10px 50px!important;}
.our-client{background: #FFD100;padding: 30px;font-size: 19px; text-align: center;font-weight: bold;}
.subcribe-us h4{font-size: 85px;line-height: 75px;}
.sub-input input{border:none; border-bottom: solid 2px black;width: 100%;}
.subcribe-btn {text-align: right;}
.subcribe-btn button{background: black;color: #ffc815;border-radius: 55px;;padding: 7px 56px;font-size: 20px;text-align: right;}
.comp-title{font-size: 180px;text-transform: uppercase;}
.number{font-size: 30px;font-weight: bold;}
.social-links i{font-size: 28px;}
.copyright{text-align: right;}
.Benefits-txt{font-size: 20px;}
.work-sect .nav-item{margin-right: 120px;margin-top: 10px;}
#hero .container {
    padding-top: 24px!important;
}
#header{top:0px!important;}
.mobile-nav-toggle{font-size: 40px!important;color: black!important;}
/*.ggt-header{ width: 100%;
    height: 83vh;
    background: url(../img/gtt-header.png) center center!important;
    background-size: cover!important;
    position: relative;
}*/
.index-sect-3{background:#f4f4f4;}
.trail-flo-main-heading{background:#FFD100;border-radius: 20px;padding:30px;width: 35%;text-align: left;}
.title{font-size: 40px;line-height: 38px;}
.work-sect{background: #333533;color: white!important;}
.work-sect h2{color: white;text-align:center;}
.work-sect h3{color: white!important;}
.nav-link{color: white;}
.we-provide{position: relative;margin-top: 60px;}
.trail-flo .text-box{    background: #333533;
    padding: 65px;
    width: 50%;
    text-align: right;
    color: white;
    position: absolute;
    right: 473px;
    top: 92px;}
    .trail-flo .text-box2{    background: #FFD100;
    padding: 65px;
    width: 50%;
    text-align: left;
    color: black;
    position: absolute;
    left: 473px;
    top: 92px;}
    .contact-us-form{background:#333533;color: white;}
    .contact-us-form .title {
    font-size: 76px;
    line-height: 65px;
    color: white;
}
.contact-us-btn{background:#FFD100;border: none;border-radius:15px;padding:10px 40px;}
.trail-flo .text-box h2{color: white!important;}
.trail-services img{float: right;}
.trail-services img{}
.ariba-main-heading {text-align: left;margin-top: 100px;}
.ariba-header-image img{border-radius: 45px;}
.benefits{background: #FFD100;}
.benefits ul{list-style:square;font-size: 20px;}
.about-us-work {background: #FFD100;color: black;}
.contact-us .yellow-box{height: 313px!important;}
.contact-us .light-gray-box{height: auto!important;}
.contact-us-form form{background: #333533;}
.contact-us-form form input{border-radius: 10px;padding: 14px;border:none; width: 100%;}
.contact-us-form form textarea{border-radius: 10px;padding: 14px;border:none; width: 100%;}
.submit-btn{background: #FFD100;
    color:black;
    border-radius: 55px;
    padding: 7px 56px;
    font-size: 20px;border:none;}

.strick-background{background: #FFD100;}
.about-com-ser{background: #202020;border-top-left-radius: 30px;border-bottom-left-radius: 30px; color: white;height: 543px;}
.about-com-ser2{background: #202020;border-top-right-radius: 30px;border-bottom-right-radius: 30px; color: white;height: 543px;}
.about-com-ser h2{    font-size: 93px;
    line-height: 72px;
    text-align: center; margin-top: 125px;}
    .about-com-ser2 h2{    font-size: 93px;
    line-height: 72px;
    text-align: center; margin-top: 125px;}
.company-serv img{border-top-right-radius: 30px;border-bottom-right-radius: 30px;}
.company-serv2 img{border-top-left-radius: 30px;border-bottom-left-radius: 30px;}
.Strategy{background: #D6D6D6;border-top-left-radius: 30px;border-bottom-left-radius: 30px; color: black;text-align: center;height: 543px;}
.excution{background: white;border-top-right-radius: 30px;border-bottom-right-radius: 30px;text-align: center;height: 543px;}
.ariba-main-heading .title {font-size: 86px;line-height: 78px;}
.main-heading .title{ font-size: 50px;line-height: 54px;text-align: left;margin-top: 100px;margin-left: 55px;}
#divisor .sub-txt{font-size: 16px;line-height: 25px;text-align: left;margin-left: 55px;}
.icsm-benefits .yellow-box{height: auto;}
.icsm-benefits .light-gray-box{height: auto;}




div#comparison { 
  height: 60vw;
  max-height: 600px;
  overflow: hidden; }
div#comparison figure { 
  background: url(../img/gtt-header.png) no-repeat!important;
background-size:cover!important;
  position: relative;
  font-size: 0; 
  height: 100%;
  margin: 0; 
}
div#comparison figure > img { 
  position: relative;
  width: 100%;
}
div#comparison figure #divisor { 
  background:#f4f4f4;
  background-size: cover;
  position: absolute;
  width: 50%; 
  box-shadow: 0 5px 10px -2px rgba(0,0,0,0.3);
  overflow: hidden;
  bottom: 0;
  height: 100%;
}




div#comparison1 { 
  height: 60vw;
  max-height: 600px;
  overflow: hidden; }
div#comparison1 figure { 
  background: url(../img/ariba-header.png) no-repeat!important;
background-size:cover!important;
  position: relative;
  font-size: 0; 
  height: 100%;
  margin: 0; 
}
div#comparison1 figure > img { 
  position: relative;
  width: 100%;
}
div#comparison1 figure #divisor { 
  background:#f4f4f4;
  background-size: cover;
  position: absolute;
  width: 50%; 
  box-shadow: 0 5px 10px -2px rgba(0,0,0,0.3);
  overflow: hidden;
  bottom: 0;
  height: 100%;
}




div#comparison2 { 
  height: 60vw;
  max-height: 600px;
  overflow: hidden; }
div#comparison2 figure { 
  background: url(../img/icsm-header.png) no-repeat!important;
background-size:cover!important;
  position: relative;
  font-size: 0; 
  height: 100%;
  margin: 0; 
}
div#comparison2 figure > img { 
  position: relative;
  width: 100%;
}
div#comparison2 figure #divisor { 
  background:#f4f4f4;
  background-size: cover;
  position: absolute;
  width: 50%; 
  box-shadow: 0 5px 10px -2px rgba(0,0,0,0.3);
  overflow: hidden;
  bottom: 0;
  height: 100%;
}




div#comparison3 { 
  height: 60vw;
  max-height: 600px;
  overflow: hidden; }
div#comparison3 figure { 
  background: url(../img/inovation-lab.png) no-repeat!important;
background-size:cover!important;
  position: relative;
  font-size: 0; 
  height: 100%;
  margin: 0; 
}
div#comparison3 figure > img { 
  position: relative;
  width: 100%;
}
div#comparison3 figure #divisor { 
  background:#f4f4f4;
  background-size: cover;
  position: absolute;
  width: 50%; 
  box-shadow: 0 5px 10px -2px rgba(0,0,0,0.3);
  overflow: hidden;
  bottom: 0;
  height: 100%;
}






input[type=range]{
  -webkit-appearance:none;
  -moz-appearance:none;
  position: relative;
  top: -2rem; left: -2%;
  background-color: rgb(0 0 0 / 10%);
  width: 102%; 
}
input[type=range]:focus { 
  outline: none; 
}
input[type=range]:active { 
  outline: none;  
}

input[type=range]::-moz-range-track { 
  -moz-appearance:none;
    height:15px;
    width: 98%;
    background-color: rgb(0 0 0 / 10%); 
    position: relative;
    outline: none;    
 }
input[type=range]::active { 
  border: none; 
  outline: none;
  background:black;
}
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance:none;
    width: 20px; height: 15px;   
    background: black;
    border-radius: 0;
   }
input[type=range]::-moz-range-thumb {
  -moz-appearance: none;
  width: 20px;
  height: 15px;
  background: black;
  border-radius: 0;
     }   
input[type=range]:focus::-webkit-slider-thumb {
    background: rgba(255,255,255,0.5);
   }
input[type=range]:focus::-moz-range-thumb {
    background: rgba(255,255,255,0.5);
   }







@media (max-width: 768px) {
  .main-heading .title{font-size: 41px;line-height: 42px;}
    .work-sect .nav-item{margin-right: auto;}

  .index-page h2, h3, h4{margin-top:30px;}
  section {
    padding: 7px 0;}
  section{padding-bottom: 12px;}
  #hero {
    height: auto!important;

  }
  .contact-us .yellow-box{height: auto!important;}
  .about-com-ser{height: 293px;}
  .trail-flo .text-box{padding:36px;right: 361px;}
  .trail-flo .text-box2{padding:36px;left: 361px;}
  .strick-background h2,h3{font-size:41px!important;}
  .Strategy{height: auto;}
  .excution{height: auto;}
  #hero h1 {
    font-size: 64px;
    color: #000000;
    text-align: left;
    width: 100%; 
    line-height: 57px;
        padding-top: 110px;
}
.services .sub-txt {
    font-size: 15px;
    line-height: 24px;
}
.services .title {
    font-size: 38px;
}
.services .yellow-box {
    padding: 17px;
    margin-left: 9px;
}
.services .gray-box{padding: 17px;}
.services .light-gray-box{margin-top:64px;}
.services .small-yellow-box{margin-top: 64px;}
.index-page h2, h3, h4{font-size: 46px;}
.subcribe-us h4 {
    font-size: 45px;
    line-height: 49px;
}
.comp-title{font-size: 137px;}
.trail-flo-main-heading{margin-top: 78px; padding-top:23px;width: 53%; }
.title {
    font-size: 30px;
    line-height: 32px;
}
.our-vision-img img{width: 100%;}
}

@media (max-width:767.98px) {

.strick-background h2, h3{font-size: 25px!important;    margin-top: 12px!important;}
.about-com-ser {
    height: 212px;
}
.main-heading .title {
    font-size: 72px;
    line-height: 66px;}
    .ariba-main-heading .title{ font-size: 72px;
    line-height: 66px;}
.index-sect-3 .title {
    font-size: 18px!important;
}
.index-sect-3 .yellow-box{padding:22px;}
.index-sect-3 .light-gray-box{padding:22px;}
.index-page h2, h3, h4 {
    font-size: 36px;
}
.subcribe-us h4 {
    font-size: 36px;
    line-height: 43px;
}
.comp-title {
    font-size: 100px;
}

}


@media (max-width: 480px) {
    .main-logo img {
    margin-left: 45px;
}
.main-heading .title{font-size: 43px;
    line-height: 46px;}
    .ariba-main-heading .title{font-size: 43px;line-height: 46px;}
.about-com-ser{border-top-left-radius: 30px;border-top-right-radius: 30px;border-bottom-left-radius:0px;}
.company-serv img {
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    border-top-right-radius: 0px;
}
.Strategy{border-top-left-radius: 30px;border-top-right-radius: 30px;border-bottom-left-radius:0px;}
.excution{border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    border-top-right-radius: 0px;}
  #hero h1{font-size: 43px;line-height: 46px;}
   .services .light-gray-box {
    margin-top: 15px;
}
.trail-flo .text-box {
    padding: 36px;
    right: 40px;
    width: 80%;
    text-align: center;
    top:136px;
}
.trail-flo .text-box2 {
    padding: 36px;
    left: 40px;
    width: 80%;
    text-align: center;
    top:136px;
}
.trail-flo{margin-bottom: 92px;}
.we-provide img{width: 100%;}
.trail-flo-main-heading{width: 100%;}
.services .gray-box{margin-top: 15px;}
.services .small-yellow-box {
    margin-top: 15px;
}
.index-page h2, h3, h4 {
    font-size: 40px;
}


.for-small-color{background: #FFD100!important; color: black!important;}

.comp-title {
    font-size: 73px;
}
.index-sect-3 .yellow-box{height: auto;}
}



@media (max-width: 320px) {
.index-page h2, h3, h4 {
    font-size: 35px;
}
.trail-flo .text-box{padding-top: 0px}
.trail-flo .text-box2{padding-top: 0px}
.comp-title {
    font-size: 55px;
}
}