html,
body {overflow-x: hidden; /* Prevent scroll on narrow devices */}
body {padding-top: 56px;}
.nav-scroller {position: relative;z-index: 2;height: 2.75rem;overflow-y: hidden;}
.form-floating>.form-control-plaintext~label::after, .form-floating>.form-control:focus~label::after, .form-floating>.form-control:not(:placeholder-shown)~label::after, .form-floating>.form-select~label::after{background-color: transparent;}
.nav-scroller .nav {display: flex;flex-wrap: nowrap;padding-bottom: 1rem;margin-top: -1px;overflow-x: auto;color: rgba(255, 255, 255, .75);text-align: center;white-space: nowrap;-webkit-overflow-scrolling: touch;}
.nav-underline .nav-link {padding-top: .75rem;padding-bottom: .75rem;font-size: .875rem;color: #6c757d;}
.nav-underline .nav-link:hover {color: #007bff;}
.nav-underline .active {font-weight: 500;color: #343a40;}
.text-white-50 { color: rgba(255, 255, 255, .5); }
.bg-purple { background-color: #6f42c1; }


/**sidebar form**/
.stickform {margin-top: 50px;box-shadow:0px 2px 6px 0px rgb(0 0 0 / 15%);overflow: hidden;border-radius: 10px;}
.stickform .formContainer .input-container {margin-bottom: 20px;}
.stickform .formContainer .input-container input, 
.stickform .formContainer .input-container textarea {outline: none;border: solid 1px #CBCBCB;margin: 0 0 15px 0;height: 47px;min-height: auto;color: #a7623a;background-color: #fff;box-shadow: none;}
.stickform .formContainer input[type='submit'] {border-radius: 5px;border: 1px solid #191919;background: #191919 !important;color: #fff !important;font-weight: 400;width: 100% !important;font-size: 17px;line-height: 47px;padding: 0 15px;}
.stickform .formContainer .input-container input:focus, 
.stickform .formContainer .input-container textarea:focus{border-color: #a5633e;outline: none !important;}
.stickform .formContainer input[type='submit']:hover{border-color:#333;background: #333 !important;}
.stickform .formContainer .input-container label {border-radius: 10px;background: #fff;opacity: 1;padding: 5px 9px;color: #B4B4B4!important;font-size: 15px;font-style: normal;font-weight: 600;left: 7px;top: 6px;height: auto;}
.stickform .form-floating>.form-control:focus~label{top: 8px !important;}
.stickform #footerFrm {padding: 25px;}

.formContainer {background-color: #a7623a;border-radius: 8px;  -webkit-border-radius: 8px;-moz-border-radius: 8px;-ms-border-radius: 8px;padding: 35px;}
.formContainer .input-container {position: relative;margin-bottom: 27px;}
.formContainer .input-container label{color: #fff!important;border-radius: 10px;background: #a7623a;height: inherit;opacity: 1;padding: 9px;}
.formContainer .input-container label::after{display: none;}
.formContainer .input-container textarea:focus{border-color: inherit;box-shadow: unset!important;}  

.formContainer .input-container input:focus{outline: 1px solid #fff!important;box-shadow: unset!important;}  
.form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label{transform: scale(.85) translateY(-1.8rem) translateX(.80rem);}
.formContainer .input-container input{-webkit-border-radius:5px;-moz-border-radius: 5px;border-radius:5px;-khtml-border-radius: 5px;height:48px;color:#fff;outline: 0.1px solid #ffffff9c;padding: 12px 20px!important;background-color:transparent;font-family: 'Nunito';border: none;min-height: auto;}
.formContainer  input[type='submit']{letter-spacing: 0px;color:#555555!important;background-color: #fff;width: inherit;padding: 12px 36px;border-radius: 8px;outline: none; border: none;font-weight: 700;}
.formContainer .input-container textarea{ -webkit-border-radius:5px;-moz-border-radius: 5px;border-radius:5px;-khtml-border-radius: 5px;padding:12px 20px!important;color:#fff;background-color:transparent; outline: 0.5px solid #ffffff9c;border-radius: 5px;resize: none;border: none;}
.formContainer .flex-container .input-container{flex:1}
.formContainer .flex-container .input-container:nth-child(1){margin-right: 20px;}
.messageBox .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label{padding-bottom: 0px!important;}
/*Sidebar end*/

/*Faqs*/
.Faq-section .faqIcon {height: 28px;position: absolute;right: -30px;top: -1px;width: 28px;}
.Faq-section .faqIcon::after, 
.Faq-section .faqIcon::before {background-color: #a7623a;bottom: 0;content: " ";height: 17px;left: 0;margin: auto;position: absolute;right: 0;top: 0;transition: all .35s;width: 3px;border-radius: 3px;}
.Faq-section .faqIcon::after {transform: rotate(-90deg);}
.Faq-section  div[aria-expanded="true"] .faqIcon::before {background-color: #fff;transform: rotate(-90deg);}
.Faq-section .bg-clr {background: #E6E6E6;padding: 20px 50px 20px 30px;border-radius: 0;margin-bottom: 10px;}
.Faq-section .bg-clr .accordion-header {cursor: pointer;}
.Faq-section .faq-sz:hover{color:#a7623a;}
.faq-sz {font-family: 'Nunito', sans-serif;margin-bottom: 0 !important;font-weight: 600;font-size: 17px;display: inline-block;line-height: 1.6;}
.Faq-section .bg-clr .accordion-body {padding: 10px 0 0 0 !important;max-height: max-content !important;}
/*Faqs end*/

/*Send and enquiry*/
.slide-contact.is_stuck{height:128px!important;}
#slideout{position:fixed;bottom:0!important;right:0;top:auto!important; -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s;transition-duration:0.3s;height:128px!important;z-index:9;}
#slideout_inner{position:fixed;top:auto!important;bottom:-322px!important;right:50px!important;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s; -o-transition-duration:0.3s;transition-duration:0.3s;width:370px!important;background-color:#f6f6f6;padding:26px!important;box-shadow:0 0 20px rgba(0, 0, 0, 0.5)!important;}
#slideout.slide-contact.selected{bottom:200px;}
#slideout.slide-contact.selected #slideout_inner{bottom:0!important;right:50px!important;}
.slide-bttn{background-color:#708090;color:#fff;font-weight:500;padding:8px 12px 20px 12px!important;transform:rotate(0);position:relative;top:-35px;right:0;text-transform:capitalize;border-radius:4px 4px 0 0;letter-spacing:1px;border:1px solid #fa6818;font-size:17px;box-shadow:0 0px 10px rgba(0, 0, 0, 0.3)}
.slide-bttn span{display:block;}
#slideout_inner h3{display:inline-block!important;}
#slideout_inner span.spclose{cursor:pointer;display:inline-block;width:37%;text-align:right;color:#858585;position:relative;top:-20px;}
#slideout.slide-contact{right:0;bottom:0!important;top:auto!important;}
.slide-contact .slide-bttn{transform:rotate(0);right:157px!important;bottom:-85px!important;padding:10px 30px!important;border-right:none!important;border-top:4px solid #a7623a;width:180px!important;background-color:rgba(0, 0, 0, 0.8);border-radius:0;}
#slideout.slide-contact{height:85px!important;}
#slideout.slide-contact.selected{right:0!important;}
#slideout.slide-contact.selected .slide-bttn{opacity:0;}
#slideout_inner {border-top: 4px solid #a7623a !important;}

#slideout.slide-contact .slide-bttn{transform: scale(0.8);right: -18px !important;}
#slideout_inner, #slideout.slide-contact.selected #slideout_inner{right: 0 !important;}
.slide-bttn{top: 39px !important;border: none;}
.slide-contact .slide-bttn{background-color: #194971 !important;font-weight: 600;}

#slideout.slide-contact {right: 0;bottom: -4px !important;top: auto !important;height: 85px !important; }
#slideout.slide-contact .slide-bttn {transform: scale(0.8);right: -18px !important;text-align: center !important;background-color: #333 !important;font-weight: 600; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#slideout.slide-contact .slide-bttn:hover{  padding: 15px 30px!important; top:29px!important; }
#slideout_inner, #slideout.slide-contact.selected #slideout_inner {right: 0 !important;}


#slideout_inner {border-top: 4px solid #205aaa;}
#slideout_inner .headng12 {color: #222;display: inline-block;font-size: 24px;font-weight: 600;margin-bottom: 2px;padding-bottom: 10px;text-transform: none;margin-top:0;}
#slideout_inner input, #slideout_inner textarea {width: 100%;padding: 6px 10px;margin-bottom: 6px;font-size: 13px;border: 1px solid #DCD5C9;}
#slideout_inner .btn-input1 {background:#a7623a;border: none;margin-bottom: 0;font-weight: 700;border-radius: 0;padding: 10px 10px;letter-spacing: 2px;font-size: 14px;transition: all .2s ease 0s;float: right;width: 46%;}
#slideout_inner .btn-input1:hover{background-color: #a7623a; }
#slideout_inner .btn-input1, .slide-bttn {color: #fff;}
/*Send and enquiry end*/


.stryBox { position: relative; font-family: "Nunito", sans-serif !important;  }
.storyStat { background-color: #00000000; width: 100%; padding-right: 15px; }
.srvcNtech { background-color: #FEF8DD;box-shadow: 0px 4px 14.7px 0px #00000040; border-radius: 20px; padding: 20px 30px; border: 1px solid #A7623A; }
.srvcHead { font-size: 16px !important; font-weight: 700; font-family: "Nunito", sans-serif !important; line-height: 1.4em; width: 85px !important; position: relative; text-align: right; color: rgba(0, 0, 0, 0.7); }
.srvcHead::after { content: ''; position: absolute; width: 1.5px; background-color: #EFBA02; height: 16px; right: -7px; top: 50%; transform: translateY(-50%); }
.srvcNtech ul { display: flex; gap: 10px; padding-left: 15px !important; }
.srvcNtech li { font-size: 14px; list-style: none; font-weight: 400; line-height: 1.4em; background-color: #F4E9B7; padding: 3px 10px; border-radius: 20px; color: rgba(0, 0, 0, 0.7); }
.statBox { width: 150px; height: 110px; background-color: #FEF8DD; box-shadow: 0px 4px 14.7px 0px #00000040; border-radius: 20px; margin-right: 25px; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 10px; border: 1px solid #A7623A; }
.statBox .firstPara { font-size: 35px !important; color: rgba(0, 0, 0, 0.8); font-weight: 700; margin-top: 8px; }
.statBox .firstPara span { font-size: 14px; color: rgba(0, 0, 0, 0.8); font-weight: 400; line-height: 1em; }
.statBox .SecPara { line-height: 1.15em; font-size: 14px !important; color: rgba(0, 0, 0, 0.8); font-family: "Nunito", sans-serif !important; text-align: center; }
.firstPara1 { position: relative; }
.firstPara1 span { position: absolute; left: 50%; transform: translateX(-50%); top: -22px; }
.storyStat li a { text-decoration: none; color: rgba(0, 0, 0, 0.7); transition: all 0.3s; }
.storyStat li a:hover { color: rgba(0, 0, 0, 1); }

.stryBox {margin-bottom: 50px;}

  @media (min-width: 1101px) and (max-width: 1250px) {
      .srvcNtech { width: 450px; } 
      .srvcNtech ul { flex-wrap: wrap; }
  }
  @media (max-width: 1100px) {
      .stryBox { margin-bottom: 50px; margin-top: 50px; }
      .impMain { flex-direction: column; gap: 25px; align-items: center !important; }
      .srvcNtech { width: auto; }
      .storyStat { position: relative !important; top: 0 !important; transform: none !important; left: 0 !important; padding-right: 0; }
      .statBox1 { margin-right: 0 !important; }
      .srvcNtech ul { flex-wrap: wrap; }   
      .statBox:nth-last-child(1) { margin-right: 0 !important; }
  }
  @media (max-width: 555px) {
      .srvcNtech { width: auto; } 
      .statBox .firstPara { font-size: 27px !important; margin-top: 0; } 
      .statBox { width: 100px; height: 135px; margin-right: 15px; padding: 10px; }
	  .srvcHead {flex: 0 0 85px !important;}
  }

@media screen and (max-width: 1169px) {
.breadcrumbs {display: block;top: 99px;}
/* .global-nav {display: none;} */
}

@media (max-width: 991.98px) {
.offcanvas-collapse {position: fixed;top: 56px; /* Height of navbar */bottom: 0;left: 100%;width: 100%;padding-right: 1rem;padding-left: 1rem;overflow-y: auto;visibility: hidden;background-color: #343a40;transition: transform .3s ease-in-out, visibility .3s ease-in-out;}
.offcanvas-collapse.open {visibility: visible;transform: translateX(-100%);}
}




