@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: #242424;font-size: 15px;line-height: 30px;font-weight: 400;text-align: start;margin: 0 0 18px 0;font-family: "Roboto", sans-serif;}
.main-table li {color: #242424; font-size: 16px; 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: 4% 0;}

#WidgetControl4 {
    display: none;
}

#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: #242424;font-size: 13px;text-transform: uppercase;/* font-weight: 600; */}
#MenuControl .nav-fill{ width:100%;}
#MenuControl .bg-light {background: #fff!important;height: 100%; padding: 0 0 0 10%}

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

#HeaderControl, #MenuControl, #MenuControl_C { height: 90px !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}
}

.dropdown-menu li { margin: 0}

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

.heading { font-size: 40px; line-height: 60px; letter-spacing: .5px; font-weight: 400; margin: 0 0 25px 0; color: #fff;}
.sub-heading { font-size: 40px; line-height: 76px; letter-spacing: .5px; font-weight: 400; margin: 0 0 25px 0; border-bottom: 1px dashed #ddd;}
.team-name { color: #10b6c9; font-size: 28px; padding: 5px 15px; margin: 10px 0 15px 0; position: relative;}
.team-name::after { content: ''; position: absolute; width: 3px; height: 100%; background: #f57015; left: 0; top: 0;}
.custom-btn {color: #fff;font-size: 17px;font-weight: 500;text-transform: uppercase;letter-spacing: 1px;}
.custom-btn img { margin: -1px 0 0 10px; width: 26px;}
.custom-btn:hover { color: #fff; border-bottom: 2px solid #fff;}

.top-header {  padding: 10px 0 0 0;}
.top-header a {color: #242424;display: inline-block;margin: 0 0 0 10px;text-transform: uppercase;font-size: 13px;}

.banner-section .carousel-item { position: relative;}
.banner-section .carousel-item::after { content: ''; position: absolute; width: 100%; height: 100%; background-image: linear-gradient(90deg, #181818, rgba(0, 0, 0, 0)); top: 0; left: 0;}
.banner-section .carousel-caption { z-index: 3; text-align: start; width: 40%; top: 30%; left: 8%;}
.banner-section .carousel-caption h1 {font-size: 42px;line-height: 60px;letter-spacing: .5px;font-weight: 400;margin: 0 0 20px 0;}
.banner-section .carousel-caption p {color: #f3f3f3;font-size: 21px;font-weight: 300;letter-spacing: .6px;margin: 0 0 30px 0;line-height: 1.5;text-align: left;}
.banner-section .carousel-caption a {color: #fff;font-size: 17px;font-weight: 500;text-transform: uppercase;letter-spacing: 1px;}
.banner-section .carousel-caption a img { margin: -1px 0 0 10px; width: 26px;}
/* .banner-section .carousel-indicators { bottom: 10px; justify-content: start !important; margin-left: 8%;} */

.about-section { margin: 4% 0;}
.about-section .about-bx { background-image: url('image/about-bg.jpg'); background-size: cover; padding: 100px 70px; min-height: 600px;}
.about-section .about-bx p {color: #ffffff;font-size: 16px;font-weight: 300;letter-spacing: .6px;}

.service-section .ser-card {background: #0a2845;padding: 30px;min-height: 400px;transition: all .3s ease-in-out;}
.service-section .ser2 { background: #79b473;}
.service-section .ser1 { background: #10b6c9;}
.service-section .ser4 { background: #e66916;}
.service-section .ser1:hover {background-image: url('image/ser1.jpg');}
.service-section .ser2:hover {background-image: url('image/ser2.jpg');}
.service-section .ser3:hover {background-image: url('image/ser3.jpg');}
.service-section .ser4:hover {background-image: url('image/ser4.jpg');}
.service-section .ser-card .ser-name .icon {width: 60px;margin: 0 15px 0 0;}
.service-section .ser-card .ser-name .text { width: 90%;}
.service-section .ser-card .ser-name h4 {color: #fff;text-transform: uppercase;font-weight: 400;font-size: 20px;line-height: 1.4;margin: 0 0 40px 0;}
.service-section .ser-card p {color: #fff;font-size: 16px;font-weight: 300;letter-spacing: .5px;margin: 0 0 40px 0;}

.focus-approch { margin: 4% 0;}
.focus-approch .focus-apporch-bx { background: #10b6c9; padding: 60px; min-height: 500px;}
.focus-approch .focus-apporch-bx .carousel-item h3 { color: #fff; font-size: 32px; font-weight: 400; text-transform: uppercase; letter-spacing: .6px; margin: 0 0 30px 0; position: relative;}
.focus-approch .focus-apporch-bx .carousel-item h3 img { width: 45px;}
.focus-approch .focus-apporch-bx .carousel-item h3::after { content: ''; position: absolute; width: 70px; height: 2px; background: #f57015; left: 0; border-radius: 3px; bottom: -8px}
.focus-approch .focus-apporch-bx .carousel-item p {color: #ffffff;font-size: 17px;font-weight: 300;line-height: 1.7;margin: 0 0 70px 0}
.focus-approch .carousel-indicators { justify-content: start; margin-left: 0;}
.focus-approch .left-text { background-image: url('image/focus-approch.jpg'); background-size: cover; padding: 60px; min-height: 500px;}
.focus-approch .left-text h2 { font-size: 34px}
.focus-approch .left-text p {color: #fff;font-size: 17px;letter-spacing: .5px;font-weight: 300;} 

.career-section { margin: 0 0 4% 0;}
.career-section .career-bx {background-image: url('image/career-bg.jpg');background-size: cover;padding: 60px;min-height: 420px;}
.career-section .career-bx p {color: #fff;font-size: 18px;letter-spacing: .5px;font-weight: 300;line-height: 34px;margin: 0 0 30px 0;} 

footer {background: #0a2845;padding: 4% 0 1% 0;}
footer .line { border-right: 1px solid rgba(255, 255, 255, .3)}
footer p, footer p a {color: #efefef;margin: 0 0 5px 0;line-height: 24px;}
footer p {font-size: 13px;font-weight: 300;letter-spacing: .5px;}
footer p a:hover {color: #f57015;}
footer p i {margin: 0 7px 0 0;}
footer h4 {color: #fff;font-size: 21px;margin: 0 0 15px 0;letter-spacing: .8px;line-height: 1.6;}
footer .logo img {margin: 15px 0;width: 240px;}
footer a i {color: #fff;}
footer .contact-btn {display: inline-block;border: 1px solid #f57015;color: #fff;padding: 6px 18px;margin: 0 0 0 12px;border-radius: 6px;}

.contact-page .contact-info h5 {color: #0a2845; font-size: 24px; text-transform: uppercase; letter-spacing: .6px; margin: 0 0 10px 0;}
.contact-page .contact-info h5 i{ color: #f57015; }
.contact-page .contact-info p { color: #242424; font-size: 18px; margin: 0 0 40px 0; letter-spacing: .5px; line-height: 32px;}
.contact-page .contact-info p a { color: #242424;}
.contact-page .contact-form { border-left: 1px solid #ddd;}
.contact-page .contact-form .form-control { padding: 14px; margin: 0 0 15px 0; border-color: #cfcfcf; font-size: 14px;}
.contact-page .contact-form input[type='button'] {background: #0a2845;color: #fff;font-size: 16px;}
.contact-page .contact-form input[type='button']:hover { background: #111111;}
.contact-page .contact-form h4 { color: #0a2845; font-size: 34px; margin: 20px 0 30px 0; text-transform: uppercase;}

.about-page { padding: 5% 0; background-image: url('image/about-bg.jpg'); background-size: cover; }
.about-page .heading { position: relative; margin: 0 0 50px 0;}
.about-page .heading::after { content: ''; position: absolute; width: 70px; height: 2px; background: #f57015; left: 0; border-radius: 3px; bottom: -5px}
.about-page p { color: #fff; font-size: 19px; letter-spacing: .5px; font-weight: 300; line-height: 30px; margin: 0 0 20px 0;} 

.inner-banner { background-image: url('image/inner-banner.jpg'); padding: 10% 0; background-size: cover;}

.team-page p{ font-size: 16px; margin: 0 0 15px 0; line-height: 30px;}
.team-page .team-details img { border: 1px solid #ddd; border-radius: 10px; margin: 0 0 20px 0;}
.team-page .team-details h4 { color: #0a2845; font-size: 20px; text-transform: uppercase;}
.team-page .team-details i { color: #0a2845; font-size: 19px; margin: 0 10px 0 0;}
.team-page .team-details p a { color: #242424;}

@media (min-width: 320px) and (max-width: 768px) { 
  .heading { font-size: 32px; line-height: 40px; margin: 0 0 25px 0; }
  .sub-heading { font-size: 27px; line-height: 40px;}
  .team-name { font-size: 21px;}
  .custom-btn { font-size: 17px;}
  .custom-btn img { width: 21px;}

  .top-header a { font-size: 14px;}

  header img {width: 240px;padding: 10px 0;}
  
  .about-section .about-bx { padding: 30px; min-height: 300px;}
  .about-section .about-bx p { font-size: 16px; line-height: 30px; letter-spacing: .3px;}

  .service-section .ser-card {margin: 0 0 15px 0; padding: 30px; min-height: 300px;}
  .service-section .ser-card .ser-name .icon { width: 60px; margin: 0 15px 0 0;}
  .service-section .ser-card .ser-name h4 { font-size: 20px; line-height: 1.4; margin: 0 0 40px 0; }
  .service-section .ser-card p { font-size: 16px; margin: 0 0 40px 0;}

  .focus-approch .focus-apporch-bx { padding: 30px; min-height: 300px;}
  .focus-approch .focus-apporch-bx .carousel-item h3 { font-size: 21px; margin: 0 0 20px 0;}
  .focus-approch .left-text { background-image: url('image/focus-approch.jpg'); background-size: cover; padding: 30px; min-height: 500px;}
  .focus-approch .left-text p { color: #fff; font-size: 16px; letter-spacing: .5px; font-weight: 300; line-height: 32px;} 

  .career-section .career-bx { padding: 30px; min-height: 450px;}
  .career-section .career-bx p { font-size: 16px; letter-spacing: .5px; font-weight: 300; line-height: 32px; margin: 0 0 30px 0;} 

  .contact-page .contact-info h5 {color: #0a2845; font-size: 20px; text-transform: uppercase; letter-spacing: .6px; margin: 0 0 10px 0;}
  .contact-page .contact-info p { color: #242424; font-size: 16px; margin: 0 0 40px 0; letter-spacing: .5px; line-height: 32px;}
  .contact-page .contact-form h4 { font-size: 21px;}

  .about-page p { font-size: 16px; letter-spacing: .5px; font-weight: 300; line-height: 30px; margin: 0 0 20px 0;} 

}