/*
Theme Name: Mazo
Theme URI: https://mazo.wprdx.com/demo/
Author: DexignZone
Author URI: https://themeforest.net/user/dexignzone/
Description: Mazo is a professionally designed WordPress theme that is ideal for businesses, agencies, corporations, and freelancers, who are looking to grow their business. Show your experience, portfolio, team members, and services, and help grow client relationships and your company, with Mazo.
Version: 1.5
License: copyright commercial
License URI: https://themeforest.net/user/dexignzone/
Text Domain: mazo
Tags: one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, rtl-language-support, sticky-post, translation-ready, microformats
*/



.radial-progress{display:none;}


.elementor-heading-title.elementor-size-default { 
/*     color: red !important;  */
/*     padding-left: 55px; 
    display: inline-flex; 
    align-items: center; 
    position: relative;  */
}





.elementor-heading-title.elementor-size-default.section-head.style-1 .sub-title {
    display: inline-flex;
    align-items: center;
    position: relative;
    padding-left: 25px; /* Space for lines */
    color: red !important; /* Text color */
    font-weight: bold;
}

/* Two small lines on the left side */
.elementor-heading-title.elementor-size-default.section-head.style-1 .sub-title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 15px; /* Adjust line length */
    height: 2px; /* Adjust line thickness */
    background: red;
}

.elementor-heading-title.elementor-size-default.section-head.style-1 .sub-title::after {
    content: "";
    position: absolute;
    left: 5px; /* Slight offset from first line */
    top: 50%;
    transform: translateY(-50%);
    width: 10px; /* Shorter second line */
    height: 2px;
    background: red;
}


.clr_black{
color :#000000; 
/* color: var(--e-global-color-secondary);
font-weight: 500; */
}


/* set null for list style */
.dz-page-text ul > li:before,
.dz-page-text ol > li:before,
.dz-card.blog-single .dz-post-text ul > li:before,
.dz-card.blog-single .dz-post-text ol > li:before {
    display: none !important;
}



/* paragraph line setting */
.p_block{
	    margin-top: -10px;
}
/* used to set shape round */
.round_shape{
	width: 50px;
    height: 50px;
    background-color: #f54747;
    border-radius: 50%;
    display: block;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: bold;
    padding-top: 11px;
    margin-left: 12rem;
}


/* details table */

/* .table_clr {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
    border-collapse: separate;
    display: table;
    border-spacing: 2px;
    border-color: grey;
	  width: 60rem;
}
 */

 th, td, .table_th {
    border: 1px solid #f5cdcd;
    padding: 10px;
    text-align: left;
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #e1d7d7;
    width: 100px; 
    border-radius: 4px;
}

.head_clr{
	  background-color: #F54747;
    color: #ffff;
}

.table_clr td:nth-child(1) { width: 11%; }  
.table_clr td:nth-child(2) { width: 22%} 
.table_clr td:nth-child(3) { width: 23% } 
.table_clr td:nth-child(4) { width: 100px; } 

 
/* .box_body
{box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
background-color: #ffffff;
 border-radius: 12px;}
 */


.box_body {
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgb(255 255 255 / 15%) 0px 1px 3px 1px;
    background-color: #ffffff;
    border-radius: 12px;
   
}



.table_clr {
    width: 100%;
    /* max-width: 100%; */
    margin-bottom: 1rem;
    background-color: transparent;
    border-collapse: separate;
    display: table;
    border-spacing: 2px;
    border-color: grey;
    /* width: 45rem; */
}

/* .box-sh{
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
} */
/* table 2nd codes*/
/* th, td .tab_two{
    white-space: nowrap;
  }  */

/* text align justify */

.text_j{
	text-align:justify;
}


.table_3rd td:nth-child(1) { width: 46%; }  
.table_3rd td:nth-child(2) { width: 46%} 

.table_4th{
	
	
}

.table_4th td:nth-child(1) { width: 14%; }  
.table_4th td:nth-child(2) { width: 38%} 
.table_4th td:nth-child(3) { width: 23% } 
.table_4th td:nth-child(4) { width: 14% } 
.table_6th td:nth-child(1) {
    width: 40%;
}

.table_7th td:nth-child(1) { width: 19%; }  
.table_7th td:nth-child(2) { width: 10%} 
.table_7th td:nth-child(3) { width: 23% } 
.table_7th td:nth-child(4) { width: 20% } 

.table_8th td:nth-child(1) { width: 17%; }  
.table_8th td:nth-child(2) { width: 19%} 
.table_8th td:nth-child(3) { width: 100px }

.table_9th td:nth-child(1) { width: 27%; }  
/* .table_8th td:nth-child(2) { width: 19%} 
.table_8th td:nth-child(3) { width: 100px } */

.table_10th td:nth-child(1) { width: 16%; } 
.table_10th td:nth-child(3) { width: 26% }




.custom-process .row { padding:20px; }


/* .section-head.style-2 .sub-title:before, .section-head.style-2 .sub-title:after {
    content: "";
    display: inline-block;
    height: 3px;
    background: var(--primary);
    position: absolute;
}

 */

/* .section-head.style-2 .sub-title {
    color: #f42223;
}


.section-head.style-2.sub-title {
    display: inline-flex;
    align-items: center;
    position: relative;
    padding-left: 55px;
}

.section-head.style-2.sub-title::before,
.section-head.style-2.sub-title::after {
    content: "";
    display: inline-block;
    height: 3px;
    background: var(--primary);
    position: absolute;
}



.section-head.style-2 .sub-title {
	display: inline-flex;

    align-items: center;
    position: relative;
    padding-left: 55px;
}

 */

