/* ------------------- Steps Page -------------- */
.steps-left-images-main-wraps-section-image-inner {
    background-size:cover !important;
    background-repeat:no-repeat !important;
 
}
.warranty-button {
        text-decoration: underline;
    font-weight: bold !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    color:#064664 !important;
}
.single-p-btns a.warranty-button:hover {
        text-decoration: underline;
         font-weight: bold;
    font-family: 'Plus Jakarta Sans', sans-serif;
    color:#F18025 !important;
        transition: all .2s linear !important;
}
.web-btns a.warranty-button {
        padding: 12px 30px 12px 60px;
        position:relative;
        
}
.web-btns a.warranty-button:before {
    content: '';
    position: absolute;
    left: 28px;
    top: 15px;
    display: block;
    background-image: url(https://ozyrollershutters.makemywebsite.au/wp-content/uploads/2025/06/blue-setting.png);
    background-size: contain;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
}
.web-btns a.warranty-button:hover:before {
        filter: invert(1);
}
p.low-margins {
    margin-bottom:6px !important;
}

.icon-paras {
    position: relative;
    padding-left: 30px;
}
.sp-iconing {
        position: absolute;
    left: 0;
    top: 0;
}
.steps-left-images-main-wraps-section-inner {
        display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 35px;
 
}
.point-with-icons-inner.three-cols-inner {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 20px;
    row-gap: 20px;
}

.point-with-icons-inner.four-cols-inner {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 20px;
    row-gap: 20px;
}


.box-des p {
    /*color: #fff;*/
    font-weight: 600;
    font-family: 'Plus Jakarta Sans';
}
.box-icon img {
    width: 100px;
    margin-bottom: 10px !important;
}
.point-with-icon-column-box-inner {
    text-align:center;
}


    .page-id-6145 .inner-page-banner .inner-ban-left, .page-id-6073 .inner-page-banner .inner-ban-left,
     .page-id-6156 .inner-page-banner .inner-ban-left, .page-id-6124 .inner-page-banner .inner-ban-left, 
      .page-id-6124 .inner-page-banner .inner-ban-left, .page-id-5997 .inner-page-banner .inner-ban-left, 
       .page-id-6051 .inner-page-banner .inner-ban-left, .page-id-6024 .inner-page-banner .inner-ban-left, 
        .page-id-6243 .inner-page-banner .inner-ban-left, .page-id-6176 .inner-page-banner .inner-ban-left{
        width:75%;
    }
    .point-with-icon-column-box {
            padding: 20px;
            border: 1px solid #ffffff59;
  /*background:#fff;*/
    }
    
        /*.blue-arrows li{*/
        /*    color:#000!important;*/
        /*}*/
    
    .bullet-points-logos {
        list-style:none;
        padding-left:0 !important;
    }
    
.bottom-content-new-pages > .wpb_wrapper{
    width: 70%;
    margin: auto;
    background-color: #F5F5F5;
    padding: 20px;
}
.bottom-content-new-pages-white > .wpb_wrapper{ 
        width: 70%;
    margin: auto;
    background-color: #ffffff;
    padding: 20px;
}
.warrenty-bottom-wrap-inner {
        display: grid
;
    grid-template-columns: 1fr 1fr;
    column-gap: 30px;
}
.yellow-boxes .steps-left-images-main-wraps-section-text-inner {
        background-color: #FDF5E8;
}
.blue-boxes .steps-left-images-main-wraps-section-text-inner{
       background-color: #E7F1F8;
}
.steps-left-images-main-wraps-section-text-inner {
        height: 100%;
    display: grid;
    align-items: center;
    padding: 35px;
}

.steps-left-images-main-wraps-section-image-inner {
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    min-height:450px;
}

.two-columns-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 30px;
}

.cus-heading {
        font-family: 'Plus Jakarta Sans', sans-serif !important;
            font-weight: 700;
                line-height: 1.4em !important;
}

.inner-page-banner  .gform-theme--foundation #gform_2 .gform_fields  {
        row-gap: 10px !important;
}

    .more-text {
      display: none;
    }
    .read-more-btn {
    border: 1px solid #064664;
    color: #064664;
    padding: 12px 30px;
    line-height: 30px;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    display: inline-block;
    transition: 0.5s all;
    margin-top: 15px;
    cursor: pointer;
    }
    

.warrenty-bottom-call {
position: relative;
    padding: 0 0 0 70px;
    margin-top: 29px;
}

.warrenty-bottom-call-img img{
    position: absolute;
    background-color: #064664;
    width: 56px;
    left: 0;
    padding: 10px;
    top: 6px !important;
}
    
    .warrenty-sub-heading {
            font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 20px;
    margin-bottom: 4px !important;
    }
    body .web-btns.blue-hovers a:hover {
        background-color:#064664 !important;
            border-color: #064664 !important;
           
    }
    
     body .web-btns.blue-hovers a {
          margin-top:35px !important;
     }
     
     .web-btns.orange-btns a{
         border: 1px solid #ffffff !important;
         color:#fff !important;
     }
          .web-btns.orange-btns a:hover{
              background-color:#064664 !important;
              border: 1px solid #064664 !important;
          }
          .bullet-points-logos li {
            padding: 6px 0px 6px 35px;
    position: relative;
          }
          
           .bullet-points-logos .cus-logos {
               position:absolute;
               left:0;
                   top: 5px;
           }
           .blue-background {
                   padding: 25px;
    background-color: #064664;
           }
           
           .white-list li{
               color:#fff !important;
           }
           
           .blue-arrows.bullet-points li:before {
                   background: #064664;
           }
