@charset "utf-8";
/* CSS Document */
@media (min-width: 1800px) and (max-width: 1920px) {

}
@media (max-width: 1800px) and (min-width: 1700px) {}
@media (max-width: 1700px) and (min-width: 1600px){

}
@media (min-width: 1400px) and (max-width: 1500px){
}
@media (min-width: 1300px) and (max-width: 1400px){
}
@media (min-width: 1200px) and (max-width: 1300px){
}
@media (min-width: 1024px) and (max-width: 1200px){

}
@media (min-width: 992px) and (max-width: 1024px) {
}

@media (max-width: 1699px) {
.container{max-width: 1550px;}
}
@media (max-width: 1599px) {
.container{max-width: 1410px;}
.rotate__img-one { margin-top: -100px;}
.rotate__animation {  right: 19%;}
.green__storage-img-bg {   right: -55px;}
.green__heading h2 {font-size: 40px; line-height: 46px;}
.green__furure-left .green__furure-img img {
  height: 637px;}
}

@media (max-width: 1399px) {
.container{max-width:1250px;}
.rotate__img-one {   margin-top: -86px;}
.green__transformin-img3 {   width: 12%;}
.green__transformin-img2 {  left: 30px;  width: 10%;}
.green__sustainability .green__heading {padding-right: 40px;}
.green__sustainability::before {width: 87px;height: 165px; top: 30px;}
.green__heading h2 {font-size: 40px; line-height: 46px;}
p {font-size: 16px; line-height: 28px;}
.green__hardware-box .custom-button{margin: 0;}
}
@media only screen and (max-width:1299px) {
.green__details-cont h1 { font-size: 40px;}

}
@media only screen and (max-width:1199px) {
.green__header-nav .navbar-nav { gap: 10px;}
.green__header-nav .navbar-nav {gap: 10px;}
.green__banner-text h2 {font-size: 40px; margin-bottom: 10px;}
.green__banner-text h2 { font-size: 40px; margin-bottom: 11px;}
.green__heading h2 {font-size: 38px; line-height: 46px;}
.green__impact-right ul {   gap: 15px;}
.green__impact-right h3 {font-size: 60px;}
.green__industries-box .icon {   width: 43%;}
.green__renewable-cont p { width: 32%;}
.green__storage-right { padding-left: 0;}
.rotate__img-one {margin-top: -70px;}
.custom-pd {   padding: 60px 0;}
.green__impact-right {  padding-left: 0px;}
.mt-5 {margin-top: 25px !important;}
.green__benefits-wrap {  gap: 30px;}
.green__benefits-box { width: 31%}
.green__energy-cont {padding: 0;}
.green__energy-box-cont { width: 60%; padding-left: 15px;}
.green__energy-box-img { width: 40%;}
.custom-button .scoir {font-size: 14px; padding: 0px 18px;}
.green__categories-tabs .nav-link { width: 23%;}
.green__categories-tabs .nav-link span { font-size: 14px;line-height: 24px;}
.green__categories-cont{padding-left: 15px;}
.green__categories-cont h4 a { font-size: 18px;line-height: 26px; margin-bottom: 0; height: 60px;}
.green__details-cont h1 { font-size: 34px;line-height: 40px;}
.green__contact-catagori-img { width: 61%;}
.green__project-box { padding: 20px 15px;}
.green__project .col-md-3:nth-child(2) .green__project-box { transform: rotate(-3deg);}
.green__project .col-md-3:nth-child(3) .green__project-box {transform: rotate(3deg);}
.green__hardware-box h6 { font-size: 20px; line-height: 24px;}

}
@media only screen and (max-width:992px) {

}
@media only screen and (max-width: 991.98px) {   

.green__header-nav .navbar-toggler {position: absolute; right: 0 ; border: inherit; padding: 0; box-shadow: inherit;}
.green__header-nav .navbar-toggler .icon-bar {  display: block;  width: 30px;   height: 3px;    border-radius: 1px; background-color: var(--clr-primary);  margin: 5px 0;} 
.green__header-nav .btn-close:focus{box-shadow: none !important; }
.green__header {  padding: 15px 0;  top: 0;background: #ffffff4f; backdrop-filter: blur(50px);}
.green__header-nav {  padding: 0; background: none; backdrop-filter:inherit;position: unset;}
.green__header.fixed-top .green__header-nav { padding: 0;}
.green__header-wrap { position: relative; padding-right: 50px;}
.green__header-nav .navbar-brand { padding-right: 0px !important;    border-right: none;}
.green__banner-text h2 { font-size: 36px;margin-bottom: 10px;}
.green__about-right h3 {font-size: 30px;line-height: 37px;}
p {font-size: 16px;line-height: 24px;}
.green__about-box-cont {  width: 100%;}
.green__heading h2 { font-size: 34px;  line-height: 42px;}
.green__product-box {padding: 20px 0;}
.custom-button .scoir { padding: 0px 15px; height: 40px;}
.custom-button .round { width: 45px;  height: 45px;}
.green__impact-right h3 {  font-size: 50px;}
.custom-pd { padding: 50px 0;}
.green__solutions-box { padding: 20px 15px; display: flex; gap: 30px 0;}
.green__envision::before { width: 300px; height: 300px;}
.green__envision-headding h3 { font-size: 24px; line-height: 31px;}
.green__renewables {  width: 85%;}
.green__renewable-cont h5 {   width: 40%; font-size: 20px;}
.green__renewable-cont p span {  font-size: 40px;}
.green__envision-bg {  margin-top: -40px;}
.green__industries-box .icon { width: 38%;}
.green__industries::before { width: 300px;height: 300px;}
.green__storage-cont { padding: 15px  0;}
.rotate__img-one {   margin-top: -56px;}
.green__transforming .green__heading h3 { font-size: 22px; line-height: 30px;}
.green__power-box {  width: 20%;}
.green__about-right-bt p { width: 56%;}
.green__product-wrap::before {left: 48%};
.green__measurable-box { padding: 20px 15px;}
.green__furure-left .green__furure-img img { height: auto;}
.green__benefits-box { width: 47%;}
.green__benefits-wrap::before {display: none;}
 .green__energy-wrap2 {margin-top: 20px;}
.green__energy-box-img { width: 100%;}
.green__energy-box-cont { width: 100%; padding: 15px 0 0;}
.green__energy-box-cont p { font-size: 14px;margin-bottom: 20px;}
.green__shop-cont {width: 100%; padding-bottom: 20px;}
.green__shop-img-wrap {width: 100%;}
.green__shop-box { padding: 20px 15px 50px;}
.green__shop-box .custom-button{  position: absolute;left: 15px; bottom: 20px;}
.green__shop-img-wrap {padding-bottom: 35px;}
.green__shop-img-wrap ul li a { font-size: 14px;line-height: 20px;}
.green__shop-img-wrap ul li a i{display: none;}
.green__details-cont{padding: 20px 0 0;}
.green__categories-img {width: 100%;}
.green__categories-cont {width: 100%;  padding: 15px 0 0;height: auto;}
.green__categories-cont h4{margin-bottom: 10px;}
.green__categories-cont p{margin-bottom: 10px;}
.green__contact-catagori-img2 { right: 0; bottom: 0;}
.green__demands-box h5 { font-size: 18px; line-height: 26px;padding: 15px;}
.green__hardware-img { width: 75%;}
.green__hardware-wrap { display: flex; margin-top: 25px; gap: 20px; flex-wrap: wrap;}
.green__hardware-box { width: 48%; height: 100%;}
.green__hardware-img{width: 100%; display: block;margin-bottom: 15px;}
.green__hardware-box p{display: block; height: 70px; overflow: hidden;}
.green__hardware-box .custom-button { margin-top: 0;}
.green__hardware-box.active {width: 48%}
.green__header-nav .nav-link { color: #000;}
.green__furure-right{margin-top: 20px;}
.green__cont{justify-content: normal;}
.footer__menu-list ul li span {width: 20px;margin-right: 0;flex: 0 0 auto;}
.footer__col .footer__heading h4{font-size: 18px;}
.green__header-nav .navbar-nav {gap: 15px;}
.green__header .offcanvas-end{height: 100vh;}
.green__header.fixed-top .green__header-nav .nav-link{width: fit-content;}
.green__header .menu-item.active a{width: fit-content;}
.green__energy-box-cont{justify-content: normal;}
 /* location accordion */
  .accordion-item .dgHome-location__office-box {
    background-color: transparent;
    width: 100%;
    padding: 0;
    overflow: hidden;
  }

  .accordion-item .dgHome-location__office-box .title {
    flex-direction: revert;
    padding: 24px 18px 15px;
  }

  .accordion-item .dgHome-location__office-box .title .icon {
    flex: 0 0 auto;
    width: 20%;
    aspect-ratio: 1;
    height: auto;
    padding: 10px;
  }

  .accordion-item .dgHome-location__office-box .title h5 {
    text-align: left;
    flex: 0 0 auto;
    width: 100%;
    font-size: 18px;
    margin-top: 0;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 32px;
  }

  .accordion-item .dgHome-location__office-box .title img {
    height: 100%;
  }

  .dgHome-location__menu-offices .accordion-button::after {
    width: 16px;
    height: 10px;
    background-size: contain;
    position: absolute;
    right: 28px;
    z-index: 9;
    background-image: url("https://dioz.com/2024/wp-content/uploads/2024/08/dioz-arrow.png");
    top: 52%;
    transform: translateY(-50%);
  }

  .dgHome-location__menu-offices .accordion-button:not(.collapsed)::after {
    transform: translateY(-50%) rotate(-180deg) !important;
  }

  .accordion-item h5 span {
    display: block;
    font-size: 13px;
    font-weight: 400;
    margin-top: 4px;
  }

  .dgHome-location__menu-offices .accordion-flush>.accordion-item {
    border: none !important;
    margin-bottom: 8px;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    transition: all 0.5s ease-in-out;
  }

  /* .dgHome-location__menu-offices .accordion-flush > .accordion-item:has(.accordion-button:not(.collapsed)) {
  transform: scale(1.04);
  z-index: 2;
  transition: all 0.5s ease-in-out;
} */
  .dgHome-location__menu-offices .accordion-flush>.accordion-item .accordion-button {
    border: none;
    box-shadow: unset;
    padding: 0;
  }

  .dgHome-location__menu-offices .accordion-flush>.accordion-item .accordion-body {
    padding: 15px 15px;
    background-color: #e8e8e8;
  }

  .dgHome-location__contact-list {
    margin-top: 12px;
  }

  .accordion-item .dgHome-location__office-box .title h5 span {
    display: none;
  }

  .dgHome-location__contact-list li {
    color: #202020;
  }

  /* location accordion */

}
@media (max-width: 767.98px){
.container{max-width: 100%;padding: 0 12px;}
.green__header-nav .offcanvas{height: 100vh;}
.green__about-box-img img {  margin: 0 auto;}
.green__about-left span {  right: 21px;  top: -26px;  width: 80px;}
.mt-5 {  margin-top: 20px !important;}
.green__about::before{display: none;}
.green__about-right h3 { font-size: 24px;  line-height: 29px;}
.green__about-right h3 { font-size: 24px;  line-height: 29px;}
.green__about-right h3 { font-size: 24px;  line-height: 29px;}
.green__product-wrap::before{display: none;}
.green__impact-right{padding-top: 20px;}
.green__impact-right h3 {   font-size: 46px;}
.green__industries-box { width: 100%;}
.rotate__img-one img {  height: 230px;}
.rotate__img-one { margin-top: -81px;}
.green__storage-right {padding-bottom: 20px;}
.green__heading h2 { font-size: 28px; line-height: 40px;}
.green__sustainability .green__heading {  padding-right: 62px;}
.green__contact-form{margin-top: 20px;}
.footer__logo { justify-content: start;}
.footer__social-list ul {  justify-content: start;}
.footer__col .green__cont {   text-align: left;}
.footer__heading{margin-top: 15px;}
.green__power-box {   padding: 18px 0px;}
.green__power-box .green__cont h4 {font-size: 38px; line-height: 42px; margin-bottom: 10px;}
.green__product .green__cont {  padding-left: 0;}
.green__product-wrap{border-width: 1px 0 0;}
.green__provide-img img{width: 100%;}
.green__banner-img img{height: 240px; object-fit: cover;}
.green__mission .green__cont{margin-top: 20px;}
.green__measurable-box h3 {font-size: 40px; line-height: 50px;}
.green__furure-right{margin-top: 20px;}
.green__heading h6 {margin-bottom: 10px;}
.footer__menu-list ul li { font-size: 14px;; padding-bottom: 10px;}
.green__values-button { margin: 25px 0;}
.green__values-button { margin: 25px 0;}
.green__benefits-box span { width: 40px;}
.green__energy-cont{padding: 20px 0;}
.green__energy-cont p {font-size: 14px;}
.green__shop-img-wrap ul{column-count: 2;}
.green__shop-img-wrap ul li a i{display: none;}
 .green__details-cont h1 {  font-size: 30px; line-height: 37px; }
 .green__energy-left .routing{display: none;}
 .green__project .col-md-3:nth-child(2) .green__project-box { transform: inherit; margin: 0;}
.green__project .col-md-3:nth-child(3) .green__project-box { transform: rotate(0);margin: 0;}
.green__project-box{height: auto; margin-bottom: 15px !important; gap: 20px;}
.green__demands-wrap{margin:20px 0 ;}
.green__demands-mid1 { width: 100%;}
.green__demands-mid2 { height: 100%;  width: 100%;}
.green__demands-mid2 img { margin: 0;}
.green__contact-map iframe { height: 300px;}
.swiper-button-next,
.swiper-button-prev{width: 40px;height: 40px;}
.green__blog-tags{margin-bottom: 15px; height: auto;}
.green__bolg-cont h4 a {font-size: 18px; line-height: 25px; margin-bottom: 10px;height: 50px;}

}
@media (max-width: 575.98px){
    .custom-button .scoir { padding: 0px; height: 40px;font-size: 13px;}
    .custom-button .round {width: auto;height: auto; font-size: 16px;}
    .custom-button { display: flex; padding: 0 15px; gap: 8px;  background: #afe67f;}
    .green__header-wrap { position: relative;padding-right: 40px;}
    .green__banner-text h2 {font-size: 30px;margin-bottom: 10px;}
    p {font-size: 14px;  line-height: 22px;}
    .green__about-left span {right: 5px; top: -26px; width: 60px;}
    .green__heading h6 {font-size: 14px;margin-bottom: 10px;}
    .green__about-right h3 { font-size: 22px;  line-height: 26px;}
    .green__about-box-cont h4 {font-size: 20px;line-height: 28px;}
    .green__about-box-cont a { width: 35px; height: 35px; font-size: 16px;}
    .green__heading h2 { font-size: 24px;line-height: 30px; font-weight: 500;}
    .green__product-cont {width: 100%; position: unset;}
    .green__product-img {width: 100%;}
    .green__product-cont h4{  margin-bottom: 12px;font-size: 18px;}
    .green__product-box {padding: 20px 0 56px;}
    .green__product-box .custom-button{position: absolute; bottom: 0;    border: 1px solid rgba(0, 0, 0, 1); background: none;}
    .green__product-cont .custom-button .scoir{border: none;}
    .green__product-cont .custom-button .round { border: none;}
    .green__impact-right p { font-size: 14px;}
    .green__impact-right ul li { width: 47%;}
    .green__impact-right h3 {  font-size: 40px;}
    .green__solutions-box { gap: 0px 0;}
    .green__solutions-cont p {margin-bottom: 15px; }
    .green__solutions-cont .custom-button{order: 1px solid rgba(0, 0, 0, 1); }
    .green__solutions-cont .custom-button .scoir{border: none;}
    .green__solutions-cont .custom-button .round { border: none;}
    .green__envision-headding h3 {font-size: 18px;line-height: 26px;}
    .green__envision-img { width: 57%; margin: 0 auto 50px;}
    .green__envision-wrap { margin-top: 30px;}
    .green__envision-wrap p {width: 100%;}
    .green__envision-box:nth-child(4) {  top: 35%;}
    .green__envision-box {top: 56px;}
    .green__renewables { width: 100%; padding: 30px 15px;}
    .green__renewable-cont::before{display: none;}
    .green__renewable-cont h5 { width: 45%; font-size: 16px; line-height: 22px;}
    .green__renewable-cont p {  width: 47%;}
    .green__renewable-cont p span {   font-size: 28px;}
    .green__envision {   padding-bottom: 0 !important;}
    .custom-pd {  padding: 40px 0;}
    .green__industries-cont h5 { font-size: 18px; line-height: 22px; height: auto;}
    .green__industries-box .icon { width: 30%;background-color: #a2b2952e;}
    .green__industries-box span{position: absolute;}
    .green__industries-cont {width: 60%;}
    .green__storage-img video {    height: auto;}
    .green__storage-img-bg { display: none;}
    .green__storage-faq { width: 100%;}
    .green__transformin-img1{display: none;}
    .green__transformin-img2{display: none;}
    .green__transformin-img3{display: none;}
    .green__transforming-wrap { padding: 30px 15px;}
    .green__transforming-faq button {font-size: 16px;}
    .green__sustainability::before{display: none;}
    .green__sustainability .green__heading { padding-right: 0;}
    .green__susta-cont h4 { font-size: 18px;}
    .green__contact-form .gy-4{--bs-gutter-y: 12px;}
    .green__power-box {  width: 48%;}
    .green__power-box-wrap{margin-top: 20px;}
    .green__power-bg img { width: 100%;height: 400px;}
    .footer__social-list ul li span { width: 45px; height: 45px;}
    .green__transforming-faq .accordion-body p { font-size: 14px; line-height: 22px;}
    .green__storage-faq .accordion-body p {font-size: 14px; line-height: 22px;}
    .green__envision-box p {width: 65%; margin: 0;}
    .green__envision-box:nth-child(3) p {text-align: right; margin-left: auto;}
    .green__envision-box:nth-child(4) p { text-align: right;margin-left: auto;}
    .green__envision-bg { margin-top: -20px;}
    .green__about-right-bt { align-items: start; flex-direction: column-reverse;}
    .green__about-right-bt p {width: 100%;}
    .green__industries-cont p {  font-size: 14px;}
    .green__furure .green__cont p { margin-bottom: 15px;}
    .green__menu-list li { font-size: 14px; line-height: 15px;}
    .green__menu-list {  padding: 7px 13px; gap: 10px;}
    .green__menu-list li a { padding-right: 15px;}
    .green__benefits-box { width: 100%;}
    .green__energy-box {padding: 20px 15px;}
    .green__benefits-box p { font-size: 14px;}
    .green__benefits-wrap {gap: 17px;}
    .green__benefits-box h5 {font-size: 18px;margin-bottom: 10px;}
    .green__reality-wrap p {font-size: 14px;}
    .green__shop-cont { padding-bottom: 14px;}
    .green__shop-cont h4 a {font-size: 18px;line-height: 28px;}
    .green__details-breadcrumb li { font-size: 13px;line-height: 18px;}
    .green__details-breadcrumb { gap: 8px;}
    .green__details-breadcrumb li a {padding-right: 17px;}
    .green__details-cont h1 { font-size: 25px; line-height: 33px;}
   .green__details-list ul li h6 {  font-size: 17px; line-height: 19px;}
   .green__contact-form textarea {height: 90px;}
   .green__details-breadcrumb li a::before {right: -0px;width: 14px;}
   .details__catagori ul a { padding: 5px 8px;font-size: 12px;}
   .green__details-cont p { font-size: 14px;line-height: 23px;}
   .green__choose-button { gap: 15px; margin-top: 20px;}
   .green__related-cont h4 a { font-size: 16px;line-height: 25px; display: block;}
  .load-more.custom-button{background: #afe67f;}
  .green__contact-form {  padding: 20px 15px;}
  .green__contact-catagori-img2 {display: none;}
  .green__contact-catagori-img { width: 100%;}
  .green__conatct-left .green__heading h6 {font-size: 14px; line-height: 22px; padding: 0px 15px; min-height: 30px;}
 .green__categories-cont h4 a {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 0;
    height: 50px;
-webkit-line-clamp: 2;
    min-height: auto;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
  }
 .green__categories-cont p{
-webkit-line-clamp: 2;
    min-height: auto;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
 }
.green__contact-form label { font-size: 14px;  line-height: 21px;}
.green__contact-form .form-buuton { font-size: 14px; font-weight: 500;padding: 0px 20px; height: 40px;}
.green__categories-tabs .nav-link { width: 47%;}
.green__categories-tabs .nav-link span{overflow: hidden;}
.green__menu-list li a::before { right: 0; width: 12px; height: 1px;}
.green__demands-mid1 span { width: 40px; height: 40px; font-size: 18px; right: 15px; bottom: inherit;  top: 15px;}
.green__demands-mid2 h1 { font-size: 45px;line-height: 60px;}
.green__project-box p { font-size: 14px;line-height: 22px;}
.green__project-box { gap: 15px;}
.green__hardware-box.active { width: 100%; }
.green__hardware-box { width: 100%;}
.green__contact-list ul { gap: 20px;}
.green__contact-box { padding: 25px 15px;  gap: 20px;}
.green__contact-box h6 { font-size: 18px;line-height: 22px;}
.green__contact-social ul li a {width: 45px; height: 45px;}
.green__contact-map iframe { height: 250px;}
.error404 .green__header-nav{background: none;}
.green__model .modal-body { padding: 25px 10px;}
.form-control {padding: 8px 10px; font-size: 13px;}
.popup-lead-form .multi-check label { padding: 0 8px;  font-size: 11px; height: 35px;}
.popup-lead-form textarea.form-control { height: 90px;resize: none;}
.popup-lead-form .multi-check .wpcf7-checkbox { gap: 7px;}
.popup-lead-form-cont { margin-bottom: 15px;}
.popup-lead-form h3 { margin-bottom: 10px; font-size: 20px;}
.products_form-page .row.gy-2 > div {
  margin-bottom: 0;
}
.products_form-page .multi-check label {padding: 0 8px;font-size: 11px;height: 35px;}
.products_form-page .multi-check {  gap: 8px;}
.products_form-page .custom-upload-btn { padding: 10px 10px 10px 50px;}
.green__banner-video{height: 90vh;}
.green__banner-video video{height: 90vh;}
.green__envision-box h4 {font-size: 24px;}
.green__solutions-cont h4{height: auto;}
.green__shop-img-wrap ul{column-count: 1;}
.green__about-right-bt p span{top: -12px;}
.green__furure .green__furure-right .row{margin-top: 1.5rem !important;}
.green__bolg-cont { padding: 15px 10px;}
.green__bolg-cont .custom-button{padding: 0 10px;}
.green__bolg-img span { font-size: 12px;padding: 6px 10px;}
.green__bolg-img img {width: 100%; height: 200px;}
.green__bolg-cont h4 a{height: 45px;}
.green__blog-tags ul a {padding: 5px 12px; font-size: 14px;}
.green__bolg-cont p{line-height: 20px;}
.breadcrumb {padding: 10px 15px;gap: 9px;}
.breadcrumb li { font-size: 14px; font-weight: 500;  line-height: 20px;}
.green__blogdetails-cont p {line-height: 22px;font-size: 14px;}
.green__blogdetails-cont li { line-height: 22px; font-size: 14px; margin-bottom: 8px; padding-left: 16px;}
.green__choose-button.justify-content-end{margin: 0 !important;justify-content: flex-start !important;}

}