.work-item-thumbnail {
    background-color: #11bdbd;
}
    div#service-image {
display: flex; 
gap: 20px; 
flex-wrap: wrap;
}
div#container {
    display: flex; 
    align-items: center; 
    justify-content: space-between;
    padding: 15px; gap: 20px;
    
}

div#style {
   flex: 1;
   
}
i.fas.fa-check-circle {
    color: #0e2c5e;
     margin:10px;
}
   img#person {
     width: 100%; 
     max-width: 500px;
     height: auto;  
} 
    .widget_categories ul li, .widget_archive ul li {
    color: black;
    font-weight: 100;
    padding: 15px 15px !important;
    border-radius: 5px;
    }

    
.box {
   
    border: 2px solid #FF7F00;
    padding: 20px;
    width: 100%;
    position: relative;
    border-radius: 8px;
}
h4#res {
    text-align: center;
    font-size: 30px;
    color: #1f4378;
}


li#id {
    background-color: #dde6f3;
}


ul#list {
   list-style-type: none; 
   padding-left: 0; 
   line-height: 32px;
   font-size: 17px;
}
h3#class {

        text-align: center;
}
h4#apart {
    color:#1f4378;
}
div#display {
    display: flex;

 }
 h3#talk {
    line-height: 36px;
        font-family: auto;

}
 p {

    line-height: 34px;
}


i#icon {
    color: black;
}
div#play {
    border-bottom: 1px solid #1f4378;
    padding: 20px;
    
}
.about-cover-bg{
height: 246px;
background: #204176;
}



 @media screen and (max-width: 768px) {
     div#display {
    display: block;

 }
 div#container {
     display: block;
    }

 }
/*add*/



/* Desktop-specific styles */
@media (min-width: 992px) {
  .first-ico-box {
    padding: 60px 0; /* Increase section padding for desktop */
  }

  .first-ico-box .section-heading {
    margin-bottom: 40px; /* Add spacing below the heading */
  }

  .first-ico-box .feature-box {
    margin: 20px 0; /* Add vertical spacing between feature boxes */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  .first-ico-box .feature-box:hover {
    transform: translateY(-10px); /* Add a hover effect for interactivity */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  }

  .first-ico-box .feature-box i {
    font-size: 60px; /* Increase icon size */
    margin-bottom: 15px; /* Add spacing below the icon */
  }

  .first-ico-box .feature-box h3 {
    font-size: 20px; /* Adjust heading size */
    font-weight: 400; /* Increase heading font weight */
  }
}



.work-item-thumbnail {
    background-color: #11bdbd;
}
    div#service-image {
display: flex; 
gap: 20px; 
flex-wrap: wrap;
}
div#container {
    display: flex; 
    align-items: center; 
    justify-content: space-between;
    padding: 15px; gap: 20px;
    
}
div#style {
   flex: 1;
   
}
   img#person {
     width: 100%; 
     max-width: 500px;
     height: auto;  
} 
    .widget_categories ul li, .widget_archive ul li {
    color: black;
    font-weight: 100;
    padding: 15px 15px !important;
    border-radius: 5px;
    }
   

    
.box {
   
    border: 2px solid #FF7F00;
    padding: 20px;
    width: 100%;
    position: relative;
    border-radius: 8px;
}
h4#res {
    text-align: center;
    font-size: 26px;
    color: #1f4378;
}
.feature-box.text-left.wow.fadeInLeft.boxshadow {
    box-shadow: 25px 25px 81px 0px rgb(95 63 176 / 20%) !important;
    border-radius: 30px 30px 30px 30px !important;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s !important;
    padding: 10px 10px 10px 10px !important;
}
.feature-box-right.text-right.wow.fadeInRight.boxshadow {
    box-shadow: 25px 25px 81px 0px rgb(95 63 176 / 20%) !important;
    border-radius: 30px 30px 30px 30px !important;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s !important;
    padding: 10px 10px 10px 10px !important;
}
.mt-0 {
    margin-top: 14px !important;
    line-height: 25px;
}
div#plus  {
    position: absolute;
    top: 10px;
    left: -30px;
    background-color: #FF7F00;
    padding: 10px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
}
ul#list {
   list-style-type: none; 
   padding-left: 0; 
   line-height: 32px;
   font-size: 17px;
}
h3#class {

        text-align: center;
}
h4#apart {
    color:#1f4378;
}
div#display {
    display: flex;

 }
 h3#talk {
    line-height: 36px;
        font-family: auto;

}
 p {

    line-height: 34px;
}
li#inter {
    padding: 41px;
}
li#assure {
    padding: 34px;
}
i#icon {
    color: black;
}
div#play {
    border-bottom: 1px solid #1f4378;
    padding: 20px;
    
}

 @media screen and (max-width: 768px) {
     div#display {
    display: block;

 }
 div#container {
     display: block;
    }
    div#ux {
    margin-left: 10%;
}
div#site {
    margin-left: 27%;
}
div#support {
    margin-left: 22%;
}
li#assure {
    padding: 38px;
}
li#quality {
    padding: 36px;
}
li#inter {
    padding: 30px;
}
h3 {
    font-size:19px;
}
.box.p-4.border.rounded {
    margin-top: 12px;
}


    li#mark {
    padding: 34px;
}
li#app {
    padding: 39px;
}
li#improve {
    padding: 29.9px;
}
   ul#list {
text-align: justify;
}
h4#apart {
    line-height:27px;
}
 }
 
 
 
 
 /*aaadd*/
 
 
   li#ul {
    margin-left: 6%;
}
.item h3 {
    font-size: 20px;
    line-height: 30px;
    font-family: 'IcoFont';
    font-weight: 500;

}
     .portfolio.certification {
        background: rgb(0 0 0 / 0%);
        border: 0px solid #ffffff;
        border-radius: 15px;
        /* border: 1px solid; */
        box-shadow: 10px 10px 12px 0px rgb(0 138 166 / 39%);
    }

    .portfolio.certification .dark-overlay {
        border: 0px solid #00000000;

    }

    .hover-two .portfolio .dark-overlay {
        background: linear-gradient(360deg, #214176c9, transparent) !important;
        box-shadow: 10px 10px 12px 0px rgb(0 138 166 / 39%);
        border-radius: 15px;
    }

    @media screen and (max-width: 600px) {
        .portfolio .dark-overlay {
            background: rgba(0, 0, 0, 0.8);
            width: 100%;
        }

        hr.text-center.yellow-bg.certification {
            margin-top: 15px;
            margin-bottom: 15px;
            border: 0;
            width: 100px;
            border-top: 2px solid #007bff !important;
        }
        
        .unique-carousel-controls {
    position: absolute;
    top: 67%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
}
    }
    
    @media (max-width: 480px) {
  .unique-carousel-item {
    height: 123px;
  }
    }
    
    
    
    
    
    /*addd*/
    section.title-hero-bg.about-cover-bg {
    background-color: #1f4276;
}