@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

body{font-family:"Roboto", sans-serif; font-size:14px; line-height:22px; overflow-x:hidden; color:#000;}

a{text-decoration:none;}

.subbtt{transition:all 0.5s ease;}

.header-inner{position:absolute; top:0; left:0; width:100%; z-index:1000; background-color:#fff;}

.navbar-scroll{background-color:#fff; position:fixed; top:0; z-index:1000; box-shadow:0px 1px 8px rgba(0,0,0,0.4);}

.header-m{background-color:#fff;}

.header-m nav{display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; padding-top:13px; padding-bottom:9px;}

.menu-tp{padding:0 20px;}

.logo{flex:2; display:flex; align-items:center;}

.logo a{text-decoration:none; font-size:26px; color:#2f5390; font-weight:500;}

.bartoggle, #menubrop{display:none;}

.NavMenu{flex:10; list-style:none; position:relative; display:flex; margin-bottom:0; background-color:#fff;}

.NavMenu li{display:inline-block; padding:10px 10px 0;}
.NavMenu li input{display:none;}

.NavMenu li a{display:block; font-size:12px; font-weight:600; text-decoration:none; color:#000; position:relative;}

.NavMenu li a label{cursor:pointer; appearance:none; display:block; position:relative;}

.NavMenu li a label::after{content:""; position:absolute; right:0; top:0; font-size:20px; border:solid #1d2b36; border-width:0 2px 2px 0; display:inline-block; margin:5px 0 2px 4px; padding:3px; position:relative; transform:rotate(-50deg); -webkit-transform:rotate(-50deg); transition:all .5s ease; float:right;}

.NavMenu>li>a label::after{right:-6px; top:-2px; transform:rotate(45deg); -webkit-transform:rotate(45deg); float:none; margin-top:0;}

.NavMenu li ul{position:absolute; margin:0; padding:0; display:flex; flex-direction:column; background-color:#fff; min-width:200px; border-bottom:2px solid #2e9be0; border-bottom-left-radius:10px; border-bottom-right-radius:10px; top:100%; box-shadow:0 3px 5px rgb(0 0 0/20%); transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transform:translateY(10px); -webkit-transform:translateY(10px); -moz-transform:translateY(10px); -ms-transform:translateY(10px); -o-transform:translateY(10px); visibility:hidden; opacity:0; z-index:100;}

.NavMenu li ul li{position:relative; padding:0;}

.NavMenu li ul li a{color:#000; padding:8px 10px; display:block; border-left:2px solid transparent; border-bottom:1px solid rgba(0, 0, 0, 0.1); transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s;}

.NavMenu li ul li ul{position:absolute; left:100%; top:0;}

.bttn-left{float:left; width:75%;}

.bttn-line{background:linear-gradient(0deg, #00aab4, #00aab4) no-repeat left bottom / 0 var(--bg-h); padding-bottom:5px; transition:background-size 350ms; --bg-h:100%; --bg-h:2px; line-height:20px;}
.bttn-line:where(:hover, :focus-visible){background-size:100% var(--bg-h); background-position-x:left; color:#00aab4;}

.mnu-btt{background-color:#00aab4; color:#fff !important; border-radius:35px; padding:5px 12px; font-size:13px !important;}

.bttn-rgt{float:right; width:25%;}

.call-tp-bx img{margin-right:5px; margin-top:5px;}
.call-txt span{font-size:12px !important; font-weight:normal !important; line-height:16px;}
.call-txt a{font-size:15.5px !important; font-weight:bold !important;}

.quote-btt{background-color:#000; display:block; border-radius:35px; padding:5px 12px; font-size:13px !important; color:#fff !important; font-weight:500; z-index:100} 

.mnu-btt:hover, .quote-btt:hover{background-color:#ff881d; border-color:#fc6c03; color:#fff; transition:all 0.5s ease;}

.bttn-rgt li{padding:10px 5px 0; float:left;}
.add-crt span{display:inline-block; top:0; right:-3px; background-color:#f44336; color:#fff; font-size:.6rem; line-height:15px; border-radius:50%; padding:0; width:15px; height:15px;}

.bttn-rgt li ul{min-width:130px; border-bottom:2px solid #2e9be0; border-radius:10px; top:72%; visibility:hidden; opacity:0; z-index:1;}

.menuBtn{position:relative;}
.menuBtn span{position:absolute;top:0;left:0;display:block;width:25px;height:3px;z-index:1;background:#000;-webkit-transition:left .3s cubic-bezier(.4,0,.2,1);-o-transition:left .3s cubic-bezier(.4,0,.2,1);transition:left .3s cubic-bezier(.4,0,.2,1)}
.menuBtn span:last-child{top:17px}
.menuBtn span.cross{top:6px;left:7px;z-index:2;background:0}
.menuBtn span.cross:after, .menuBtn span.cross:before{display:block;content:'';position:absolute;top:50%;left:0;width:100%;height:3px;background:#000;-webkit-transition:all 350ms cubic-bezier(.4,0,.2,1);-o-transition:all 350ms cubic-bezier(.4,0,.2,1);transition:all 350ms cubic-bezier(.4,0,.2,1)}
.menuBtn:hover span.cross{left:0}
.menuBtn .is-active span:first-child{opacity:0}.menuBtn .is-active span:last-child{opacity:0} .menuBtn .is-active span.cross{height:26px;top:0;left:0}.menuBtn .is-active span.cross:before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.menuBtn .is-active span.cross:after{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}

@media(min-width:992px) {
.NavMenu li ul li a:hover{border-left:2px solid #2e9be0;}

.bttn-rgt li ul li:first-child a:hover{border-top-left-radius:10px;}
.NavMenu li ul li:last-child a:hover, .bttn-rgt li ul li:last-child a:hover{border-bottom-left-radius:10px;}

.NavMenu li:hover>ul, .NavMenu li ul li:hover>ul{visibility:visible; opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0);}
}

@media (max-width: 991px) {
.header-inner{padding:5px 0 8px;}

.logo{flex:inherit !important; width:130px; margin-top:5px;}

.bartoggle{display:flex; justify-content:center; font-size:30px; align-items:center; background-color:#fff; padding:0 17px; cursor:pointer; margin-top:12px;}

.NavMenu{width:100%; flex:12; position:fixed; flex-direction:column; left:0; top:54px; height:100vh;z-index:100; padding:0 0 50px 0; justify-content:start; overflow-y:scroll; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transform:translateX(-100%); -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); -ms-transform:translateX(-100%); -o-transform:translateX(-100%);}

.header-m nav{padding-top:0px; padding-bottom:0px;}

.NavMenu li ul, .NavMenu li ul li ul{position:initial; left:0; visibility:visible; opacity:1; top:0; display:none;}

.NavMenu li a{padding:7px 15px; border-bottom:1px solid #fcfcfc;}

.NavMenu li ul li ul{position:inherit; margin-top:-10px;}
.NavMenu li ul{border-bottom:none; box-shadow:none;}

.NavMenu li ul li ul li a{font-size:14px; font-weight:400; text-transform:initial; padding:7px 15px 7px 30px;}

.NavMenu li a label::after{right:10px;}

.NavMenu li input:checked+ul, .NavMenu li ul li input:checked+ul{display:flex; flex-direction:column; margin-bottom:15px; padding:0;}

input:checked+.NavMenu{transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0);}

.NavMenu li ul{background-color:#f8f8f8; border-radius:0;}
.NavMenu li ul li a{border-bottom:#fff;}
.NavMenu li ul li ul{background-color:#fcf0ee;}

.NavMenu>li>a label::after{top:5px;}
.NavMenu li a label::after{content:""; transform:rotate(45deg); -webkit-transform:rotate(45deg); transition:all .5s ease; float:right;}

.NavMenu li{padding:0px 15px !important;}

.NavMenu li{display:block;}
.bttn-left, .bttn-rgt{float:none; width:100%;}

.mnu-btt , .quote-btt{display:inline-block !important;}
.mnu-btt{margin-top:10px;}

.bttn-rgt li{margin-top:12px;}
.call-txt a{padding:0 !important;}
}

@media (max-width: 1350px) {
.bttn-left{width:72%;}
.bttn-rgt{width:28%;}

.NavMenu li{padding:10px 7px 0;}
}

@media (max-width: 1250px) {
.NavMenu li{padding:10px 5px 0;}
}

@media (max-width: 1199px) {
.logo{flex:1}
.NavMenu{flex:11}

.NavMenu li{padding:10px 1px 0;}

.mnu-btt, .quote-btt{padding:5px 6px;}
}

@media(max-width:768px) {
.NavMenu{width:100%;}
}

/* footer css */
.ft-innr-bx{top:100px; left:10%; margin:0 auto; z-index:1;}

.ft-form-txt{top:100px; left:12%; position:absolute; width:40%;}
.ft-scl-innr{top:150px; right:10%; position:absolute; width:30%;}

.ft-form-txt h4{font-size:36px; font-weight:normal;}

.ft-form-txt .form-control{border:2px solid #000; border-radius:10px; padding:14px 15px; color:#000;}

.subbtt{background-color:#00aab4; color:#fff !important; border-radius:10px; padding:9px 35px; font-size:16px; font-weight:500; display:inline-block;}
.subbtt:hover{background-color:#ff881d; color:#fff;}

.ft-scl-txt h4{font-size:24px; font-weight:normal;}

.ft-scl-txt ul li{width:55px;}

.ft-scl-txt ul li a img{transition-property:box-shadow, transform; transition-duration:350ms; transition-timing-function:ease;}
.ft-scl-txt ul li a img:is(:hover, :focus){transform:translateY(-8px);}

.ft-scl-txt p{font-size:15px; font-weight:500;}

.ft-tp-line{display:none;}
.progress{background-color:transparent; height:3px;}

@media (max-width: 1199px) {
.ft-form-txt{top:55px; left:10%;}

.ft-scl-innr{top:75px;}
}

@media (max-width: 991px) {
.lne-8-img{display:none;}

.ft-tp-line{display:block; margin-bottom:30px;}

.ft-innr-bx{position:static !important;}

.ft-form-txt h4{font-size:30px;}
.ft-scl-txt h4{font-size:22px;}

.ft-scl-txt ul li{width:40px;}

.ft-scl-txt p{font-size:13px; line-height:18px;}

.footer-bg{margin-bottom:20px !important; padding-top:0 !important;}
}

@media (max-width: 575px) {
.ft-scl-txt{text-align:center;}
.ft-logo{margin:20px 0 !important;}

.footer-bg{margin-bottom:10px !important;}

.ft-form-txt{padding:0 20px;}

.ft-bttn-rp{text-align:center;}

.subbtt{float:none !important;}

.ft-form-txt{width:100%; position:static;}

.ft-scl-innr{width:100%; position:static;}
}