.it-header-3-style .it-main-menu nav ul li {
    margin-right: 30px;
}

.it-header-3-style .it-main-menu nav ul li a {
    font-size: 19px;
}
.it-main-logo::before {
    
    background-color: transparent;
}

.it-header-top {
    background: #11876f;
}

.it-header-3-style .it-main-logo img
{
    height: auto;
}
.it-main-menu nav ul li > .submenu {
    width: 406px;
}

.it-work-wrapper::before {
    border: none;
}
.it-work-2-thumb img {
    border-radius: 10px;
    width: 82%;
}
.it-shop-details__text-box table tr td {
    padding: 12px;
}
.it-shop-details__text-box table {
    width: 100%;
}
.client-logo {
    padding: 20px;
    padding: 20px;
    background: white;
    border-right: 2px solid #eaeaea;
    padding-left: 0;
}

.it-section-title {
    font-size: 35px;
    color: var(--it-common-black);
}
.custom-brands{
    padding: 0px 42px;
}

.custom-brands h4 {
    padding-left: 28px;
}

.it-section-title span{

}
.it-custom-accordion .accordion-buttons {
    padding: 15px 60px 15px 30px;
    font-size: 16px;
    font-weight: 600;
}
.it-custom-accordion .accordion-buttons::after {
    font-size: 16px;
}

p {
    font-size: 19px;
}




.services-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  padding: 20px;
}

.services-block {
  background: #fff;
  border-radius: 12px;
  transition: transform 0.3s;
}

.services-block:hover {
  transform: translateY(-5px);
}

.thumb-block img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  object-fit: cover;
  max-height: 200px;
}
.w-full  {
    width: 100%;
    }

