/* Media Queries */
@media (max-width: 600px) {
     /* Navigation section */
     .container-fluid .navbar-brand{
         margin-right: 0 !important;
      }

      .row{
         margin: 0 !important;
      }

      .vector-img{
         display: none;    
    }

    .banner-vec-bot-middle {
     display: none;
  }

  .banner-vec-right-top {
 display: none;
}

.banner-vec-bot-middle-2 {
   display: none;
}


    .banner-section{
      height: 600px;     
      background-color:#F9F8FF;
      background-image: url("../images/banner-bg.png");
      background-repeat: no-repeat;
      background-position:center;
      background-size: auto;
      padding:0;
 }
   
    /* .banner-content-align{
      margin-top: 10px;  
       display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; 
      text-align: center;     
 } */

    .banner-heading{
      width: 200px;
      height: auto;
      font-family: 'Work Sans';
      font-weight: 700;
      font-style: normal;
      font-size: 38px;
      line-height: 48px;     
      color: #3B3663;
      /* color: #FFFFFF; */
      margin-left: 0;     
 }
 
 .banner-para{
      width: 200px;
      height: auto;
      font-family: 'Work Sans';
      font-weight: 400;
      font-style: normal;
      font-size: 16px;
      line-height: 26px;     
      color: #7A7792;
 }

 .about-image{
   height: 400px;
   width: 300px;  
   max-width: 100%;       
}

.about-heading{
   width: 300px;
   height: auto;
   font-family: 'Work Sans';
   font-weight: 700;
   font-style: normal;
   font-size: 38px;
   line-height: 54px;     
   color: #3B3663;
}

.about-para{
   width: 300px;
   height: auto;
   font-family: 'Work Sans';
   font-weight: 400;
   font-style: normal;
   font-size: 16px;
   line-height: 26px;     
   color: #7A7792;
}

.abouticontext{
   width: 300px;
   height: 24px;
   font-family: 'Work Sans';
   font-weight: 400;
   font-style: normal;
   font-size: 14px;
   line-height: 24px;     
   color: #7A7792;
   margin-left: 10px;
}

.about-row{
   margin-bottom: 100px !important;
}

.service-heading{
   width: 280px;
   height: auto; 
}

.row-1{
   margin-top: 30px;   
}

.container .row .bottom{
   margin-bottom: 30px;
}

.portfolio-heading{
   width: 300px;
   height: auto;
   font-family: 'Work Sans';
   font-weight: 700;
   font-style: normal;
   font-size: 38px;
   line-height: 54px;     
   color: #3B3663;
   text-align: center;
}
 
.navigation-center-align{     
   display: flex;
   justify-content: center;     
}

.portfolio-nav{
   margin-top: 50px;          
}

.portfolio-nav ul{
   list-style-type: none;          
}

.portfolio-nav ul li {
   display: inline;      
}

.portfolio-nav ul li a {
   font-family: 'Work Sans';
   font-weight: 600;
   font-style: normal;
   font-size: 14px;
   line-height: 16.42px;          
   color: #AAA8BD;   
   margin-right: 40px;
}

.portfolio-nav ul li a:hover{
   color: #8C7DFF;
}

hr{     
   height: 1px;          
   color: #8C7DFF;
   max-width: 100%;
}
.portfolio-nav ul li a{
   display: flex;
   flex-direction: column;
   padding: 10px;
}

.case-study-container {    
   column-count: 1;
   column-gap: 10px;
   column-fill:balance;
   margin: 10px auto 0;
   padding: 1rem;      
   }

   .item {
       display: inline-block;
       margin: 0 0 20px;
       /* -webkit-column-break-inside: avoid;
       page-break-inside: avoid;
       break-inside: avoid; */
       width: 100%;
   }
       
   .img {
         width: 300px;
         height: auto;
       }

   .case-study-1-overlay{
      width: 300px;
   }

     /* Feedback section */
     .parent-div{
         position: relative;     
      }
      
      .overlap1{
         position: absolute;
         bottom: 0;
         left: 0;
         margin-left: 75px;
         margin-bottom: 1240px;
      }
      
      .overlap2{
         position: absolute;
         bottom: 0;
         left: 0;
         margin-left: 75px;
         margin-bottom: 815px;
      }
      
      .overlap3{
         position: absolute;
         bottom: 0;
         left: 0;
         margin-left: 75px;
         margin-bottom: 385px;
      }
   
      .row .col-sm-12 .card .card-body .fb-col-para{
         width: 210px;
         height: 104px; 
      }
   
      .feedback-heading{
         width: 250px;
         height: 230px;
      }
 
     .row .feedback-section-column{
        margin-top: 30px;
     }
 
     .bottom{
        margin-bottom: 30px;
     }   
      
      /* .feedback-section{
         height: 100%;
         background-color: #433A89;
      } */
 
     /* Blog section */
     .blog-col{
         margin-bottom: 20px;
      }
   
      .blog-card{   
         height: 100%;
         border-radius: 16px;
         margin-bottom: 10px;
         border: none;
      }
   
      .blog-image{
         width: 94% !important;
         height: auto;
         margin-top: 10px;
         margin-left: 10px;
         margin-right: 10px;
         border-radius: 16px;
      }
      
      .blog-col-heading{
         /* width: 290px;
         height: 52px; */
         font-family: 'Work Sans';
         font-weight: 700;
         font-style: normal;
         font-size: 16px;
         line-height: 26px;     
         color: #3B3663;
         margin-left: 30px;
         margin-top: 25px;     
      }
      
      .blog-col-para{
         /* width: 290px;
         height: 48px; */
         font-family: 'Work Sans';
         font-weight: 500;
         font-style: normal;
         font-size: 14px;
         line-height: 24px;     
         color: #7A7792;
         margin-left: 30px;
         margin-top: 15px; 
      }
 
      .row .blog-row{
       margin-top: 30px;
    }
 
     /* Footer section */
     
  .footer-section{
     height: 432px;
     background-color:  #191638;     
  }
  
  .footer-row{
     margin-top: 106px;
  }
  
  .footer-columns{   
     height: 250px;
  }
  
  .footer-col-2{
     margin-top: 20px;
  }
  
  .footer-col-3{
     margin-top: 20px;
  }
  
  .footer-col-4{  
     background-color: #131030;
     border-radius: 16px;
     height: 229px;
     margin-top: 20px;
  }
  
  .footer-col1-para{
     width: 255px;
     height: 78px;
     font-family: 'Work Sans';
     font-weight: 500;
     font-style: normal;
     font-size: 14px;
     line-height: 26px;     
     color: #7E7AA6;
     margin-left: 10px;
     margin-top: 31px; 
  }
  
  .footer-line1{
     margin-left: 10px;
     width: 240px;
  }
  
  .communication-icons{
     margin-top: 10px;
  }
  
  .fb-icon{
     margin-left: 10px;
  }
  
  .footer-col2-heading{
     width: 84px;
     height: 26px;
     font-family: 'Work Sans';
     font-weight: 700;
     font-style: normal;
     font-size: 16px;
     line-height: 26px;     
     color: #FFFFFF;     
     margin-left: 10px;
     /* margin-top: 31px;  */
  }
  
  .nav-list{
     list-style-type: none;  
     margin: 0;    
     padding: 0; 
  }
  
  .nav-list li a{
     color: #7E7AA6;
     text-decoration: none;
     width: 42px;
     height: 16px;
     font-family: 'Work Sans';
     font-weight: 500;
     font-style: normal;
     font-size: 14px;
     line-height: 16px;   
     margin-left: 10px;                
  }
  
  .nav-list li{     
     padding-top: 20px;
  }
  
  .footer-col3-heading{
     height: 26px;
     font-family: 'Work Sans';
     font-weight: 700;
     font-style: normal;
     font-size: 16px;
     line-height: 26px;     
     color: #FFFFFF;     
     margin-left: 10px;
  }
  
  .footer-col3-heading1{
     width: 63px;     
  }
  
  .footer-col3-para1{
     width: 255px;
     height: 52px;
     font-family: 'Work Sans';
     font-weight: 500;
     font-style: normal;
     font-size: 14px;
     line-height: 26px;     
     color: #7E7AA6;
     margin-left: 10px;
     margin-top: 31px; 
  }
  
  .footer-col3-heading2{
     width: 130px;    
  }
  
  .footer-col3-para2{
     width: 255px;
     height: 26px;
     font-family: 'Work Sans';
     font-weight: 500;
     font-style: normal;
     font-size: 14px;
     line-height: 26px;     
     color: #8C7DFF;
     margin-left: 10px;
     margin-top: 10px;  
     cursor: pointer;    
  }
  
  .footer-col4-heading{
     width: 176px;
     height: 26px;
     font-family: 'Work Sans';
     font-weight: 700;
     font-style: normal;
     font-size: 16px;
     line-height: 26px;     
     color: #FFFFFF;
     margin-left: 40px;
     margin-top: 40px; 
  }
  
  .footer-col4-para{
     width: 97px;
     height: 26px;
     font-family: 'Work Sans';
     font-weight: 500;
     font-style: normal;
     font-size: 14px;
     line-height: 26px;     
     color: #7E7AA6;
     margin-left: 40px;
     margin-top: 30px; 
     margin-bottom: 0;
     float: left;
  }
  
  .footer-line{     
     margin-left: 40px;
     width: 230px;
     height: 2px;
     margin-top: 0;
  }

  .newsletter-form{
   margin-top: 40px;
   margin-left: 40px;
  }
  
  .newsletter-btn{
   background-color: #131030;
   border: none;
  }
  
  .newsletter-icon{
     /* float: right; */
     margin-left: 110px;
     margin-top: 30px; 
     margin-bottom: 0;
  }
  
  .checkbox-section{
  margin-top: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  }
  
  .checkbox{
     /* float: left; */
     width: 15px;
     height: 15px;
     /* margin-left: 40px; */
     margin-top: 6px;
  }
  
  .checkbox-content{
     /* float: right;    */
     width: 200px;
     height: 26px;
     font-family: 'Work Sans';
     font-weight: 500;
     font-style: normal;
     font-size: 12.5px;
     line-height: 26px;     
     color: #7E7AA6;    
     /* margin-right: 50px;  */
     margin-left: 10px;
  }
  
 
 }
 
 @media (min-width:720px) and (max-width: 767px) { 
   .service-banner-section{
      background:linear-gradient(90deg, #8C7DFF 0%, rgba(140, 125, 255, 0) 100%), url("../images/service-banner-bg.png");
      width: 100%;
      height: 400px;
      background-size:100% 100%;
      background-repeat: no-repeat;
   }

   /* Feedback section */
   .parent-div{
       position: relative;     
    }
    
    .overlap1{
       position: absolute;
       bottom: 0;
       left: 0;
       margin-left: 145px;
       margin-bottom: 1240px;
    }
    
    .overlap2{
       position: absolute;
       bottom: 0;
       left: 0;
       margin-left: 145px;
       margin-bottom: 815px;
    }
    
    .overlap3{
       position: absolute;
       bottom: 0;
       left: 0;
       margin-left: 145px;
       margin-bottom: 385px;
    }
 
    .fb-col-para{
       width: 450px;
       height: 104px;
    }
 
    .customer-details{
       margin-top: 50px;
    }
 
    .feedback-heading{
       width: 477px;
       height: 108px;
       font-family: 'Work Sans';
       font-weight: 700;
       font-style: normal;
       font-size: 38px;
       line-height: 54px;     
       color: #FFFFFF;
       text-align: center;
    }
   
   .feedback-section-column{
      margin-top: 30px;
   }

   .bottom{
      margin-bottom: 30px;
   }

   /* Blog section */
   .blog-heading{
       width: 477px;
       height: 54px;
       font-family: 'Work Sans';
       font-weight: 700;
       font-style: normal;
       font-size: 38px;
       line-height: 54px;     
       color: #3B3663;
       text-align: center;
    }   
    
    .blog-col{
       margin-bottom: 20px;
    }
 
    .blog-card{   
       height: 100%;
       border-radius: 16px;
       margin-bottom: 10px;
       border: none;
    }
    
    .blog-image{
       width: 97% !important;
       height: auto;
       margin-top: 10px;
       margin-left: 10px;
       margin-right: 10px;
       border-radius: 16px;
    }
    
    .blog-col-heading{
       /* width: 290px;
       height: 52px; */
       font-family: 'Work Sans';
       font-weight: 700;
       font-style: normal;
       font-size: 16px;
       line-height: 26px;     
       color: #3B3663;
       margin-left: 30px;
       margin-top: 25px;     
    }
    
    .blog-col-para{
       /* width: 290px;
       height: 48px; */
       font-family: 'Work Sans';
       font-weight: 500;
       font-style: normal;
       font-size: 14px;
       line-height: 24px;     
       color: #7A7792;
       margin-left: 30px;
       margin-top: 15px; 
    }
    
    .row .blog-row{
     margin-top: 30px;
  }

   /* Footer section */
   
.footer-section{
   height: 432px;
   background-color:  #191638;     
}

.footer-row{
   margin-top: 106px;
}

.footer-columns{   
   height: 250px;
}

.footer-col-2{
   margin-top: 20px !important;
}

.footer-col-3{
   margin-top: 20px !important;
   margin-left: 20px;
}

.footer-col-4{  
   background-color: #131030;
   border-radius: 16px;
   height: 229px;
   margin-top: 20px !important;
   margin-left: 20px;
}

.footer-col1-para{
   width: 255px;
   height: 78px;
   font-family: 'Work Sans';
   font-weight: 500;
   font-style: normal;
   font-size: 14px;
   line-height: 26px;     
   color: #7E7AA6;
   margin-left: 10px;
   margin-top: 31px; 
}

.footer-line1{
   margin-left: 10px;
   width: 240px;
}

.communication-icons{
   margin-top: 10px;
}

.fb-icon{
   margin-left: 10px;
}

.footer-col2-heading{
   width: 84px;
   height: 26px;
   font-family: 'Work Sans';
   font-weight: 700;
   font-style: normal;
   font-size: 16px;
   line-height: 26px;     
   color: #FFFFFF;     
   margin-left: 30px;
   /* margin-top: 31px;  */
}

.nav-list{
   list-style-type: none;  
   margin: 0;    
   padding: 0; 
}

.nav-list li a{
   color: #7E7AA6;
   text-decoration: none;
   width: 42px;
   height: 16px;
   font-family: 'Work Sans';
   font-weight: 500;
   font-style: normal;
   font-size: 14px;
   line-height: 16px;   
   margin-left: 30px;                
}

.nav-list li{     
   padding-top: 20px;
}

.footer-col3-heading{
   height: 26px;
   font-family: 'Work Sans';
   font-weight: 700;
   font-style: normal;
   font-size: 16px;
   line-height: 26px;     
   color: #FFFFFF;     
   /* margin-left: 20px; */
}

.footer-col3-heading1{
   width: 63px;     
}

.footer-col3-para1{
   width: 255px;
   height: 52px;
   font-family: 'Work Sans';
   font-weight: 500;
   font-style: normal;
   font-size: 14px;
   line-height: 26px;     
   color: #7E7AA6;
   /* margin-left: 20px; */
   margin-top: 31px; 
}

.footer-col3-heading2{
   width: 130px;    
}

.footer-col3-para2{
   width: 255px;
   height: 26px;
   font-family: 'Work Sans';
   font-weight: 500;
   font-style: normal;
   font-size: 14px;
   line-height: 26px;     
   color: #8C7DFF;
   /* margin-left: 20px; */
   margin-top: 10px;  
   cursor: pointer;    
}

.footer-col4-heading{
   width: 176px;
   height: 26px;
   font-family: 'Work Sans';
   font-weight: 700;
   font-style: normal;
   font-size: 16px;
   line-height: 26px;     
   color: #FFFFFF;
   margin-left: 40px;
   margin-top: 40px; 
}

.footer-col4-para{
   width: 97px;
   height: 26px;
   font-family: 'Work Sans';
   font-weight: 500;
   font-style: normal;
   font-size: 14px;
   line-height: 26px;     
   color: #7E7AA6;
   margin-left: 40px;
   margin-top: 30px; 
   margin-bottom: 0;
   float: left;
}

.footer-line{     
   margin-left: 40px;
   width: 450px;
   height: 2px;
   margin-top:10px;
}

.newsletter-form{
   margin-top: 40px;
   margin-left: 40px;
  }
  
  .newsletter-btn{
   background-color: #131030;
   border: none;
  }

.newsletter-icon{
   float: right;
   margin-right: 50px;
   margin-top: 30px; 
   margin-bottom: 0;
}

.checkbox-section{
margin-top: 10px;
}

.checkbox{
   float: left;
   width: 15px;
   height: 15px;
   /* margin-left: 40px; */
   margin-top: 6px;
}

.checkbox-content{
   float: right;
   width: 450px;
   height: 26px;
   font-family: 'Work Sans';
   font-weight: 500;
   font-style: normal;
   font-size: 12.5px;
   line-height: 26px;     
   color: #7E7AA6;    
   /* margin-right: 75px;  */
}


}

 @media (min-width:768px) and (max-width: 1024px) { 
   .banner-section{
      height: 600px;     
      background-color:#F9F8FF;
      background-image: url("../images/banner-bg.png");
      background-repeat: no-repeat;
      background-position:top right;
      background-size: 47% 80%;
      padding:0;
 }
  
   .banner-heading{
      width: 350px;
      height: auto;
      font-family: 'Work Sans';
      font-weight: 700;
      font-style: normal;
      font-size: 56px;
      line-height: 72px;     
      color: #3B3663;
      margin-left: 0;
 }
 
 .banner-para{
      width: 350px;
      height: auto;
      font-family: 'Work Sans';
      font-weight: 400;
      font-style: normal;
      font-size: 16px;
      line-height: 26px;     
      color: #7A7792;
 }  

 .banner-vec-right-top{
   position: absolute;
   top: 0;
   right: 0;
   width: 40px;
   height: 40px;
   margin-top: 100px;
   margin-right: 320px;
}

.banner-vec-bot-middle {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 25px;
   height: 25px;
   margin-bottom: 180px;
   /* margin-left: 600px; */
}

.banner-vec-bot-middle-2 {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 6px;
   height: 6px;
   margin-bottom: 430px;
   /* margin-left: 700px; */
}

.service-btn{
   margin-left: 10px;
}
   
.about-heading{
   width: 540px;
   height: auto;
   font-family: 'Work Sans';
   font-weight: 700;
   font-style: normal;
   font-size: 38px;
   line-height: 54px;     
   color: #3B3663;
}

.about-para{
   width: 540px;
   height: auto;
   font-family: 'Work Sans';
   font-weight: 400;
   font-style: normal;
   font-size: 16px;
   line-height: 26px;     
   color: #7A7792;
}

.abouticontext{
   width: 504px;
   height: 24px;
   font-family: 'Work Sans';
   font-weight: 400;
   font-style: normal;
   font-size: 14px;
   line-height: 24px;     
   color: #7A7792;
   margin-left: 10px;
}

.about-image{
   display: flex;   
   justify-content: center;
   align-items: center;
   height: 400px;
   width: 330px;  
   max-width: 100%;

}

.service-heading{
   width: 477px;
   height: 108px; 
}

.row-1{
   margin-top: 30px;   
}

.container .row .bottom{
   margin-bottom: 30px;
}

.portfolio-heading{
   width: 313px;
   height: auto;
   font-family: 'Work Sans';
   font-weight: 700;
   font-style: normal;
   font-size: 38px;
   line-height: 54px;     
   color: #3B3663;
   text-align: center;
}
 

.navigation-center-align{     
   display: flex;
   justify-content: center;     
}

.portfolio-nav{
   margin-top: 50px;          
}

.portfolio-nav ul{
   list-style-type: none;          
}

.portfolio-nav ul li {
   display: inline;      
}

.portfolio-nav ul li a {
   font-family: 'Work Sans';
   font-weight: 600;
   font-style: normal;
   font-size: 14px;
   line-height: 16.42px;          
   color: #AAA8BD;   
   margin-right: 40px;
}

.portfolio-nav ul li a:hover{
   color: #8C7DFF;
}

hr{     
   height: 1px;          
   color: #8C7DFF;
   max-width: 100%;
}
.portfolio-nav ul li a{
   display: flex;
   flex-direction: column;
   padding: 10px;
}

.case-study-container {    
   column-count: 2;
   column-gap: 10px;
   column-fill:auto;
   margin: 10px auto 0;
   padding: 1rem;      
   }

   .item {
       display: inline-block;
       margin: 0 0 20px;
       /* -webkit-column-break-inside: avoid;
       page-break-inside: avoid;
       break-inside: avoid; */
       width: 100%;
   }
       
   .img {
         width: 100%;
         height: auto;
       }

       .case-study-1-overlay{
         width: 100%;
    }
   
   /* Feedback section */
     .parent-div{
         position: relative;     
      }
      
      .overlap1{
         position: absolute;
         bottom: 0;
         left: 0;
         margin-left: 75px;
         margin-bottom: 1240px;
      }
      
      .overlap2{
         position: absolute;
         bottom: 0;
         left: 0;
         margin-left: 75px;
         margin-bottom: 810px;
      }
      
      .overlap3{
         position: absolute;
         bottom: 0;
         left: 0;
         margin-left: 75px;
         margin-bottom: 385px;
      }
   
      .fb-col-para{
         width: 450px;
         height: 104px;
      }
   
      .customer-details{
         margin-top: 50px;
      }
   
      .feedback-heading{
         width: 477px;
         height: 108px;
         font-family: 'Work Sans';
         font-weight: 700;
         font-style: normal;
         font-size: 38px;
         line-height: 54px;     
         color: #FFFFFF;
         text-align: center;
      }
     
     .feedback-section-column{
        margin-top: 30px;
     }
 
     .bottom{
        margin-bottom: 30px;
     }
 
     /* Blog section */
     .blog-heading{
         width: 477px;
         height: 54px;
         font-family: 'Work Sans';
         font-weight: 700;
         font-style: normal;
         font-size: 38px;
         line-height: 54px;     
         color: #3B3663;
         text-align: center;
      }   
      
      .blog-col{
         margin-bottom: 20px;
      }
   
      .blog-card{   
         height: 100%;
         border-radius: 16px;
         margin-bottom: 10px;
         border: none;
      }
      
      .blog-image{
         width: 97% !important;
         height: auto;
         margin-top: 10px;
         margin-left: 10px;
         margin-right: 10px;
         border-radius: 16px;
      }
      
      .blog-col-heading{
         /* width: 290px;
         height: 52px; */
         font-family: 'Work Sans';
         font-weight: 700;
         font-style: normal;
         font-size: 16px;
         line-height: 26px;     
         color: #3B3663;
         margin-left: 30px;
         margin-top: 25px;     
      }
      
      .blog-col-para{
         /* width: 290px;
         height: 48px; */
         font-family: 'Work Sans';
         font-weight: 500;
         font-style: normal;
         font-size: 14px;
         line-height: 24px;     
         color: #7A7792;
         margin-left: 30px;
         margin-top: 15px; 
      }
      
      .row .blog-row{
       margin-top: 30px;
    }
 
     /* Footer section */
     
  .footer-section{
     height: 432px;
     background-color:  #191638;     
  }
  
  .footer-row{
     margin-top: 106px;
  }
  
  .footer-columns{   
     height: 250px;
  }
  
  .footer-col-2{
     margin-top: 100px !important;
  }
  
  .footer-col-3{
     margin-top: 20px !important;
  }
  
  .footer-col-4{  
     background-color: #131030;
     border-radius: 16px;
     height: 229px;
     margin-top: 20px !important;
  }
  
  .footer-col1-para{
     width: 255px;
     height: 78px;
     font-family: 'Work Sans';
     font-weight: 500;
     font-style: normal;
     font-size: 14px;
     line-height: 26px;     
     color: #7E7AA6;
     margin-left: 10px;
     margin-top: 31px; 
  }
  
  .footer-line1{
     margin-left: 10px;
     width: 240px;
  }
  
  .communication-icons{
     margin-top: 10px;
  }
  
  .fb-icon{
     margin-left: 10px;
  }
  
  .footer-col2-heading{
     width: 84px;
     height: 26px;
     font-family: 'Work Sans';
     font-weight: 700;
     font-style: normal;
     font-size: 16px;
     line-height: 26px;     
     color: #FFFFFF;     
     margin-left: 30px;
     /* margin-top: 31px;  */
  }
  
  .nav-list{
     list-style-type: none;  
     margin: 0;    
     padding: 0; 
  }
  
  .nav-list li a{
     color: #7E7AA6;
     text-decoration: none;
     width: 42px;
     height: 16px;
     font-family: 'Work Sans';
     font-weight: 500;
     font-style: normal;
     font-size: 14px;
     line-height: 16px;   
     margin-left: 30px;                
  }
  
  .nav-list li{     
     padding-top: 20px;
  }
  
  .footer-col3-heading{
     height: 26px;
     font-family: 'Work Sans';
     font-weight: 700;
     font-style: normal;
     font-size: 16px;
     line-height: 26px;     
     color: #FFFFFF;     
     /* margin-left: 20px; */
  }
  
  .footer-col3-heading1{
     width: 63px;     
  }
  
  .footer-col3-para1{
     width: 255px;
     height: 52px;
     font-family: 'Work Sans';
     font-weight: 500;
     font-style: normal;
     font-size: 14px;
     line-height: 26px;     
     color: #7E7AA6;
     /* margin-left: 20px; */
     margin-top: 31px; 
  }
  
  .footer-col3-heading2{
     width: 130px;    
  }
  
  .footer-col3-para2{
     width: 255px;
     height: 26px;
     font-family: 'Work Sans';
     font-weight: 500;
     font-style: normal;
     font-size: 14px;
     line-height: 26px;     
     color: #8C7DFF;
     /* margin-left: 20px; */
     margin-top: 10px;  
     cursor: pointer;    
  }
  
  .footer-col4-heading{
     width: 176px;
     height: 26px;
     font-family: 'Work Sans';
     font-weight: 700;
     font-style: normal;
     font-size: 16px;
     line-height: 26px;     
     color: #FFFFFF;
     margin-left: 40px;
     margin-top: 40px; 
  }
  
  .footer-col4-para{
     width: 97px;
     height: 26px;
     font-family: 'Work Sans';
     font-weight: 500;
     font-style: normal;
     font-size: 14px;
     line-height: 26px;     
     color: #7E7AA6;
     margin-left: 40px;
     margin-top: 30px; 
     margin-bottom: 0;
     float: left;
  }
  
  .footer-line{     
     margin-left: 40px;
     width: 250px;
     height: 2px;
     margin-top: 0;
  }

  .newsletter-form{
   margin-top: 40px;
   margin-left: 40px;
  }
  
  .newsletter-btn{
   background-color: #131030;
   border: none;
  }
  
  .newsletter-icon{
     float: right;
     margin-right: 50px;
     margin-top: 30px; 
     margin-bottom: 0;
  }
  
  .checkbox-section{
  margin-top: 10px;
  }
  
  .checkbox{
     float: left;
     width: 15px;
     height: 15px;
     /* margin-left: 40px; */
     margin-top: 6px;
  }
  
  .checkbox-content{
     float: right;
     width: 200px;
     height: 26px;
     font-family: 'Work Sans';
     font-weight: 500;
     font-style: normal;
     font-size: 12.5px;
     line-height: 26px;     
     color: #7E7AA6;    
     margin-right: 75px; 
  }
  
 }
 
 @media (min-width: 1024px) and (max-width:1200px) {
   .banner-section{
      height: 600px;     
      background-color:#F9F8FF;
      background-image: url("../images/banner-bg.png");
      background-repeat: no-repeat;
      background-position:top right;
      background-size: 47% 80%;
      padding:0;
 }
  
   .banner-content{
      margin-top: 50px;
 }
   
   .banner-heading{
      width: 457px;
      height: 144px;
      font-family: 'Work Sans';
      font-weight: 700;
      font-style: normal;
      font-size: 56px;
      line-height: 72px;     
      color: #3B3663;
      margin-left: 0;
 }
 
 .banner-para{
      width: 405px;
      height: 52px;
      font-family: 'Work Sans';
      font-weight: 400;
      font-style: normal;
      font-size: 16px;
      line-height: 26px;     
      color: #7A7792;
 }  

 .banner-vec-right-top{
   position: absolute;
   top: 0;
   right: 0;
   width: 40px;
   height: 40px;
   margin-top: 100px;
   margin-right: 435px;
}

.banner-vec-bot-middle {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 25px;
   height: 25px;
   margin-bottom: 180px;
   /* margin-left: 600px; */
}

.service-btn{
   margin-left: 10px;
}
  
 .about-image{
   height: 400px;
   width: 330px;  
   max-width: 100%;       
}
 
.about-heading{
   width: 500px;
   height: auto;
   font-family: 'Work Sans';
   font-weight: 700;
   font-style: normal;
   font-size: 38px;
   line-height: 54px;     
   color: #3B3663;
}

.about-para{
   width: 500px;
   height: auto;
   font-family: 'Work Sans';
   font-weight: 400;
   font-style: normal;
   font-size: 16px;
   line-height: 26px;     
   color: #7A7792;
}

.abouticontext{
   width: 504px;
   height: 24px;
   font-family: 'Work Sans';
   font-weight: 400;
   font-style: normal;
   font-size: 14px;
   line-height: 24px;     
   color: #7A7792;
   margin-left: 10px;
}

.service-heading{
   width: 477px;
   height: 108px; 
}

.row-1{
   margin-top: 50px;   
}

.container .row .bottom{
   margin-bottom: 100px;
}

.navigation-center-align{     
   display: flex;
   justify-content: center;     
}

.portfolio-nav{
   margin-top: 50px;          
}

.portfolio-nav ul{
   list-style-type: none;          
}

.portfolio-nav ul li {
   display: inline-flex;
}

.portfolio-nav ul li a {
   font-family: 'Work Sans';
   font-weight: 600;
   font-style: normal;
   font-size: 14px;
   line-height: 16.42px;          
   color: #AAA8BD;   
   
}

.portfolio-nav ul li a:hover{
   color: #8C7DFF;
}

hr{     
   height: 1px;          
   color: #8C7DFF;
   max-width: 100%;
}

.case-study-container {    
   column-count: 3;
   column-gap: 10px;
   column-fill:balance;
   margin-top: 10px;
   padding: 0;      
   height: 510px ;
   }

   .item {
       display: inline-block;
       margin: 0 0 20px;
       /* -webkit-column-break-inside: avoid;
       page-break-inside: avoid;
       break-inside: avoid; */
       width: 100%;
   }
       
   .img {
         width: 100%;
         height: auto;
       }

       .case-study-1-overlay{
         width: 100%;
    }

   /* Feedback section */
     .parent-div{
         position: relative;     
      }
      
      .overlap1{
         position: absolute;
         bottom: 0;
         left: 0;
         margin-left: 95px;
         margin-bottom: 450px;
      }
      
      .overlap2{
         position: absolute;
         bottom: 0;
         left: 0;
         margin-left: 410px;
         margin-bottom: 450px;
      }
      .overlap3{
         position: absolute;
         bottom: 0;
         left: 0;
         margin-left: 735px;
         margin-bottom: 450px;
      }
   
      .row .col-sm-12 .card .card-body .fb-col-para{
         width: 230px;
      } 
   
      .feedback-heading{
         width: 477px;
         height: 108px;
         font-family: 'Work Sans';
         font-weight: 700;
         font-style: normal;
         font-size: 38px;
         line-height: 54px;     
         color: #FFFFFF;
         text-align: center;
      }
 
     .row .feedback-section-column{
       margin-top: 65px;
    }
 
    .bottom{
       margin-bottom: 100px;
    }
 
    .row .blog-row{
       margin-top: 60px;
    }
   
     /* Blog section */
     .blog-heading{
         width: 477px;
         height: 54px;
         font-family: 'Work Sans';
         font-weight: 700;
         font-style: normal;
         font-size: 38px;
         line-height: 54px;     
         color: #3B3663;
         text-align: center;
      }   
   
      .blog-card{   
         height: 465px;
         border-radius: 16px;
         border: none;
      }
   
      .blog-image{
         width: 275px !important;
         height: 185px;
         margin-top: 10px;
         margin-left: 10px;
         margin-right: 10px;
         border-radius: 16px;
      }
      
      .blog-col-heading{
         /* width: 270px;
         height: 52px; */
         font-family: 'Work Sans';
         font-weight: 700;
         font-style: normal;
         font-size: 16px;
         line-height: 26px;     
         color: #3B3663;
         margin-left: 30px;
         margin-top: 25px;     
      }
      
      .blog-col-para{
         /* width: 260px;
         height: 48px; */
         font-family: 'Work Sans';
         font-weight: 500;
         font-style: normal;
         font-size: 14px;
         line-height: 24px;     
         color: #7A7792;
         margin-left: 30px;
         margin-top: 15px; 
      }
   
 
     /* Footer section */
     .footer-section{
         height: 432px;
         background-color:  #191638;     
      }
      
      .footer-row{
         margin-top: 106px;
      }
      
      .footer-columns{   
         height: 250px;
      }
      
      .footer-col-2{
         margin-top: 100px !important;
      }
      
      .footer-col-3{
         margin-top: 100px !important;
      }
      
      .footer-col-4{  
         background-color: #131030;
         border-radius: 16px;
         height: 229px;
         margin-top: 100px !important;
      }
      
      .footer-col1-para{
         width: 255px;
         height: 78px;
         font-family: 'Work Sans';
         font-weight: 500;
         font-style: normal;
         font-size: 14px;
         line-height: 26px;     
         color: #7E7AA6;
         margin-left: 10px;
         margin-top: 31px; 
      }
      
      .footer-line1{
         margin-left: 10px;
         width: 240px;
      }
      
      .communication-icons{
         margin-top: 10px;
      }
      
      .fb-icon{
         margin-left: 10px;
      }
      
      .footer-col2-heading{
         width: 84px;
         height: 26px;
         font-family: 'Work Sans';
         font-weight: 700;
         font-style: normal;
         font-size: 16px;
         line-height: 26px;     
         color: #FFFFFF;     
         margin-left: 30px;
         /* margin-top: 31px;  */
      }
      
      .nav-list{
         list-style-type: none;  
         margin: 0;    
         padding: 0; 
      }
      
      .nav-list li a{
         color: #7E7AA6;
         text-decoration: none;
         width: 42px;
         height: 16px;
         font-family: 'Work Sans';
         font-weight: 500;
         font-style: normal;
         font-size: 14px;
         line-height: 16px;   
         margin-left: 30px;                
      }
      
      .nav-list li{     
         padding-top: 20px;
      }
      
      .footer-col3-heading{
         height: 26px;
         font-family: 'Work Sans';
         font-weight: 700;
         font-style: normal;
         font-size: 16px;
         line-height: 26px;     
         color: #FFFFFF;     
         /* margin-left: 20px; */
      }
      
      .footer-col3-heading1{
         width: 63px;     
      }
      
      .footer-col3-para1{
         width: 255px;
         height: 52px;
         font-family: 'Work Sans';
         font-weight: 500;
         font-style: normal;
         font-size: 14px;
         line-height: 26px;     
         color: #7E7AA6;
         /* margin-left: 20px; */
         margin-top: 31px; 
      }
      
      .footer-col3-heading2{
         width: 130px;    
      }
      
      .footer-col3-para2{
         width: 255px;
         height: 26px;
         font-family: 'Work Sans';
         font-weight: 500;
         font-style: normal;
         font-size: 14px;
         line-height: 26px;     
         color: #8C7DFF;
         /* margin-left: 20px; */
         margin-top: 10px;  
         cursor: pointer;    
      }
      
      .footer-col4-heading{
         width: 176px;
         height: 26px;
         font-family: 'Work Sans';
         font-weight: 700;
         font-style: normal;
         font-size: 16px;
         line-height: 26px;     
         color: #FFFFFF;
         margin-left: 40px;
         margin-top: 40px; 
      }
      
      .footer-col4-para{
         width: 97px;
         height: 26px;
         font-family: 'Work Sans';
         font-weight: 500;
         font-style: normal;
         font-size: 14px;
         line-height: 26px;     
         color: #7E7AA6;
         margin-left: 40px;
         margin-top: 30px; 
         margin-bottom: 0;
         float: left;
      }
      
      .footer-line{     
         margin-left: 40px;
         width: 250px;
         height: 2px;
         margin-top: 0;
      }

      .newsletter-form{
         margin-top: 40px;
         margin-left: 40px;
        }
        
        .newsletter-btn{
         background-color: #131030;
         border: none;
        }
      
      .newsletter-icon{
         float: right;
         margin-right: 10px;
         margin-top: 30px; 
         margin-bottom: 0;
      }
      
      .checkbox-section{
      margin-top: 10px;
      }
      
      .checkbox{
         float: left;
         width: 15px;
         height: 15px;
         /* margin-left: 40px; */
         margin-top: 6px;
      }
      
      .checkbox-content{
         float: right;
         width: 200px;
         height: 26px;
         font-family: 'Work Sans';
         font-weight: 500;
         font-style: normal;
         font-size: 12.5px;
         line-height: 26px;     
         color: #7E7AA6;    
         margin-right: 25px; 
      }
      
 }
 
 @media (min-width:1200px) and (max-width:1440px){
   .banner-section{
      height: 600px;     
      background-color:#F9F8FF;
      background-image: url("../images/banner-bg.png");
      background-repeat: no-repeat;
      background-position:top right;
      background-size: 47% 80%;
      padding:0;
 }
  
   .banner-content{
      margin-top: 50px;
 }
   
   .banner-heading{
      width: 457px;
      height: 144px;
      font-family: 'Work Sans';
      font-weight: 700;
      font-style: normal;
      font-size: 56px;
      line-height: 72px;     
      color: #3B3663;
      margin-left: 0;
 }
 
 .banner-para{
      width: 405px;
      height: 52px;
      font-family: 'Work Sans';
      font-weight: 400;
      font-style: normal;
      font-size: 16px;
      line-height: 26px;     
      color: #7A7792;
 }  

 .banner-vec-right-top{
   position: absolute;
   top: 0;
   right: 0;
   width: 40px;
   height: 40px;
   margin-top: 100px;
   margin-right: 580px;
}

.banner-vec-bot-middle {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 25px;
   height: 25px;
   margin-bottom: 180px;
   margin-left: 600px;
}

.service-btn{
   margin-left: 10px;
}

 .about-image{
   height: 400px;
   width: 330px;  
   max-width: 100%;       
}

.about-heading{
   width: 540px;
   height: 108px;
   font-family: 'Work Sans';
   font-weight: 700;
   font-style: normal;
   font-size: 38px;
   line-height: 54px;     
   color: #3B3663;
}

.about-para{
   width: 540px;
   height: 78px;
   font-family: 'Work Sans';
   font-weight: 400;
   font-style: normal;
   font-size: 16px;
   line-height: 26px;     
   color: #7A7792;
}

.abouticontext{
   width: 504px;
   height: 24px;
   font-family: 'Work Sans';
   font-weight: 400;
   font-style: normal;
   font-size: 14px;
   line-height: 24px;     
   color: #7A7792;
   margin-left: 10px;
}

.service-heading{
   width: 477px;
   height: 108px; 
}

.row-1{
   margin-top: 50px;   
}

.container .row .bottom{
   margin-bottom: 100px;
}
   
.navigation-center-align{     
   display: flex;
   justify-content: center;     
}

.portfolio-nav{
   margin-top: 50px;       
   /* background-color: blueviolet; */
}

.portfolio-nav ul{
   list-style-type: none;          
}

.portfolio-nav ul li {
   display: inline;      
}

.portfolio-nav ul li a {
   font-family: 'Work Sans';
   font-weight: 600;
   font-style: normal;
   font-size: 14px;
   line-height: 16.42px;          
   color: #AAA8BD;
   /* text-align: center; */
   margin-right: 40px;
}

.portfolio-nav ul li a:hover{
   color: #8C7DFF;
}

hr{     
   height: 1px;          
   color: #8C7DFF;
   max-width: 100%;
}

.case-study-container {    
   column-count: 3;
   column-gap: 10px;
   column-fill:balance;
   margin-top: 10px;
   /* padding: 1rem;       */
   height: 600px;
   }

   .item {
       display: inline-block;
       margin: 0 0 20px;
       /* -webkit-column-break-inside: avoid;
       page-break-inside: avoid;
       break-inside: avoid; */
       width: 100%;
   }
       
   .img {
         width: 100%;
         height: auto;
       }

       .case-study-1-overlay{
         width: 100%;
    }

   /* Feedback section */
     .parent-div{
         position: relative;     
      }
      
      .overlap1{
         position: absolute;
         bottom: 0;
         left: 0;
         margin-left: 165px;
         /* margin-bottom: 450px; */
         margin-bottom: 450px;
    }
    
    .overlap2{
         position: absolute;
         bottom: 0;
         left: 0;
         margin-left: 545px;
         margin-bottom: 450px;
    }
    .overlap3{
         position: absolute;
         bottom: 0;
         left: 0;
         margin-left: 925px;
         margin-bottom: 450px;
    }
   
      .row .col-sm-12 .card .card-body .fb-col-para{
         width: 230px;
      }
   
      .feedback-heading{
         width: 477px;
         height: 108px;
         font-family: 'Work Sans';
         font-weight: 700;
         font-style: normal;
         font-size: 38px;
         line-height: 54px;     
         color: #FFFFFF;
         text-align: center;
      } 
      
      .row .feedback-section-column{
       margin-top: 65px;
    }
 
    .bottom{
       margin-bottom: 100px;
    }
 
   
 
     /* Blog section */
 
     .blog-heading{
         width: 477px;
         height: 54px;
         font-family: 'Work Sans';
         font-weight: 700;
         font-style: normal;
         font-size: 38px;
         line-height: 54px;     
         color: #3B3663;
         text-align: center;
      }
      
      
      .blog-card{   
         height: 456px;
         border-radius: 16px;
         border: none;
      }
      
      .blog-image{
         width: 335px !important;
         height: 185px;
         margin-top: 10px;
         margin-left: 10px;
         margin-right: 10px;
         border-radius: 16px;
      }
      
      .blog-col-heading{
         width: 290px;
         height: 52px;
         font-family: 'Work Sans';
         font-weight: 700;
         font-style: normal;
         font-size: 16px;
         line-height: 26px;     
         color: #3B3663;
         margin-left: 30px;
         margin-top: 25px;     
      }
      
      .blog-col-para{
         width: 290px;
         height: 48px;
         font-family: 'Work Sans';
         font-weight: 500;
         font-style: normal;
         font-size: 14px;
         line-height: 24px;     
         color: #7A7792;
         margin-left: 30px;
         margin-top: 15px; 
      }
      
      .row .blog-row{
       margin-top: 60px;
    }
 
     /* Footer section */
     
  .footer-section{
     height: 432px;
     background-color:  #191638;     
  }
  
  .footer-row{
     margin-top: 106px;
  }
  
  .footer-columns{   
     height: 250px;
  }
  
  .footer-col-2{
     margin-top: 100px !important;
  }
  
  .footer-col-3{
     margin-top: 100px !important;
  }
  
  .footer-col-4{  
     background-color: #131030;
     border-radius: 16px;
     height: 229px;
     margin-top: 100px !important;
  }
  
  .footer-col1-para{
     width: 255px;
     height: 78px;
     font-family: 'Work Sans';
     font-weight: 500;
     font-style: normal;
     font-size: 14px;
     line-height: 26px;     
     color: #7E7AA6;
     margin-left: 10px;
     margin-top: 31px; 
  }
  
  .footer-line1{
     margin-left: 10px;
     width: 240px;
  }
  
  .communication-icons{
     margin-top: 10px;
  }
  
  .fb-icon{
     margin-left: 10px;
  }
  
  .footer-col2-heading{
     width: 84px;
     height: 26px;
     font-family: 'Work Sans';
     font-weight: 700;
     font-style: normal;
     font-size: 16px;
     line-height: 26px;     
     color: #FFFFFF;     
     margin-left: 30px;
     /* margin-top: 31px;  */
  }
  
  .nav-list{
     list-style-type: none;  
     margin: 0;    
     padding: 0; 
  }
  
  .nav-list li a{
     color: #7E7AA6;
     text-decoration: none;
     width: 42px;
     height: 16px;
     font-family: 'Work Sans';
     font-weight: 500;
     font-style: normal;
     font-size: 14px;
     line-height: 16px;   
     margin-left: 30px;                
  }
  
  .nav-list li{     
     padding-top: 20px;
  }
  
  .footer-col3-heading{
     height: 26px;
     font-family: 'Work Sans';
     font-weight: 700;
     font-style: normal;
     font-size: 16px;
     line-height: 26px;     
     color: #FFFFFF;     
     /* margin-left: 20px; */
  }
  
  .footer-col3-heading1{
     width: 63px;     
  }
  
  .footer-col3-para1{
     width: 255px;
     height: 52px;
     font-family: 'Work Sans';
     font-weight: 500;
     font-style: normal;
     font-size: 14px;
     line-height: 26px;     
     color: #7E7AA6;
     /* margin-left: 20px; */
     margin-top: 31px; 
  }
  
  .footer-col3-heading2{
     width: 130px;    
  }
  
  .footer-col3-para2{
     width: 255px;
     height: 26px;
     font-family: 'Work Sans';
     font-weight: 500;
     font-style: normal;
     font-size: 14px;
     line-height: 26px;     
     color: #8C7DFF;
     /* margin-left: 20px; */
     margin-top: 10px;  
     cursor: pointer;    
  }
  
  .footer-col4-heading{
     width: 176px;
     height: 26px;
     font-family: 'Work Sans';
     font-weight: 700;
     font-style: normal;
     font-size: 16px;
     line-height: 26px;     
     color: #FFFFFF;
     margin-left: 40px;
     margin-top: 40px; 
  }
  
  .footer-col4-para{
     width: 97px;
     height: 26px;
     font-family: 'Work Sans';
     font-weight: 500;
     font-style: normal;
     font-size: 14px;
     line-height: 26px;     
     color: #7E7AA6;
     margin-left: 40px;
     margin-top: 30px; 
     margin-bottom: 0;
     float: left;
  }
  
  .footer-line{     
     margin-left: 40px;
     width: 250px;
     height: 2px;
     margin-top: 0;
  }

  .newsletter-form{
   margin-top: 40px;
   margin-left: 40px;
  }
  
  .newsletter-btn{
   background-color: #131030;
   border: none;
  }
  
  .newsletter-icon{
     float: right;
     margin-right: 50px;
     margin-top: 30px; 
     margin-bottom: 0;
  }
  
  .checkbox-section{
  margin-top: 10px;
  }
  
  .checkbox{
     float: left;
     width: 15px;
     height: 15px;
     /* margin-left: 40px; */
     margin-top: 6px;
  }
  
  .checkbox-content{
     float: right;
     width: 200px;
     height: 26px;
     font-family: 'Work Sans';
     font-weight: 500;
     font-style: normal;
     font-size: 12.5px;
     line-height: 26px;     
     color: #7E7AA6;    
     margin-right: 75px; 
  }
  
 }
 
 @media (min-width:1440px) and (max-width:2560px){
   .banner-section{
      height: 600px;     
      background-color:#F9F8FF;
      background-image: url("../images/banner-bg.png");
      background-repeat: no-repeat;
      background-position:top right;
      background-size: 47% 80%;
      padding:0;
 }
  
   .banner-content{
      margin-top: 50px;
 }
  
   .banner-heading{
      width: 457px;
      height: 144px;
      font-family: 'Work Sans';
      font-weight: 700;
      font-style: normal;
      font-size: 56px;
      line-height: 72px;     
      color: #3B3663;
      margin-left: 0;
 }
 
 .banner-para{
      width: 405px;
      height: 52px;
      font-family: 'Work Sans';
      font-weight: 400;
      font-style: normal;
      font-size: 16px;
      line-height: 26px;     
      color: #7A7792;
 }
 
 .banner-vec-right-top{
   position: absolute;
   top: 0;
   right: 0;
   width: 40px;
   height: 40px;
   margin-top: 100px;
   margin-right: 574px;
}

.banner-vec-bot-middle {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 25px;
   height: 25px;
   margin-bottom: 180px;
   margin-left: 600px;
}

.service-btn{
   margin-left: 10px;
}
   
 .about-image{
   height: 400px;
   width: 330px;  
   max-width: 100%;       
}
 
.about-heading{
   width: 540px;
   height: 108px;
   font-family: 'Work Sans';
   font-weight: 700;
   font-style: normal;
   font-size: 38px;
   line-height: 54px;     
   color: #3B3663;
}

.about-para{
   width: 540px;
   height: 78px;
   font-family: 'Work Sans';
   font-weight: 400;
   font-style: normal;
   font-size: 16px;
   line-height: 26px;     
   color: #7A7792;
}

.abouticontext{
   width: 504px;
   height: 24px;
   font-family: 'Work Sans';
   font-weight: 400;
   font-style: normal;
   font-size: 14px;
   line-height: 24px;     
   color: #7A7792;
   margin-left: 10px;
}

.service-heading{
   width: 477px;
   height: 108px; 
}

.row-1{
   margin-top: 50px;   
}

.container .row .bottom{
   margin-bottom: 100px;
}

.navigation-center-align{     
   display: flex;
   justify-content: center;     
}

.portfolio-nav{
   margin-top: 50px;       
   /* background-color: blueviolet; */
}

.portfolio-nav ul{
   list-style-type: none;          
}

.portfolio-nav ul li {
   display: inline;      
}

.portfolio-nav ul li a {
   font-family: 'Work Sans';
   font-weight: 600;
   font-style: normal;
   font-size: 14px;
   line-height: 16.42px;          
   color: #AAA8BD;
   /* text-align: center; */
   margin-right: 40px;
}

.portfolio-nav ul li a:hover{
   color: #8C7DFF;
}

hr{     
   height: 1px;          
   color: #8C7DFF;
   max-width: 100%;
}

.case-study-container {    
   column-count: 3;
   column-gap: 10px;
   column-fill:auto;
   margin: 10px auto 0;
   padding: 1rem;      
   }

   .item {
       display: inline-block;
       margin: 0 0 20px;
       /* -webkit-column-break-inside: avoid;
       page-break-inside: avoid;
       break-inside: avoid; */
       width: 100%;
   }

   /* .item-align1{
      float:left !important
   }

   .item-align2{
      float:right !important */
   }
       
   .img {
         width: 100%;
         height: auto;
       }

       .case-study-1-overlay{
         width: 100%;
    }

   /* Feedback section */
     .parent-div{
         position: relative;     
      }
      
      .overlap1{
         position: absolute;
         bottom: 0;
         left: 0;
         margin-left: 125px;
         margin-bottom: 450px;
    }
    
    .overlap2{
         position: absolute;
         bottom: 0;
         left: 0;
         margin-left: 560px;
         margin-bottom: 450px;
    }
 
    .overlap3{
         position: absolute;
         bottom: 0;
         left: 0;
         margin-left: 995px;
         margin-bottom: 450px;
    }
    
      .row .col-sm-12 .card .card-body .fb-col-para{
         width: 230px;
      }
 
     .row .feedback-section-column{
       margin-top: 65px;
    }
 
    .bottom{
       margin-bottom: 100px;
    }
 
     /* Blog section */
 
 .blog-heading{
    width: 477px;
    height: 54px;
    font-family: 'Work Sans';
    font-weight: 700;
    font-style: normal;
    font-size: 38px;
    line-height: 54px;     
    color: #3B3663;
    text-align: center;
 }
 
 .blog-card{   
   height: 456px;
   border-radius: 16px;
   border: none;
 }
 
 .blog-image{
   width: 335px !important;
   height: 185px;
   margin-top: 10px;
   margin-left: 10px;
   margin-right: 10px;
   border-radius: 16px;
 }
 
 .blog-col-heading{
   width: 290px;
   height: 52px;
   font-family: 'Work Sans';
   font-weight: 700;
   font-style: normal;
   font-size: 16px;
   line-height: 26px;     
   color: #3B3663;
   margin-left: 30px;
   margin-top: 25px;     
 }
 
 .blog-col-para{
   width: 290px;
   height: 48px;
   font-family: 'Work Sans';
   font-weight: 500;
   font-style: normal;
   font-size: 14px;
   line-height: 24px;     
   color: #7A7792;
   margin-left: 30px;
   margin-top: 15px; 
 }
 
 .row .blog-row{
    margin-top: 60px;
 }
 
     /* Footer section */
     
  .footer-section{
     height: 432px;
     background-color:  #191638;     
  }
  
  .footer-row{
     margin-top: 106px;
  }
  
  .footer-columns{   
     height: 250px;
  }
  
  .footer-col-2{
     margin-top: 100px !important;
  }
  
  .footer-col-3{
     margin-top: 100px !important;
  }
  
  .footer-col-4{  
     background-color: #131030;
     border-radius: 16px;
     height: 229px;
     margin-top: 100px !important;
  }
  
  .footer-col1-para{
     width: 255px;
     height: 78px;
     font-family: 'Work Sans';
     font-weight: 500;
     font-style: normal;
     font-size: 14px;
     line-height: 26px;     
     color: #7E7AA6;
     margin-left: 10px;
     margin-top: 31px; 
  }
  
  .footer-line1{
     margin-left: 10px;
     width: 240px;
  }
  
  .communication-icons{
     margin-top: 10px;
  }
  
  .fb-icon{
     margin-left: 10px;
  }
  
  .footer-col2-heading{
     width: 84px;
     height: 26px;
     font-family: 'Work Sans';
     font-weight: 700;
     font-style: normal;
     font-size: 16px;
     line-height: 26px;     
     color: #FFFFFF;     
     margin-left: 30px;
     /* margin-top: 31px;  */
  }
  
  .nav-list{
     list-style-type: none;  
     margin: 0;    
     padding: 0; 
  }
  
  .nav-list li a{
     color: #7E7AA6;
     text-decoration: none;
     width: 42px;
     height: 16px;
     font-family: 'Work Sans';
     font-weight: 500;
     font-style: normal;
     font-size: 14px;
     line-height: 16px;   
     margin-left: 30px;                
  }
  
  .nav-list li{     
     padding-top: 20px;
  }
  
  .footer-col3-heading{
     height: 26px;
     font-family: 'Work Sans';
     font-weight: 700;
     font-style: normal;
     font-size: 16px;
     line-height: 26px;     
     color: #FFFFFF;     
     /* margin-left: 20px; */
  }
  
  .footer-col3-heading1{
     width: 63px;     
  }
  
  .footer-col3-para1{
     width: 255px;
     height: 52px;
     font-family: 'Work Sans';
     font-weight: 500;
     font-style: normal;
     font-size: 14px;
     line-height: 26px;     
     color: #7E7AA6;
     /* margin-left: 20px; */
     margin-top: 31px; 
  }
  
  .footer-col3-heading2{
     width: 130px;    
  }
  
  .footer-col3-para2{
     width: 255px;
     height: 26px;
     font-family: 'Work Sans';
     font-weight: 500;
     font-style: normal;
     font-size: 14px;
     line-height: 26px;     
     color: #8C7DFF;
     /* margin-left: 20px; */
     margin-top: 10px;  
     cursor: pointer;    
  }
  
  .footer-col4-heading{
     width: 176px;
     height: 26px;
     font-family: 'Work Sans';
     font-weight: 700;
     font-style: normal;
     font-size: 16px;
     line-height: 26px;     
     color: #FFFFFF;
     margin-left: 40px;
     margin-top: 40px; 
  }
  
  .footer-col4-para{
     width: 97px;
     height: 26px;
     font-family: 'Work Sans';
     font-weight: 500;
     font-style: normal;
     font-size: 14px;
     line-height: 26px;     
     color: #7E7AA6;
     margin-left: 40px;
     margin-top: 30px; 
     margin-bottom: 0;
     float: left;
  }
  
  .footer-line{     
     margin-left: 40px;
     width: 250px;
     height: 2px;
     margin-top: 0;
  }

  .newsletter-form{
   margin-top: 40px;
   margin-left: 40px;
  }
  
  .newsletter-btn{
   background-color: #131030;
   border: none;
  }
  
  .newsletter-icon{
     float: right;
     margin-right: 50px;
     margin-top: 30px; 
     margin-bottom: 0;
  }
  
  .checkbox-section{
  margin-top: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  }
  
  .checkbox{
     /* float: left; */
     width: 15px;
     height: 15px;
     /* margin-left: 40px; */
     margin-top: 6px;
  }
  
  .checkbox-content{
     /* float: right; */
     width: 200px;
     height: 26px;
     font-family: 'Work Sans';
     font-weight: 500;
     font-style: normal;
     font-size: 12.5px;
     line-height: 26px;     
     color: #7E7AA6;    
     /* margin-right: 75px;  */
     margin-left: 10px;
  }
  
 
 
 @media (min-width:2560px){
   .banner-section{
      height: 600px;     
      background-color:#F9F8FF;
      background-image: url("../images/banner-bg.png");
      background-repeat: no-repeat;
      background-position:top right;
      background-size: 47% 80%;
      padding:0;
 }
   
   .banner-content{
      margin-top: 50px;
 }
   
   .banner-heading{
      width: 457px;
      height: 144px;
      font-family: 'Work Sans';
      font-weight: 700;
      font-style: normal;
      font-size: 56px;
      line-height: 72px;     
      color: #3B3663;
      margin-left: 0;
 }
 
 .banner-para{
      width: 405px;
      height: 52px;
      font-family: 'Work Sans';
      font-weight: 400;
      font-style: normal;
      font-size: 16px;
      line-height: 26px;     
      color: #7A7792;
 }  

 .banner-vec-right-top{
   position: absolute;
   top: 0;
   right: 0;
   width: 40px;
   height: 40px;
   margin-top: 100px;
   margin-right: 590px;
}

.banner-vec-bot-middle {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 25px;
   height: 25px;
   margin-bottom: 180px;
   margin-left: 600px;
}

.service-btn{
   margin-left: 10px;
}

 .about-image{
   height: 400px;
   width: 330px;  
   max-width: 100%;       
}
 
.about-heading{
   width: 540px;
   height: 108px;
   font-family: 'Work Sans';
   font-weight: 700;
   font-style: normal;
   font-size: 38px;
   line-height: 54px;     
   color: #3B3663;
}

.about-para{
   width: 540px;
   height: 78px;
   font-family: 'Work Sans';
   font-weight: 400;
   font-style: normal;
   font-size: 16px;
   line-height: 26px;     
   color: #7A7792;
}

.abouticontext{
   width: 504px;
   height: 24px;
   font-family: 'Work Sans';
   font-weight: 400;
   font-style: normal;
   font-size: 14px;
   line-height: 24px;     
   color: #7A7792;
   margin-left: 10px;
}
   
.service-heading{
   width: 477px;
   height: 108px; 
}

.row-1{
   margin-top: 50px;   
}

.container .row .bottom{
   margin-bottom: 100px;
}

.navigation-center-align{     
   display: flex;
   justify-content: center;     
}

.portfolio-nav{
   margin-top: 50px;       
   /* background-color: blueviolet; */
}

.portfolio-nav ul{
   list-style-type: none;          
}

.portfolio-nav ul li {
   display: inline;      
}

.portfolio-nav ul li a {
   font-family: 'Work Sans';
   font-weight: 600;
   font-style: normal;
   font-size: 14px;
   line-height: 16.42px;          
   color: #AAA8BD;
   /* text-align: center; */
   margin-right: 40px;
}

.portfolio-nav ul li a:hover{
   color: #8C7DFF;
}

hr{     
   height: 1px;          
   color: #8C7DFF;
   max-width: 100%;
   width: 300px;
}

.case-study-container {    
   column-count: 3;
   column-gap: 10px;
   column-fill:auto;
   margin: 10px auto 0;
   padding: 1rem;      
   }

   .item {
       display: inline-block;
       margin: 0 0 20px;
       /* -webkit-column-break-inside: avoid;
       page-break-inside: avoid;
       break-inside: avoid; */
       width: 100%;
   }
       
   .img {
         width: 100%;
         height: auto;
       }

       .case-study-1-overlay{
         width: 100%;
    }

   /* Feedback section */
     .parent-div{
         position: relative;     
      }
      
      .overlap1{
         position: absolute;
         bottom: 0;
         left: 0;
         margin-left: 685px;
         margin-bottom: 450px;
    }
    
    .overlap2{
         position: absolute;
         bottom: 0;
         left: 0;
         margin-left: 1130px;
         margin-bottom: 450px;
    }
    .overlap3{
         position: absolute;
         bottom: 0;
         left: 0;
         margin-left: 1565px;
         margin-bottom: 450px;
    }
    
      .row .col-sm-12 .card .card-body .fb-col-para{
         width: 230px;
      }
    
      .feedback-heading{
       width: 477px;
       height: 108px;
       font-family: 'Work Sans';
       font-weight: 700;
       font-style: normal;
       font-size: 38px;
       line-height: 54px;     
       color: #FFFFFF;
       text-align: center;
    }
 
    .feedback-section-column{
       margin-top: 65px;
    }
 
    .bottom{
       margin-bottom: 100px;
    }
 
  
 
    /* Blog section */
    .blog-heading{
     width: 477px;
     height: 54px;
     font-family: 'Work Sans';
     font-weight: 700;
     font-style: normal;
     font-size: 38px;
     line-height: 54px;     
     color: #3B3663;
     text-align: center;
  }
  
  .blog-card{   
    height: 456px;
    border-radius: 16px;
    border: none;
  }
  
  .blog-image{
    width: 335px !important; 
    height: 185px;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 16px;
  }
  
  .blog-col-heading{
    width: 290px;
    height: 52px;
    font-family: 'Work Sans';
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    line-height: 26px;     
    color: #3B3663;
    margin-left: 30px;
    margin-top: 25px;     
  }
  
  .blog-col-para{
    width: 290px;
    height: 48px;
    font-family: 'Work Sans';
    font-weight: 500;
    font-style: normal;
    font-size: 14px;
    line-height: 24px;     
    color: #7A7792;
    margin-left: 30px;
    margin-top: 15px; 
  }
 
  .row .blog-row{
    margin-top: 60px;
 }
 
 /* Footer Section */
  
 .footer-section{
     height: 432px;
     background-color:  #191638;     
  }
  
  .footer-row{
     margin-top: 106px;
  }
  
  .footer-columns{   
     height: 250px;
  }
  
  .footer-col-2{
     margin-top: 100px !important;
  }
  
  .footer-col-3{
     margin-top: 100px !important;
  }
  
  .footer-col-4{  
     background-color: #131030;
     border-radius: 16px;
     height: 229px;
     margin-top: 100px !important;
  }
  
  .footer-col1-para{
     width: 255px;
     height: 78px;
     font-family: 'Work Sans';
     font-weight: 500;
     font-style: normal;
     font-size: 14px;
     line-height: 26px;     
     color: #7E7AA6;
     margin-left: 10px;
     margin-top: 31px; 
  }
  
  .footer-line1{
     margin-left: 10px;
     width: 240px;
  }
  
  .communication-icons{
     margin-top: 10px;
  }
  
  .fb-icon{
     margin-left: 10px;
  }
  
  .footer-col2-heading{
     width: 84px;
     height: 26px;
     font-family: 'Work Sans';
     font-weight: 700;
     font-style: normal;
     font-size: 16px;
     line-height: 26px;     
     color: #FFFFFF;     
     margin-left: 30px;
     /* margin-top: 31px;  */
  }
  
  .nav-list{
     list-style-type: none;  
     margin: 0;    
     padding: 0; 
  }
  
  .nav-list li a{
     color: #7E7AA6;
     text-decoration: none;
     width: 42px;
     height: 16px;
     font-family: 'Work Sans';
     font-weight: 500;
     font-style: normal;
     font-size: 14px;
     line-height: 16px;   
     margin-left: 30px;                
  }
  
  .nav-list li{     
     padding-top: 20px;
  }
  
  .footer-col3-heading{
     height: 26px;
     font-family: 'Work Sans';
     font-weight: 700;
     font-style: normal;
     font-size: 16px;
     line-height: 26px;     
     color: #FFFFFF;     
     /* margin-left: 20px; */
  }
  
  .footer-col3-heading1{
     width: 63px;     
  }
  
  .footer-col3-para1{
     width: 255px;
     height: 52px;
     font-family: 'Work Sans';
     font-weight: 500;
     font-style: normal;
     font-size: 14px;
     line-height: 26px;     
     color: #7E7AA6;
     /* margin-left: 20px; */
     margin-top: 31px; 
  }
  
  .footer-col3-heading2{
     width: 130px;    
  }
  
  .footer-col3-para2{
     width: 255px;
     height: 26px;
     font-family: 'Work Sans';
     font-weight: 500;
     font-style: normal;
     font-size: 14px;
     line-height: 26px;     
     color: #8C7DFF;
     /* margin-left: 20px; */
     margin-top: 10px;  
     cursor: pointer;    
  }
  
  .footer-col4-heading{
     width: 176px;
     height: 26px;
     font-family: 'Work Sans';
     font-weight: 700;
     font-style: normal;
     font-size: 16px;
     line-height: 26px;     
     color: #FFFFFF;
     margin-left: 40px;
     margin-top: 40px; 
  }
  
  .footer-col4-para{
     width: 97px;
     height: 26px;
     font-family: 'Work Sans';
     font-weight: 500;
     font-style: normal;
     font-size: 14px;
     line-height: 26px;     
     color: #7E7AA6;
     margin-left: 40px;
     margin-top: 30px; 
     margin-bottom: 0;
     float: left;
  }
  
  .footer-line{     
     margin-left: 40px;
     width: 250px;
     height: 2px;
     margin-top: 0;
  }

  .newsletter-form{
   margin-top: 40px;
   margin-left: 40px;
  }
  
  .newsletter-btn{
   background-color: #131030;
   border: none;
  }
  
  .newsletter-icon{
     float: right;
     margin-right: 50px;
     margin-top: 30px; 
     margin-bottom: 0;
  }
  
  .checkbox-section{
  margin-top: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  }
  
  .checkbox{
     /* float: left; */
     width: 15px;
     height: 15px;
     /* margin-left: 40px; */
     margin-top: 6px;
  }
  
  .checkbox-content{
     /* float: right; */
     width: 200px;
     height: 26px;
     font-family: 'Work Sans';
     font-weight: 500;
     font-style: normal;
     font-size: 12.5px;
     line-height: 26px;     
     color: #7E7AA6;    
     /* margin-right: 75px;  */
     margin-left: 10px;
  }
    
 }
 
 /* ************************************************************* */
*{
     box-sizing: border-box;
     font-family: 'Work Sans';     
}

/* Navigation Section */

.navbar-light .navbar-nav .nav-link{
     font-family: 'Work Sans';
     font-weight: 600;
     font-style: normal;
     font-size: 14px;
     line-height: 16.42px;     
     color: #3B3663;  
     text-decoration: none; 
     padding: 1rem;
 }
 
 .navbar-light .navbar-nav .nav-link:hover {
     color: #8C7DFF;
 }

 .active {
   color: #8C7DFF !important;
}
 
 .navbar-toggler{
     background-color: #8C7DFF;        
 }
 
 .navbar-nav .contact-button{
     background-color: #8C7DFF;
     font-family: 'Work Sans';
     font-weight: 600;
     font-style: normal;
     font-size: 13px;
     line-height: 15.25px;     
     color: #FFFFFF;     
     border-radius: 100px;
     padding: 10px, 18px, 10px, 18px; 
     border: none;
     text-decoration: none;   
 }
 
 .navbar-nav .contact-button:hover{
     color:#868FFF;
     background-color: #F0EEFF;
     transform: translateY(-1px);
     box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
 }
 
 .navbar-nav .contact-button:hover::after {
     transform: scaleX(1) scaleY(1);
     opacity: 0;
 }
 
 .navbar-nav .contact-button:active {
     background-color: #FFFFFF;
     color: #868FFF; 
     border:1px solid #868FFF;
     transform: translateY(1px);      
 }
 
 /* .navbar-nav .contact-button:focus{
     outline: 0;
 } */
 
 .navbar-nav .btn:focus,.navbar-nav .btn:active {
     outline: none ;
     box-shadow: none;
  }
 
 /* ************************************************************* */
/* .container-fluid{
     padding:0;
} */

/* .banner-section{
     height: 800px;     
     background-color:#F9F8FF;
     background-image: url("../images/banner-bg.png");
     background-repeat: no-repeat;
     background-position:top right;
     background-size: 47% 80%;
     padding:0;
} */

.bg-vector-img{
     position: relative;
     padding:0;
}

.vector-img{
     width: 150px;
     height: 200px;
     position: absolute;
     bottom: 50;
     left: 0;     
}

/* .banner-vec-right-top{
     position: absolute;
     top: 0;
     right: 0;
     width: 40px;
     height: 40px;
     margin-top: 100px;
     margin-right: 590px;
} */

.banner-vec-bot-middle{
     position: absolute;
     bottom: 0;
     left: 0;
     width: 25px;
     height: 25px;
     margin-bottom: 180px;
     margin-left: 600px;           
}

.banner-vec-bot-middle-2{
     position: absolute;
     bottom: 0;
     left: 0;
     width: 6px;
     height: 6px;
     margin-bottom: 430px;
     margin-left: 700px;           
}

.banner-vec-top-left{
     position: absolute;
     top: 0;
     left: 0;
     width: 25px;
     height: 25px;
     margin-top: 180px;
     margin-left: 30px;       
}

/* .container{
     /* position: relative;  */
     /* padding: 0;     */
/*} */

.bottom-curve{
     height: 670px;
     width: 100%;
     padding:0;
}

.bottom-curve::after{
 content: ' ';
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 100px;
  background: #FFFFFF;
  left: 0;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  padding:0;
}

/* .bottom-curve{
width: 100%;
  height: 800px;
  position: relative;
  overflow: hidden;  
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 96% 99%, 92% 97%, 88% 95%, 84% 93%, 80% 91%, 76% 89%, 72% 87%, 68% 85%, 64% 83%, 60% 81%, 56% 79%, 52% 78%, 50% 78%, 48% 78%, 44% 79%, 40% 81%, 36% 83%, 32% 85%, 28% 87%, 24% 89%, 20% 91%, 16% 93%, 12% 95%, 08% 97%, 04% 99%, 0% 100%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 96% 99%, 92% 97%, 88% 95%, 84% 93%, 80% 91%, 76% 89%, 72% 87%, 68% 85%, 64% 83%, 60% 81%, 56% 79%, 52% 78%, 50% 78%, 48% 78%, 44% 79%, 40% 81%, 36% 83%, 32% 85%, 28% 87%, 24% 89%, 20% 91%, 16% 93%, 12% 95%, 08% 97%, 04% 99%, 0% 100%);
} */


/* .banner-content{
     margin-top: 50px;
} */

.left{
     float: left;
     /* background-color: aqua; */
}

.right{
     float: right;
}

#ellipse-icon{     
     color:#FF8989;
     width: 6px;
     height: 6px;
     /* top: 5px; */
     font-size: 6px;
     /* margin-top: 5px; */
}