@media only screen and (max-width:1024px) {
.custom-space {
    height:20px !important;
}
    
    .step-fist-mob-img .steps-left-images-main-wraps-section-text {
        order:2;
    }
    
    .step-fist-mob-img .steps-left-images-main-wraps-section-image {
         order:1;
    }
    
    .steps-left-images-main-wraps-section-inner {
        grid-template-columns: 1fr;
    }
    
   .bottom-content-new-pages > .wpb_wrapper, .bottom-content-new-pages-white > .wpb_wrapper {
    width: 100%;

}

}
@media only screen and (max-width:1024px) and (min-width:768px) {

.point-with-icons-inner.four-cols-inner {
    display: grid;
    grid-template-columns: 1fr 1fr !important;
}
.mission-in-bot {
    display: grid;
    grid-template-columns: repeat(2, 1fr) !important;
}
}

@media only screen and (max-width:767px) {
    
    .steps-left-images-main-wraps-section-image-inner, .page-id-5997 .roller-shuuter-section-inner-page-top-wrap-left, 
     .page-id-6051 .roller-shuuter-section-inner-page-top-wrap-left, .page-id-6024 .roller-shuuter-section-inner-page-top-wrap-left{
        min-height:325px !important;
                background-position: center;
    }
    
.point-with-icons-inner.three-cols-inner, .point-with-icons-inner.four-cols-inner  {
        grid-template-columns: 1fr !important;
}

.warrenty-bottom-wrap-inner, .mission-in-bot {
    display:grid;
    grid-template-columns:1fr !important;
    row-gap:30px;
}
.repair-right-side-image-main-wrap-inner .repair-right-side-text-inner, 
 .repair-left-side-image-main-wrap-inner .repair-left-side-text-inner {
     padding:20px !important;
 }
 
     .page-id-6145 .inner-page-banner .inner-ban-left, .page-id-6073 .inner-page-banner .inner-ban-left,
     .page-id-6156 .inner-page-banner .inner-ban-left, .page-id-6124 .inner-page-banner .inner-ban-left, 
      .page-id-6124 .inner-page-banner .inner-ban-left, .page-id-5997 .inner-page-banner .inner-ban-left, 
       .page-id-6051 .inner-page-banner .inner-ban-left, .page-id-6024 .inner-page-banner .inner-ban-left, 
        .page-id-6243 .inner-page-banner .inner-ban-left, .page-id-6176 .inner-page-banner .inner-ban-left{
        width:100% !important;
    margin: auto;
    text-align: center;}
    
         .page-id-6145 .inner-page-banner .inner-ban-left .dual-btn, .page-id-6073 .inner-page-banner .inner-ban-left .dual-btn,
     .page-id-6156 .inner-page-banner .inner-ban-left .dual-btn, .page-id-6124 .inner-page-banner .inner-ban-left .dual-btn, 
      .page-id-6124 .inner-page-banner .inner-ban-left .dual-btn, .page-id-5997 .inner-page-banner .inner-ban-left .dual-btn, 
       .page-id-6051 .inner-page-banner .inner-ban-left .dual-btn, .page-id-6024 .inner-page-banner .inner-ban-left .dual-btn, 
        .page-id-6243 .inner-page-banner .inner-ban-left .dual-btn, .page-id-6176 .inner-page-banner .inner-ban-left .dual-btn{
               justify-content: center !important; 
            
        }
    
}

@media only screen and (min-width:1025px) {
.page-id-6176 .repair-right-side-image-main.pd-100, .repair-left-side-image-main.pd-100 {
   padding-bottom:170px !important; 
}


    
}

@media only screen and (max-width:1024px) {
    
    .repair-right-side-image-main-wrap-inner, .repair-left-side-image-main-wrap-inner {
        grid-template-columns: 1fr !important;
}
.repair-right-side-image-main-wrap-inner .repair-right-side-text-inner, 

 .repair-left-side-image-main-wrap-inner .repair-left-side-text-inner{
    left:0 !important;
            width: 100% !important;
}
.repair-right-side-image-main-wrap-inner .repair-right-side-image-inner img,
.repair-left-side-image-main-wrap-inner .repair-left-side-image-inner img {
        width: 100% !important;
}
.repair-right-side-image-main-wrap-inner .repair-right-side-text {
    order:2;
}
.repair-right-side-image-main-wrap-inner .repair-right-side-image {
     order:1;
}


.repair-left-side-image-main-wrap-inner .repair-left-side-image-inner:before, 
 .repair-left-side-image-main-wrap-inner .repair-left-side-image-inner:after,
  .repair-left-side-image-main-wrap-inner .repair-left-side-text:before, 
  .repair-right-side-image-main-wrap-inner .repair-right-side-text:before, 
   .repair-right-side-image-main-wrap-inner .repair-right-side-image-inner:before, 
    .repair-right-side-image-main-wrap-inner .repair-right-side-image-inner:after{
    display:none !important;
}

.repair-right-side-image-main-wrap-inner .repair-right-side-text-inner, 
 .repair-left-side-image-main-wrap-inner .repair-left-side-text-inner{
    background-color:#F5F5F5 !important;
}
}