.section-head .style-2{  
	@extend .section-head.style-1;
}

/* dispaly none set in tab section in home page */
.nav-tabs {
    display: none !important;
}
/* here i set the padding of the section cpnytent box 3*/ 
#dzProjects
 { 
    padding-top: 72px !important;
    padding-bottom: 40px !important;
}

/* set the icon box margin  in the home page*/
.icon-bx-wraper.style-21:nth-child(4) {
    margin-left: 5rem;
}

/* set margin of the icon in home section 1*/
.icon-bx-wraper.style-5 {
    margin-top: -24px !important;
}
/* set the section pragraph size in about us page  */

.section-head.style-6 p {
    /* font-size: 15px !important; */
    text-align: justify;
}


.clip{
    clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
}

/* @media (min-width: 768px) {
    .elementor-column.elementor-col-50, .elementor-column[data-col="50"] {
        width: 100% !important;
    }
} */



@media only screen and (max-width: 1199px) {
    .container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
        padding-left: 0px !important;
        padding-right: 0px!important;
    }
}


p {
    font-size: 16px !important;
}

.tab-content{ font-size: 16px;}


 .style-1{
    font-size: 16px !important;
}





.custom-sub-title {
    display: inline-flex;
    align-items: center;
    position: relative;
    padding-left: 45px;
    font-size: 22px !important;
}

.custom-sub-title:before, 
.custom-sub-title:after {
    content: "";
    display: inline-block;
    height: 3px;
    background: var(--primary);
    position: absolute;
}

.custom-sub-title:before {
    width: 12px;
    left: 0;
}

.custom-sub-title:after {
    width: 27px;
    left: 14px;
}



@media (max-width: 1366px) {
    .breadcrumbs {
        margin: -4rem 0 0 2rem !important;
        background: red !important; /* Test to see if styles apply */
    }
}


.number_top {

    margin-top: -1px;
    
}

/* none the my shop button */
.dz-account-btn {
    display: none !important;
}
/* list widget title --footer 2nd section */
.list-2 li {
    width: 70% !important;
    float: left;
}




.custom-sub-title .section-head.style-6{ 
    display: inline-flex;
    align-items: center;
    position: relative;
    padding-left: 45px;
    font-size: 22px !important;
}

 
@media (min-width: 1024px) {

    .logo-header {
        display: table;
        float: left;
        vertical-align: middle;
        padding: 0;
        color: #EFBB20;
        margin-top: 0;
        margin-bottom: 0px;
        margin-left: -41px !important;
        margin-right: -61px !important;
        width: 200px;
        height: 90px;
        position: relative;
        z-index: 9;
    }
    
    }
    
 /* logo header in menu section */
    .logo-header{
        padding-left: 79px !important;
    }


    
/* home page 1st section */
    .icon-bx{
        display: none !important;
    }


    #loading-area {
        
        background-color: #ffffff !important;
       
    }


    .ml12{
        display: none !important;
    }


    .forminator-row #captcha-1 {
        margin-top: -31px;
    }
    
   /* contact us icon space  */
    .icon-bx-wraper.style-7 {
        min-height: 105px !important;
    }

    .text-white{
        margin-right: 33px;
    }


    .call-action {
        /* padding: 6px; */
        border-radius: var(--border-radius-base);
        /* padding : 20px !important; */
        padding: 36px !important;
        
    }
         .call-action {
                  background-blend-mode: multiply !important;
                  
             }
              

             /* .section-full .call-action .bg-primary {
                background-color: #979797 !important;
             }*/
             
             #DZSupport3 { 
                /* --primary: #979797; Your new custom primary color */
                --primary: #5c5858;
                
            }

            .mb-0
             {display:none !important;

            }

            #DZSupport3 .col-lg-4 {
                display: flex !important;
                justify-content: flex-end !important; /* Align button to the right */
                align-items: flex-start !important;    /* Align to the top */
                height: 100% !important;             /* Make column fill the height */
                padding-top: 0 !important;;            /* Optional: adjust spacing */
            }


            #DZSupport3 .col-lg-4 {
                display: flex !important;
                align-items: flex-start !important;
                height: 100% !important;
                padding-top: 0 !important;
                margin-left: -136px !important;
              
            }


            #DZSupport3 .btn-secondary {
                
                background-color: #cb3333 !important;
                border-color: #cb3333 !important;
                margin-top: 22px !important;
            }
            @media (max-width: 767px) {
                 #DZSupport3 .btn-secondary  {
                  margin-right: 67px;
                }
            }

             .inner-contact {
                line-height: 8.2px;
                font-size: 30px;
                margin-left: 134px;
              }
              
              @media (max-width: 1024px) {
                .inner-contact {
                  line-height: 6px !important;
                  font-size: 25px !important;
                  margin-left: 100px !important;
                }
              }
              
              @media (max-width: 767px) {
                .inner-contact {
                    line-height: 5px !important;
                    font-size: 21px !important;
                    margin-left: 50px !important;
                
                }
              }
              

              /* #about_button{
                btn shadow-primary btn-primary btn-quote
              } */


              #about_button {
                @extend .btn;
                @extend .btn-primary;
              }
              
              
              #about_button {
                padding: 18px 30px;
                display: inline-flex;
                border-radius: var(--border-radius-lg);
                font-size: 15px;
                font-weight: 400;
                position: relative;
                line-height: 1.5;
                align-items: center;
                overflow: hidden;
                background-color: var(--primary);
                color: white;
                border: 1px solid var(--primary);
                cursor: pointer;
              }
              
              #about_button:hover {
                background-color: var(--primary-hover);
                border-color: var(--primary-hover);
                color: white;
              }