.icon-text{     
     width: 102px;
     height: 16px;     
     font-family: 'Work Sans';
     font-weight: 600;
     font-style: normal;
     font-size: 14px;
     line-height: 16px;     
     color: #FF8989;
     margin-left: 12px;     
     letter-spacing: 0.09em;  
}

/* .banner-heading{
     width: 457px;
     height: 144px;
     font-family: 'Work Sans';
     font-weight: 700;
     font-style: normal;
     font-size: 56px;
     line-height: 72px;     
     color: #3B3663;
     margin-left: 0;
}

.banner-para{
     width: 405px;
     height: 52px;
     font-family: 'Work Sans';
     font-weight: 400;
     font-style: normal;
     font-size: 16px;
     line-height: 26px;     
     color: #7A7792;
} */

.inquiry-button{
     height: 52px;
     width: 169px;          
     border-radius: 100px;
     padding:17px, 40px, 17px, 40px;
     margin-top: 20px;       
     background: linear-gradient(94.99deg, #8C7DFF 0%, #7DA9FF 100%);
     border: none;     
     text-decoration: none;
     cursor: pointer;
     font-family: 'Work Sans';
     font-weight: 600;
     font-style: normal;
     font-size: 13px;
     line-height: 15.25px;     
     color: #FFFFFF;     
}

.inquiry-button:hover{
     color:#868FFF;
     background: #F0EEFF;
     transform: translateY(-1px);
     box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);     
}

