/* .hero-section {  height: 100vh;  overflow: hidden; width: 100%; position: relative; }
.hero-section { position: fixed; top: 80px; left: 0; width: 100%; height: 100vh;  clip-path: inset(0% 0% 0% 0%);
  transition: clip-path 0.3s ease; z-index: -1; }
  .spacing-wrp {  width: 100%; height: 100vh; z-index: 1;  }

.spacing { height: 100vh; width: 100%;  }
.header-navigation { z-index: 999;}
.features-section { z-index: -3; position: relative;}
.hero-wrapper-one .single-slider {
    padding: 250px 0;
} */



p { color: #3a3a3a;}
.page-banner .page-banner-content h1 { line-height: 1; font-size: 45px; margin-bottom: 10px; }
.hero-wrapper-one .hero-content p{ color: #fff; font-weight: 400;}
.page-banner {  z-index: -1px; border-bottom-right-radius: 100px; border-bottom-left-radius: 100px; max-height: 600px; height: 600px; overflow: hidden; position: relative;   clip-path: inset(0% 0% 0% 0%);
  transition: clip-path 0.3s ease; }
.page-banner .page-banner-content { position: absolute; left: 50px; bottom: 50px;  }
.hero-wrapper-one .single-slider .image-layer:after {
    background: #1e1e1ebf;
    mix-blend-mode: multiply;
}
.header-navigation .site-branding { max-width: 300px; }
.primary-menu { justify-content: space-between;}
.content-image-card .content .icon  { width: 100%; height: auto; }
.content-image-card .content .icon img {  width: 64px; height: 64px; filter: hue-rotate(315deg);
 }

.about-img { text-align: center; width: 100%; height: auto; overflow: hidden; border-radius: 20px; transition: all 1s ease; transform: scale(1);}
.about-img img { width: 100%; height: auto; transition: all 1s ease;  transform: scale(1);}
.about-img:hover img { transform: scale(1.2);}
.about-img:hover { transform: scale(0.9);}

.choose-one_image-box { text-align: center; width: 100%; height: auto; overflow: hidden; border-radius: 20px; transition: all 1s ease; transform: scale(1);}
.choose-one_image-box img { width: 100%; height: auto; transition: all 1s ease;  transform: scale(1);}
.choose-one_image-box:hover img { transform: scale(1.2);}
.choose-one_image-box:hover { transform: scale(0.9);}

.cta-one_image-box { text-align: center; width: 100%; height: auto; overflow: hidden; border-radius: 20px; transition: all 1s ease; transform: scale(1);}
.cta-one_image-box img { width: 100%; height: auto; transition: all 1s ease;  transform: scale(1);}
.cta-one_image-box:hover img { transform: scale(1.2);}
.cta-one_image-box:hover { transform: scale(0.9);}


.about-one_image-box .client-card.style-two { position: absolute; top: 50%; right: -50px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.client-card.style-two { width:300px; height: 300px;}
.client-card.style-two h5 { font-size: 18px; }
.footer_widget_nav_menu ul { display: flex;  flex-wrap: wrap; align-items: center; }
.footer_widget_contact .contact-info-list li { margin-bottom: 12px; display: flex; align-items: center; gap: 10px; }
.footer_widget_contact .contact-info-list li a { color: #b0b0b0; font-size: 16px; font-weight: 600;}
.footer_widget_contact .contact-info-list li a:hover { color: #ec5b27; }
.footer_widget_contact .contact-info-list li p { color: #b0b0b0; font-size: 16px; font-weight: 600; margin-bottom: 0px; }
.footer_widget_contact .contact-info-list li p:hover { color: #ec5b27; }
.footer_widget_contact .contact-info-list li i { color: #ec5b27; font-size: 18px;}
.footer_widget_nav_menu ul li { margin-bottom: 10px; }
.footer_widget_nav_menu ul li { position: relative; padding: 0px 10px; }
.footer_widget_nav_menu ul li:not(:last-child):before { content: "";  height: 20px; width: 1px; background-color: #ffffff3b; z-index: 1; position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
.footer-widget h4.footer-title {  font-size: 20px; line-height: 26px; margin-bottom: 20px; }
.accordion-card.style-one .accordion-header h6.accordion-title { font-size: 16px; }
.fancy-icon-box.style-one:hover .icon:after { background-color: #ea5c29; }

.icon--list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0px; justify-items: center; align-items: center; text-align: center; border-top: 1px solid #c2c2c254;  border-left: 1px solid #c2c2c254; padding: 0px; }
.icon-item { padding: 20px; border-radius: 0px; transition: all 0.3s ease; width: 100%; height: 100%; border-right: 1px solid #c2c2c254; border-bottom: 1px solid #c2c2c254; }
.icon-item img { width: 80px; max-width: 120px; height: auto; margin-bottom: 15px; }
.icon-item:hover {  background-color: #ebebebab; }
/* .icon--list .icon-item:first-child { background-color: #ebebebab; } */
.icon-item h6 { font-size: 18px; font-weight: 600; color: #333; line-height:1.2; }

.why-choose-area .section-content-box p { color: #fff; }

.industries--serve { padding: 60px 0px; position: relative; z-index: 99; transform: translateY(0px);}
.industries--serve .section--title { width: 100%; margin-bottom: 50px; display: flex; justify-content: center; flex-flow: row wrap; }
.industries--serve .section--title h2 { font-size: 45px; font-weight: 700; line-height: 1.3; text-align: center; }

.industries--serve .industry--image { width: 100%; height: auto; overflow: hidden; border-radius: 20px; transition: all 1s ease; transform: scale(1); }
.industries--serve .industry--image img { width: 100%; height: auto; transition: all 1s ease;  transform: scale(1); }
.industries--serve .industry--image:hover img { transform: scale(1.2); }
.industries--serve .industry--image:hover { transform: scale(0.9);}

.industries--serve .industry--content { padding-left: 20px; }
.industries--serve .industry--content h3 { font-size: 40px; font-weight: 700; margin-bottom: 20px; line-height: 1.2; }
.industries--serve .industry--content p { font-size: 16px;  margin-bottom: 20px; }
.experience-card .content { text-align: center;}
.experience-card .content, h4 { font-size: 18px!important; font-weight: 600;  margin-bottom: 10px; line-height: 1.2; }
.dividerr { border-bottom: 1px solid #e3e3e3; padding-bottom: 25px;}

.features-section .fancy-icon-box { transition: all 0.8s ease;}
.features-section .fancy-icon-box .icon { width: 70px; height: 70px; overflow: hidden; }
.features-section .fancy-icon-box .icon img { width: 100%; height: auto; transition: all 0.5s ease; transform: scale(0.9);}
.features-section .fancy-icon-box:hover .icon img { transform: scale(1); transition: all 0.5s ease;  filter: brightness(0) invert(1); }



@media screen and ( min-width:1192px){
.header-navigation .main-menu ul > li { display: inline-block; position: relative; margin-left: 5px; margin-right: 5px; font-size: 16px; }
.header-navigation .main-menu ul > li > a { font-size: 15px;}
.header-one .header-navigation .header-nav-inner .primary-menu { width: 90%;}
}

@media screen and ( min-width:1401px){
.hero-content h1 { font-size: 76px; line-height: 75px; width:100%; }
.header-navigation .main-menu ul > li { display: inline-block; position: relative; margin-left: 17px; margin-right: 17px; }
.header-navigation .main-menu ul > li > a { padding: 20px 0px 20px; font-size: 16px;}
.header-one .header-navigation .header-nav-inner .primary-menu { width: 63%;}
}
@media screen and (max-width:1400px){
.theme-btn{ padding: 20px;}
}
@media screen and ( max-width:1399){ .hero-content h1 br { display: none; } }
@media screen and (max-width: 767px) {
  .page-banner .page-banner-content { left: 28px;}
  .page-banner .page-banner-content h1 { font-size: 28px;}
    .footer_widget_nav_menu ul { flex-direction: column; display: block; }
    .footer_widget_nav_menu ul li { padding: 0px; }
    .footer_widget_nav_menu ul li:not(:last-child):before { display: none; }
    .client-card.style-two { display: none;}
    .iconic-box { text-align: center; }
    .iconic-box .icon { display: inline-flex !important; justify-content: center; align-items: center; }
    .icon-item img { width: 60px;}
     .icon--list { grid-template-columns: repeat(2, 1fr);  }
     .industries--serve .section--title h2 { font-size: 28px;}
     .industries--serve .industry--content h3 { font-size: 25px;}
     .industries--serve .industry--content { padding-left: 0px;}
     .industries--serve .industry--content p { text-align: justify;}
     .check-list li { display: block; }
    
}