@media(min-width:1600px){
    .container{
        max-width: 1600px;
    }
}


/* Media Query */
@media only screen and (max-width: 5000px) and (min-width: 3999px) {
    .header-blue-box {
        position: absolute;
        top: 0px;
        left: -1px;
        z-index: -1;
        max-width: 41%;
        width: 100%;
        height: 100%;
        background-size: cover;
    }
}
@media only screen and (max-width: 3000px) and (min-width: 1921px) {
    .header-blue-box {
        position: absolute;
        top: 0px;
        left: -1px;
        z-index: -1;
        max-width: 35%;
        width: 100%;
        height: 100%;
        background-size: cover;
    }
}
@media screen and (max-width:1799px){
    .header-blue-box {
        left: -32px;
        max-width: 486px;
    }
}
@media screen and (max-width:1699px){
    .header-blue-box {
        left: -126px;
    max-width: 454px;
    }
    
    header.custom-header {
        height: 90px;
    }
    .main-logo img{
        max-width: 265px;
    }
    .footer-logo img{
        max-width: 285px;
    }
    .footer-social-links {
        padding-top: 10px;
    }
    .footer-content {
        max-width: 900px;
    }
}
@media screen and (max-width:1599px){
    :root {
        --fs-80: 65px;
        --lh-80: 65px;
        --fs-22: 19px;
        --lh-28: 25px;
        --fs-16: 15px;
        --lh-20: 20px;
        --fs-45: 42px;
        --lh-50: 47px;
        --fs-20: 18px;
        --lh-26: 24px;
        --fs-30: 27px;
        --lh-30: 28px;
        --fs-40: 40px;
        --fs-18: 16px;
        --lh-32: 30px;
        --lh-29: 29px;
        --fs-50:46px;
        --lh-50:46px;
        --fs-40 : 38px;
    }
    .main-logo img {
        max-width: 238px;
    }
    header.custom-header {
        height: 80px;
    }
    .header-blue-box {
        left:  -56px;
        max-width: 486px;
    }
    .our-menu ul.menu-list {
        padding: 12px 20px 12px 0;
    }
    .icon-block a img{
        width: 22px;
        height: 22px;
    }
    .footer-logo img{
        max-width: 285px;
    }
    .footer-social-links {
        padding-top: 10px;
    }
    .footer-content {
        max-width: 800px;
    }
    a.discover-butn{
        padding: 16px;
        margin-top: 38px;
    }
    .slider-content {
        max-width: 584px;
        padding: 35px 0 36px 24px;
        border-left: 8px solid var(--lime-green);
        margin-left: 70px;
    }
    .swiper-slide.banner-slides {
        height: 670px;
    }
    li.menu-item.current-menu-item a::after {
        width: 53px;
    }
    .menu-item a:hover::after{
        width: 53px;
    }
    .abouts-us-info .content {
        max-width: 488px;
        margin: 0 auto;
    }
    .second-mian-heading {
        padding-bottom: 14px;
   }
   .abouts-us-info .content a.discover-butn{
    margin-top: 30px;
    max-width: 180px;  
  }
  .union-png img{
    max-width: 120px;
  }
  section.who-we-are .services-content {
    max-width: 1290px;  
  }
  .single-service .image img {
    max-width: 125px;
}

.service-content {
    padding-top: 35px;
}
.service-content p {
    padding-top: 30px;
}
.services-grid {
    gap: 36px;
}
section.build-process-section {
    padding-top: 70px;
    padding-bottom: 70px;
}
section.build-process-section .main-content .paragraph {
    padding-top: 37px;
    max-width: 928px;
}
section.video-section .video-content .heading-block h2::after{
    right: 10%;
}
.camera-union img {
    max-width: 350px;
    width: 100%;
}
section.video-section .video-content .heading-block {
    max-width: 650px;
    margin: 40px 0;
    padding: 50px 0;
}
section.video-section {
    padding: 110px 0;
}
.play-pause-div svg{
    max-width: 35px;
    height: 35px;
}
.play-pause-div{
    padding: 30px;
}
section.video-section .video-content{
    gap: 35px;
}
section.my-opinion .content .image-content-block {
    max-width: 760px;
}
.form-section {
    top: 72px;
    padding: 58px 111px 58px 74px;
    max-width: 675px;
}
.form-section .form-block {
    max-width: 467px;
    padding-top: 30px;
}
section.my-opinion {
    padding: 100px 0 125px 0;
}
section.my-opinion .content .image-content-block p {
    max-width: 555px;
    padding-top: 30px;
}
section.my-opinion .content {
    margin-left: 76px;
}
.box-pattern img {
    max-width: 228px;
    width: 100%;
}
.box-pattern {
    right: -100px;
}
.testimonial-slider {
    max-width: 1060px;
}
.testimonial-swiper-slider .slide-content p {
    line-height: 32px;
}
section.our-testimonials {
    padding: 90px 0;
}
.inverted-comos img {
    max-width: 95px;
}
.cadco-content {
    max-width: 950px;
}
section.why-cadco a.discover-butn{
    max-width: 205px;
}
section.why-cadco p{
    line-height: 28px;
}
/* .single-partner-content .image {
    max-width: 474px;
    height: 366px;
} */
.single-partner-content .image:after {
    bottom: -20px;
    left: -20px;
    width: 235px;
    height: 235px;
}
.single-partner-content.reverse-info .image:after {
    right: -20px;
}
.single-partner-content .partner-info p {
    padding-top: 20px;
}
section.total-partners {
    padding: 95px 0;
}
.partner-content {
    padding-top: 72px;
}
.abouts-us-info .content.about-page {
    max-width: 648px;
}
.abouts-us-info a.discover-butn.w-250{
    max-width: 200px;
}
.form-section.charities {
    padding: 110px 67px 110px 70px;
}
.form-section.charities{
    max-width: 638px;
    padding:85px 60px;
}
section.my-opinion .content.charities .box-pattern {
    bottom: 7px;
}
section.several-link-section {
    padding: 125px 0 106px;
}
.link-info-grid {
    gap: 32px;
}
.build-pattern1.build-pattern.connunity {
    top: -36%;
    left: -13%;
}
.build-pattern2.build-pattern.connunity {
    right: -9%;
    bottom: -30%;
}
.second-mian-heading.dark.center.form:after {
    width: 152px;
}
section.main-form-section .form-page .form-block {
    padding-top: 26px;
}
section.main-form-section .form-page .forms-btn {
    padding-top: 18px;
}
.default-p.p-with{
    max-width: 935px;
}
section.inner-banner.process-banner p{
    max-width: 1100px;
}
.gallery-grid {
    gap: 10px;
    padding-bottom: 10px;
}
a.discover-butn.w-232 {
    max-width: 215px;
}
.commercial-content .default-p{
    padding: 20px 0 45px;
} 
.commercial-content {
    max-width: 900px;
}
section.commercial-projects {
    padding: 66px 0 90px;
}
section.inner-banner .block-butn{
    margin-top: 35px;
}
.steps-image {
    max-width: 125px;
    height: 125px;
}
.steps-info p{
    padding-top: 15px;
    }
.bulb-image-block img {
    max-width: 95px;
    height: 110px;
}
.bulb-image-block {
   margin-right: -5%;
}
.process-parent .block-butn {
    padding-top: 100px;
}
.tabs-button {
    padding: 30px 0;
}
section.commercial-projects.other-services {
    padding: 60px 0;
}
.process-block.process-png img {
    max-width: 300px;
}
.process-camera.process-png img {
    max-width: 424px;
}
.input-parent.dark.diff-fs{
    padding-bottom: 25px;
}
.form-section.charities {
    background-position: -50%;
}
.our-camera-union img{
    max-width: 195px;
}
.gallery-image-content {
    width: 100%;
    height: 480px;
}
.myGallerySlider .swiper-wrapper{
    max-width: 900px;
    margin: 0 auto;
}
}
@media screen and (max-width:1499px){
    .header-blue-box {
        left:  -100px;
        max-width: 486px;
    }
    .box-pattern img {
        max-width: 200px;
    }
    .box-pattern {
        right: -80px;
    }
	
	.main-projects-grid{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media screen and (max-width:1399px){
    :root {
        --fs-80: 60px;
        --lh-80: 60px;
        --fs-16: 14px;
        --lh-20: 16px;
        --fs-45: 40px;
        --lh-50: 45px;
        --fs-20: 17px;
        --lh-26: 26px;
        --fs-30: 24px;
        --lh-26: 24px;
        --fs-40: 32px;
        --fs-18: 15px;
        --lh-32: 28px;
        --fs-22: 18px;
        --lh-28: 24px;
        --fs-50:42px;
        --lh-50:42px;
    }
    .main-logo img {
        max-width: 205px;
    }
    header.custom-header {
        height: 74px;
    }
    .header-blue-box {
        left: -46px;
        max-width: 435px;
    }
    .our-menu ul.menu-list{
        gap: 22px;
    }
    .our-menu ul.menu-list {
        padding: 9px 15px 9px 0;
    }
    .icon-block {
        padding-left: 15px;
        gap: 10px;
    }
    .icon-block a img{
        width: 19px;
        height: 19px;
    }
    .footer-logo img {
        max-width: 220px;
    }
    ul.footer-list.contact-link li {
        padding-bottom: 4px;
    }
    li.menu-item span img {
        height: 18px;
        width: 18px;
    }
    li.menu-item span {
        padding-right: 15px;
    }
    .footer-icon-block a img{
        height: 18px;
        width: 18px;
    }
    .footer-logo img {
        max-width: 196px;
    }
    .footer-content {
        max-width: 668px;
    }
    .logo-block{
        max-width: 220px;
    }
    .footer-content{
        padding-top: 58px;
        padding-bottom: 32px;
    }
    a.discover-butn{
        margin-top: 34px;
    }
    .slider-content {
        max-width: 584px;
        padding: 35px 0 36px 24px;
        border-left: 6px solid var(--lime-green);
        margin-left: 60px;
    }
    .swiper-slide.banner-slides {
        height: 595px;
    }
    .slider-content {
        top: 60%;
        transform: translateY(-60%);
    }
    li.menu-item.current-menu-item a::after {
        width: 44px;
    }
    .menu-item a:hover::after{
        width: 44px;
    }
    .abouts-us-info .content a.discover-butn{
        margin-top: 25px;
        max-width: 164px;
    }
    .union-png img{
        max-width: 105px;
      }
      section.who-we-are .services-content {
        max-width: 1100px;
    }
    .services-grid {
        gap: 25px;
    }
    .single-service {
        padding: 30px;
    }
    .single-service .image img {
        max-width: 115px;
    }
    .service-content {
        padding-top: 28px;
    }
    .service-content p {
        padding-top: 22px;
    }
    .build-pattern img {
        max-width: 254px;
        width: 100%;
    }
    section.build-process-section {
        padding-top: 65px;
        padding-bottom: 65px;
    }
    section.build-process-section .main-content .paragraph {
        max-width: 820px;
        padding-top: 35px;
    }
    .camera-union img {
        max-width: 250px;
        width: 100%;
    }
    section.video-section .video-content .heading-block {
        max-width: 600px;
        margin: 30px 0;
        padding: 40px 0;
    }
    section.video-section {
        padding: 90px 0;
    }
    .play-pause-div svg{
        max-width: 30px;
        height: 30px;
    }
    .play-pause-div{
        padding: 20px;
    }
    section.video-section .video-content{
        gap: 25px;
    }
    section.my-opinion .content .image-content-block {
        max-width: 660px;
    }
    section.my-opinion .content{
        margin-left: 66px;
    }
    .form-section {
        top: 72px;
        padding: 50px 111px 50px 65px;
        max-width: 532px;
    }
    .form-section .form-block form input.discover-butn.form-btn {
        width: 153px;
        padding: 13px 0px;
        font-size: 15px;
        margin-top: 12px;
    }
    section.my-opinion .content .image-content-block .image {
        height: 435px;
    }
    .box-pattern img {
        max-width: 155px;
    }
    .box-pattern {
        right: -51px;
    }
    .inverted-comos img {
        max-width: 75px;
    }
    .testimonial-swiper-slider .slide-content p {
        line-height: 30px;
        padding-bottom: 16px;
    }
    .testimonial-slider {
        max-width: 900px;
    }
    section.our-testimonials {
        padding: 70px 0;
    }
    .form-subscribe .form-control {
        padding: 12px 16px;
        font-size: 15px;
        line-height: 20px;
    }


    .inner-banner-heading {
        padding-bottom: 8px;
    }
    .inner-banner-heading:after{
        width: 90px;
    }
    .cadco-content {
        max-width: 900px;
    }
    section.total-partners {
        padding: 85px 0;
    }
    .partner-content {
        padding-top: 65px;
    }
    .abouts-us-info .content a.discover-butn {
        max-width: 186px;
    }
    .abouts-us-info .content.about-page {
        max-width: 552px;
    }
    h2.second-mian-heading.change-after:after {
        right: 27%;
    }
    .form-section.charities {
        padding: 60px 40px;
        max-width: 518px;
    }
    section.my-opinion .content.charities .box-pattern {
        bottom: 20px;
        left: -53;
    }
    .abouts-us-info .content.community{
        max-width: 500px;
        margin-left: 75px;
    }
    section.several-link-section {
        padding: 95px;
    }
    .link-info-grid {
        gap: 26px;
    }
    p.see-off-link a{
        padding-bottom: 25px;
    }
    .build-pattern1.build-pattern.connunity {
        top: -21%;
        left: -9%;
    }
    .build-pattern2.build-pattern.connunity {
        right: -5%;
        bottom: -15%;
    }
    .default-p.p-with {
        max-width: 773px;
    }
    section.inner-banner.process-banner p {
        max-width: 900px;
    }
    a.w-180-btn {
        padding: 17px 0px;
    }
    section.inner-banner .block-butn{
        margin-top: 30px;
    }
    .steps-image {
        max-width: 110px;
        height: 110px;
    }.all-process-steps .our-steps:nth-child(odd) .steps.content {
        right: -4%;
     }
     .all-process-steps .our-steps:nth-child(even) .steps.content {
         left: -4%;
      }
      .steps.content {
        gap: 36px;
    }
    .process-parent .block-butn {
        padding-top: 80px;
    }
    .tabs-button {
        padding: 30px 0;
    }
    .process-block.process-png img {
        max-width: 230px;
    }
    .process-camera.process-png img {
        max-width: 351px;
    }
    .process-camera.process-png {
        bottom: -8%;
    }
    .input-parent.dark.diff-fs {
        padding-bottom: 23px;
    }
    .form-section.charities {
        background-position: -74%;
    }
    .our-camera-union img {
        max-width: 148px;
    }




    .our-steps.step1 .steps.content {
        max-width: 547px;
    }
    .steps.content {
        max-width: 600px;
        width: 100%;
        padding: 0;
    }
    .our-steps.step3 .steps.content {
        max-width: 650px;
    }
    .our-steps.step5 .steps.content {
        max-width: 700px;
    }
    .our-steps.step4 .steps.content {
        max-width: 725px;
    }
    .our-steps.step4 .steps.content {
        max-width: 650px;
    }
  
}
@media screen and (max-width:1280px){
    :root {
        --fs-80: 50px;
        --lh-80: 50px;
        --fs-45: 33px;
        --lh-50: 38px;
        --fs-20: 16px;
        --lh-26: 20px;
        --fs-30: 22px;
        --lh-30: 26px;
        --fs-40: 30px;
        --fs-22: 17px;
        --lh-28: 22px;
        --lh-20: 14px;
        --fs-50: 38px;
        --lh-50: 38px;
    }
      .main-logo img {
        max-width: 180px;
    }
    .header-blue-box {
        left: -64px;
        max-width: 364px;
    }
    header.custom-header {
        height: 65px;
    }
    .our-menu ul.menu-list {
        padding: 5px 12px 5px 0;
    }
    .icon-block {
        padding-left: 12px;
        gap: 8px;
    }
    .icon-block a img{
        width: 17px;
        height: 17px;
    }
    .slider-content {
        max-width: 457px;
    }
    .swiper-slide.banner-slides {
        height: 535px;
    }
    .second-mian-heading{
        padding-bottom: 10px;
    }
    .second-mian-heading:after {
        width: 94px;
    }
    .abouts-us-info .content {
        max-width: 425px;
    }
    .union-png img{
        max-width: 90px;
      }
      .single-service {
        padding: 30px 20px;
    }
    .single-service .image img {
        max-width: 102px;
    }
    .services-grid {
        gap: 15px;
    }
    section.build-process-section .main-content .paragraph {
        max-width: 720px;
    }
    .camera-union img{
        max-width: 300px;
        width: 100%;
    }
    section.video-section .video-content .heading-block {
        max-width: 550px;
        margin: 30px 0;
        padding: 40px 0;
    }
    section.video-section {
        padding: 90px 0;
    }
    .play-pause-div svg{
        max-width: 30px;
        height: 30px;
    }
    .play-pause-div{
        padding: 20px;
    }
    section.my-opinion .content .image-content-block p {
        max-width: 526px;
        padding-top: 22px;
    }
     form  .input-parent input.discover-butn.form-btn {
        width: 140px;
        padding: 10px 0px;
        font-size: 14px;
        margin-top: 10px;
    }
    .form-section .form-block {
        padding-top: 20px;
    }
     .input-parent {
        padding-bottom: 10px;
    }
    section.my-opinion .content{
        margin-left: 56px;
    }
    .box-pattern img {
        max-width: 120px;
    }
    .box-pattern {
        right: -31px;
    }
    .inverted-comos img {
        max-width: 60px;
    }
    .testimonial-swiper-slider .slide-content p {
        line-height: 28px;
        padding-bottom: 13px;
    }
    .testimonial-slider {
        max-width: 750px;
    }
    .form-subscribe .btn {
        height: 46px;
        width: 125px;
    }
    .form-subscribe{
        max-width: 434px;
      }
      section.our-newsletter {
        padding: 28px 0;
    }
    .newsletter-content{
        max-width: 955PX;
    }

    section.inner-banner {
        background-position: 20% 90%;
    }
    .cadco-content {
        max-width: 750px;
    }
    section.why-cadco p{
        line-height: 26px;
    }
    .single-partner-content{
        gap: 55px;
    }
    .single-partner-content .image {
        max-width: 420px;
        height: 330px;
    }
    .single-partner-content .image:after {
        bottom: -18px;
        left: -18px;
        width: 195px;
        height: 195px;
    }
    .single-partner-content.reverse-info .image:after {
        right: -18px;
    }
    h3.heading3{
        padding-bottom: 8px; 
    }
    h3.heading3::after{
        width: 95px;
    }
    .single-partner-content .partner-info p {
        padding-top: 15px;
    }
    section.total-partners {
        padding: 75px 0;
    }
    .partner-content {
        padding-top: 50px;
    }
    .abouts-us-info .content.about-page {
        max-width: 450px;
    }
    h2.second-mian-heading.change-after:after {
        right: 42%;
    }
    section.my-opinion .content.charities .box-pattern {
        left: -35px;
    }
    section.my-opinion .content.charities .box-pattern {
        bottom: 23px;
    }
    .link-info-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .single-external-link h3.heading3.clr-white:after {
        right: 38%;
    }
    section.several-link-section {
        padding: 75px;
    }
    p.see-off-link a{
        padding-bottom: 20px;
    }
    .build-pattern1.build-pattern.connunity {
        top: -16%;
        left: -9%;
    }
    .default-p.p-with {
        max-width: 614px;
    }
    .gallery-grid {
        gap: 10px;
        padding-bottom: 10px;
    }
    a.w-180-btn {
        padding: 15px 0px;
        width: 150px;
    }
    .tabs-button {
        gap: 22px;
    }
    a.discover-butn.w-232 {
        max-width: 200px;
    }
    .commercial-content .default-p{
        padding: 20px 0 35px;
    } 
    .commercial-content {
        max-width: 700px;
    }
    section.commercial-projects {
        padding: 60px 0;
    }
    section.inner-banner .block-butn{
        margin-top: 25px;
    }
    .steps.content {
        max-width: 508px;
    }
    .steps.content {
        gap: 28px;
    }
    .steps-image {
        max-width: 90px;
        height: 90px;
    }
    .steps-info p {
        padding-top: 10px;
    }
    .tabs-button {
        padding: 22px 0;
    }
    section.commercial-projects.other-services {
        padding: 55px 0;
    }
    .process-block.process-png img {
        max-width: 182px;
    }
    .process-camera.process-png {
        right: -16%;
    }
    .input-parent.dark.diff-fs {
        padding-bottom: 20px;
    }
    section.video-section .video-content .heading-block h2:after{
        right: 16%;
        }
        .our-camera-union img {
            max-width: 118px;
        }
        .gallery-image-content {
            width: 100%;
            height: 400px;
        }
  
}
@media screen and (max-width:1199px){
    .header-blue-box {
        left: -23px;
    }
    .form-section .form-block {
        max-width: 100%;
        padding-top: 30px;
    }
    section.my-opinion .content .image-content-block {
        max-width: 100%;
    }
    section.my-opinion .content {
        display: block;
        max-width: 100%;
        margin: 0 auto;
       margin-left: 0px;
    }
    .form-section{
        position: relative;
        top: 0;
        left: 0;
        max-width: 100%;
        padding: 60px;
        border: 0;
    }
    .form-parent {
        width: 100%;
        padding-top: 20px;
    }
    section.my-opinion .content .image-content-block p {
        max-width: 100%;
    }
    section.my-opinion .content .image-content-block .image {
        height: 350px;
    }
    .form-section.charities{
        max-width: 100%;
        top: 0;
        border-width: 5px;
    }
    .some-logos{
        padding-top: 18px;
        gap: 30px;
    }
    .form-section.charities .second-mian-heading::after {
        right: 0;
    }
    .form-section.charities .form-block a.discover-butn {
        max-width: 166px;
        margin-top: 22px;
    }
    .abouts-us-info .content.community {
        max-width: 405px;
        margin-left: 38px;
    }
    section.video-section .video-content .heading-block h2:after{
        right: 3%;
        }
        .form-section.charities{
            background-position: -28%;
        }
}
@media screen and (max-width:1024px){
    :root {
        --fs-80 : 45px;
        --lh-80 : 45px;
        --fs-45: 30px;
        --lh-50: 35px;
        --fs-22: 16px;
        --lh-28: 22px;
      }
    .header-blue-box {
        left: -80px;
        max-width: 337px;
    }
    a.discover-butn{
        margin-top: 30px;
    }
    .slider-content {
        padding: 25px 0 25px 20px;
        border-left: 5px solid var(--lime-green);
        margin-left: 35px;
    }
    .swiper-slide.banner-slides {
        height: 460px;
    }
    li.menu-item.current-menu-item a::after {
       height: 1px;
    }
    .menu-item a:hover::after{
       height: 1px;
    }
    .abouts-us-info .content {
        max-width: 350px;
    }
    .abouts-us-info .content a.discover-butn{
        max-width: 145px;
    }
    section.build-process-section {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    section.build-process-section .main-content .paragraph {
        max-width: 620px;
    }
    .main-projects-grid{
        gap: 10px;
    }
    .abouts-us-info .content a.discover-butn {
        max-width: 188px;
    }
    h2.second-mian-heading.change-after:after {
        right: 61%;
    }
    section.video-section .video-content .heading-block h2:after {
        right: 11%;
    }
    .abouts-us-info .content.about-page {
        max-width: 395px;
    }
}
@media screen and (max-width:991px){
    :root {
        --fs-80: 42px;
        --lh-80: 42px;
        --lh-26: 21px;
        --fs-30: 22px;
        --fs-50: 34px;
        --lh-50: 34px;
        --fs-40: 28px;
    }
    .main-navbar .navigation {
       display: none;
    }
    .toggle-menu{
        display: block;
    }
    header.custom-header {
        height: 60px;
    }
    .header-blue-box {
        left: -18px;
        max-width: 360px;
    }
    .main-logo img {
        max-width: 160px;
    } 
    .main-navbar .navigation{
        display: block;
        position: fixed;
        top: 0px;
        right: 0;
        padding: 0 20px;
        background-color: var(--dark-blue);
        padding: 50px 20px;
        display: none;
        height: 100vh;
        animation: animte-drop-down 800ms ease-in;
        z-index: 10;
        max-width: 300px;
        width: 100%;
    }
    @keyframes animte-drop-down{
        0% {
            opacity: 0;
            -webkit-clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%);
            clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%);
        }
        100% {
            opacity: 1;
            -webkit-clip-path: polygon(0 0, 50% 0, 100% 0, 100% 50%, 100% 100%, 50% 100%, 0 100%, 0 50%);
            clip-path: polygon(0 0, 50% 0, 100% 0, 100% 50%, 100% 100%, 50% 100%, 0 100%, 0 50%);
        }
    }
    li.menu-item.current-menu-item a::after {
        height: 1px;
        background-color: var(--white);
        width: 43px;
    }
    .menu-item a::after {
        content: '';
        position: absolute;
        top: auto;
        bottom: 0;
        right: 0;
        height: 2px;
        width: 0px;
        background-color: var(--white);
        transition: 0.3s ease-in;
    }
    .menu-item a:hover::after{
        width: 57px;
    }
    .our-menu ul.menu-list{
        display: block;
        border-right: 0;
    }
    .icon-block {
        padding-left: 0px;
    }
    .our-menu ul.menu-list li.menu-item {
        padding: 12px 0;
    }
    .our-menu ul.menu-list li.menu-item a {
       color: white;
    } 
    .icon-block a img{
        color: white;
    }
    .icon-block a img {
        width: 20px;
        height: 20px;
        filter: invert(1);
    }
    .footer-logo img {
        max-width: 165px;
    }
    .quick-links {
        padding-top: 20px;
    }
    .slider-content {
        padding: 25px 0 25px 20px;
        border-left: 5px solid var(--lime-green);
        margin-left: 0px;
    }
    .swiper-slide.banner-slides {
        height: 440px;
        background-position: 20% 30%;
    }
    a.discover-butn{
        margin-top: 20px;
    }
    .about-content {
        display: block;
    }
    .abouts-us-info {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }
    .section-image {
        width: 100%;
        height: 400px;
    }
    .abouts-us-info .content {
        max-width: 700px;
        padding: 55px 30px;
    }
    .union-png img{
        max-width: 70px;
      }
      .services-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
        padding-top: 35px;
        gap: 20px;
    }
    .single-service {
        max-width: 100%;
        padding: 35px;
        margin-top: 30px;
    }
    section.who-we-are {
        padding: 60px 0;
    }
    .service-content {
        padding-top: 25px;
    }
    .service-content p {
        padding-top: 20px;
    }
    .service-content {
        padding-top: 25px;
        max-width: 400px;
        margin: 0 auto;
    }
    section.build-process-section .main-content .paragraph {
        padding: 30px 0;
    }
    section.build-process-section .main-content .paragraph {
        max-width: 580px;
    }
    .main-projects-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding-top: 40px;
        width: 100%;
        margin: 0px auto;
    }
    .project-category {
        width: 100%;
    }
    .category-content {
        padding: 15px;
    }
    .single-category-info{
        padding: 10px;
    }
    section.video-section .video-content .heading-block {
        max-width: 100%;
        width: 100%;
        position: relative;
        margin: 0 0 40px;
        padding: 0px 0;
        text-align: center;
    }
    section.video-section .video-content{
        display: block;
        max-width: 535px;
        width: 100%;
        margin: 0 auto;
    }
    section.video-section {
        padding: 60px 0;
    }
    .camera-union img{
        max-width: 200px;
        width: 100%;
    }
    section.video-section .video-content .heading-block h2::after{
        right: 40%;
    }
    .heading-block a.discover-butn{
        margin: 30px auto;
    }
    .play-pause-div svg{
        max-width: 25px;
        height: 25px;
    }
    .play-pause-div{
        padding: 15px;
    }
    section.my-opinion {
       padding: 85px 10px;
    }
    .box-pattern img {
        max-width: 92px;
    }
    section.our-testimonials {
        padding: 55px 0;
    }
    .inverted-comos img {
        max-width: 60px;
    }
    .testimonial-slider {
        max-width: 100%;
        padding: 15px;
    }
    .inverted-comos {
        padding: 27px 0 0px;
    }
    .testimonial-swiper-slider .slide-content p {
        padding-bottom: 10px;
    }
    .form-subscribe .form-control {
        padding: 9px 12px;
        font-size: 14px;
        line-height: 19px;
    }
    .form-subscribe .btn {
        height: 39px;
        width: 100px;
    }
    .form-subscribe {
        max-width: 306px;
    }
    section.our-newsletter {
        padding: 25px 0;
    }
    section.why-cadco a.discover-butn{
        max-width: 170px;
    }
    section.why-cadco p {
        padding: 18px 0 28px;
        line-height: 26px;
    }
    .cadco-content {
        padding: 0 15px;
        max-width: 646px;
    }
    .single-partner-content{
        gap: 30px;
    }
    .single-partner-content .image {
        max-width: 240px;
        height: 240px;
    }
    .single-partner-content .image:after {
        bottom: -15px;
        left: -15px;
        width: 150px;
        height: 150px;
    }
    .single-partner-content.reverse-info .image:after {
        right: -15px;
    }
    .single-partner-content .partner-info p {
        padding-top: 6px;
    }
    h3.heading3::after {
        width: 76px;
    }
    section.total-partners {
        padding: 55px 0;
    }
    .partner-content {
        padding-top: 40px;
    }
    .abouts-us-info .content.about-page {
        max-width: 700px;
    }
    h2.second-mian-heading.change-after:after {
        right: 70%;
    }
    .form-section.charities{
        top: 0;
        padding: 50px 60px;
    }
    .abouts-us-info .content.community {
        max-width: 100%;
        margin-left: 0;
    }
    section.several-link-section {
        padding: 55px;
    }
    p.see-off-link a{
        padding-bottom: 15px;
    }
    .build-pattern1.build-pattern.connunity {
        top: -14%;
        left: -16%;
    }
    .build-pattern2.build-pattern.connunity {
        right: -7%;
        bottom: -10%;
    }
    section.main-form-section .form-page {
        max-width: 422px;
    }
    .second-mian-heading.dark.center.form:after {
        width: 94px;
    }
    section.main-form-section {
        padding: 50px 0;
    }
    .default-p.p-with {
        max-width: 530px;
        padding: 15px;
    }
    a.w-180-btn {
        padding: 12px 0px;
        width: 135px;
    }
    .tabs-button {
        gap: 15px;
    }
    .tabs-parent {
        padding: 25px 0;
    }
    .commercial-content .default-p{
        padding: 20px 15px 30px;
    } 
    .commercial-content {
        max-width: 700px;
    }
    section.commercial-projects {
        padding: 55px 0;
    }
    section.inner-banner .block-butn{
        margin-top: 20px;
    }
    .steps.content {
        max-width: 508px;
    }
    .steps.content {
        gap: 22px;
    }
    .steps-image {
        max-width: 80px;
        height: 80px;
    }
    .steps-info p {
        padding-top: 8px;
    }
    .bulb-image-block img {
        max-width: 80px;
        height: 90px;
    }
    .process-parent .block-butn {
        padding-top: 15px;
    }
    .process-parent{
        position: relative;
    }
    .bulb-image.energy-building {
        position: absolute;
        bottom: 13%;
        left: 2%;
    }
    .block-butn.absolute-btn {
        position: absolute;
        bottom: 5%;
        left: 36%;
    }
    .tabs-button {
        padding: 15px 0;
    }
    .process-camera.process-png img {
        max-width: 311px;
    }  
    .input-parent.dark.diff-fs {
        padding-bottom: 15px;
    }  
    .form-section.charities {
        background-position: -46%;
    }
    .myGallerySlider .swiper-wrapper{
        width: 100%;
        max-width: 650px;
    }
    .myGallerySlider .swiper-btns{
        color: white;
        background-color: black;
        height: 32px;
        width: 28px;
    }
    .myGallerySlider .swiper-btns:after{
      font-size: 18px;
    }
}
@media screen and (max-width:912px){
    .header-blue-box {
        max-width: 326px;
    }
}
@media screen and (max-width:820px){
    .header-blue-box {
        left: -36px;
        max-width: 294px;
    }
    .footer-content {
        max-width: 592px;
    }
    .footer-content {
        padding-top: 35px;
        padding-bottom: 35px;
    }
   
}
@media screen and (max-width:768px){
    :root {
        --fs-80: 40px;
        --lh-80: 40px;
        --lh-20: 14px;
        --fs-50: 31px;
        --lh-50: 31px;
    }
    .header-blue-box {
        left: -64px;
        max-width: 288px;
    }
    .build-pattern img {
        max-width: 202px;
        width: 100%;
    }
    section.build-process-section {
        padding-top: 55px;
        padding-bottom: 55px;
    }
    section.build-process-section .main-content .paragraph {
        padding-top: 36px;
    }
    .newsletter-content {
        display: block;
        width: 100%;
    }
    .newsletter-content .newletter-heading {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    .form-subscribe{
        margin: 0 auto;
    }
    .newsletter-input {
        width: 100%;
        margin-top: 25px;
    }
    section.inner-banner {
        background-position: 28% 90%;
    }
    .single-partner-content{
        display: block;
    }
    .single-partner-content .image{
        margin: 0 auto;
    }
    .single-partner-content .partner-info{
        padding-top: 30px;
    }
    .h3.heading3{
        margin: 0 auto;
    }
    .partner-content {
        padding-top: 28px;
    }
    h2.second-mian-heading.change-after:after {
        right: 68%;
    }
    .link-info-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .single-external-link h3.heading3.clr-white {
        margin: 0 auto;
    }
    .build-pattern1.build-pattern.connunity {
        top: -10%;
        left: -12%;
    }
    /* .gallery-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    } */
    .gallery-grid {
       display: block;
       padding-bottom: 0;
    }
    section.inner-banner .block-butn{
        margin-top: 15px;
    }
    .gallery-grid .single-gallery-image{
      margin-bottom: 7px;
    }
    .all-process-steps .our-steps:nth-child(odd) .steps.content .steps-info h3{
        margin: 0 auto;
     }
     .all-process-steps .our-steps:nth-child(odd) .steps.content .steps-info p{
       text-align: center;
     }
     .all-process-steps .our-steps .steps.content .steps-info h3{
        margin: 0 auto;
     }
     .all-process-steps .our-steps .steps.content .steps-info p{
        text-align: center;
     }
     .all-process-steps {
        max-width: 380px;
     }
     

    .all-process-steps .our-steps:nth-child(even) .steps.content {
        position: static;
    }
    .all-process-steps .our-steps:nth-child(odd) .steps.content {
        position: static;
    }
    .our-steps {
        padding-bottom: 50px;
    }
    .process-parent{
        position: relative;
    }
    .bulb-image.energy-building {
        position: static;
    }
    .block-butn.absolute-btn {
        position: static;
    }
    .all-process-steps{
        height: 100%;
    }
    .bulb-image-block{
        display: none;
    }

    .process-camera.process-png img {
        max-width: 284px;
    }
    .process-camera.process-png {
        right: -20%;
    }
    .form-section.charities {
        background-position: -78%;
    }
    .our-camera-union img {
        max-width: 100px;
    }
    .gallery-image-content {
        width: 100%;
        height: 300px;
    }
    .myGallerySlider .swiper-wrapper{
        width: 100%;
        max-width: 550px;
    }
    .myGallerySlider .swiper-btns{
        color: white;
        background-color: black;
        height: 25px;
        width: 25px;
    }
    .myGallerySlider .swiper-btns:after{
      font-size: 17px;
    }
    .myGallerySlider .swiper-btns{
       display: none;
    }

}
@media(max-width:769px){
    .dashed-border-image {
        display: none;
    }
    
    .our-steps,.all-process-steps .our-steps:nth-child(odd) .steps.content,.all-process-steps .our-steps:nth-child(even) .steps.content{
        position: static !important;
    }    
    .all-process-steps {
        height: auto;

    }
    .our-steps {
        max-width: fit-content;
        margin: 0 auto;
        padding-bottom: 50px;
    }
    .steps.content {
        flex-direction: column;
        margin: 0 auto;
    }
    .all-process-steps .our-steps:nth-child(odd) .steps.content .steps-info h3 {
        margin: 0 auto;
    }
    .all-process-steps .our-steps:nth-child(odd) .steps.content .steps-info p {
        text-align: start;
    }
    .all-process-steps .our-steps:nth-child(even) .steps.content {
        flex-direction: column;
    }
    .our-steps, .all-process-steps .our-steps:nth-child(odd) .steps.content, .all-process-steps .our-steps:nth-child(even) .steps.content {
        position: static !important;
        flex-direction: column-reverse;
    }
    .steps.content {
        text-align: center;
        max-width: 400px;
        margin: 0 auto;
    }
    .all-process-steps .our-steps:nth-child(odd) .steps.content .steps-info p {
        text-align: center;
    }
    h3.heading3 {
        padding-bottom: 8px;
        margin: 0 auto;
    }
    .block-butn.absolute-btn {
        position: static;
    }
    .bulb-image-block{
        display: none;
    }
}
@media screen and (max-width:767px){
    .header-blue-box {
        left: -15px;
        max-width: 319px;
    }
    .main-logo img {
        max-width: 152px;
    }
    .footer-content{
        display: block;
      }
      .logo-block .address p{
        margin: 0;
      }
      footer.main-footer {
        background-size: cover;
    }
    .main-projects-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .project-category {
        margin-top: 30px;
        max-width: 450px;
        margin: 0 auto;
    }
    .services-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .form-section{
        padding: 60px 30px;
    }
    section.my-opinion .content .image-content-block p {
        padding-top: 12px;
    }
    .box-pattern img {
        max-width: 76px;
    }
    .inverted-comos img {
        max-width: 46px;
    }
    .form-section.charities .second-mian-heading::after {
        right: 60%;
    }
    .gallery-img-heading h2{
        padding-top: 15px;
    }
    .all-process-steps{
        height: 100%;
    }



   
}
@media screen and (max-width:640px){
    .header-blue-box {
        left: -84px;
    }
    .section-image {
        width: 100%;
        height: 340px;
    }
    .form-section {
        padding: 42px;
    }
    .box-pattern img {
        max-width: 66px;
    }
    .form-subscribe .btn {
        width: 75px;
    }
    .popup-video {
        width: 100%;
        height: auto;
    }
    section.why-cadco a.discover-butn {
        max-width: 140px;
    }
    h2.second-mian-heading.change-after:after {
        right: 62%;
    }
    .form-section.charities{
        padding: 30px;
    }
    .form-section.charities .second-mian-heading::after {
        right: 65%;
    }
    .form-section.charities .form-block a.discover-butn {
        max-width: 133px;
        margin-top: 23px;
    }
    .link-info-grid .single-external-link{
        padding: 32px;
    }
    a.discover-butn{
        padding: 14px;
    }
    .process-camera.process-png {
        right: -23%;
    }
    .form-section.charities {
        background-position: -172px 51%;
    }
    .our-camera-union img {
        max-width: 70px;
    }
    .myGallerySlider .swiper-wrapper{
        width: 100%;
        max-width: 450px;
        height: 300px;
    }

}
@media screen and (max-width:580px){
    .form-section.charities .second-mian-heading::after {
        right: 60%;
    }
    .myGallerySlider .swiper-wrapper {
        width: 100%;
        max-width: 420px;
        height: 300px;
    }
}
@media screen and (max-width:480px){
    :root {
        --fs-80: 32px;
        --lh-80: 32px;
        --fs-30: 20px;
        --lh-30: 22px;
        --fs-45: 25px;
        --lh-50: 30px;
        --fs-40: 20px;
        --fs-20: 14px;
        --fs-22: 14px;
    }
    .icon-block a img {
        width: 17px;
        height: 17px;
    }
    section.build-process-section .main-content .second-mian-heading.center::after {
        right: 32%;
        transform: translateX(-27%);
    }
    section.build-process-section .main-content .paragraph {
        padding: 32px 18px 0;
    }
    .form-section {
        padding: 30px;
    }
    .form-parent {
        padding-top: 10px;
    }
    .form-section .form-block form input.discover-butn.form-btn {
        width: 108px;
    }
    h2.second-mian-heading.change-after:after {
        right: 45%;
    }
    .form-section.charities {
        top: 0;
        padding: 15px;
    }
    p.see-off-link a{
        padding-bottom: 10px;
    }
    .build-pattern1.build-pattern.connunity {
        top: -8%;
        left: -23%;
    }
    section.several-link-section {
        padding: 15px;
    }
    a.w-180-btn {
        padding: 8px 0px;
        width: 105px;
    }
    .tabs-parent {
        padding: 18px 0;
    }
    section.inner-banner.chnge-position{
        background-position: 57% 90%;
    }
    section.inner-banner .block-butn{
        margin-top: 10px;
    }
    .process-camera.process-png {
        right: -29%;
    }
    .process-camera.process-png img {
        max-width: 246px;
    }
    section.build-process-section .block-butn a.discover-butn.animate-butn{
        margin-top: 30px !important;
    }
    .form-section.charities {
        background-position: -191px 51%;
    }
    .our-camera-union img {
        max-width: 44px;
    }
    .myGallerySlider .swiper-wrapper {
        max-width: 32s0px;
        height: 256px;
    }
    .modal-body{
        padding: 10px;
    }
}
@media screen and (max-width:480px){
    .myGallerySlider .swiper-wrapper {
        max-width: 300px;
        height: 256px;
    }   
}
@media screen and (max-width:370px){
    :root {
        --fs-45: 20px;
        --lh-50: 30px;
    }
    .header-blue-box {
        left: -122px;
    }
    a.w-180-btn {
        padding: 6px 0px;
        width: 95px;
    }
    .tabs-button {
        gap: 6px;
    }
    .process-camera.process-png {
        right: -38%;
    }
    
}















@media(max-width:991px){
    
    
    .our-steps.step1 {
        position: relative;
        bottom: 15%;
    }
    .our-steps.step2 {
        position: relative;
        bottom: 45%;
    }
    .our-steps.step3 {
        position: relative;
        bottom: 70%;
    }
    .our-steps.step4 {
        bottom: 90%;
    }
    /* .our-steps.step5 {
        position: relative;
        bottom: ;
    }
    .our-steps.step6 {
        position: relative;
        bottom: 305px;
    } */
}
@media(max-width:767px){
    .dashed-border-image {
        display: none;
    }
    .our-steps.step3 {
       position: static;
    }
    .our-steps.step1 {
        position: static;
    }
    .our-steps.step2 {
        position: static !important;
    }
    .our-steps.step4 {
        position: static;
    }
    .our-steps.step5 {
        position: static;
    }
    .our-steps.step6 {
        position: static;
    }
    .our-steps{
        padding: 0px;
        height: auto;
    }
   
    .steps.content {
        gap: 20px;
        flex-direction: column-reverse;
        align-items: center;
    }
    .all-process-steps .our-steps:nth-child(even) .steps.content {
        flex-direction: column-reverse;
        position: static;
    }
    .our-steps{
        padding-bottom: 50px;
    }

    .all-process-steps .our-steps:nth-child(even) .steps.content {
        position: static;
    }
    .all-process-steps .our-steps:nth-child(odd) .steps.content {
        position: static;
    }
    .our-steps {
        padding-bottom: 50px;
    }
}