.inquiry-button:hover::after {
     transform: scaleX(1) scaleY(1);
     opacity: 0;
 }

.inquiry-button:active{
     border:2px solid #868FFF;
     background-color: #FFFFFF;
     color: #868FFF;
     transform: translateY(1px);
}

.inquiry-button:focus{
     outline: 0;
}

/* .service-btn{
     margin-left: 10px;
} */

.about-vector-img{
     position: relative;
}

.about-vector-img-right{
     width: 80px;
     height: 150px;
     position: absolute;
     bottom: 0;
     right: 0;
     margin-bottom: 20px;
}

.about-vector-img-left{
     width: 100px;
     height: 100px;
     position: absolute;
     top: 0;
     left: 0;
     margin-left: 20px;
}



/* .about-image{
     height: 400px;
     width: 330px;  
     max-width: 100%;          
} */


/* .about-section{
     height: 500px;              
} */

.about-row{
   margin-bottom: 100px;
}

.abouticon-text{
     width: 80px;
     height: 16px;
     /* left: 16px; */
     font-family: 'Work Sans';
     font-weight: 600;
     font-style: normal;
     font-size: 14px;
     line-height: 16.42px;     
     color: #FF8989;
     margin-left: 12px;
     /* margin-top: 5px;    */
     letter-spacing: 0.09em;  
}
/* 
.about-heading{
     width: 540px;
     height: 108px;
     font-family: 'Work Sans';
     font-weight: 700;
     font-style: normal;
     font-size: 38px;
     line-height: 54px;     
     color: #3B3663;
}

.about-para{
     width: 540px;
     height: 78px;
     font-family: 'Work Sans';
     font-weight: 400;
     font-style: normal;
     font-size: 16px;
     line-height: 26px;     
     color: #7A7792;
} */

