@font-face {
    font-family: 'Arial';
    src:
      url('../font/AnyConv.com__arial.woff2') format('woff2 supports variations'),
      url('../font/AnyConv.com__arial.woff2') format('woff2-variations'),
      url('../font/AnyConv.com__arial.woff') format('woff');
    font-weight: 400;
    font-display: swap;
    /* font-stretch: 75% 125%; */
  }
  @font-face {
    font-family: 'Arial';
    src:
      url('../font/AnyConv.com__FontsFree-Net-Arial-medium.woff2') format('woff2 supports variations'),
      url('../font/AnyConv.com__FontsFree-Net-Arial-medium.woff2') format('woff2-variations'),
      url('../font/AnyConv.com__FontsFree-Net-Arial-medium.woff') format('woff');
    font-weight:  500;
    font-display: swap;
    /* font-stretch: 75% 125%; */
  }
  @font-face {
    font-family: 'Arial';
    src:
      url('../font/AnyConv.com__FontsFree-Net-arial-bold.woff2') format('woff2 supports variations'),
      url('../font/AnyConv.com__FontsFree-Net-arial-bold.woff2') format('woff2-variations'),
      url('../font/AnyConv.com__FontsFree-Net-arial-bold.woff') format('woff');
    font-weight:  600 700;
    font-display: swap;
    /* font-stretch: 75% 125%; */
  }	
body{
    font-family: 'Arial' !important;
}
h1, h2, h3, h4, h5, h6{
    font-family: "Poppins", sans-serif !important;

}
h1{
    font-size: 52px !important;
    line-height: 62.4px !important;
    font-weight: 600 !important;
    color: #101010;
}
h2{
    font-size: 42px;
    line-height: 58.8px;
    font-weight: 600;
    color: #101010;

}
h3{
    font-size: 28px;
    line-height: 40.32px;
    font-weight: 600;
}
h4{
    font-size: 22px;
    line-height: 30.8px;
    font-weight: 600;
    color: #18191C;
}
h6{
    font-size: 22px !important;
    line-height: 26.4px !important;
    font-weight: 600 !important;
    color: #18191C;
}
p{
    font-size: 18px;
    line-height: 27px;
    color: #18191C;
}
.font-24{
    font-size: 24px;
    line-height: 36px;
    font-weight: 600;
    color: #18191C;
}
.font-22{
    font-size: 22px;
    line-height: 30.8px;
    font-weight: 600;
}
.mb-24{
    margin-bottom: 24px;
}
.sp-80{
    padding: 80px 0px;
}
.global-btn a{
    font-size: 18px;
    line-height: 23.4px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    background: linear-gradient(180deg, #3B3D3D 0%, #191A1A 100%);
    padding:12px 24px !important;
    padding-right: 42px;
    border-radius: 8px;
    font-family: "Poppins", sans-serif !important;
}
.global-btn{
    display: flex;
}
.spb-80{
    padding-bottom: 80px;
}
.font-16{
    font-size: 16px;
    line-height: 20.8px;
    color: #18191C;
}
.font-18{
    font-size: 18px;
    line-height: 25.92px;
    font-weight: 500;
    color: #000;
}
li.font-18{
    font-size: 18px;
    line-height: 25.92px;
    font-weight: 400;
    color: #000;
}
.font-20{
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    color: #18191C;
}
.fw-500{
    font-weight: 500 !important;
}.fw-700{
    font-weight: 700 !important;
}
.fw-600{
    font-weight: 600 !important;
}
.fw-400{
    font-weight: 400 !important;
}
.spt-80{
    padding-top: 80px;
}
.font-32{
    font-size: 32px !important;
    line-height: 44px !important;
    font-weight: 600 !important;
}
.font-28{
    font-size: 28px;
    line-height: 40px;
    font-weight: 600;
}
.contactfrm-btn button{
    transition: unset;
}
.global-btn a:hover{
    background: #883396;
}
.contactfrm-btn button:hover{
    background: #883396;
}
.action-section .global-btn a:hover{
    background: #000;
}
@media screen and (min-width:1200px){
    .db{
        display: block;
    }
    .max-820{
        max-width: 820px;
        margin: auto;
    }
}
@media screen and (max-width:1000px){
    li.font-18{
        font-size: 16px;
        line-height: 24px;
    }
    .font-28{
        font-size: 24px;
        line-height: 36px;
    }
    .font-22{
        font-size: 18px;
        line-height: 36px;
    }
    h6{
        font-size: 18px !important;
        line-height: 26.4px !important;
    }
    .font-24 {
        font-size: 20px;
        line-height: 28px;
    }
    .font-32{
        font-size: 28px !important;
        line-height: 36px !important;
    }
    .font-20 {
        font-size: 18px;
        line-height: 26px;
    }
    .spt-80{
        padding-top: 50px;
    }
    .global-btn a {
        font-size: 16px;
        line-height: 24px;
    }
    h1{
        font-size: 32px !important;
        line-height: 40px !important;
    }
    .sp-80{
        padding: 50px 0px;
    }
    h2{
        font-size: 28px;
        line-height: 36px;
    }
    .spb-80{
        padding-bottom: 50px;
    }
    h4{
        font-size: 20px;
        line-height: 28px;
    }
    p{
        font-size: 16px;
        line-height: 24px;  
    }
}
@media screen and (max-width:500px){
    .mbl-font-20{
        font-size: 20px;
    }
    .mbl-col-reverse{
        flex-direction: column-reverse;
    }
}