:root {--onerem: 1rem;}
body{font-family: 'Poppins', sans-serif;}
.header{background:#262a36}
.mask{background: linear-gradient(1deg, rgb(6 21 64 / 37%), #262a35); width:100%; height:100%; position:absolute; top:0; left:0;}
.maskwhite{background: linear-gradient(1deg, transparent, #f9f9f9); width:100%; height:100%; position:absolute; top:0; left:0;}
.banner-wrap{background: url(./bg1.jpg) no-repeat;background-size: cover;}
.bannertitle{font-weight: 200;font-size: 3rem;letter-spacing: 1px;}
.bannersubtitle{font-weight: 700;font-size: 2rem;letter-spacing: 1px;}
.bannerdesc{font-size:1.2rem; font-weight:300; line-height: 1.6;}
.pipe{font-weight: 200;font-size: 1.5rem;top: -3px;position: relative;}
.texthighlight{font-weight: 500; color: #36c0ff;}
.freedemoform{background: rgb(255 255 255 / 16%);backdrop-filter: blur(2px);padding: 0.8rem 0.5rem;}
.freedemoform .form-floating textarea {height:100px;}
.btnrequestdemo{padding: 0.75rem 2rem;text-transform: uppercase;font-weight: 600;color: #ffffff;border-radius: 50px;font-size: var(--onerem);background: #ff6545;border: 0px;}
.btnrequestdemo:hover, .btnrequestdemo:focus{background:#ef5637; color:#ffffff;}
.btnrequestdemo[disabled="disabled"]{padding: 0.75rem 2rem;text-transform: uppercase;font-weight: 600;color: #ffffff;border-radius: 50px;font-size: var(--onerem);background: #ff6545;border: 0px;}
.blockheading{font-weight: 700;color: #31334d;font-size: 2.25rem;}
.blocksubheading{font-weight:500; font-size: var(--onerem);}
.featuretitle{font-size: var(--onerem);font-weight: 400;color: #141618; padding:0.5rem;    position: relative;padding-left: var(--onerem);}
.featuretitle:before{content: '';width: 7px;height: 7px;background: #fb674a;display: block;position: absolute;left: 0;top: var(--onerem);border-radius: 25px;}
.modulecontainer{background: url(./bg2.jpg) no-repeat;background-size: cover;}
.modules-head{position:relative;align-items: center; justify-content: center; display: flex; background: #ffffff; box-shadow: 0px 5px 5px #f0f0f0;   }
.modules-head span{position:absolute; display:inline-block; right:0; bottom:0;}
.modules-head span:before{content:""; position:absolute; bottom:-3px; right:-3px; width:20px; height:5px; background-color:#fb674a;}
.modules-head span:after{content:""; position:absolute; bottom:-3px; right:-3px; width:5px; height:20px; background-color:#fb674a;}
.modules-head:before{content:""; position:absolute; top:-4px; left:-4px; width:40px; height:8px; background-color:#fb674a;}
.modules-head:after{content:""; position:absolute; top:-4px; left:-4px; width:8px; height:40px; background-color:#fb674a;}
.modulewrap{background: #ffffff;height: 100%;padding: 1.5rem 1rem;border-radius: 0.4rem;box-shadow: 0px 5px 5px #f0f0f0;}
.moduleicon {width: 55px;height: 70px;margin: 0 auto;margin-bottom: 0.5rem;}
.moduleicon svg {width: 35px !important;fill: #687387;}
.moduleicon ~ p {font-weight: 500;color: #121418;font-size: 0.95rem;font-size: var(--onerem);line-height: normal;margin-bottom:0px;}
.vertical-icon {width: 50px;height: 50px;display: flex;align-items: center;justify-content: start;}
.vertical-icon svg {height: 50px;width: 50px;fill: #fb674a;}
.vertical-title {font-size: 1.1rem;font-weight: 600;text-transform: uppercase;color: #292a38;margin-bottom: 0.2rem;}
.vertical-tag {font-size: 0.9rem;font-weight: 400;color: #424458;}
.vertical-tag span {display: inline-block;border-right: 1px solid #999999;line-height: 0.8;padding-right: 0.3rem;margin-right: 0.3rem;}
.vertical-tag span:last-child {border-right: 0;padding-right: 0;margin-right: 0;}
.modalHead {font-size: 1.6rem;font-weight: 700;text-transform: uppercase;color: #24a35b;}
.modalMsg{font-size: 1.05rem;font-weight: 500;color: #1d1f26;}
.modalDesc{font-weight:400; font-size:1rem;}
.testimonialWrap{background: url(./bg3.svg) no-repeat;background-size: cover; background-position:bottom;}
.owl-buttons .owl-prev{position: absolute;left: -20px;top: 40%;font-size: 2rem;}
.owl-buttons .owl-next{position: absolute;right: -20px;top: 40%;font-size: 2rem;}

.video-play-icon {width: 70px;height: 70px;line-height: 60px;border-radius: 50%;position: absolute;z-index: 4;display: inline-block;
    border: 2px solid #ffffff;cursor: pointer;background: #ffffff;top: 40%;left: 0;right: 0;margin: 0 auto;text-align: center;display: flex !important;align-items: center;border-radius: 50%;justify-content: center;
    -webkit-animation: ripple-white 1s linear infinite;animation: ripple-white 1s linear infinite;-webkit-transition: .5s;}
.video-play-icon svg {width: 35px !important;height: auto;fill: #31333c;margin-left: 5px;margin-top: -1px;}
.videoIframe{width:100%; height:450px;}
@-webkit-keyframes ripple-white {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1);
    }
    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 30px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 30px rgba(255, 255, 255, 0);
    }
}
@keyframes ripple-white {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1);
    }
    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 30px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 30px rgba(255, 255, 255, 0);
    }
}
.section-demo-wrapper {background-color: #151a32;}
.btn-home-demo-contact {background: #f1ad35;border-color: #f1ad35;color: #000000 !important;font-weight: 600;text-transform: uppercase;font-size: 1.2rem;font-family: 'Poppins';padding: 1rem 1.5rem;border-radius: 5px;}
.home-demo-title {color: #ffb836; font-size:1.1rem; display:none !important}
.home-demo-heading{font-size: 2rem; font-weight:400; letter-spacing:1px;}
.home-demo-heading span{color:#f9b845; position:relative; display:inline-block;}
.home-demo-heading span:before{ content:""; position:absolute; width:30px; height:2px;top:0; left:0; background-color:#f9b845;}

.btn-home-demo {color: #ffffff;font-size: 1.2rem;font-weight: 500;font-family: 'Poppins';padding: 1rem 1.5rem;border: 0px;border-radius: 5px;border: 2px solid #cccccc;display: inline-block;}

@media (max-width: 991.98px) {
:root {--onerem: 0.9rem;}
.bannertitle{font-size:1.8rem;}
.bannersubtitle{font-size: var(--onerem);}
.bannerdesc{font-size:var(--onerem); font-weight:300; line-height: 1.6; }
.pipe{font-weight: 200;font-size: 1rem;top: 0px;position: relative;}
.blockheading, .bannerTitle {font-size: 1.5rem;}
.vertical-title {font-size:var(--onerem);}
.vertical-tag{font-size:0.8rem;}
.vertical-content{text-align:center;}
.vertical-icon {margin:0 auto;}
.freedemoform .form-floating .form-control,  .form-floating .form-select{min-height:50px; height:50px;    line-height: 1.1;}
.freedemoform .form-floating > label{font-size: var(--onerem);}
.freedemoform .form-floating textarea.form-control {height:80px;}
.modalHead {font-size: 1.25rem;}
.modalMsg{font-size: var(--onerem);} 
.owl-buttons{display:none;}
.btn-home-demo-contact { font-size:var(--onerem);}
.home-demo-heading{font-size: 1.5rem;}
}
@media (max-width: 768px) {
.bannertitle{font-size:1.5rem;}
.blockheading, .bannerTitle{font-size: 1.5rem;}
.bannersubtitle{font-size: var(--onerem);}
.bannerdesc{font-size:var(--onerem); font-weight:300; line-height: 1.6; }
}