/* #iconify{
     width: 2.92px;
     height: 2.92px;     
     font-size: 16px;
     line-height: 26px;     
     color: #8C7DFF;
} */


/* .abouticontext{
     width: 504px;
     height: 24px;
     font-family: 'Work Sans';
     font-weight: 400;
     font-style: normal;
     font-size: 14px;
     line-height: 24px;     
     color: #7A7792;
     margin-left: 10px;
} */

.foldericon{
     margin-top: 10px;
}

.aboutusiconsection{
     margin-top: 20px;
}

.about-btn{
     margin-top: 30px;
}

.service-vector-img{
     position: relative;
}

.service-vector-img-right{
     width: 100px;
     height: 100px;
     position: absolute;
     right: 0;
     top: 0;
     margin-top: 100px;
     margin-right: 50px;
}

.service-section{
     /* height: 798px; */
     background-color: #433A89;
}

.service-header{
     text-align: center;
     /* margin-top: 100px;      */
}

#serviceellipse-icon{     
     color:#8C7DFF;
     width: 6px;
     height: 6px;     
     font-size: 6px;
     margin-top: 100px;     
}

.serviceicon-text{
     width: 78px;
     height: 16px;
     font-family: 'Work Sans';
     font-weight: 600;
     font-style: normal;
     font-size: 14px;
     line-height: 16.42px;     
     color: #A69FEA;
     margin-left: 12px;     
     letter-spacing: 0.09em;
     margin-top: 100px;   
}

