*{
    padding: 0%;
    margin: 0%;
    box-sizing: border-box;
}
body{
    font-family: 'Lato', sans-serif;
    font-weight: 400;
}
:root{
    --primary-bg-color:#193063;
    --primary-text-color:#fff;
    --secondry-bg-color:#283593;   
    --secondry-text-color:;
    --text-heading-color:;
    --card-bg-color:;
    --card-text-color:;
    --border-color:#ee8b25;
    --border-color-shadow:#ECEFF1;
    --border-button-color:#FF6F00;
    /* #ECEFF1 */
}
h1,h2,h3,h4,h5,h6{
    font-family: 'Lato', sans-serif;
     font-weight: 700;
}
span,ul,p,ol{
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    text-align: justify;
}
h1{
    font-size: 3.31rem;
    font-weight: 800;
    /* line-height: 55px; */
}
.main-btn-color{
    background-color: var(--border-button-color);
    color:var(--primary-text-color);
    border:2px solid var(--border-color);
}
.main-btn-color:hover{
    border: 2px solid var(--border-color);
    color: var(--primary-text-color);
}
.container>h2{
    font-size: 2.25rem;
    font-weight: 900;
    line-height: 50px;
    margin-top: 50px;
    margin-bottom: 30px;
    text-align: center;
    color: var(--primary-bg-color);
}
.heading3{
    font-size: 2.25rem;
    font-weight: 900;
    line-height: 50px;
    margin-bottom: 30px;
    color: var(--primary-bg-color);
}
#home-banner{
    background: url('../images/home-banner-teal.webp');
    background-position: center right;
    background-size: cover;
}
.left-banner{
    color:var(--primary-text-color);
}
.right-banner-heading{
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    /* margin-bottom: 30px; */
}
.after-banner h5{
    color: var(--primary-bg-color);
}
.border-2.border-rounded-2{
    border:2px solid var(--border-color-shadow) !important;
}
.top-success h4{
    font-size: 20px;
    color: var(--secondry-bg-color);
    font-weight: 600;
    padding-top:20px;
}
.cost-saving h3{
    font-size: 2rem;
    font-weight: 800;
    padding-top: 15px;
}

/*Accelarate success */

.accelerate .percentage-circle {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        background: #f8f9fa;
        border: 5px solid #0d6efd;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    }
    
   .accelerate .percentage-value {
        font-size: 1.8rem;
        font-weight: bold;
        color: #0d6efd;
    }
    
   .accelerate .icon-wrapper {
        color: #0d6efd;
    }
    
   .accelerate .card {
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        border-radius: 12px;
    }
    
   .accelerate .card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
    }
    
    .accelerate .card-title {
        font-weight: 600;
    }
    
   .accelerates hr {
        border-top: 2px solid #0d6efd;
        opacity: 1;
    }
/* software-development  */
.software-development h4{
    color:var(--primary-bg-color);
}
.software-development .main-btn-color:hover{
      background-color: var(--border-button-color);
    color:var(--primary-text-color);
    border:2px solid var(--border-color);
    
}
.technology .col-lg-2.col-md-2.col-3.mb-3 .icon{
    background-color: #ebf3f5;
    text-align: center;
    padding: 30px;
    border: 2px #ebf3f5 solid;
    border-radius: 8px;
}
.technology .col-lg-2.col-md-2.col-3.mb-3 .icon:hover{
    border: 2px var(--primary-bg-color) solid;
    
    background-color: var(--primary-text-color);
}
/* ###########################3   
        on demond services 
   #############################     */
.on-demand-service  img {
/* height: 100%; */
object-fit: cover;
border-radius: 5%;
}
.on-demand-service .owl-nav button {
position: absolute;
top: 50%;
background-color: #000;
color: #fff;
margin: 0;
transition: all 0.3s ease-in-out;
}
/* .on-demand-service .owl-nav button.owl-prev {
left: 0;
}
.on-demand-service .owl-nav button.owl-next {
right: 0;
} */

.on-demand-service .owl-dots {
text-align: center;
padding-top: 15px;
}
.on-demand-service .owl-dots button.owl-dot {
width: 15px;
height: 15px;
border-radius: 50%;
display: inline-block;
background: #ccc;
margin: 0 3px;
}
.on-demand-service .owl-dots button.owl-dot.active {
background-color:var(--border-color);
}
.on-demand-service .owl-dots button.owl-dot:focus {
outline: none;
}
/* .on-demand-service .owl-nav button {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: rgba(255, 255, 255, 0.38) !important;
} */
.on-demand-service span {
font-size: 70px;    
position: relative;
top: -5px;
}
.on-demand-service .owl-nav button:focus {
outline: none;
}
.on-demand-service .owl-item {
height: 300px !important; /* Adjust this value as needed */
display: flex;
}
.on-demand-service .item {
width: 100%;
color: var(--primary-bg-color);
} 
.on-demand-service .item:hover{
background-color: var(--secondry-bg-color);
color: var(--primary-text-color);
border-radius: 5%;
}
.on-demand-service h5{
padding-top: 25px;
text-align: center;
}
.on-demand-service p{
font-size: 1.5rem;
font-weight: 800;
text-align: center;
/* color: var(--primary-bg-color); */
}
.technology .tech-icon{
    color:var(--border-button-color) ;
}
/* ############################3
Start A Project 
####################### */
#start-project{
background-image: url('../images/software-inscription-on-the-virtual-screen-it-technology-concept-photo.jpg');
background-repeat: no-repeat;
background-position: center right;
background-position-x: center;
background-position-y: center;
background-size: cover;
border-radius: 30px;
padding: 50px 0px;

}
#start-project h3{
font-size: 2.25rem;
font-weight: 900;
color: var(--primary-text-color);

/* padding-left: 70px; */
}