/* service benefits */
.web-benefits h1{
    text-align: center;
    color:#050748;
    text-transform: capitalize;
    font-weight: 700;
}
.web-benefits{
    padding:50px;
}
div#MiCarousel {
    height:70%;
}
.web-benefits{
/* background: linear-gradient( 45deg,#4a0079 0,#4202b2 50%,#17a2b8 100%); */
background-color:whitesmoke;
}
.common-heading.text-l p {
    color: #6a6a8e;
}
.common-heading h2{
  margin-bottom:0px;
}
body{
    font-family: 'Roboto', sans-serif;
}
#MiCarousel{
    margin-top: 30px;
    margin-bottom: 30px;
    -webkit-box-shadow: 10px 10px 38px -13px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 38px -13px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 38px -13px rgba(0,0,0,0.75);
}
.carousel-img{
    /* background-color: #000; */
    color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100% !important;
    position: absolute;    
    z-index: 2;
    -webkit-clip-path: polygon(0 0, 96% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);
    opacity: 0.8;
}

.div-r{
    padding: 40px;
}

.carousel-title {
    font-size: 80px;
    font-weight: bold;
    margin-left: 20px;
    margin-top: 20px;
}
.carousel-item h3{
    color:white;
}
.carousel-item p{
    color:white;
}

.carousel-pagination{
    background-color:black !important;
    width: 15px !important;
    height: 15px !important;
    border-radius: 100%;
    position: relative;
    bottom: -50px;
    opacity: 0.5;
}

.carousel-pagination.active{
    opacity: 1;   
}