.service-heading{
     /* width: 477px;
     height: 108px; */
     font-family: 'Work Sans';
     font-weight: 700;
     font-style: normal;
     font-size: 38px;
     line-height: 54px;     
     color: #FFFFFF;
     text-align: center;
}

.center-align{
     margin-left: auto;
     margin-right: auto;
}

.single-col .card{
   border: none;
   border-radius: 16px;
}

.service-card{
  border: none;
   /* height: 433px; */
   border-radius: 16px;      
}

.service-card:hover{
   box-shadow: 0 0 2px 2px #A695FF;
}

/* .row-1{
   margin-top: 50px;   
}

.container .row .bottom{
   margin-bottom: 100px;
} */

.service-card-icon{
   margin-left: 40px;
   margin-top: 40px;
}

.service-card-title{
   /* width: 124px; */
   /* height: 26px;         */
   font-family: 'Work Sans';
   font-weight: 700;
   font-style: normal;
   font-size: 18px;
   line-height: 26px;     
   color: #FFFFFF;
   margin-left: 40px;
}

.service-card-text{
   /* width: 270px; */
   /* height: 96px;         */
   font-family: 'Work Sans';
   font-weight: 400;
   font-style: normal;
   font-size: 14px;
   line-height: 24px;     
   color:#FFFFFF;
   margin-left: 40px;
}

