<> .tab-list { /* width: 200px; */ /* padding: 20px; */ } .tab-list ul { list--type: none; padding: 0; margin: 0; } .tab-list li { padding: 5px; margin-bottom: 0px; color: #666; font-size: 16px; border-left: 2px solid transparent; cursor: pointer; } @media screen and (min-height: 600px) and (max-height: 700px) { .tab-list li { padding: 5px !important; } .sidebar_button { font-size: 12px !important; } } .tab-list li a { color: #7e7e7e; } .tab-content .tab-list li::before { content: ''; } .tab-list li.active { color: #4c8252; border-left: 4px solid; font-weight: bold; border-bottom: 1px solid; } .tab-list li.active a { color: #4c8252; } .tab-list li:hover { color: #333; } .fixme { width: 100% } @media(min-width:768px) and (max-width:991px) { .tab-list li { font-size: 14px; } p.sidebar_button { font-size: 12px !important; } } @media(max-width:1280px) { .tab-list li { font-size: 14px; } } #sub_menu { max-height: 0; overflow: hidden; transition: max-height 0.5s ease; box-shadow: inset 0 -6px 10px -4px rgba(0000.2); } #sub_menu.expand { max-height: 130px; overflow-y: auto; /* adjust as per your submenu height */ } #reportNav .summary { position: relative; } #reportNav .summary i { position: absolute; right: 5px; top: 8px } #reportNav li:hover { background: #f7f7f7; border-bottom: 1px solid #4c8252; } #reportNav li:hover a { color: #4c8252; } .fixme { position: relative; width: 100%; } #reportNav { height: 180px; overflow-y: auto; margin-bottom: 30px } @media(max-width:1400px) { #reportNav { height: 100px; overflow-y: auto; margin-bottom: 30px } } #reportNav li a { display: block; /* makes fill the whole
  • */ width: 100%; /* adjust for clickable area */ text-decoration: none; color: inherit; /* keeps text color from parent */ }
    <> @media (min-width: 1400px) { .col-xxl-8 { flex: 0 0 66.6667%; max-width: 66.6667%; } .col-xxl-4 { flex: 0 0 33.3333%; max-width: 33.3333%; } .captcha-div1_float{ display: flex } } .request-box { /* position: fixed; */ bottom: 20px; right: 20px; background: white; border: 2px solid #ccc; padding: 10px 20px; text-align: center; width: 100%; display: flex; flex-direction: column; max-height: 300px; justify-content: center; align-items: center; z-index: 11; box-shadow: 2px 2px 10px rgba(0000.2); opacity: 0; transition: opacity 0.2s ease-inheight 0.3s ease-in-out; } .request-box h4 { margin: 0; font-size: 14px; font-weight: 600; } .request-box ul { list-: none; padding: 0; text-align: left; margin-top: 8px; margin-bottom: 8px; } .request-box li::before { content: ''; } .request-box-ul { display: flex; gap: 10px; justify-content: center; } .request-box ul li { font-size: 12px; padding: 1px 0; } .request-btn { background: #f36829; color: white; border: none; padding: 7px; width: 100%; font-size: 16px; font-weight: 900; position: relative; overflow: hidden; cursor: pointer; margin-top: 0px; border-radius: 5px; transition: opacity 0.5s ease-in-out; } .request-btn::before { content: ''; position: absolute; width: 100%; height: 40px; background-image: linear-gradient(120degrgba(2552552550) 30%rgba(255255255.8)rgba(2552552550) 70%); top: 0; left: -100px; animation: shine 3s infinite linear; } .request-box h4, .request-box-ul, .request-btn { transition: opacity 0.7s ease-in-out; } .minimize-btn { position: absolute; bottom: 125px; right: 0px; background: transparent; color: #000; border: none; padding: 0px 11px; font-size: 27px; border-radius: 50%; cursor: pointer; z-index: 13; transition: transform 0.7s ease-in-outbottom 0.2s ease-in-out; display: none; } .minimize-btn i { width: 17px; position: relative; /* height: 8px; */ top: 0; right: -7px; font-size: 19px; color: #05aa46; } .request-box.minimized { height: 80px; padding: 10px; } .request-box.minimized .request-box-ul, .request-box.minimized h4 { opacity: 0; visibility: hidden; height: 0; margin: 0; } .btn-grad { background: #05AA46; padding: 6px 0px 6px 0px; margin-top: 6px; text-align: center; text-transform: uppercase; transition: 0.5s; background-size: 200% auto; color: white; box-shadow: 0 0 20px #eee; border-radius: 2px; display: block; font-weight: bold; width: 100%; animation: pulseScale 1.6s ease-in-out infinite; } @keyframes pulseScale { 0% { transform: scale(1); } 30% { transform: scale(1.06); } 100% { transform: scale(1); } } .btn-grad:hover { background: white; /* Hover Gradient (reversed) */ background-position: center top; box-shadow: 0px 7px 7px #636363; transition: transform 0.5s ease 0sfilter 0.5s ease-in 0s; transform: scale(1.05); color: #05aa46; border: 1px solid #05aa46; } .formTitle { font-size: 14px; color: #05aa46; font-weight: 700; text-align: center; } .card-body { padding: 0; } @media screen and (max-width: 767px) { #requestBox { display: none !important; } } <> /* Form css over here */ /* Css for Enquiry form */ .intl-tel-input .tel { padding-left: 50px !important; } .selected-dial-code { display: none } .security_placeholder_float { display: block; padding: 0; } .disp_secur_code { /* margin-top: 0.70rem; */ } .disp_secur_code { margin-top: 5px; } .request_form { padding: 20px 41px 5px 41px; border-radius: 15px; background: #ebebeb; border: 1px solid #05aa46; } .input-group-text { background-color: unset; border: 1px solid #05aa46 !important; padding: .315rem .58rem; } .form-control { border: 1px solid #05aa46 !important; } .intl-tel-input .selected-flag { padding: 0 3px 0 3px; } .intl-tel-input.separate-dial-code .selected-flag { background-color: unset; border-right: 1px solid #05aa46 !important; } #captcha_code { border: 1px solid #05aa46; border-radius: .25rem; width: 60px; height: 30px; margin: 0; } .security_code_float { color: #000; font-weight: 600; /* display: contents; */ font-: italic; font-size: 13px; /* float: left; */ line-height: 1.2; margin: 0; width: -webkit-fill-available; } .captcha-div { max-width: 45%; } .captcha-code { flex: 0 0 55%; max-width: 55%; } .request_img { box-shadow: -5px 4px 1px #b6b5b5; border-radius: 9px; width: 50%; } .request_submit { background: none; } .request_img:hover { box-shadow: -5px 7px 7px #636363; transition: transform 0.5s ease 0sfilter 0.5s ease-in 0s; transform: scale(1.08); } .captcha-code1 { padding-left: 0px; } input::placeholder { color: #a6a6a6 !important; font-size: 12px; font-: italic; } .input_icon { width: 20px; margin: 0 !important; } .security_label_float { display: flex; width: 100%; gap: 1px; padding: 0; align-items: center } .refreshCaptcha { width: 15%; cursor: pointer; /* margin-top: -4px; */ margin: 0 !important; } .iti-flag { width: 20px !important; } .request-form { padding-right: 2px; } .download_pdf { height: 22px; } .close-btn-form img { margin: 0 !important; } @media(max-width:991px) { .security_placeholder_float { display: unset; width: unset; } .request_submit { margin-left: unset; } .refreshCaptcha { width: 12%; } } @media only screen and (max-width:768px) { .security_placeholder_float { display: unset; width: unset; } .request_submit { margin-left: unset; } .refreshCaptcha { width: 34px; } .disp_secur_code { /* margin-top: 16px; */ } .disp_secur_code { /* margin-top: 16px; */ } .security_label_float { display: flex; text-align: center; } .input-group-text { padding: .275rem .55rem; } .input_icon { width: 18px; } .iti-flag { width: 13px !important; } .intl-tel-input .selected-flag { padding: 0 4px 0 8px; } input::placeholder { font-size: 11px; } .request_form { padding: 20px 20px 5px 20px; } .intl-tel-input .tel { padding-left: 50px !important; } } @media(max-width:475px) and (min-device-width: 375px) { .request_form { padding: 20px 20px 5px 20px; } } @media(max-width:570px) { .security_placeholder_float { display: unset; width: unset; } .request_submit { margin-left: unset; } .refreshCaptcha { width: 31px; } .disp_secur_code { /* margin-top: 16px; */ } .security_label_float { display: block; text-align: center; } } @media(max-width:320px) { .download_pdf { height: 25px; } } @media(max-width:1200px) { .searchbar1 { display: none; } } .catcha_error_psme { margin-bottom: 0.2rem; color: red; } #tabshow { display: none; } .border-remove { border: unset !important; } .captcha1 { margin-top: -4px; } .request-form { position: relative; /* bottom: 20px; */ /* right: 20px; */ /* width: 320px; */ background: white; padding: 15px; z-index: 11; box-shadow: 2px 2px 10px rgba(0000.2); display: none; /* overflow: hidden; */ border-radius: 5px; } .section-nav_bar { padding-left: 0; } button.close-btn-form { background: transparent; position: absolute; right: -27px; top: -22px; } button.close-btn-form img { width: 27px; } p.sidebar_button { text-align: center !important; } .sidebar_button { font-size: 15px !important; font-weight: 700; color: #0f2640; text-align: center; margin-bottom: 0px; } @media screen and (min-height: 600px) and (max-height: 70px) { .tab-list li { padding: 0px !important; } .sidebar_button { font-size: 12px !important; } } @media(min-width:767px) and (max-width:1024px) { .captcha-div1_float { flex-direction: column; } .request-btn { font-size: 12px; } .request-box-ul { flex-direction: column; gap: 0; } .request-box ul { margin: 0; } .request-box { padding: 10px; } }

    man icon
    Mail icon
    Captcha refresh
    loader