.carousel-controls{
    display: none;
}
/* service benefits end */
/* web platforms */
.platforms-head h1{
    color:white;
    text-align:center;
    margin-bottom:20px;
}
.web-platforms .card {
    margin-bottom: 15px;
    border-radius: 10px;
    height: 300px;
}
.card-front.text-white.bg-primary {
    height: 300px;
}
.card-body .btn-outline-secondary
{
    text-align: center;
    color:#050748;
    margin-top: 10px;
    font-weight: 700;
    text-transform: capitalize;
    border:none;
   
}
@media(max-width:768px){
    .web-platforms .card {
        height: 200px !important;
    }
    .card-flip:hover .card-front {
        height: inherit;
    }
    .card-body {
        padding:0 !important;
        height: inherit !important;
    }
    .card-back .card-body {
        padding: 15px !important;
    }
    .card-body .btn-outline-secondary
    {
        font-size: 12px !important;
        margin: 0;
        padding: 0;
        padding-top: 5px;
    }
    .card-body h3 {
        padding-top: 0 !important;
        font-size: 17px !important;
        margin: 0;
    }
     .card-text{
        line-height:16px !important;
     }
}
.card-body .btn-outline-secondary:hover{
    background-color:#d7f0fd;
}
.card-body{
    padding: 0;height: auto;
}
.card-body img{
    border-radius:15px;
}
.web-platforms{
    padding:50px;
    background: linear-gradient( 45deg,#4a0079 0,#4202b2 50%,#17a2b8 100%);
}
.card-flip > div {
    backface-visibility: hidden;
    transition: transform 300ms;
    transition-timing-function: linear;
    width: 100%;
    height: 100%;
    margin: 0;
    display: flex;
  }
  
  .card-front {
    transform: rotateY(0deg);
  }
  
  .card-back {
    transform: rotateY(180deg);
    position: absolute;
    top: 0;
   
  }
  .card{
    border:none;
    background-color:whitesmoke;
  }
  .card-back .card-body{
      padding: 15px;
    border-radius:15px;
    background-color:#d7f0fd !important;
  }
  /* .card-back{
    padding:20px;
  } */
  .card-body h3{
    padding-top:20px;
    font-size:25px;
    font-weight:700;
    text-transform: capitalize;
    color:#050748;
  }
  .card-body h3:hover{
    color:red;
  }
  .card-text{
    line-height:20px;
    font-size:16px;
    color:#050748;
    text-align:justify;
  }
  
  .card-flip:hover .card-front {
    transform: rotateY(-180deg);
    
  }
    
  .card-flip:hover .card-back {
    transform: rotateY(0deg);
  }
  /* web platforms end */
  /* custom web development */
  .custom-development{
    padding:50px;
    background: linear-gradient(to right,#f7c59a 0,#f87b4a 100%);
  }
  .custom-head h1{
    text-align: center;
    color:white;
    text-transform: capitalize;
    font-weight:700;
    font-size:50px;
  }
  .custom-content p{
    color:white;
    text-align:center;
    margin-top:10px;
  } 
@media(max-width:768px){
    .custom-head h1{
       font-size:26px;
       line-height:25px;
       font-weight:500;
    }
    .web-benefits h1{
      font-size:26px;
      line-height:25px;
    }
    div#MiCarousel {
      height: 90%;
  }
  .need-head h1 {
    font-size: 26px;
    line-height: 31px;
  }
  .need-content p{
    margin-top:10px;
    text-align:justify !important;
  }
  .advanced-service h1 {
    font-size: 26px;
    line-height: 33px;
}
.web-step-head h1 {
  font-size: 26px;
  line-height: 30px;
}
.requirement-image{
  text-align:center;
}
.custom-development{
  padding-left :15px !important;
  padding-right :15px !important;
}
.custom-content p{
  text-align: justify;
}
.platforms-head h1 {
  font-size: 26px;
  line-height: 30px;
}
section.web-need {
  padding-left :15px !important;
  padding-right :15px !important;
}
.card-back .card-body p{
  font-size:12px;
}
.web-benefits{
  padding-left :15px !important;
  padding-right :15px !important;
}
.advanced-service{
  padding:50px 15px !important;
}
.advanced-service-content p {
  text-align: justify !important;
  margin-top:10px;
}
.web-step {
  padding:50px 15px !important;
}
.web-step-head h1 {
   width: 100% !important;
   margin: 0px !important;
}
}


  /* custom web development end  */
  /* web need */
section.web-need {
    padding: 50px;
    background: linear-gradient(to right,#f7c59a 0,#f87b4a 100%);
}
.need-head h1{
  color:white;
  text-align: center;
  font-weight:700;
}
.need-content p{
  color:white;
  text-align:center;
}
/* web-need end */
/* advance service*/
.advanced-service{
  padding:50px;
  background: linear-gradient( 45deg,#4a0079 0,#4202b2 50%,#17a2b8 100%);
}
.advanced-service-head h1{
  color:white;
  text-align:center;
}
.advanced-service-content p{
  color:#fff;
  text-align:center;
}
.advanced-service h4{
  color:white;
  text-align:center;
  text-transform: capitalize;
  margin-top:20px;
}
.ecommerce-content{
  margin-top:20px;
  border:1px solid white;
  border-radius:10px;
  background-color:white;
  height:150px;
}
.ecommerce-content:hover{
  background-color: #c7ecff;
  box-shadow: 3px 3px 30px 1px #fff;
}
.ecommerce-content p{
  padding:24px;
  color:black;
  text-align:justify;
  font-size:15px;
}
/* advance service */
/* web step */
.web-step{
  padding:50px;
  background: linear-gradient( 45deg,#4a0079 0,#17a2b8 100%);
}
.requirement-head {
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  border-bottom:1px solid white;
}
.web-step-head h1{
  color:white;
  text-align: center;
  width:70%;
  margin:auto;
  padding-bottom:30px;
}
.requirement-content{
  border:2px solid white;
  border-radius:100px;
  width:100px;
  height:100px;
  background: linear-gradient(to right,#ffbd84 0,#f15c22 100%);
  box-shadow: 0 10px 15px 0 rgb(241 92 34 / 24%);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  flex-direction: column;
}
.requirement-content p{
  line-height:20px;
  color:white;
  font-weight:700;
}
.requirement-image img{
  text-align: center;
}
.requirement-head h6{
  color:white;
  font-size:16px;
  margin-top:20px;
  /* margin-bottom:40px; */
  /* border-bottom:1px solid blue; */
}
/* web step end */

/* php development page */
/* framework start */
@media(max-width:768px){
  .php-framework{
   padding:50px 15px !important;
  }
  .framework-head p{
    margin-top:10px;
  }
  .framework-head h1{
    line-height:25px;
    font-size:26px;
  }
 .framework-name h2{
  margin-bottom:10px !important;
 }
 .scale{
  padding:50px 15px !important;
 }
 .full-scale h1{
  margin-top:20px;
  font-size:26px;
 }
 .feature{
  padding:50px 15px !important;
 }
 .feature-head h2{
  margin-bottom:20px;
  font-size:26px;
  text-align:center;
 }
}
section.php-framework {
  padding: 50px;
  background-color:whitesmoke;
}
.framework-head h1{
  color:rgb(22, 21, 21);
  text-align: center;
  text-transform: capitalize;
}
.framework-head p{
  color:rgb(10, 10, 10);
  text-align: justify;
}
.framework-name h2{
  color:rgb(12, 11, 11);
  text-align: center;
  font-size:25px;
  text-transform: capitalize;
  margin-top:20px;
}
.framework-name h2:hover{
color:#f15c22;
}
.name{
  border:1px solid white;
  background-color:white;
  border-radius:20px;
  padding:10px;
  text-align:center;
  padding:15px;
}
.name:hover{
/* background: linear-gradient(to right,#ffbd84 0,#f15c22 100%); */
background: linear-gradient( 45deg,#4a0079 0,#7339d8 50%,#17a2b8 100%);
}
.name p:hover{
  color:white !important;
}
.name img {
  width: 100px;
}
.name p{
  color:rgb(12, 12, 12);
  text-align:justify;
  margin-top:10px;
}
.name:hover img {
  filter: brightness(0) invert(1);
}
/* end framework */
/* scale start */
.scale{
  padding:50px;
  /* background-color:whitesmoke; */
  /* background: linear-gradient(to right,#fcc18d 0,#f88a5e 100%); */
  /* background: linear-gradient(90deg,rgb(248, 169, 147) 20%,rgb(209 218 235) 80%); */
  background: linear-gradient( 45deg,#4e355e 0,#7d32ff 50%,#17a2b8 100%);
}
.offshore h1{
  color:white;
  line-height:38px;
  text-align: center;
  font-size:30px;
  text-transform: capitalize;
  /* font-weight:900; */
}
.scale li.d-flex {
  margin-top: 20px;
}
.scale li p{
  color:white;
  /* display: flex; */
  align-items: center;
  font-size:22px;
  font-weight:700;
  margin-left:20px;
}
.full-scale h1{
  color:white;
  line-height:38px;
  text-align: center;
  font-size:30px;
  text-transform: capitalize;
}
.full-scale p{
  color:white;
  text-align:justify;
  margin-top:20px;
  line-height:30px;
}
span.img{
    /* border: 1px solid #0e0d0d; */
    /* position:absolute; */
    /* border: 2px solid #d40d0d; */
    height: 60px;
    width: 60px;
    border-radius: 100px;
    display: flex;
    background-color: #fff;
    box-shadow: 0px 0px 8px 1px rgb(8 8 8 / 50%);
    
}
span.img img{
  filter: brightness(0);
}

/* scale end */
/* feature start */
.feature{
  padding:50px;
}
.feature .feature-head h2 {
  font-size:35px;
  color:#050748;
  text-transform:capitalize;
}
.feature .feature-head p {
  text-align: justify;
  color:black;
}
.feature-name1{
  margin-top:20px;
  border-radius:20px;
  background-color:whitesmoke;
  padding:15px;
  border-left:5px solid red;
}
.feature-name1:hover{
  border:2px solid red;
}
.feature-name1 .fa.fa-file{
display: flex;
align-items: center;
flex-direction: column;
font-size:30px;
}
.feature-name1 h1{
  color:#050748;
  font-size:30px;
  text-align:center;
  font-weight:700;
}
.feature-name1 p{
  color:black;
  text-align: justify;
}
.feature-name2{
  margin-top:20px;
  border-radius:20px;
  background-color:whitesmoke;
  padding:15px;
  border-right:5px solid red;
}
.feature-name2:hover{
  border:2px solid red;
}
.feature-name2 .fa.fa-file{
display: flex;
align-items: center;
flex-direction: column;
font-size:30px;
}
.feature-name2 h1{
  color:#050748;
  font-size:30px;
  text-align:center;
  font-weight:700;
}
.feature-name2 p{
  color:black;
  text-align: justify;
}
.feature-name3{
  margin-top:20px;
  border-radius:20px;
  background-color:whitesmoke;
  padding:15px;
  border-left:5px solid red;
}
.feature-name3:hover{
  border:2px solid red;
}
.feature-name3 .fa.fa-file{
display: flex;
align-items: center;
flex-direction: column;
font-size:30px;
}
.feature-name3 h1{
  color:#050748;
  font-size:30px;
  text-align:center;
  font-weight:700;
}
.feature-name3 p{
  color:black;
  text-align: justify;
}
.feature-name4{
  margin-top:20px;
  border-radius:20px;
  background-color:whitesmoke;
  padding:15px;
  border-left:5px solid red;
}
.feature-name4:hover{
  border:2px solid red;
}
.feature-name4 .fa.fa-file{
display: flex;
align-items: center;
flex-direction: column;
font-size:30px;
}
.feature-name4 h1{
  color:#050748;
  font-size:30px;
  text-align:center;
  font-weight:700;
}
.feature-name4 p{
  color:black;
  text-align: justify;
}
.feature-name5{
  margin-top:20px;
  border-radius:20px;
  background-color:whitesmoke;
  padding:15px;
  border-right:5px solid red;
}
.feature-name5:hover{
  border:2px solid red;
}
.feature-name5 .fa.fa-file{
display: flex;
align-items: center;
flex-direction: column;
font-size:30px;
}
.feature-name5 h1{
  color:#050748;
  font-size:30px;
  text-align:center;
  font-weight:700;
}
.feature-name5 p{
  color:black;
  text-align: justify;
}
.feature-image img{
  width:80%;
}
/* feature end */
/* end php development page */
/* start wordpress page */
/* start choose section */
.choose {
  background-color:#f5ecec;
}
.choose-head h1{
  color:#050748;
  font-size:40px;
  text-align:center;
  text-transform: capitalize;
  font-weight:600;
}
.choose-image img {
  width: 100%;
  margin-top:20px;
  border-radius:20px;
}
.choose-content p{
  margin-top:20px;
  color:black;
}
@media(max-width:768px){
  .choose-head h1{
    font-size:26px;
    text-align:center;
    line-height: 30px;
  }
}
/* end choose section */
/* start reason choose start */
.choose-reason .reason-head h1{
  color:#050748;
  text-align: center;
  text-transform: capitalize;
  font-size:35px;
  font-weight:600;
}
.reason-name{
  margin-top:20px;
  background-color:whitesmoke;
  border-radius:20px 0px 20px 0px;
  text-align:center;
  padding:15px;
}
.reason-image img{
  text-align: center;
}
.reason-name h4{
  margin-top:10px;
  margin-bottom:10px;
  text-align:center;
  font-size: 20px;
  font-weight: 700;
}
.reason-name h4:hover{
  color:#f15c22;
}
.reason-name p:hover{
  color:#f15c22;
}
.reason-name p{
  text-align:center;
  color:black;
}
.reason-name:hover{
  transform: scale(1.1,1.1);
cursor: pointer;
}
/* end reason choose start */
/* start high service */
.high-service{
  background: linear-gradient( 45deg,#4a0079 0,#7339d8 50%,#17a2b8 100%);
}
.high-service-head h1{
  color:white;
  text-align: center;
  font-weight:600;
  font-size:40px;
}
.services{
  margin-top:20px;
}
.service-heading h3{
  color:white;
  font-size:20px;
  text-align: center;
}
.service-content p{
  margin-top:10px;
  padding:20px;
  color:#000;
  text-align: center;
  background-color:white;
  border-radius:20px;
  border-top: 5px solid #f15c22;
}
.service-content p:hover{
  border-bottom:  5px solid #f15c22;
  color:#f15c22;
}
@media(max-width:768px){
  .reason-head h1{
    font-size:26px;
    text-align:center;
    line-height: 36px;
  }
  .high-service-head h1{
    font-size:26px;
    text-align:center;
    line-height: 36px;
  }
  .choose-head h1{
    font-size:26px;
    text-align:center;
    line-height: 36px;
  }
  .choose-content p{
    text-align: justify;
  }
}
/* end high service */
/* wordpress page end */
/* laravel page start */
.laravel{
  background-color:whitesmoke;
}
.laravel-name{
  border:1px solid white;
  border-radius:20px;
  background-color:white;
  margin-top:20px;
  padding:15px;
  border-right:2px solid rgb(14, 8, 65);
}
.laravel-name:hover{
  background-color:#fdd3c2;
}
.laravel-head h1{
  font-size:40px;
  text-align:center;
  text-transform: capitalize;
  font-weight:600;
}
.laravel-name h3{
  margin-top:20px;
  color:#000;
  font-weight:600;
  font-size:15px;
  text-align: center;
  text-transform:capitalize;
}
.laravel-name p{
  text-align: justify;
  color:#000;
}
.laravel-name:hover{
box-shadow: 0 3px 30px rgb(0 0 0 / 16%);
}
.badge{
  margin-left:16px;
  margin-top:20px;
  position: absolute;
  top: 0;
  width: 40px;
  left: 0!important;
  text-align: center;
  background: #f70;
  border-radius: 0 10px 0 0;
  line-height: 30px;
  color: #fff;
  padding: 5px;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 1px;
}
@media(max-width:768px){
  .laravel-head h1{
    text-align:center;
    font-size:26px;
  }
}
/* laravel-end-page */
/* why do page start */
.why-head h1{
  color:#050748;
  text-align: center;
  font-size:40px;
  font-weight:600;
  text-transform: capitalize;
}
.why-image{
  text-align: center;
  margin-top:20px;
  
}
.why-image img{
  border:8px solid #f15c22;
  padding:8px;
  height:100px;
  width:100px;
  border-radius:100%;
}
.why-image h3{
  margin-top:20px;
  font-size:15px;
  font-weight:500;
  text-align: center;
  line-height:20px;
}
ul.box{
  display: flex;
}
@media(max-width:768px){
  ul.box{
    display:block;
  }
  .why-head h1{
    font-size:26px;
    text-align:center;
  }
}
/* why do page end */
/* start developer */
.developer{
  background: linear-gradient( 45deg,#4a0079 0,#7339d8 50%,#17a2b8 100%);
}
.developer-head h1{
  color:white;
  font-size:40px;
  font-weight:600;
  text-align: center;
}
.developer-name h1{
  color:#fff;
  font-size: 20px;
  text-align: center;
}
.developer-name p{
  color:#000;
  background-color:whitesmoke;
  border-radius:20px;
  text-align: justify;
  padding:15px;
}
.developer-name p:hover{
  border-right:4px solid #f15c22;
}
.developer-image img{
  margin-top:60px;
  border-radius:20px;
}
@media(max-width:768px){
  .developer-head h1{
    font-size:26px;
    text-align:center;
  }
  .developer-image img{
    margin-top:20px;
  }
  
}
/* end developer */
/* codeignitor page start */
.align-self-center {
  align-self: auto !important;
}
.text-color h2{
  color:#000;
  text-align:center;
}
.text-color {
  color:#000;
  text-align:justify;
}
.code-head h1{
  text-align:center;
  text-transform:capitalize;
  font-weight:600;
  font-size:40px;
  margin-top:-40px;
  margin-bottom:10px;
}

.carousel-item img {
  height: 400px;
}
.row.bg-primary.animate-in-down {
  height: 400px;
  width: 100%;
}
.py-5{
  padding-top:100px !important;
  padding-bottom:100px !important;
  background-color:whitesmoke;
}
.bg-primary {
  background-color: #d1d5db!important;
}
@media(max-width:768px){
  .row.bg-primary.animate-in-down {
    height: 100%;
    width: 108%;
  }
  .py-5{
    padding:100px 15px;
  }
  .code-head h1{
    font-size:26px;
    text-align:center;
  }
}
/* codeignitor page end */
/* start advance service */
.services-head h1{
  font-size:60px;
  color:white;
  font-weight:600;
  line-height:60px;
}
.services-head p{
  margin-top:20px;
  text-align:justify;
  color:black;
  color:white;
}
.code-services{
  background: linear-gradient(to right,#ffbd84 0,#f15c22 100%);
}
.services-image img{
  margin-top:-60px;
  width:100%;
}
.services-name{
  background-color:white;
  margin-top:20px;
  padding:15px;
  border-radius:20px;
}
.services-name:hover{
  border:2px solid #181856;
}
.services-name h4{
  margin-top:20px;
  text-align:center;
  text-transform:capitalize;
  font-size:17px;
  color:black;
}
.services-name p{
  color:black;
  text-align:justify;
}
.code-services .badge{
  margin-left:15px;
  margin-top:20px;
  position: absolute;
  top: 0;
  width: 40px;
  left: 0!important;
  text-align: center;
  background: #181856;
  border-radius: 0 10px 0 0;
  line-height: 30px;
  color: #fff;
  padding: 5px;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 1px;
}
@media(max-width:768px){
  .services-head h1{
    font-size:26px;
    text-align:center;
    line-height:30px;
  }
  .services-image img{
    margin-top:20px;
  }
}
/* end advance service */
/* magento page start */
/* magento start */
.magento{
  background-color:whitesmoke;
}
.mage-head h1{
  text-align: center;
  text-transform: capitalize;
  font-size:40px;
  font-weight:600;
  margin-bottom:20px;
}
.mage-image img{
  width:100%;
}
.mage-image1 img{
  width:100%;
}
.mage-content h1{
  text-align: center;
  text-transform: capitalize;
  font-size:40px;
}
.mage-content1 h1{
  text-align: center;
  text-transform: capitalize;
  font-size:40px;
  margin-top:20px;
}
.mage-content1 p{
  text-align:justify;
}
@media(max-width:768px){
  .mage-content{
    margin-top:20px;
  }
  .mage-content h1{
    font-size:26px;
    text-align:center;
  }
  .mage-content1 h1{
    font-size:26px;
    text-align:center;
  }
  .mage-content1{
    padding-left:15px !important;
    padding-right:15px !important;
  }
  .mage-content p{
    text-align:justify;
  }
  .mage-image1 img{
    padding-left:15px !important;
    padding-right:15px !important;
    
  }
  .mage-head h1{
    font-size:26px;
    text-align:center;
  }
  .mage-image1 img{
    margin-top:20px;
  }
}

/* start service */
.magento-service{
  background: linear-gradient( 45deg,#4a0079 0,#7339d8 50%,#17a2b8 100%);
}
.mage-service-head h1{
  color:#fff;
  font-size:40px;
  text-align:center;
  text-transform: capitalize;
}
.mage-service-head p{
  color:#fff;
  text-align:center;
}
.magento-service-name{
  background-color:white;
  margin-top:20px;
  padding: 20px;
  height:90%;
}
.magento-service .col-md-4{
  margin-top:20px;
}
.magento-service-name h1{
  color:#000;
  font-size:17px;
  text-align:center;
  text-transform: capitalize;
}
.magento-service-name:hover{
  box-shadow:0px 0 19px 4px #ccc;
}
.magento-service-name p{
  text-align:justify;
}
.magento-service-name:before{
    content: "";
    position: absolute;
    left: 14px;
    top: 19px;
    height: 3px;
    background-color:#f15c22;
    width: 10%;
    transition: all .3s ease-in-out;
}
.magento-service-name:hover:before{
  width:93%;
}
.magento-service-name span{
    display: inline-block;
    position: absolute;
    top: -5px;
    left: 20px;
    right: 0;
    margin-left: 30px;
    text-align: center;
    font-size: 20px;
    margin-right: auto;
    width: 40px;
    height: 40px;
    padding-top: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background: linear-gradient(to right,#ffbd84 0,#f15c22 100%);
    color: #fff;
}
@media(max-width:768px){
  .mage-service-head h1{
    font-size: 26px !important;
    text-align: center !important;
  }
  .mage-service-head p{
    text-align:justify;
  }
}
/* end service */
/* start benefit */
.benefits-head h1{
  text-align: center;
  font-size:40px;
  text-transform: capitalize;
}
.benefit-image img{
  width:50px;
}
.benefit-name{
  margin-top:20px;
  margin-bottom:20px;
}
.benefit-name:hover{
  background-color:whitesmoke;
  padding:15px;
  height:90%;
  box-shadow:2px 2px 9px 2px #000;
}
.benefit-name h1{
  font-size:20px;
  text-transform: capitalize;
}
.benefit-name p{
  text-align: justify;
}
@media(max-width:768px){
  .benefits-head h1{
    font-size:26px;
    line-height:33px;
  }
}
/* end benefit */
/* magento page end */
/* opencart page start */
/* opencart start */
.opencart{
  background-image: url(../images/opencart-bg.png);
  background-repeat:no-repeat;
  background-size:cover;
  height:100%;
  width:100%;
}
.opencart-head h1{
  color:#fff;
  text-align:center;
  font-weight:600;
}
.opencart-image img{
  width:100%;
}
.open-content{
  background-color:whitesmoke;
}
.opencart-content h1{
  color:#050748;
  font-size:30px;
  text-align: center;
  text-transform: capitalize;
}
.opencart-content p{
  text-align: justify;
}
.opencart-name {
  height: 100%;
}
.opencart-content{
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
@media(max-width:768px){
  .opencart-head h1{
    font-size:26px
  }
  .opencart-content h1{
    margin-top:10px;
  }
}
/* opencart end */
/* benefits start */
.benefit{
  background: linear-gradient( 45deg,#500e79 0,#4f16b1 50%,#17a2b8 100%);
}
.benefits-head h1{
  font-size:40px;
  text-align:center;
  text-transform: capitalize;
  color:#fff;
}
.benefits-name{
  padding:20px;
  background-color:whitesmoke;
  height: 500px;
  margin-top:20px;
  border-radius:20px;
}
.benefits-name h1{
  font-size:20px;
  text-align:center;
  text-transform: capitalize;
  color:#000;
  line-height:25px;
  margin-bottom:10px;
}
.benefits-name p{
  margin-top:10px;
  color:#000;
  text-align: justify;
}
.benefit-image{
  text-align:center;
}
.opencart-benefit{
  margin-top:30px;
}
.benefits-image img{
  width:100%;
}
.benefits-name:hover{
  box-shadow:0px 0px 12px 1px #fff;
}
@media(max-width:768px){
  .benefits-head h1{
    font-size:26px;
    line-height:33px;
  }
  .benefits-name{
    height:auto;
  }
}
/* benefits end */
/* opencart page end */
/* shopify page start */
/* better platform start */
.better{
  background: linear-gradient( 45deg,#500e79 0,#4f16b1 50%,#17a2b8 100%);
}
.better-head h1{
  color:#fff;
font-size:40px;
text-align: center;
text-transform: capitalize;
}
.better-head p{
  text-align: center;
  color:white;
}
.better-name h1{
  color:white;
  font-size:20px;
  text-align: center;
  text-transform: capitalize; 
}
.better-name h1:hover{
  color:#f15c22;
}
.better-content p{
  color:black;
  text-align: justify;
}
.better-name {
  height: 100%;
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
}
.better-content{
  background-color:white;
  padding:20px;
  margin-top:20px;
  border-radius:20px;
}
.better-content:hover{
  background-color:#ffc7b0;
}
@media(max-width:768px){
  .better-head h1{
    font-size:26px;
  }
  .better-name h1{
    margin-top:20px;
    line-height:25px;background-position:absolute;
  }
}
/* better platform end */
/* shopify start */
.shopify{
  background-image:url(../images/shopify-bg.webp);
  width:100%;
  height:100%;
  background-repeat: no-repeat;
  background-size:cover;
  position: relative;
}
.shopify-head h2{
text-align: center;
color:#fff;
text-transform: capitalize;
font-size:40px;
font-weight:600;
}
.shopify-head p{
  color:white;
  text-align: center;
  margin-top: 10px;
}
.shopifys-content h2{
  font-size:30px;
  text-align: center;
  text-transform: capitalize;
  margin-top:20px;
  
}
.shopify-content{
  background-color:whitesmoke;
}
.shopifys-content p{
  text-align: justify;
  margin-bottom: 20px;
}
.overlay{
  top:0;
  bottom:0;
  left:0;
  right:0;
  position:absolute;
  background-color:black;
  opacity:0.5;
  width:100%;
  height:100%;
}
@media(max-width:768px){
  .shopify-head h2{
    font-size:26px;
  }
}
/* shopify end */
/* shopify page end */
/* seo page start */
.seo-services{
  background-color:whitesmoke;
}
.SEO-head h1{
  font-size:40px;
  text-align:center;
  text-transform: capitalize;
}
.SEO-head p{
  text-align:justify;
  margin-bottom:20px;
}
.seo-name:hover{
  box-shadow:0px 0px 6px 1px #f15c22;
  padding:10px;
}
.seo-name.wow.fadeInUp {
    padding: 10px;
}
.seo-name h2{
  font-size:18px;
  line-height:30px;
  text-transform: capitalize;
  margin-top:10px;
}
.seo-name img{
  margin-top:20px;
}
.seo-name p{
  text-align:justify;
  margin-top:10px;
}
.sfirst-image img{
  width:100%;
}
.seo-power{
  background-color:#050748;
}
/* power start */
.power-head h2{
  color:white;
  text-align:center;
  text-transform: capitalize;
  font-size:40px;
}
.power-image img{
  width:100%;
  margin-top:20px;
}
.power-content{
  margin-top:20px;
}
.power-content h3{
  color:white;
  text-transform: capitalize;
  text-align:center;
  font-size:20px;
}
.power-content p{
  text-align: center;
  color:white;
}
/* power end */
/* seo choose */
.seo-choose{
  background-color:whitesmoke;
}
.seo-choose .col-md-4{
    margin-top:30px !important;
}
.seo-choose ul{
  margin-top:20px;
}
.seo-choose ul li{
  padding-top:20px;
}
.seo-choose-head h1{
text-align: center;
}
.seo-choose-head p{
  text-align: center;
}
.seo-choose-image img{
  width:100%;
  margin-top:20px;
}
.seo-choose-content{
  height:100% !important;
  margin-top:30px;
  padding:20px;
  border-right:3px solid #f15c22;
}
.seo-choose-content:hover {
  box-shadow: -5px 0px 13px #5651c6;
}
.seo-choose-content h4{
  text-align: left;
}
.seo-choose-content p{
  padding:10px 10px 10px 0;
  text-align: justify;
}
@media(max-width:768px){
  .SEO-head h1{
    font-size:26px;
  }
  .power-head h2{
    font-size:26px;
  }
  .power-content h3{
    font-size:15px;
  }
  .seo-choose-head h1{
    font-size:26px;
    line-height:32px;
  }
  .seo-choose-head p{
    text-align: justify;
  }
  .choose-list ul{
    margin-left:20px;
  }
  li::marker {
    color: black;
    font-size: 20px;
}
}
/* seo page end */
/* smo page */
.smo-process{
  background-color:whitesmoke;
}
.competitor-image img{
  width:100%;
}
.smo-process span {
  color: #f36d33;
  margin-left: 5px;
}
.process-head h2{
  text-align:center;
  margin-bottom:20px;
}
.smo-process .small{
  margin-top:0px;
}
.nav-tabs .nav-item {
  margin-bottom: 0px !important;
  background-color:#050748;
  padding:10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.nav-tabs .nav-link.active{
  background-color:#050748;
}
.nav-tabs .nav-link{
  border:none;
}
li.nav-item {
  margin-right: 20px;
}
a.nav-link.small.text-uppercase {
  color: white;
}
.competitor-content p{
  text-align: justify;
  color:black;
}
div#messages2 {
  border-top: 4px solid #050748;
  border-bottom: 4px solid #050748;
  padding: 20px;
  background-color:white;
  border-radius:20px;
}
div#home1 {
  border-top: 4px solid #050748;
  border-bottom: 4px solid #050748;
  padding: 20px;
  background-color:white;
  border-radius:20px;
}
div#messages1 {
  border-top: 4px solid #050748;
  border-bottom: 4px solid #050748;
  padding: 20px;
  background-color:white;
  border-radius:20px;
}
div#profile1 {
  border-top: 4px solid #050748;
  border-bottom: 4px solid #050748;
  padding: 20px;
  background-color:white;
  border-radius:20px;
}
@media(max-width:768px){
  .process-head h2{
    font-size:26px;
    line-height:32px;
  }
  ul#tabs {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: scroll;
    padding:5px;
}
ul#tabs::-webkit-scrollbar {
  height: 5px;
}
}
/* why hire section */
.why-hire{
  background-color:#050748;
}
.why-hire h1{
  color:white;
  text-align: center;
  font-size:40px;
}
.why-hire span{
  color:#f57d43;
}
.why-hire-content{
  background-color:whitesmoke;
  padding:20px;
  border-radius:20px;
  margin-top:30px;
}
.why-hire-content:hover{
  box-shadow:0px 0px 15px white;
}
.why-hire-content h3{
  color:black;
  text-align:center;
  text-transform: capitalize;
  font-size:20px;
}
.why-hire-content p{
  text-align:justify;
}
@media(max-width:768px){
  .why-hire h1{
    font-size:26px;
    line-height:32px;
  }
}
/* why hire section end */
/* oriented-start */
.smo-oriented{
  background-color:#050748;
}
.oriented-head h1{
  color:white;
  text-align:center;
  text-transform: capitalize;
  margin-bottom:10px;
}
.oriented-image img {
  width: 100%;
}
.oriented-content p{
  color:white;
  margin-top:10px;
}
.oriented-content h1{
  color:white;
  text-align:justify;
  text-transform: capitalize;
  font-size:40px;
  margin-top:20px;
}
.oriented-content li{
  margin-top:20px;
  color:white;
}
@media(max-width:768px){
  .oriented-head h1{
    font-size:26px;
    line-height:32px;
  }
  .oriented-content h1{
    font-size:28px;
    line-height:32px;
  }
  .oriented-content p{
    text-align: justify;
  }
  .oriented-content ul{
    margin-left:20px;
  }
  .oriented-content li::marker {
    color: #fff !important;
    font-size: 20px;
}
}
/* oriented-end */
/* smo page end */
/* google adword page start */
/* start grow section */
.google-grow{
  background-color:#050748;
}
.grow-head h2{
  margin-bottom:20px;
  color:white;
  font-size:40px;
  text-align: center;
  text-transform: capitalize;
}
.grow-head1 h2{
  margin-bottom:20px;
  margin-top:30px;
  color:white;
  font-size:40px;
  text-align: center;
  text-transform: capitalize;
}
.grow-image img{
  width:100%;
  margin-top:20px;
}
.grow-content p{
  text-align: justify;
  color:white;
  margin-top:20px;
}
/* end grow section */
/* start result */

.result{
  background-color:whitesmoke;
}
.result-head h2{
  text-transform: capitalize;
  text-align: center;
  font-size:40px;
  margin-bottom:20px;
}
.result-content h3{
  text-transform: capitalize;
  margin-top:20px;
  text-align: center;
  font-size:20px;
}
.result-content p{
  text-align: justify;
}
.result-icon {
  display: flex;
  justify-content: center;
}
.result-icon img{
  width:50%;
  margin-top:20px;
  border-radius:20px;
}
/* end result */
/* start cost */
.cost-head h2{
  text-align:center;
  font-size:40px;
  margin-bottom:20px;
  text-transform: capitalize;
}
.cost-head p{
  text-align: justify;
}
.google-cost{
  background-color:whitesmoke;
}
.cost-image img{
  width:100%;
  margin-top:20px;
}
.cost-content{
  margin-top:20px;
}
.cost-content h2{
  text-align:center;
  font-size:20px;
  text-transform: capitalize;
}
.cost-content p{
  text-align:justify;
}
.cost-content ul li{
  padding:10px;
}
/* end cost */
@media(max-width:768px){
 .result-head h2{
  font-size:26px;
 }
 .grow-head h2{
  font-size:26px;
 }
 .grow-head1 h2{
  font-size:26px;
 }
 .cost-head h2{
  font-size:26px;
 }
}
/* google adword page end */
/* smp page start */
/* workflow section start */
.flow-head h2{
text-align:center;
font-size:40px;
text-transform: capitalize;
margin-bottom: 20px;
}
.date img{
  width:150px;
}
.work-flow{
  background-color:whitesmoke;
}
.main-timeline {
  position: relative
}

.main-timeline:before {
  content: "";
  display: block;
  width: 2px;
  height: 100%;
  background: #141e85;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0
}

.main-timeline .timeline {
  margin-bottom: 40px;
  position: relative
}

.main-timeline .timeline:after {
  content: "";
  display: block;
  clear: both
}

.main-timeline .icon {
  width: 18px;
  height: 18px;
  line-height: 18px;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0
}

.main-timeline .icon:before,
.main-timeline .icon:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.33s ease-out 0s
}

.main-timeline .icon:before {
  background: #fff;
  border: 2px solid #232323;
  left: -6px
}

.main-timeline .icon:after {
  border: 2px solid #c6c6c6;
  left: 3px
}

.main-timeline .timeline:hover .icon:before {
  left: 3px
}

.main-timeline .timeline:hover .icon:after {
  left: -3px
}
.timeline-content p {
  color: black;
}

.main-timeline .date-content {
  width: 50%;
  float: left;
  margin-top: 22px;
  position: relative
}

.main-timeline .date-content:before {
  content: "";
  width: 36.5%;
  height: 2px;
  background: #141e85;
  margin: auto 0;
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0
}

.main-timeline .date-outer {
  width: 125px;
  height: 125px;
  font-size: 16px;
  text-align: center;
  margin: auto;
  z-index: 1
}

/* .main-timeline .date-outer:before,
.main-timeline .date-outer:after {
  content: "";
  width: 125px;
  height: 125px;
  margin: 0 auto;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transition: all 0.33s ease-out 0s
} */

.main-timeline .date-outer:before {
  background: #fff;
  border: 2px solid #232323;
  left: -6px
}

.main-timeline .date-outer:after {
  border: 2px solid #c6c6c6;
  left: 6px
}

.main-timeline .timeline:hover .date-outer:before {
  left: 6px
}

.main-timeline .timeline:hover .date-outer:after {
  left: -6px
}

.main-timeline .date {
  width: 106%;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  /* text-align:left; */
}

.main-timeline .month {
  font-size: 18px;
  font-weight: 700
}

.main-timeline .year {
  display: block;
  font-size: 30px;
  font-weight: 700;
  color: #232323;
  line-height: 36px
}

.main-timeline .timeline-content {
  width: 50%;
  padding: 20px 0 20px 50px;
  float: right
}

.main-timeline .title {
  font-size: 19px;
  font-weight: 700;
  line-height: 24px;
  margin: 0 0 15px 0;
  color: #000 !important;
}

.main-timeline .description {
  margin-bottom: 0;
  text-align:left;
  padding-left:20px;
}

.main-timeline .timeline:nth-child(2n) .date-content {
  float: right
}

.main-timeline .timeline:nth-child(2n) .date-content:before {
  left: 10px
}

.main-timeline .timeline:nth-child(2n) .timeline-content {
  padding: 20px 50px 20px 0;
  text-align: right
}

@media only screen and (max-width: 991px) {
  .main-timeline .date-content {
      margin-top: 35px
  }
  .main-timeline .date-content:before {
      width: 22.5%
  }
  .main-timeline .timeline-content {
      padding: 10px 0 10px 30px
  }
  .main-timeline .title {
      font-size: 17px
  }
  .main-timeline .timeline:nth-child(2n) .timeline-content {
      padding: 10px 30px 10px 0
  }
  .flow-head h2{
    font-size:26px;
  }
  .main-timeline .icon:after {
    border:none;
    left: 0px;
}
}

@media only screen and (max-width: 767px) {
  .main-timeline:before {
      margin: 0;
      /* left: 7px */
  }
  .main-timeline .timeline {
      margin-bottom: 20px
  }
  .main-timeline .timeline:last-child {
      margin-bottom: 0
  }
  .main-timeline .icon {
      margin: auto 0
  }
  .main-timeline .date-content {
      width: 95%;
      float: right;
      margin-top: 0
  }
  .main-timeline .date-content:before {
      display: none;
  }
  .main-timeline .date-outer {
    text-align:left;
      /* width: 110px;
      height: 110px */
  }
  /* .main-timeline .date-outer:before,
  .main-timeline .date-outer:after {
      width: 110px;
      height: 110px
  } */
  /* .main-timeline .date {
      top: 30%
  } */
  .main-timeline .year {
      font-size: 24px
  }
  .main-timeline .timeline-content,
  .main-timeline .timeline:nth-child(2n) .timeline-content {
      width: 95%;
      text-align: center;
      padding: 10px 0
  }
  .main-timeline .title {
      margin-bottom: 10px;
      margin-top: 10px;
      text-align:left;
      padding-left:20px;
  }
}
/* workflow section end */
/* strategy section start  */
@media(max-width:768px){
  .strategy-head h2{
    font-size:26px !important;
  }
  .strategy-content h3{
    line-height:32px;
  }
}
.strategy{
  background-color:#050748;
}
.strategy-head h2{
  color:white;
  text-align: center;
  text-transform:capitalize;
  font-size:40px;
  margin-bottom:20px;
}
.strategy-head p{
  text-align:justify;
  color:white;
  margin-bottom:20px;
}
.strategy-content h3{
  color:white;
  margin-top:20px;
  font-size:20px;
  text-align: center;
  text-transform:capitalize;
}
.strategy-content p{
  text-align:justify;
  color:white;
  margin-top:10px;
}
.strategy-image img{
  width:100%;
  margin-top:20px;
}
/* strategy section end */
/* smp page end */
/* school management page start */
/* school-feature start */
.school-features{
  background-color:#050748;
}
.school-head h1{
  margin-bottom:20px;
  color:white;
  font-size:40px;
  text-align:center;
  text-transform: capitalize;
}
.feature-content {
  height: 100%;
}
/* .feature-content{
  padding:20px;
 } */
/* .feature-content:hover{
  box-shadow:0px 0px 6px whitesmoke;
} */
.school-features .feature-image{
  text-align: center;
  background-color:white;
  color:black;
  /* height:100%; */
  padding:20px;
}
.school-features .col-md-4{
  margin-top:20px;
}
.feature-content h3{
  color:black;
  margin-top:10px;
  font-size:20px;
  text-align:center;
  text-transform: capitalize;
}
/* .feature-image img:before{
  display: block;
    opacity: 1;
    animation: rotate 1.8s linear infinite;
    background: #fd22d4;
} */
.feature-content p{
  color:black;
  margin-top:10px;
  text-align:justify;
}
.feature-image img{
  width:50%;
  /* margin-top:20px; */
  border-radius:20px;
}
/* school-feature end */
/* amazing benefits start */
.school-benefit{
  background-color:whitesmoke;
}
.benefit-content .benefit-icon{
  color: #fff;
    background: linear-gradient(to right,#10155a 50%,#0a0e42 111%);
    font-size: 40px;
    width: 70%;
    padding: 8px 0 6px;
    margin: 0 0 35px -30px;
    border-radius: 0 50px 50px 0;
    box-shadow: -5px 5px 5px 0px rgb(0 0 0 / 20%) inset;
}
.benefit-icon {
  text-align:center;
}
.benefit-content{
    background: linear-gradient(to right,#40458e,#0a0e41);
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    padding: 5px 30px 25px;
    margin: 10px 0 0 0;
    border-radius: 0 30px;
    box-shadow: 5px 5px 5px rgb(0 0 0 / 20%);
    position: relative;
    z-index: 1;
    height:100%;
}
.benefit-content:before {
  content: "";
  background: #fff;
  width: calc(100% - 10px);
  height: 100%;
  border-radius: 0 30px 0 30px;
  box-shadow: 5px 5px 5px rgb(0 0 0 / 20%);
  position: absolute;
  top: -10px;
  left: 0;
  z-index: -1;
}
.school-benefit-head h1{
  font-size:40px;
  text-align:center;
  text-transform:capitalize;
  margin-bottom:20px;
}
.benefit-content h3{
  font-size:15px;
  text-align:center;
}
.benefit-content p{
  text-align: center;
}
.benefit-content h3:after{
    content: '';
    background-color: #0c114a;
    height: 2px;
    width: 60%;
    margin: 5px auto 0;
    display: block;
    clear: both;
    margin-bottom:10px;
}
@media only screen and (max-width: 767px) {
  .school-head h1{
    font-size:26px;
  }
  .feature-image img{
    margin-top:0px;
  }
  .school-benefit-head h1{
    font-size:26px;
    line-height:32px;
  }
  .benefit-content{
    height:95%;
  }
}
/* amazing benefits start  */
/* school management page end */
/* loan page start */
/* type section start */
.loan-type{
  background-color:#050748;
}
.loan-head h1{
  font-size:40px;
  color:white;
  text-align:center;
  text-transform: capitalize;
  margin-bottom:10px;
}
.loan-content{
  background: linear-gradient(to right,#050748,w#050748);
  font-family: 'Montserrat', sans-serif;
  text-align: center;
  padding: 5px 30px 25px;
  margin: 10px 0 0 0;
  border-radius: 0 30px;
  box-shadow: 5px 5px 5px rgb(0 0 0 / 20%);
  position: relative;
  z-index: 1;
  height:100%;
}
.loan-content:before {
  content: "";
  background: white;
  width: calc(100% - 10px);
  height: 100%;
  border-radius: 0 30px 0 30px;
  box-shadow: 5px 5px 5px rgba(216, 90, 6, 0.2);
  position: absolute;
  top: -10px;
  left: 0;
  z-index: -1;
}
.loan-type .col-md-4{
  margin-top:20px;
}
.loan-content h3{
  font-size:20px;
  text-align:center;
  text-transform: capitalize;
}
.loan-content p{
  text-align:justify;
}
@media only screen and (max-width: 767px) {
  .loan-head h1{
    font-size:26px;
  }
}
/* type section end */
/* loan page end */
/* online exam page start */
/* catered section start */
.catered{
  background-color:whitesmoke;
}
.catered-content{
  padding:20px;
  height:100%;
  border-radius:30px 0px 30px 0px;
  background-color:#050748;
}
.catered-content:hover{
transform: scale(1.1);
}
.catered-head h1{
  font-size:40px;
  text-align: center;
  text-transform: capitalize;
  margin-bottom:20px;
}
.catered-content h3{
  color:white;
  font-size:20px;
  text-align: center;
  text-transform: capitalize;
}
.catered-content p{
  color:white;
  text-align:justify;
}
/* catered section end */
/* single platform section start */
.single{
  background-color:#050748;
}
.single-head h1{
  font-size:40px;
  text-align: center;
  text-transform: capitalize;
  margin-bottom:20px;
  color:white;
  line-height:38px;
}
.single-content{
    /* box-shadow: 2px 18px 48px 0 #086b9a; */
    background: whitesmoke;
    border-radius: 7px;
    height: 455px;
}

.single-content .blue-box-header {
  height: 200px;
  overflow: hidden;
  width: 100%;
  position: relative;
  border-radius:5px;
}
.single-content .blue-box-header:after{
  content: '';
  position: absolute;
  width: 124%;
  height: 150px;
  transform: rotate(-17deg);
  background: #f47238;
  left: -64px;
  top: -62px;
  border-bottom: solid 2px #933911;
}
.single-image{
  padding-top:20px;
  padding-bottom:20px;
  text-align:center;
}
.single-image1 img{
   background-color: #fff;
    border-radius: 10px;
    padding: 12px;
    position: relative;
    top: -177px;
    margin-left:130px;
}
.single-content h3{
  font-size:20px;
  text-align: center;
  text-transform: capitalize;
  margin-top:-140px;
}
.single-content ul li{
  padding:10px;
}
/* single platform section end  */
/* online tool section start */
.online-tool{
  background-color:#050748;
}
.tool-head h2{
  font-size:40px;
  text-align: center;
  text-transform: capitalize;
  color:white;
  margin-bottom:20px;
}
.tool-image img{
  width:100%;
}
.tool-content h4{
  padding-top:50px;
  font-size:20px;
  text-align: justify;
  text-transform: capitalize;
  color:white;
  margin-bottom:20px;
}
.tool-content ul li{
  color:white;
  list-style-type: circle;
  padding:10px;
  text-align:justify;
}

/* online tool section start */
@media only screen and (max-width: 767px) {
  .single-head h1{
    font-size:26px;
    line-height:32px;
  }
  .single-image1 img{
    top:-162px;
    margin-left:100px;
  }
  .single-content{
    margin-top:20px;
  }
  .catered-head h1{
    font-size:26px;
    line-height:32px;
  }
  .tool-head h2 {
    font-size: 20px;
    line-height:32px;
  }
  .tool-content h4 {
    text-align:center;
   }
   .tool-image img{
    margin-top:20px;
   }
   .catered .col-md-4{
    margin-top:20px;
   }
}
/* online exam page end */
/* business process page start */
/* benefit section start */
.business-benefit{
  background-color:whitesmoke;
}
.business-content{
  background-color:#050748;
  border-radius:10px 0px 10px 0px;
  padding:20px;
  height:100%;
}
.business-head h1{
  font-size:40px;
  text-align: center;
  text-transform: capitalize;
  margin-bottom:20px;
}
.business-head p{
  margin-bottom:20px;
  text-align:justify;
}
.business-content h3{
  color:white;
  font-size:20px;
  text-align: center;
  text-transform: capitalize;
  margin-bottom:20px;
}
.business-content p{
  /* margin-bottom:20px; */
  text-align:justify;
  color:white;
}
.business-benefit .col-md-4{
  margin-top:20px;
}
@media only screen and (max-width: 767px) {
  .business-head h1{
    font-size:26px;
    line-height:32px;
  }
  .success-head h1 {
    font-size:26px !important;
    line-height:32px;
  }
}

/* benefit section end */
/* start successful section */
.process-success{
  background-color:#050748;
}
.success-head h1{
  color:white;
  text-align:center;
  text-transform: capitalize;
  font-size:40px;
  margin-bottom:20px;
}
.success-head p{
  color:white;
  text-align:justify;
  padding-top:10px;
}
.success-content{
  background-color:white;
  height:100%;
  padding:20px;
  border-radius:20px;
}
.process-success .col-md-4{
  margin-top:20px;
}
.success-content h3{
  color:#000;
  text-align:center;
  text-transform: capitalize;
  font-size:20px;
}
.success-content p{
  text-align: justify;
}
/* end successful section */
/* business process page end */
/* hospital page start */
/* hospital feature start */
.hospital-feature{
  background-color:whitesmoke;
}
.hospital-feature .col-md-4{
  margin-top:20px;
}
.hospital-head h1{
  text-align:center;
  text-transform: capitalize;
  font-size:40px;
  margin-bottom:20px;
}
.hospital-content{
  background-color:#050748;
  height:100%;
  padding:20px;
}
.hospital-content:hover{
box-shadow: 3px 3px 2px #f46f35;
}
.hospital-content h3{
  text-align:center;
  color:white;
  text-transform: capitalize;
  font-size:20px;
  margin-bottom:20px;
}
.hospital-content p{
  text-align:justify;
  color:white;
  text-transform: capitalize;
  font-size:15px;
}
.hospital-content:before {
  content: "";
  position: absolute;
  left: 156px;
  top: 17px;
  height: 2px;
  background-color: #f15c22;
  width: 18%;
  transition: all .3s ease-in-out;
}
/* hospital feature end */
/* hospital benefit start */
.hospital-benefit-content {
  height: 100%;
  padding-top: 70px;
}
.benefit-content h5{
  font-size:18px;
  margin-bottom:20px;
}
.benefit-content h5:after {
  content: '';
  background-color: #0c114a;
  height: 2px;
  width: 60%;
  margin: 8px auto 0;
  display: block;
  clear: both;
  margin-bottom: 10px;
}
.benefit-head h1 {
  text-align: center;
  text-transform:capitalize;
  font-size:40px;
}
@media only screen and (max-width: 767px) {
  .hospital-head h1{
    font-size:26px;
    line-height:32px;
  }
  .hospital-content:before {
    left: 120px;
  }
  .benefit-head h1{
    font-size:26px;
    line-height:32px;
  }
  .hospital-benefit-content{
    padding-top:30px;
  }
  .benefit-content p{
    text-align: justify;
  }
}
/* hospital benefit end */
/* hospital page end */
/* live chat page start */
 /* live chat feature start */
 .chat-benefit{
  background-color:whitesmoke;
 }
 .live-chat{
  background-color:#050748;
 }
 .live-head h1{
  font-size:40px;
  text-align: center;
  color:white;
  text-transform: capitalize;
  margin-bottom:20px;
 }
 .live-chat-content h5{
  font-size:20px;
  text-align: center;
  color:white;
  text-transform: capitalize;
  margin-bottom: 20px;
 }
 .live-content{
  height:100%;
 }
 .live-chat-content p{
  text-align:justify;
  color:white;
 }
 .live-chat-content ul li{
  color:white;
  padding:10px;
  list-style-type: circle;
 }
 .live-chat-content {
  padding: 20px;
}
 /* live chat feature end */
 /* chat benefit start */
 .timeline {
  position: relative;
  padding: 10px;
  margin: 0 auto;
  overflow: hidden;
  color: #ffffff;
}

.timeline:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -1px;
  border-right: 2px dashed #c4d2e2;
  height: 100%;
  display: block;
}

.timeline-row {
  padding-left: 50%;
  position: relative;
  margin-bottom: 30px;
}

.timeline-row .timeline-time {
  position: absolute;
  right: 50%;
  top: 31px;
  text-align: right;
  margin-right: 20px;
  color: #000000;
  font-size: 1.5rem;
}

.timeline-row .timeline-time small {
  display: block;
  font-size: .8rem;
  color: #8796af;
}

.timeline-row .timeline-content {
  position: relative;
  padding: 20px 30px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.timeline-row .timeline-content:after {
  content: "";
  position: absolute;
  top: 20px;
  height: 3px;
  width: 40px;
}

.timeline-row .timeline-content:before {
  content: "";
  position: absolute;
  top: 20px;
  right: -50px;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  z-index: 100;
  background: #ffffff;
  border: 2px dashed #c4d2e2;
}

.timeline-row .timeline-content h4 {
  margin: 0 0 20px 0;
  overflow: hidden;
  line-height: 150%;
  color:white;
}

.timeline-row .timeline-content p {
  margin-bottom: 30px;
  line-height: 150%;
  text-align: justify;
  color:white;
}
.chat-head h1 {
  text-align: center;
  text-transform: capitalize;
  margin-bottom: 30px;
  font-size: 40px;
}
.timeline-row .timeline-content i {
  font-size: 2rem;
  color: #ffffff;
  line-height: 100%;
  padding: 10px;
  border: 2px solid #ffffff;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  margin-bottom: 10px;
  display: inline-block;
}

.timeline-row .timeline-content .thumbs {
  margin-bottom: 20px;
}

.timeline-row .timeline-content .thumbs img {
  margin-bottom: 10px;
}

.timeline-row:nth-child(even) .timeline-content {
  background-color: #050748;
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#050748), to(#050748));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #050748, #050748);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #fc6d4c, #ff5000);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #fc6d4c, #ff5000);
  /* IE10 */
  background-image: -o-linear-gradient(top, #fc6d4c, #ff5000);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #fc6d4c, #ff5000);
  margin-left: 40px;
  text-align: left;
}

.timeline-row:nth-child(even) .timeline-content:after {
  left: -39px;
  border-right: 18px solid #050748;;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.timeline-row:nth-child(even) .timeline-content:before {
  left: -50px;
  right: initial;
}

.timeline-row:nth-child(odd) {
  padding-left: 0;
  padding-right: 50%;
}

.timeline-row:nth-child(odd) .timeline-time {
  right: auto;
  left: 50%;
  text-align: left;
  margin-right: 0;
  margin-left: 20px;
}

.timeline-row:nth-child(odd) .timeline-content {
  background-color:#050748;
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#050748), to(#050748));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #050748, #050748);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #1379bb, #5a99ee);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #1379bb, #5a99ee);
  /* IE10 */
  background-image: -o-linear-gradient(top, #1379bb, #5a99ee);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #1379bb, #5a99ee);
  margin-right: 40px;
  margin-left: 0;
  text-align: right;
}

.timeline-row:nth-child(odd) .timeline-content:after {
  right: -39px;
  border-left: 18px solid #050748;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

@media (max-width: 767px) {
  .timeline {
      padding: 15px 10px;
  }
  .timeline:after {
      left: 28px;
  }
  .timeline .timeline-row {
      padding-left: 0;
      margin-bottom: 16px;
  }
  .timeline .timeline-row .timeline-time {
      position: relative;
      right: auto;
      top: 0;
      text-align: left;
      margin: 0 0 6px 56px;
  }
  .timeline .timeline-row .timeline-time strong {
      display: inline-block;
      margin-right: 10px;
  }
  .timeline .timeline-row .timeline-icon {
      top: 52px;
      left: -2px;
      margin-left: 0;
  }
  .timeline .timeline-row .timeline-content {
      padding: 15px;
      margin-left: 56px;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
      position: relative;
  }
  .timeline .timeline-row .timeline-content:after {
      right: auto;
      left: -39px;
      top: 32px;
  }
  .timeline .timeline-row:nth-child(odd) {
      padding-right: 0;
  }
  .timeline .timeline-row:nth-child(odd) .timeline-time {
      position: relative;
      right: auto;
      left: auto;
      top: 0;
      text-align: left;
      margin: 0 0 6px 56px;
  }
  .timeline .timeline-row:nth-child(odd) .timeline-content {
      margin-right: 0;
      margin-left: 55px;
  }
  .timeline .timeline-row:nth-child(odd) .timeline-content:after {
      right: auto;
      left: -39px;
      top: 32px;
      border-right: 18px solid #050748;
      border-left: inherit;
  }
  .timeline.animated .timeline-row:nth-child(odd) .timeline-content {
      left: 20px;
  }
  .timeline.animated .timeline-row.active:nth-child(odd) .timeline-content {
      left: 0;
  }
  .chat-head h1{
    font-size:26px;
    line-height:32px;
  }
  .live-head h1{
    font-size:26px;
    line-height:32px;
  }
  .live-chat-content li::marker {
    color: white;
}
.timeline-row .timeline-content:before{
  border:none;
  background-color:whitesmoke;
}
}
 /* chat benefit end */
/* live chat page end */
/* start app development page */
/* benefits start */
.app-development{
  background-color:whitesmoke;
}
.app-development-head h1 {
  font-size: 40px;
  text-transform: capitalize;
  text-align: center;
  margin-bottom: 20px;
}
.app-development-head p {
  font-size: 18px;
  line-height: 23px;
  text-align: center;
}
.app-image img{
  width:200px;
}
.app-image{
  text-align: center;
}
.app-development-content{
  background-image: linear-gradient(to right,#c872db 2% ,#757cdf);
  margin-top:20px;
  padding:20px;
  margin-bottom:30px;
  height:90%;
}
.app-content h3{
  text-align: center;
  font-size:16px;
  color:white;
}
.app-development-content.wow.fadeInUp:hover {
  box-shadow: 5px 5px 5px #000;
}
/* benefits end */
/* start process */
.iphones-process{
  background-color:#050748;
}
.i-process-head h1{
  font-size: 40px;
  text-transform: capitalize;
  text-align: center;
  margin-bottom: 20px;
  color:white;
}
.i-process-head p {
  font-size: 18px;
  line-height: 23px;
  text-align: center;
  color:white;
}
.process-content{
  background-color:white;
  border-radius:20px 0px 20px 0px;
  /* margin-top:40px; */
  padding:20px;
  height:100%;
}
.process-content:hover{
  border-top:4px solid #f88d54;
}
.iphone-process-images img{
    height: 130px;
    width: 130px;
    object-fit: contain;
    border-radius: 50%;
    box-shadow: 0 0 11px 1px #ccc;
}
.iphone-process-images {
  display: flex;
  justify-content: center;
}
.iphone-process h4{
 text-align:center;
 margin-top:20px;
 font-size:18px;
}
.iphone-process p{
  text-align:center;
  line-height:26px;
  font-size:16px;
 }
.iphones-process .col-md-4{
margin-top: 20px;
}
/* end process */
@media (max-width: 767px) {
  .i-process-head h1 {
      font-size:26px;
      line-height:32px;
  }
  .i-process-head p{
   font-size:16px;
    text-align: justify;
  }
  .iphone-process p{
    text-align: justify;
  }
  .app-development-head h1{
    font-size:26px;
      line-height:32px;
  }
  .app-development-head p{
    text-align: justify;
    font-size:16px;
  }
}
/* end app development page */
/* flutter page start */
/* benefit-start */
.flutter-benefit{
  background-color:#050748;
}
.flutter-head h1{
  color:white;
  font-size:40px;
  text-transform: capitalize;
  text-align: center;
  margin-bottom: 20px;
}
.flutter-content{
  background-color:white;
  padding:20px;
  margin-top:30px;
  height:300px;
}
.flutter-image{
  text-align: center;
}
.flutter-image img{
  padding-top:10px;
}
.flutter-content h3{
  padding-top:10px;
  font-size:20px;
  text-align: center;
}
.flutter-content p{
  text-align:center;
}
.flutter-content:before {
  content: "";
  position: absolute;
  left: 15px;
  top: 27px;
  height: 3px;
  background-color: #f15c22;
  width: 92%;
  transition: all .3s ease-in-out;
}
.flutter-content span{
  display: inline-block;
  position: absolute;
  top: 6px;
  left: 20px;
  right: 0;
  margin-left: 158px;
  text-align: center;
  font-size: 20px;
  margin-right: auto;
  width: 40px;
  height: 40px;
  padding-top: 8px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background: linear-gradient(to right,#ffbd84 0,#f15c22 100%);
  color: #fff;
}
.flutter-content:hover{
  box-shadow:2px 2px 10px white;
}
@media (max-width: 767px) {
  .flutter-head h1 {
      font-size:26px;
      line-height:32px;
  }
  .flutter-content span{
    margin-left:115px;
  }
  .flutter-content h3{
    line-height:32px;
  }
  .flutter-content{
    height:350px;
  }
  .empower-head h1{
    font-size:26px !important;
      line-height:32px;
  }
  .empower .col-md-3{
    margin-top:20px;
  }
}
/* benefit end */
/* empower start */
.empower{

  background-color:whitesmoke;
}
.empower-head h1 {
  text-align: center;
  font-size: 40px;
  text-transform: capitalize;
  margin-bottom: 20px;
}
.empower-content{
  background-color:#050748;
  padding:20px;
  border-radius:20px 20px 20px 20px;
  height:100%;
}
.empower-image img{
  width:100px;
}
.empower-image{
  text-align: center;
}
.empower-content h3{
  color:white;
  border-bottom:1px solid white;
  text-align: center;
  font-size: 20px;
  text-transform: capitalize;
  line-height:32px;
  padding-bottom:20px;
}
.empower-content p{
  padding-top:20px;
  color:white;
  text-align: center;
}
/* empower end */
/* flutter page end */
/* web design training start */
.web-training{
  background-color:whitesmoke;
}
.web-training-head h1{
  font-size:40px;
  text-align: center;
  text-transform: capitalize;
  padding-bottom:20px;
}
.web-training-content h1{
  font-size:18px;
  text-align: center;
  text-transform: capitalize;
  line-height:30px;
  color:white;
  padding-bottom:20px;
}
.web-training-content p{
  color:white;
  text-align: justify;
}
.web-training-content{
  background-color:#050748;
  padding:20px;
  height:100%;
}
@media (max-width: 767px) {
  .web-training-head h1 {
      font-size:26px;
      line-height:32px;
  }
  .web-training .col-md-3{
    margin-top:20px;
  }
}
/* web design training end */
/* duration start */
.duration{
  background-color:#050748;
}
.duration-head h1{
  font-size:40px;
  text-align: center;
  text-transform: capitalize;
  padding-bottom:20px;
  color:white;
}
.duration-month{
  border-right:5px solid white;
}
.duration-month h3{
  color:white;
  text-align: center;
  text-transform: capitalize;
  font-size:25px;
}
.duration-month p{
  color:white;
  text-align: center;
  text-transform: capitalize;
}
@media (max-width: 767px) {
  .duration-head h1 {
      font-size:26px;
      line-height:32px;
  }
}
/* duration end */
/* short cousre start */
.short-course{
  background-color:whitesmoke;
}
.s-course-head h1{
  text-align: center;
  text-transform: capitalize;
  font-size:40px;
}
.s-course-content h2{
  text-transform: capitalize;
  font-size:20px;
  background-color:#050748;
  color:white;
  padding-left:20px;
  margin-top:20px;
  margin-bottom:20px;
  border-left:5px solid #f4753b;

}
.s-cousre-image{
  display:flex;
}
.s-cousre-image p{
  padding-left:10px;
}
.s-cousre-image img {
  height: 20px;
  width: 20px;
  padding-top:7px;
}
@media (max-width: 767px) {
  .s-course-head h1 {
      font-size:26px;
      line-height:32px;
  }
}
/* short course end */
/* logo design page start */
.logo-process{
  background-color:#050748;
}
.logo-process-head h1{
  color:white;
  text-align: center;
  text-transform: capitalize;
  font-size:40px;
}
.logo-process-content h4{
  color:#000;
  padding-bottom:10px;
  border-bottom:2px solid #050748;
  text-align: center;
  text-transform: capitalize;
  font-size:20px;
}
.logo-process-content p{
  color:#000;
  padding-top:10px;
  text-align:justify;
}
.logo-process-content{
  background-color:white;
  border-radius:20px;
  height:100%;
  border-right:4px solid #f26329;
  border-bottom:4px solid #f26329;
  padding:30px;
  margin-top:20px;
}
.logo-process-content:hover{
  border-left:4px solid #f26329;
  border-top:4px solid #f26329;
}
@media (max-width: 767px) {
  .logo-process-head h1 {
      font-size:26px;
      line-height:32px;
  }
  .logo-process .col-md-3{
    margin-top:20px;
  }
}

.m-b {
    margin-bottom: 15px;
}



/* logo design page end */




/*<!-- Add custom CSS -->*/

/* Container and row padding */
/*.seo-services .container {*/
/*  padding: 2rem 1rem;*/
/*}*/

/* General Card Styling */
/*.card {*/
/*  background: linear-gradient(135deg, #f6f9fc, #e9eff4);*/
/*  border-radius: 12px;*/
/*  box-shadow: 0 4px 20px rgba(0,0,0,0.1);*/
/*  margin-bottom: 2rem;*/
/*  padding: 2rem;*/
/*  transition: transform 0.3s ease, box-shadow 0.3s ease;*/
/*}*/

/*.card:hover {*/
/*  transform: translateY(-10px);*/
/*  box-shadow: 0 8px 30px rgba(0,0,0,0.2);*/
/*}*/

/* Card Image Styling */
/*.card-image {*/
/*  border-radius: 12px;*/
/*  margin-bottom: 1.5rem;*/
/*  width: 100%;*/
/*  transition: transform 0.3s ease;*/
/*}*/

/*.card:hover .card-image {*/
/*  transform: scale(1.05);*/
/*}*/

/* Card Icon Styling */
/*.card-icon {*/
/*  font-size: 2.5rem;*/
/*  color: #007bff;*/
/*  margin-bottom: 1rem;*/
/*}*/

/* Typography */
/*.SEO-head h2, .seo-name h2 {*/
/*  font-size: 1.8rem;*/
/*  margin-bottom: 1rem;*/
/*  color: #333;*/
/*}*/

/*.SEO-head p, .seo-name p {*/
/*  color: #666;*/
/*  line-height: 1.6;*/
/*}*/

/* Custom Button Styling */
/*.btn-main {*/
/*  background: #007bff;*/
/*  color: #fff;*/
/*  border: none;*/
/*  padding: 0.75rem 1.5rem;*/
/*  border-radius: 50px;*/
/*  transition: background 0.3s ease;*/
/*}*/

/*.btn-main:hover {*/
/*  background: #0056b3;*/
/*}*/

/*.btn-main .fa-icon {*/
/*  margin-left: 0.5rem;*/
/*}*/