.desktop-app-col{     
   background: linear-gradient(94.99deg, #8C7DFF 0%, #7DA9FF 100%);
}

.web-app-col{            
   background: linear-gradient(180deg, #4B4394 0%, #433A89 100%);  
}

.enterprise-search-col{         
   background: linear-gradient(180deg, #4B4394 0%, #433A89 100%);
}

.service-readmore-btn{
   /* width: 100px; */
   /* height: 15px;        */
   margin-left:30px ;
   font-family: 'Work Sans';
   font-weight: 600;
   font-style: normal;
   font-size: 13px;
   line-height: 15.25px;     
   color: #FFFFFF;
   border: none;  
   background: #FFFFFF;     
}

.service-readmore-btn:focus{
   outline: 0;
}

.desktop-app-col-btnclr{
   background: linear-gradient(94.99deg, #8C7DFF 0%, #7DA9FF 100%);
}

.web-app-col-btnclr{
   background: linear-gradient(180deg, #4B4394 0%, #433A89 100%);  
}

.enterprise-col-btnclr{
   background: linear-gradient(180deg, #4B4394 0%, #433A89 100%); 
}

/* CASE STUDIES */
.portfolio-section{
     /* height: 1100px; */
     background-color: #FFFFFF;             
}

.case-study-vector-img{
     position: relative;
}

.case-study-vector-img-right{
     position: absolute;
     bottom:0;
     right:0;
     margin-right: 50px;
     margin-bottom: 50px;
     width: 100px;
     height: 100px;
}

.case-study-vector-img-left{
     position: absolute;
     top:0;
     left:0;
     margin-top: 50px;
     margin-left: 50px;
     width: 100px;
     height: 100px;
}

.portfolio-header{
     text-align: center;     
}

#portfolioellipse-icon{     
     color:#8C7DFF;
     width: 6px;
     height: 6px;     
     font-size: 6px;
     margin-top: 100px;     
}

.portfolioicon-text{
     width: 90px;
     height: 16px;
     font-family: 'Work Sans';
     font-weight: 600;
     font-style: normal;
     font-size: 14px;
     line-height: 16.42px;     
     color: #7A7792;
     margin-left: 12px;     
     letter-spacing: 0.09em;
     margin-top: 100px;   
}

.portfolio-heading{
     width: 313px;
     height: 54px;
     font-family: 'Work Sans';
     font-weight: 700;
     font-style: normal;
     font-size: 38px;
     line-height: 54px;     
     color: #3B3663;
     text-align: center;
}

/* .navigation-center-align{     
     display: flex;
     justify-content: center;     
}

.portfolio-nav{
     margin-top: 50px;            
}

.portfolio-nav ul{
     list-style-type: none;          
}

.portfolio-nav ul li {
     display: inline;      
}

.portfolio-nav ul li a {
     font-family: 'Work Sans';
     font-weight: 600;
     font-style: normal;
     font-size: 14px;
     line-height: 16.42px;          
     color: #AAA8BD;     
     margin-right: 40px;
}

.portfolio-nav ul li a:hover{
     color: #8C7DFF;
}

hr{     
     height: 1px;          
     color: #8C7DFF;
     max-width: 100%;
} */

/* .case-studies-section{
     height: 600px;     
} */

/* case-study section */
  


/* case-study section */
/* .case-studies-col{
     height: 600px;
}

.case-studies-col-img:hover{
     box-shadow: 0 0 2px 2px #A695FF;     
}

.case-studies-col1{
     float: left;    
     width: 33%;     
}


.case-studies-col2{
     float: left;    
     width: 33%;     
     margin-left: 8px;
     
}

.case-studies-col3{
     float: right;    
     width: 33%;     
     
}

.case-study-1-img{
     width: 350px;
     height: 300px;     
}

.case-study-2{     
     margin-top: 20px;     
}

.case-study-2-img{
     width: 350px;
     height: 250px;
}

.case-study-3-img{
     width: 350px;
     height: 250px;
}

.case-study-4{     
     margin-top: 20px;     
}

.case-study-4-img{
     width: 350px;
     height: 330px;
}

.case-study-5-img{
     width: 350px;
     height: 300px;
     
}

.case-study-6{     
     margin-top: 20px;     
}

.case-study-6-img{
     width: 350px;
     height: 250px;
     
} */

.overlay-parent{
     position: relative;
     display: block;
}

.overlay{
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     height: 100%;     
     opacity: 0;
     /* transition: .5s ease; */
     background: linear-gradient(180deg, rgba(59, 54, 99, 0) 0%, #3B3663 100%);
}

/* .case-study-1-overlay{
     width: 100%;
} */

.overlay-parent:hover .overlay{
     opacity: 0.8;
     border-radius: 16px;
}

.overlay-text{
     position: absolute;
     bottom: 0;
     left: 0;
     margin-bottom: 30px;
}

#case-study-ellipse-icon{
     color:#FF8989;
     width: 6px;
     height: 6px;     
     font-size: 6px;
     margin-left: 30px;
     /* margin-top: 250px; */
}

.automation{
     width: 89px;
     height: 14px;
     font-family: 'Work Sans';
     font-weight: 600;
     font-style: normal;
     font-size: 12px;
     line-height: 14.08px;     
     color: #FFFFFF;      
     letter-spacing: 0.09em;    
     margin-left: 10px;   
}

.task-management{
     width: 221px;
     height: 19px;
     font-family: 'Work Sans';
     font-weight: 700;
     font-style: normal;
     font-size: 16px;
     line-height: 18.77px;     
     color: #FFFFFF;   
     margin-left: 30px;        
}


/* .case-study-1{
position: relative;
}

.case-study-1 .transparent{
     position: absolute;
     background: rgb(0, 0, 0);
     background: linear-gradient(180deg, rgba(59, 54, 99, 0) 0%, #3B3663 100%);
     opacity: 0.8;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     border-radius: 16px;
     width: 350px;
     transition: .5s ease;
}
 
#case-study-ellipse-icon{
     color:#FF8989;
     width: 6px;
     height: 6px;     
     font-size: 6px;
     margin-left: 30px;
     margin-top: 250px;
}

.automation{
     width: 89px;
     height: 14px;
     font-family: 'Work Sans';
     font-weight: 600;
     font-style: normal;
     font-size: 12px;
     line-height: 14.08px;     
     color: #FFFFFF;      
     letter-spacing: 0.09em;    
     margin-left: 10px;   
}

.task-management{
     width: 221px;
     height: 19px;
     font-family: 'Work Sans';
     font-weight: 700;
     font-style: normal;
     font-size: 16px;
     line-height: 18.77px;     
     color: #FFFFFF;   
     margin-left: 30px;        
} */

/* CASE STUDIES */

/* ************************************************************* */
/* Feedback Section */


.feedback-section{
     height: 784px;
     background-color: #433A89;
  }
  
  .customer-fb-vector-img{
     position: relative;
  }
  
  .customer-fb-vector-img-right{
     width: 80px;
     height: 100px;
     position: absolute;
     bottom: 0;
     right: 0;
     margin-bottom: 20px;
  }
  
  .feedback-header{
     text-align: center;
     /* margin-top: 100px;      */
  }
  
  #feedbackellipse-icon{     
     color:#8C7DFF;
     width: 6px;
     height: 6px;     
     font-size: 6px;
     margin-top: 100px;     
  }
  
  .feedbackicon-text{
     width: 78px;
     height: 16px;
     font-family: 'Work Sans';
     font-weight: 600;
     font-style: normal;
     font-size: 14px;
     line-height: 16.42px;     
     color: #A69FEA;
     margin-left: 12px;     
     letter-spacing: 0.09em;
     margin-top: 100px;   
  }
  
  .feedback-heading{
     /* width: 477px;
     height: 108px; */
     font-family: 'Work Sans';
     font-weight: 700;
     font-style: normal;
     font-size: 38px;
     line-height: 54px;     
     color: #FFFFFF;
     text-align: center;
  }
  
  /* .feedback-section-column{
     margin-top: 65px;
  } */
 
  
  /* .fb-columns{
     width: 32%;
     height: 368px;
     border-radius: 16px;
  } */
  .fb-card{
     border-radius: 16px;
  }
  
  .fb-card:hover{
     box-shadow: 0 0 2px 2px #A695FF;   
  }
  
  .fb-column-1{
     /* float: left; */
     background: linear-gradient(180deg, #4B4394 0%, #423A89 100%);        
  }
  
  .fb-column-2{
     /* float: left;
     margin-left: 25px;   */
     background: #38317D !important;
  }
  
  .fb-column-3{
     /* float: right; */
     background: linear-gradient(180deg, #4B4394 0%, #423A89 100%);
  }
  
  .star-rating{
     margin-top: 51px;
     margin-left: 40px;
  }
  
  .fb-col-para{
     width: 270px;
     height: 104px;  
     margin-top: 27px;
     margin-left:40px ;
     font-family: 'Work Sans';
     font-weight: 500;
     font-style: normal;
     font-size: 14px;
     line-height: 26px;     
     color: #A69FEA;
     text-align: left;
  }
  
  .customer-details{
     margin-top: 83px;
  }
  
  .customer-image{
     width: 49px;
     height: 53px;
     margin-left: 40px;        
  }
  
  .customer-name{
     width: 131px;
     height: 26px;       
     font-family: 'Work Sans';
     font-weight: 700;
     font-style: normal;
     font-size: 16px;
     line-height: 26px;     
     color: #FFFFFF;        
  }
  
  .customer-designation{
     width: 69px;
     height: 16px;       
     font-family: 'Work Sans';
     font-weight: 500;
     font-style: normal;
     font-size: 14px;
     line-height: 16.42px;     
     color: #A69FEA;        
  }
  
  .customer-info{
     float: right;
     margin-right: 135px;
  }
  
   .center-align{
     margin-left: auto;
     margin-right: auto;
  }
  
  /* ************************************************************* */
 /* Blog Section */
  
  .blog-section{
     height: 906px;
     background-color: #F3F8FF;                
  }
  
  .blog-vector-img{
     position: relative;
  }
  
  .blog-vector-img-right{
     width: 80px;
     height: 150px;
     position: absolute;
     bottom: 0;
     right: 0;
     margin-bottom: 20px;
  }
  
  
  .blog-header{
     text-align: center;     
  }
  
  #blogellipse-icon{     
     color:#8C7DFF;
     width: 6px;
     height: 6px;     
     font-size: 6px;
     margin-top: 100px;     
  }
  
  .blogicon-text{
     width: 78px;
     height: 16px;
     font-family: 'Work Sans';
     font-weight: 600;
     font-style: normal;
     font-size: 14px;
     line-height: 16.42px;     
     color: #7A7792;
     margin-left: 12px;     
     letter-spacing: 0.09em;
     margin-top: 100px;   
  }
  
  .blog-heading{
     /* width: 477px;
     height: 54px; */
     font-family: 'Work Sans';
     font-weight: 700;
     font-style: normal;
     font-size: 38px;
     line-height: 54px;     
     color: #3B3663;
     text-align: center;
  }
  
  /* .row .blog-row{
     margin-top: 60px;
  } */
  
  .blog-card{   
     /* height: 456px; */
     border-radius: 16px;
  }
  
  .blog-card:hover{
     box-shadow: 0 0 2px 2px #A695FF;
  }
  
  
  .blog-image{
     /* width: 330px;
     height: 185px; */
     margin-top: 10px;
     margin-left: 10px;
     margin-right: 10px;
     border-radius: 16px;
  }
  
  .date-section{
     margin-left: 30px;
     margin-top: 30px;
  }
  
  .time-icon{
     width: 16px;
     height: 16px;
  }
  
  .date{
     width: 90px;
     height: 16px;
     font-family: 'Work Sans';
     font-weight: 500;
     font-style: normal;
     font-size: 14px;
     line-height: 16.42px;     
     color: #7A7792;
     margin-left: 3px;
  }
  
  .profile-icon{
     width: 16px;
     height: 16px;
  }
  
  .profile-name{
     width: 82px;
     height: 16px;
     font-family: 'Work Sans';
     font-weight: 500;
     font-style: normal;
     font-size: 14px;
     line-height: 16.42px;     
     color: #7A7792;
     margin-left: 3px;
  }
  
  .blog-col-heading{
     /* width: 290px;
     height: 52px; */
     font-family: 'Work Sans';
     font-weight: 700;
     font-style: normal;
     font-size: 16px;
     line-height: 26px;     
     color: #3B3663;
     margin-left: 30px;
     margin-top: 25px;     
  }
  
  .blog-col-para{
     /* width: 290px;
     height: 48px; */
     font-family: 'Work Sans';
     font-weight: 500;
     font-style: normal;
     font-size: 14px;
     line-height: 24px;     
     color: #7A7792;
     margin-left: 30px;
     margin-top: 15px; 
  }
  
  .blog-readmore-btn{
     width: 100px;
     height: 15px;       
     margin-left:20px ;
     font-family: 'Work Sans';
     font-weight: 600;
     font-style: normal;
     font-size: 13px;
     line-height: 15.25px;     
     color: #7A7792;
     border: none;  
     background: #FFFFFF;     
  }
  
  .readmore-icon{
     width: 6.56px;
     height: 2.81px;  
     margin-top: 40px;
     margin-left:40px ;     
     font-size: 13px;         
     color: #7A7792;        
     transform: rotate(-90deg);
  }
  
  .readmore-btn:focus{
     outline: 0;
  }
  
  .loadmore-button{
     height: 52px;
     width: 186px;     
     border-radius: 100px;
     padding:17px, 40px, 17px, 40px;
     margin-top: 51px;  
     /* margin-left: 480px;                  */
     margin-bottom: 50px;
     background-color: #8C7DFF;
     border: none;     
     text-decoration: none;
     cursor: pointer;
     font-family: 'Work Sans';
     font-weight: 600;
     font-style: normal;
     font-size: 13px;
     line-height: 15.25px;     
     color: #FFFFFF;                  
  }
  
  .loadmore-button:hover{
     color:#868FFF;
     background-color: #F0EEFF;
     transform: translateY(-1px);
     box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     /* box-shadow: 0 2px #F0EEFF; */
  }
  
  .loadmore-button:hover::after {
     transform: scaleX(1) scaleY(1);
     opacity: 0;
  }
  
  .loadmore-button:active{
     border:2px solid #868FFF;
     background-color: #FFFFFF;
     color: #868FFF;
     transform: translateY(1px);
  }
  
  .loadmore-button:focus{
     outline: 0;
  }
  
  /* ************************************************************* */
 /* Copyright Section */
 
 .copyright-section{
     height: 86px;
     background-color: #131030;  
     display: flex;
     justify-content: center;
     align-items: center;        
  }
  
  .copyright-content{
     width: 245px;
     height: 26px;
     font-family: 'Work Sans';
     font-weight: 500;
     font-style: normal;
     font-size: 14px;
     line-height: 26px;     
     color: #7E7AA6;    
  } 
  
  html {
     scroll-behavior: smooth;
   }