body, h1, h2, h3, h4, h5, h6, .nav-top-link, .alt-font {
    font-family: 'Kanit', sans-serif !important;
}


/*========== Header ==========*/

.home #header .header-wrapper.stuck{
    background-color: #242528;
}

.header-wrapper .header-nav li a{
    font-weight: 500;
    font-size: 0.88em;
}

.header-nav .sub-menu{
    background-color: #000000c4;
    border: none!important;
}

.header-nav .sub-menu li a{
    border-bottom: none!important;
    color: #fff;
}

.header-nav .sub-menu li a:hover{
    color: #ff0808;
}

.menu-item-has-children:before{
    border-bottom-color: #00000000!important;
}

.menu-item-has-children:after{
    border-bottom-color: #00000000!important;
}

.menu-item-has-children ul{
    min-width: 180px;
    border-radius: 10px;
}

.menu-item-has-children i{
    opacity: 1!important;
}


/*============================*/


/*========== Footer ==========*/

.absolute-footer{
    display: none;
}

.footersec{
    padding-left: 0!important;
    padding-right: 0!important;
}

.custom-menu-wrapper ul li,
.custom-menu-wrapper ul li a {
    border: none !important;
    border-right: none !important;
    border-left: none !important;
}

.custom-menu-wrapper ul li a {
    color: #ccc;
    margin-bottom: 1.3em;
    line-height: 1.6;
    padding: 0!important;
    transition: 0.4s;
}

.custom-menu-wrapper ul li a:hover{
    color: #fff;
}

.colnopadb{
    padding-bottom: 0!important;
}


/*============================*/




.bannertexthone h1{
    font-weight: 400!important;
    line-height: 1.6!important;
    font-size: 70px!important;
}

.bannertexthone h1 strong{
    font-weight: 500!important;
}

.glassmenu .glassmenucolone>.col-inner , .glassmenu .glassmenucoltwo>.col-inner , .glassmenu .glassmenucolthree>.col-inner{
    padding: 20px 30px;
}

.textcolsend .col-inner{
    padding: 0;
}

.marginzero p{
    margin: 0!important;
    line-height: 1;
}

.magintopzero p{
    margin-top: 10px!important;
}

.bgred{
    background: linear-gradient(90deg,rgba(129, 0, 0, 1) 0%, rgba(255, 8, 8, 1) 100%);
}

.goicon img{
    width: 40px!important;
}

.off-canvas-left.dark .mfp-content, .off-canvas-right.dark .mfp-content{
    background-color: #242528!important;
}

.mobile-sidebar .sidebar-menu .nav-sidebar li{
    border: none!important;
    padding-left: 0;
}

.textbigsmall .col{
    padding: 10px 20px;
    border-right: 2px solid #C38080;
}

.textbigsmall .col:last-child{
    border-right: none;
}

.textbigsmall p{
    margin-bottom: 0;
}

.textbigsmall h2{
    font-size: 30px;
    margin-bottom: 5px;
}

.abouthomesec{
    background-color: #242528;
    border-radius: 0 0 50px 50px;
}

.abouthomesec .col{
    padding-bottom: 0!important;
}

.fivecolsec .col-inner{
    display: flex;
}

.fivecolsec h3{
    font-size: 1.55em;
}

.boxstart{
    border: 1px solid #D4D4D4;
    border-radius: 10px;
}

.boxstart p, .boxstart .button{
    margin-bottom: 0;
}

.teamsec .row{
    background-color: #242528;
    border-radius: 50px;
}

.readmorebtn p{
    margin-bottom: 0;
    font-weight: 500;
    text-decoration: underline;
}


.plancol{
    gap: 30px;
    justify-content: center;
}

.teamcol{
    border-top: 1px solid #4B4B4B;
    border-right: 1px solid #4B4B4B;
}

.tctext h3{
    font-size: 30px;
}

.tctext p{
    margin-bottom: 0;
}

.headersvgbox img{
    background: #810000;
    padding: 28px;
    border-radius: 10px 0;
}

.whyboxsec{
    margin-top: -6.44%;
}

.whyboxsec>.col{
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 3px 3px 20px #00000030;
}

.boxhead h3{
    font-size: 24px;
}

.boxtreadmore p{
    margin-bottom: 0;
}

.boxtreadmore p a{
    text-decoration: underline;
    font-weight: 600;
}

.boxtextinner .col{
    padding-bottom: 0;
}

.numbigtext p{
    font-size: 70px;
    color: #EBD7D7;
    font-weight: 600;
    margin-bottom: 0;
    padding-right: 28px;
}

.btnnomb{
    margin-bottom: 0!important;
}

.qsec h4{
    margin-bottom: 0;
}

.qsec p{
    margin-bottom: 0;
}

.boxinboxsec{
    border: 1px solid #c8c8c8;
    border-radius: 20px;
    padding: 30px 20px!important;
}

.boxinboxsec>.col .col-inner{
    padding: 0 25px !important;
    border-right: 1px solid #9E9E9E;
}

.boxinboxsec>.col:last-child .col-inner{
    border-right: none;
}

.textinboxtext p{
    margin-bottom: 0;
}

