@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
body { margin: 0; padding: 0; font-family: "Roboto", sans-serif; overflow-x: hidden;}
p, li {color: #0c0c0c;font-size: 15px;line-height: 1.7; letter-spacing: .5px; margin: 0 0 12px 0;font-family: "Roboto", sans-serif;}
.main-table li {color: #0c0c0c;font-size: 15px;line-height: 25px;margin: 0 0 10px 0;font-family: "Roboto", sans-serif;}
a { text-decoration: none !important; font-family: "Roboto", sans-serif;}
h1, h2, h3, h4, h5, h6 { font-family: "Roboto", sans-serif;}

.main-table { text-align: left; padding: 5% 0;}

#widgetsControl_C, #widgetsControl{ height: auto !important;}
#Div_body .container-fluid { margin: 0; padding: 0;}

#MenuControl .nav-item { margin: 0}
#MenuControl .nav-item .nav-link {color: #ffffff;font-size: 15px;font-weight: 500;}
#MenuControl .nav-fill{ width:100%;}
#MenuControl .bg-light {background: #fff!important;height: 100%;padding: 0 8%;}

#HeaderControl.RadDock_Default .rdMiddle .rdCenter, #HeaderControl.RadDock_Default .rdBottom .rdCenter { background-color: transparent !important;}
#MenuControl_C .bg-light { --bs-bg-opacity: 1; background-image:linear-gradient(#d26927, #a24309) !important; height: 100%;}
#MenuControl.RadDock_Default .rdMiddle .rdCenter, #MenuControl.RadDock_Default .rdBottom .rdCenter { background-color: transparent !important;}

#HeaderControl, #HeaderControl_C { height: 110px !important}

#HomepagecontentControl_C { margin: -20px 0 0 0 !important}
@media (min-width: 320px) and (max-width: 768px ){
  .navbar-toggler { position: absolute; right: 15px; top: -60px; background: #fff}
  #MenuControl, #MenuControl_C { height: 0 !important;}
  #HeaderControl, #HeaderControl_C {height: 75px !important;background: #eeeced;}
  .navbar-collapse {background: #eeeced;margin-top: -10px}
}

/* innr-pg-c Start */
.otherpagecss #RadDockZone1.container { max-width: 100%;}
.otherpagecss #RadDockZone1.container #HomepagecontentControl_C table { margin-top: 0 !important;}

.text-light { color: #f7f2d4 !important;}
.custom-btn { display: inline-block; background: #f7f2d4; margin: 0 0 10px 0; width: 100%; padding:16px 12px; font-size: 15px; color: #212121; font-weight: 500; letter-spacing: .2px}
.custom-btn:hover { color: #212121}

.header { padding: 32px 0; background-image: linear-gradient(#fff, #f5f09863);}
.header h2 { font-size: 38px; font-weight: 600; margin: 0}
/* .header img {width: 280px;padding: 7px 0;} */

/* .nav { padding: 10px 0; min-height: 60px;} */

.updates { margin: 15px 0 0 0; background: #f5f098; padding: 10px 0 5px 0;}
.updates p { color: #a24309; margin: 0;}

.main-section { background: #d26927; padding: 5% 0;}
.main-section .title h1 {color: #0c0c0c;font-size: 30px;font-weight: 700;margin: 0 0 5px 0;letter-spacing: .5px;}
.main-section .heading {color: #0c0c0c;font-size: 22px;margin: 50px 0 15px 0;border-bottom: 1px solid #ffffff33;padding: 3px 0;font-weight: 600;}
.main-section .bank-account { padding: 15px; border: 1px solid #222; margin: 10px 0;}
.main-section .bank-account a { color: #0c0c0c;}

.main-section .links ul, .services .links ul li { list-style-type: none; margin: 0; padding: 0;}
.main-section .links ul li {padding: 12px 0;position: relative;font-size: 15px;transition: all .3s ease-in-out;margin: 0;display: flex;}
.main-section .links ul li img {width: 11px;height: 11px;margin: 5px 12px 0 0;}
.main-section .links ul li a {color: #0c0c0c;transition: all .3s ease-in-out;}
.main-section .links ul li::after {content: '';position: absolute;width: 100px;height: 1px;background: #ffffff40;bottom: 0;left: 0;transition: all .5s ease-in-out;}
.main-section .links ul li:hover a {color: #000000;}
.main-section .links ul li:hover::after {width: 180px;}

footer {background: #a24309;padding: 15px 0;margin: -17px 0 0 0;}

.contact-info {margin: 20px 0 0 0;border: 1px solid #222;padding: 20px;min-height: 170px;}
.contact-info .icon { display: inline-block; width: 38px; height: 38px; background: #f5f098dc; border-radius: 50%; text-align: center; color: #a24309; font-size: 16px; line-height: 2.4; margin: 0 0 18px 0;}
.contact-info h4 { color: #0c0c0c; font-size: 18px; }
.contact-info p {font-size: 14px}

.modal {position: absolute; z-index: 1010193}
.modal-backdrop {--bs-backdrop-zindex: 0}

@media (min-width: 320px) and (max-width: 768px) {
  .header { padding: 20px 0;}
  .header h2 { font-size: 30px;}
}