/* Responsive breakpoints */
@media (min-width: 576px) {
  .services-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 768px) {
  .services-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 992px) {
  .services-wrapper {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 576px) {
    .it-breadcrumb-area{  
        padding-top: 42px;
      }

    .col-sm-6 {
      flex: 0 0 auto;
      width: 50%;
    }
  }

@media (max-width: 992px) {
     
    .it-about-area, .it-coverage-area {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    
    .it-header-3-wrap.p-relative {
        height: 80px;
    }
    
    .it-main-logo {
        width: 100%;
        padding: 10px;
        justify-content: space-between;
    }
    .it-main-logo img{
        width: 230px;
    }
}

@media (max-width: 768px) {
    .it-slider-3-height {
        height: 300px !important;
    }
    .home-about-imgs{
        display: none;
    }

    .it-slider-3-overlay::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: "";
        background: linear-gradient(63deg, #fffef0 9%, rgb(255 255 255 / 60%) 32.5%, rgb(255 234 195 / 30%) 44%, rgba(2, 22, 9, 0) 100%);
        z-index: 2;
    }

    .it-hero-title {
        background: #ffffff91 !important;
        padding: 8px  !important;
        font-size: 21px  !important;
    }

    .it-hero-subtitle.subtitle-yellow {
        padding: 8px  !important;
    }

    .it-header-3-wrap.p-relative {
        height: 80px;
    }
    .it-main-logo {
        width: 100%;
        padding: 10px;
        justify-content: space-between;
    }
    .it-main-logo img{
        width: 230px;
    }
  }

  .it-main-menu nav ul li > .submenu > li {
    margin-bottom: 13px;
}

.service-form h2{
    font-size: 23px;
}
.inquiry-form h3 {
    font-size: 25px;
}
.inquiry-form h3 {
    background: #40775b;
    margin-bottom: 0px;
    padding: 12px 18px;
    color: white;
    font-size: 20px;
}

.inquiry-form {
    background: #f2f3f39c;
}

.inquiry-form label {
    margin-bottom: 0.5rem;
    font-size: 15px;
    font-weight: 700;
    color: #373737;
}

.inquiry-form input, .inquiry-form select, .inquiry-form textarea {
    padding: 5px 12px;
    height: 44px;
    margin-bottom: 10px;
}
.inquiry-form textarea {
    height: 125px;
}
.btn-inquire-now2:hover {
    background: black !important;
    color: white;
}

.btn-inquire-now1 {
    background: #000000;
    padding: 10px 40px;
    font-size: 20px;
    color: white !important;
    margin-top: 20px;
    border: 1px solid #ffffff;
    margin: 0px 14px;
}

.btn-inquire-now2 { 
	text-transform: uppercase;
	background: #ffda03;
	padding: 11px 33px;
	font-size: 19px;
	color: black;
	border: 0px solid #ffffff;
	border-radius: 13px;
	font-weight: 600;
}
  
.full-banner .banner-contain h3 {
    font-size: 60px;
    color: #333;
    text-transform: uppercase;
    font-weight: 700;
}

.bg-overlay::before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    content: "";
    opacity: 0.9;
    z-index: -1;
    background: var(--it-common-black);
    left: 0px;
}

.center-item {
    width: 100%;
    text-align: center;
}

.it-header-bar.it-menu-bar {
	color: black;
	background: #fdbf25; 
}

.it-header-bar.it-menu-bar i {
    font-size: 20px;
}

.it-service-item-thumb img {
    height: 237px;
    object-fit: cover;
}
.it-service-3-item-title {
    left: -372px;
}

.it-service-3-item-title::before {
    background-color: red !important;
 }

 .it-service-3-thumb img {
    height: 300px;
    object-fit: cover;
}
.it-service-item:hover {
    background: #e3e3e3 !important;
}
.it-hero-title {
    font-size: 31px;
    color: var(--it-common-black);
    text-transform: capitalize;
    margin-bottom: 25px;
    font-weight: 400;
    line-height: 1.5;
}
.thumb-block .inner-box {
    background: white;
    border-radius: 15px;
    overflow: hidden;
    text-align: center;
    box-shadow: 0pt 1pt 5pt 0pt #a4a3a3;
    border: 2px solid white;
}
.col-md-3 {
    width: 25%;
}.col-md-4 {
    width: 33.33333333%;
}
.services-block .inner-box .lower-content h3 {
    position: relative;
    font-size: 21px;
    font-weight: 600;
    padding: 14px;
}

.services-block img {
    aspect-ratio: 3/2;
    object-fit: cover;
}

.theme-bg {
    /* background-image: var(--it-theme-2) !important; */

    background: #59baa4;
}


.it-subtitle::after{
    
    background-color: red !important;
}

.custom-icons{
font-size: 52px;
color: black;
}

.working-process {
    padding: 27px 7px 0px;
    margin-top: 5px;
    transition: 0.3s;
    height: 180px;
}
.working-process h3 {
    font-size: 22px;
    margin-top: 11px;
}

.it-service-item:hover .it-section-title-sm,
.it-service-item:hover p {
    color: black;
}

.it-service-item p {
    line-height: 1.2;
    font-size: 18px;
    margin-bottom: 11px;
}
.img-container{

}
.img-container img {
    height: 100%;
}

.img-container {
    height: 200px;
    text-align: center;
}
.it-service-item:hover {
    box-shadow: 1pt 0pt 2pt 3pt silver;
    background: transparent !important;
}

.sidebar-widget-list a {
    border: 1px solid #11876f;
}
.sidebar-widget-list a:hover, .sidebar-widget-list .active {
    background: #11876f;
    color: white;
}

.it-service-item h3 {
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 0px;
}
.it-service-item p strong {
    font-size: 19px;
    line-height: 1;
    text-transform: capitalize;
}
.it-hero-subtitle.subtitle-yellow {
    color: #085742;
}

.brand-slider {
    margin: 20px auto;
}
.brand-slider img {
    width: 100%;
}
.brand-slider img {
    width: 62%;
    text-align: center;
    margin: 0 auto;
 }
 .brand-slider {
margin-bottom: 48px;
margin-top: 0px;
}

.brand-slider-wrap{
    display: none;
}


.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width: 768px) {
    .col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9 {
        float:left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 992px) {
    .col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9 {
        float:left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 1200px) {
    .col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9 {
        float:left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}