@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400&family=Teko:wght@300..700&display=swap');

/* Modal CSS */
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none !important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none !important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-preloader a:hover{color:#FFF}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:hover,.mfp-close:focus{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1}.mfp-arrow:before,.mfp-arrow:after{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0 0;transform-origin:0 0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}
/* Modal CSS */
:root{
    --menu-height:60px;
}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    font-size: 1.3rem;
    font-family: "Barlow", sans-serif;
    line-height: 1.5;
    background: #F5F5F5;
    /* font-family: "Teko", sans-serif; // 300  to 700 */
}
.container{
    margin: 0 auto;
    max-width: 1600px;
    padding: 0 40px;
}
.align-center{
    display: flex;
    align-items: center;
}
.align-between{
    display: flex;
    justify-content: space-between;
}
.align-right{
    display: flex;
    align-items: end;
}
.gap-10{
    gap: 10px;
}
.gap-30{
    gap: 30px;
}
.mobile-menu{
    display: none;
}
header{
    padding: 15px 0 0 0;
    position: fixed;
    top: 0;
    background: #fff;
    z-index: 9;
    height: 135px;
    width: 100%;
    transition: top 0.3s ease-in-out;
}
.logo{
    max-width: 250px;
    img{
        width: 100%;
        display: block;
    }
}
.header-right{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.header-address{
    padding-bottom: 10px;
}
.h-address address{font-style: normal; line-height: 1; font-size: 1.2rem;}
.h-address img{
    display: block;
}
.p-phone img{
    display: block;
}
.p-phone span{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: rgba(253, 183, 19, 0.2);
    border-radius: 50%;    
}
.p-phone span img{
    display: block;
    width: 15px;
}
.p-phone a{
    text-decoration: none;
    font-family: "Teko", sans-serif;
    color: #000;
}
.main-menu{
    display: flex; 
}
.main-menu:after{
    position: absolute;
    content: "";
    height: var(--menu-height);
    width: calc(50vw);
    background: #FDB713;
    right: 0;
    bottom: 0;
    clip-path: polygon(2% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.main-menu ul{
    display: flex;
    align-items: center;
    gap: 50px;
    margin: 0;
    padding: 0 0 0 20px;
    height: var(--menu-height);
    position: relative;
    z-index: 1;
    background: #FDB713;
}
.main-menu ul:after{
    position: absolute;
    content: "";
    height: var(--menu-height);
    width: 160px;
    background: #FDB713;
    left: -30px;
    bottom: 0;
    clip-path: polygon(18% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.main-menu ul li{ display: block; margin: 0; padding: 0 20px; position: relative; z-index: 1;}
.main-menu ul li a{
    padding: 5px 0;
    text-decoration: none;
    color: black;
    font-size: 1.25rem;
}
.main-menu ul li a.active, .main-menu ul li a:hover{
    border-bottom: 3px solid #000;
}

.s-btn {
    display: flex;
    align-items: center;
    gap: 12px;
    height: 50px;
    padding: 5px 60px 0 20px;
    background: #FDB713;
    font-size: 1.25rem;
    color: #000;
    text-decoration: none;
    border: 3px solid #191A1C;
    box-shadow: 0 0 0 3px #fff inset;
    font-family: "Teko", sans-serif;
    text-transform: uppercase;
    line-height: 1;
    position: relative;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}
.s-btn img {
    display: block;
    position: absolute;
    right: 22px;
    top: 14px;
    opacity: 1;
}
.s-btn:hover img{
    animation: hoverEffect 0.5s ease-in-out;
}
.s-btn:hover{
    background: #fcca55;
}


@keyframes hoverEffect {
    0% {
      opacity: 1;
      right: 22px;
    }
    60% {
      opacity: 0;
      right: 10px;
    }
    65% {
        opacity: 0;
        right: 30px;
    }
    100% {
        right: 22px;
        opacity: 1;
    }
  }


.home-banner{
    margin: 135px 0 0 0;
    padding: 80px 0;
    background: url(../images/banner-img.jpg)no-repeat center/cover;
    min-height: calc(100vh - 150px);
}
.section{
    padding: 120px 0;
}
h1,h2,h3{
    font-family: "Teko", sans-serif;
    line-height: 1.2;
    font-weight: 500;
    letter-spacing: 0.5px;
}
.common-title{
    display: block;
    text-align: center;
    padding-bottom: 60px;
}
.common-title .small-tl{
    font-size: 1.875rem;
    display: block;
    text-align: center;
    padding-bottom: 5px;
    font-family: "Teko", sans-serif;
    color: #FDB713;
    letter-spacing: 5px;
    text-transform: uppercase;

}
.text-white{
    color: #fff;
}
.common-title h2{
    margin: 0;
    padding: 0;
    font-size: 4.2rem;
    text-transform: uppercase;
    font-weight: 500;
}
p{
    margin: 0;
    padding: 0 0 2.5rem 0;
    display: block;
    color: #000;
    font-size: 1.3rem;
}
.banner-content{
    max-width: 50%;
}
.banner-content h4{
    margin: 0;
    padding: 0 0 20px 0;
    display: block;
    font-size: 2rem;
    letter-spacing: 5px;
    font-weight: 300;
    font-family: "Teko", sans-serif;
    text-transform: uppercase;
    color: #FDB713;
}
.banner-content h1{
    margin: 0;
    padding: 0 0 20px 0;
    display: block;
    font-size: 4.875rem;
    letter-spacing: 5px;
    font-weight: 500;
    font-family: "Teko", sans-serif;
    text-transform: uppercase;
    line-height: 0.9;
}
.banner-content span{
    font-size: 1.5rem;
    font-weight: 500;
    display: block;
    margin: 0;
    padding: 0 0 20px 0;
}
.dark-bg{
    background: url(../images/black-bg.jpg) no-repeat center/cover;
    background-attachment: fixed;
}
.about-content{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 120px;
}
.about-img{
    position: relative;
    width: auto;
    display: block;
}
.about-img > img{
    display: block;
    width: 100%;
    box-sizing: border-box;
    width: 629px;
    height: 481px;
    border: 12px solid #FFFFFF;
    box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.06);
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    object-fit: cover;
}
.about-img span{
    position: absolute;
    right: -60px;
    bottom: -60px;
}
.about-img span img{
    border: 9px solid #FFFFFF;
    box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.06);
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    object-fit: cover;
    width: 100%;
}
.about-info {
    flex: 1;
}
.listing {
    margin-bottom: 50px;
}
.listing ul{
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.listing ul li{
    display: block;
    margin: 0;
    padding-top:3px;
    padding-bottom:3px;
    padding-left: 50px;
    background: url(../images/button-point.svg) no-repeat 0 0;
    font-size: 1.3rem;
}
.listing ul li b {
    font-weight: 500;
}
.about-info h3{
    font-size: 1.5rem;
    font-weight: 500;
    display: block;
    padding: 0 0 10px 0;
}
.certificate{
    display: inline-flex;
    align-items: center;
    gap: 50px;
    background: #fff;
    border: 2px solid #FDB713;
    padding: 20px 25px;
    border-radius: 15px;
    margin-bottom: 50px;
}
.certificate img{
    display: block;
    width: 60px;
}
.phonebtn{
    font-size: 2.2rem;
    font-family: "Teko", sans-serif;
    color: #000;
    gap: 10px;
    text-decoration: none;
    letter-spacing: 1px;
}
.our-products{
    display: flex;
    gap: 20px;
}
.products-boxed{
    width: 70%;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.prd-box{
    display: block;
    position: relative;
    overflow: hidden;
    max-width: 31.7%;
}
.prd-name-box{
    position: absolute;
    left: -20px;
    bottom: -20px;
    width: 140px;
    height: 140px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 1.875rem;
    border-radius: 50%;
}
.prd-name-box.more{
    text-align: center;
    font-size: 1.2rem;
}
.prd-box img{
    width: 100%;
    height: 100%;
    min-height: 230px;
    object-fit: cover;
    display: block;
}
.product-customized{
    flex: 1;
    padding: 40px;
    background: #FDB713;
    position: relative;
}
.product-customized h3{
    display: block;
    padding-bottom:10px;
}
.product-customized p{
    display: block;
    font-size: 1.2rem;
    line-height: 1.4;
    padding-bottom: 30px;
}
.product-customized ul{
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: relative;
}
.product-customized ul:after{
    position: absolute;
    left: 10px;
    content: "";
    height: calc(100% - 10px);
    border-left: 1px dashed rgba(25, 26, 28, 0.5);
    top: 5px;
}
.product-customized ul li{
    display: flex;
    font-size: 1.2rem;
    line-height: 1;
    gap: 14px;
}
.product-customized ul li:before{
    content: "";
    width: 12px;
    height: 12px;
    background: #000;
    border: 5px solid #fff;
    border-radius: 50%;
}
.product-customized .phonebox{
    position: absolute;
    right: 0;
    bottom: 20px;
    background: #fff;
    padding: 10px 20px;
}
.product-customized .phonebox a{
    font-size: 1.6rem;
}
.product-customized .phonebox img{
    width: 18px;
    display: block;
}

.gallery-section{
    padding-top: 0 !important;
}
.gallery-grid{
    display: grid;
    grid-template-columns: 500px 1fr 500px;
    gap: 20px;
}
.glr-box{
    width: 100%;
    position: relative;
    
}
.glr-box h3{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 30px;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 500;
    background: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(4.5px);
    font-family: "Barlow", sans-serif;
    letter-spacing: 0;
}
.glr-box img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.processboxed {
    display: flex;
    text-align: center;
    gap: 0;
    border: 1px solid #000;
    margin-bottom: 50px;
}
.processboxed .pbox {
    padding: 40px;
    display: flex;
    gap: 10px;
    flex-direction: column;
}
.processboxed .pbox h3{
    font-size: 1.875rem;
    font-weight: 500;
    margin: 0;
    padding: 20px 0 0 0;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.processboxed .pbox p{
    padding-bottom: 0;
    font-size: 1.3rem;
}
.processboxed .pbox:not(:last-child) {border-right: 1px solid #000;}
.bg-white{
    background: #ffffff;
}
.fleet-testimonial{
    display: flex;
    gap: 50px;
}
.fleet-testimonial .grey{
    background: #F5F5F5;
    padding: 50px;
    flex: 1;
    font-size: 1.3rem;
}
.fleet-testimonial .grey h3 {
    font-size: 2.4rem;
    padding-bottom: 14px;
}
.fleet-testimonial .listing ul li {
    background-size: 26px;
    background-position: 0 3px;
}
.fleet-testimonial .grey p {
    padding-bottom: 30px;
}
.testimonials .quote{
    display: block;
    margin:  0 auto 30px;
    width: 40px;
}
.testimonial-info{
    font-size: 1.7rem;
    text-align: center;
}
.testimonial-info small{
    display: block;
    text-align: center;
    padding-top: 10px;
    font-size: 1.2rem;
}

.contact-section{
    background: url(../images/contact-bg.jpg)no-repeat center/cover;
}


.w-boxes{
    display: flex;
    gap: 1px;    
    border-radius: 17px;
    flex-grow: 0;
    box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.06);
    margin: 0 auto;
    max-width: 90%;
}
.w-box{
   flex: 1; 
   text-align: center;
   display: flex;
   flex-direction: column;
   gap: 20px;
   align-items: center;
   line-height: 1;
   background: #FFFFFF;
   padding: 50px 0;
}
.w-box h3{
    line-height: 1;
}
.w-box .s-btn{
    display: inline-flex;
}

.content-section{
    background: #fff;
    display: flex;
}
.contact-info{
    flex: 1;
    background: #FDB713;

}
.contact-form{
    max-width: 775px;
    width: 100%;
    background: #fff;
    padding: 50px;
}


.google-map iframe{
    width: 100%;
    height: 250px;
    display: block;
    margin: 0;
    padding: 0;
    background: #F5F5F5;
}
.quick-info{
    padding: 50px;
}
.quick-info h3{
    margin-bottom: 10px;
    display: block;
}
.qc-info{
    display: flex;
    flex-wrap: wrap;
}

.qc-box{
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 30px;
}
.qc-box a{
    display: block;
    text-decoration: none;
    color: #000;
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 1;
}
.qc-box label{
    font-weight:300;
    font-size: 1.2rem;
    display: block;
    margin: 0;
    padding: 0;
}

.qc-box.full{
    flex: auto;
    width: 100%;
}
.office-address{
    border-top: 1px solid #fff;
    padding-top: 50px;
    margin-top: 20px;
}
.office-address address{
    font-size: 1.7rem;
    line-height: 1.2;
}
address{
    font-style: normal;
}


footer{
    background: #111;
    color: #fff;
    padding: 20px 30px;
}
.social-links{
    display: flex;
    gap: 10px;
}
.social-links a{ display: block; width: 20px; height: 20px; background: rgba(170, 170, 170, 0.575); border-radius: 50%;}
.copyrights{
    font-size: 1rem;
}

.footer-blocks{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.footer-logo img{ display: block; width: 100px;}


/*Contact Form*/
body .forminator-ui.forminator-custom-form[data-design=default] .forminator-input {
    border: 1px solid #ddd;
    border-radius: 3px;
}
body  .forminator-ui#forminator-module-1259.forminator-design--default .forminator-textarea {
    border: 1px solid #ddd;
    border-radius: 3px;
}
body .forminator-ui#forminator-module-1259.forminator-design--default .forminator-button-submit {
    background: #fdb713;
    border: 2px solid #000;
    padding: 13px 30px;
    box-shadow: 0 0 0 2px #ffffff inset;
}
body .forminator-ui#forminator-module-1259.forminator-design--default .forminator-label {
    font-family: 'Barlow';
    font-weight: 500;
    font-size: 1.1rem;
}
body .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row-inside:not(:last-child), .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row:not(:last-child) {
    margin-bottom: 15px !important;
}
header .p-phone span a {
    display: block !important;
}

.MainGalleyRowInr {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.MainGalleyRowInr a {
    width: 100%;
    display: block;
    height: 100%;
    position: absolute;
    inset: 0;
}
.glr-box h3 {
    z-index: 1;
    pointer-events: none;
}