.boxinboxhead h3{
    font-size: 35px;
}

.contactfromhome input{
    border-radius: 10px!important;
    padding: 20px 10px!important;
    height: 45px;
}

.contactfromhome select{
    border-radius: 10px!important;
    height: 45px;
}

.contactfromhome .wpcf7-submit{
    border-radius: 10px!important;
    padding: 0px 30px !important;
    float: right;
    margin-right: 0;
}

.blogposthome .box-text{
    padding: 20px;
}

.blogposthome .box-text .cat-label{
    color: #FF0808;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 10px;
}

.blogposthome .box.box-normal{
    background-color: #F9F9F9;
    border-radius: 10px;
}

.blogposthome .is-divider{
    display: none;
}

.blogposthome h5 a{
    font-size: 24px;
    color: #000;
}

.blogposthome .button{
    font-size: 16px!important;
    font-weight: 100;
    letter-spacing: 0px;
    color: #000;
}

.blogposthome .button:before{
    display: none;
}

.productbtnhome .col-inner{
    display: flex;
    justify-content: right;
    gap: 30px;
    align-items: center;
}

.nomarginbottom h2{
    margin-bottom: 0!important;
}

.producthomesec .product-small.box .title-wrapper a{
    font-size: 20px;
}

.nopadbot{
    padding-bottom: 0!important;
}

.arknowtitle h2{
    font-weight: 500;
}

.headertitle h2{
    font-weight: 500;
}
















/*=============================================
=            Desktop Devices          =
=============================================*/
@media screen and (min-width: 851px) {

.home #header{
    position: absolute;
}

.glassmenu .glassmenucolone{
    background-color: #ffffff24;
    border-left: 1.5px solid #fff;
    border-top: 1.5px solid #fff;
    border-bottom: 1.5px solid #fff;
    border-right: 1px solid #fff;
    border-radius: 20px 0px 0px 20px;
    backdrop-filter: blur(10px);
}

.glassmenu .glassmenucoltwo{
    background-color: #ffffff24;
    border-left: 1px solid #fff;
    border-top: 1.5px solid #fff;
    border-bottom: 1.5px solid #fff;
    border-right: 1px solid #fff;
    border-radius: 0px 0px 0px 0px;
    backdrop-filter: blur(10px);
}

.glassmenu .glassmenucolthree{
    background-color: #810000;
    border-left: 1px solid #fff;
    border-top: 1.5px solid #fff;
    border-bottom: 1.5px solid #fff;
    border-right: 1.5px solid #fff;
    border-radius: 0px 20px 20px 0px;
    backdrop-filter: blur(10px);
}

.teamcol{
    flex-basis: 18%!important;
    max-width: 18%!important;
    padding: 20px 0!important;
}

.whyboxsec{
    gap: 30px;
    margin-top: -6.44%;
    flex-flow: row!important;
}


}

/*=============================================
=            Tablet Devices            =
=============================================*/
@media screen and (width: 850px) {

.bannertexthone h1{
    font-size: 50px!important;
}

.glassmenu .glassmenucolone , .glassmenu .glassmenucoltwo{
    border: 1.5px solid #fff;
    background-color: #ffffff24;
    border-radius: 20px!important;
    backdrop-filter: blur(10px);
}

.glassmenu .glassmenucolthree{
    border: 1.5px solid #fff;
    background-color: #810000;
    border-radius: 20px!important;
    backdrop-filter: blur(10px);
}

.glassmenu{
    row-gap: 20px;
}

.textbigsmall .col:nth-child(2){
    border-right: none;
}

.textbigsmall{
    row-gap: 20px;
}

.whyboxsec{
    row-gap: 30px;
    margin-top: -6.44%;
}

.whyboxsec>.col{
    flex-basis: 60%!important;
    max-width: 60%!important;
}




}

/*=============================================
=            Mobile Devices            =
=============================================*/
@media screen and (max-width: 849px) {

.bannertexthone h1{
    font-size: 38px!important;
}

.glassmenu .glassmenucolone , .glassmenu .glassmenucoltwo{
    border: 1.5px solid #fff;
    background-color: #ffffff24;
    border-radius: 20px!important;
    backdrop-filter: blur(10px);
}

.glassmenu .glassmenucolthree{
    border: 1.5px solid #fff;
    background-color: #810000;
    border-radius: 20px!important;
    backdrop-filter: blur(10px);
}

.glassmenu{
    row-gap: 20px;
}

.textbigsmall .col:nth-child(2){
    border-right: none;
}

.textbigsmall{
    row-gap: 20px;
}

.fivecolsec .col-inner{
    flex-direction: column;
}

.abouthomesec{
    border-radius: 0 0 20px 20px;
}

.moreqsec{
    padding: 0 20px!important;
}

.whyboxsec{
    row-gap: 30px;
    margin-top: -28%;
}

.whyboxsec>.col{
    flex-basis: 80%!important;
    max-width: 80%!important;
}

.boxinboxsec>.col .col-inner {
    border-right: none!important;
    padding-bottom: 20px!important;
}

.boxinboxsec>.col:last-child .col-inner{
    padding-bottom: 0px!important;
}




}