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


p{ font-family: "Roboto", sans-serif;font-size:14px;color:#333;}
a{text-decoration: none;}
h1, h2, h3, h4, h5, h6{color:#525252;font-family: "Oswald", sans-serif;}
.main-table ul li{font-size: 14px;line-height:28px;font-family: "Roboto", sans-serif;}
a{font-family: "Roboto", sans-serif;}
.main-table{text-align: left;}

/* banner-section */
.slider-img img {height: 90vh;object-fit: cover;}
.slider-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;}
.slider-content {background: rgba(255, 255, 255, 0.9);padding: 40px;max-width: 650px;border-radius: 4px;opacity: 0;transform: translateY(40px);transition: all 0.8s ease;}
.carousel-item.active .slider-content {opacity: 1;transform: translateY(0);}
.slider-content h2 {font-size: 32px;font-weight: 700;line-height:1.5em;color: #525252;}
.slider-content p {font-size: 16px;color: #313131;margin: 10px 0 20px;}
.banner-section .carousel-control-next, .carousel-control-prev{opacity: 21.5!important;}
.btn-yellow {background-color: #0A1F3D;color: #fff;padding: 10px 22px;font-weight:500;margin-right: 10px;border-radius:0px!important;}
.btn-yellow:hover {background-color: #fff;color:#000;}
.slider-btn {background: #0A1F3D;padding: 14px 18px;font-size: 20px;color: #fff;}
.carousel-control-next .slider-btn {background: #3A8D99;color: #fff;}
.carousel-control-prev,
.carousel-control-next {width: auto;bottom: 30px;top: auto;}
.carousel-control-prev {right: 90px;left: auto;}
.carousel-control-next {right: 30px;}
/* Vertical Enquiry Button */
.enquiry-btn {position: fixed;right: 0;top: 40%;font-size: 14px;background: #0A1F3D;color: #fff;padding: 12px 10px;writing-mode: vertical-rl;text-orientation: mixed;font-weight: 700;text-decoration: none;z-index: 999;}
.enquiry-btn:hover {background: #3A8D99;color:#000;}
/* Responsive */
@media (max-width: 768px) {
  .slider-content {
    padding: 20px;
  }

  .slider-content h2 {
    font-size: 26px;
  }

  .slider-content p {
    font-size: 14px;
  }

  .enquiry-btn {
    top: 50%;
    padding: 10px 6px;
  }
}

/* services section */
.featured-services {background: #FFFFFF;padding: 60px 0;}
.section-title {font-size: 32px;font-weight: 600;color: #525252;letter-spacing: 1px;}
.service-card {border-top:1px solid #0A1F3D;background: #ededed;padding: 28px;height: 100%;position: relative;transition: all 0.35s ease;overflow: hidden;}
.big-card {display: flex;flex-direction: column;justify-content: flex-end;background: #ededed;padding: 40px;box-shadow: 0 8px 30px rgba(0,0,0,0.06);}
.big-card .icon{width:max-content}
.icon {margin-bottom: 18px;border: 1px solid #000;display: inline-block;border-radius: 50%;padding: 10px;}
.icon img{ width: 50px;padding:5px}
.icon svg {width: 48px;height: 48px;stroke: #444;stroke-width: 1.5;fill: none;}
.service-card h4 {font-size: 20px;font-weight: 600;margin-bottom: 6px;color: #525252;}
.service-card h5 {font-size: 18px;font-weight: 500;margin-bottom: 10px;color: #525252;}
.sub-text {font-size: 18px!important;margin-bottom: 12px;}
.service-card p {font-size: 14px;color: #707070;line-height: 1.7;}
.arrow {position: absolute;bottom: 10px;left: 28px;font-size: 24px;color: #000;text-decoration: none;transition: 0.3s;}
.service-card:hover .arrow {transform: translateX(8px);}
.service-card:hover {background-color: #fff;;transform: translateY(-8px);}
/* Responsive */
@media (max-width: 991px) {
  .big-card {
    margin-bottom: 20px;
  }
}


/* about section */
.about-section {background: #f5f5f5;margin-top:50px;}
.about-title {font-size: 28px;font-weight: 700;color: #525252;letter-spacing: 1px;margin-bottom: 20px;}
.about-section p {font-size: 14px;text-align: justify;color: #333;line-height: 1.5;margin-bottom: 15px;}
.btn-read {font-size:14px; background-color: #0A1F3D;border: 0;color: #ffff;padding: 10px 20px !important;border: 2px solid #0A1F3D;transition: .5s;cursor: pointer;border-radius: 4px;}
.btn-read:hover {background: #3A8D99;color:#fff;border:2px solid #3A8D99;}
.img-box {overflow: hidden;}
.img-box img {width: 100%;height: 320px;object-fit: cover;}
.overlay-box {position: relative;}
/* .overlay-box::after {content: "";position: absolute;inset: 0;background: rgba(180, 220, 220, 0.5);} */
.about-images {padding-left: 30px;}

/* Responsive */
@media (max-width: 991px) {
  .about-images {
    padding-left: 0;
    margin-top: 20px;
  }

  .img-box img {
    height: 220px;
  }
}


/* team section */
.team-section {margin-top:20px;}
.team-title {font-size: 28px;font-weight: 700;color: #525252;letter-spacing: 1px;}
.team-card {background: #ededed;padding: 22px 25px;border-radius: 4px;transition: all 0.3s ease;height:100%;}
.team-card:hover {transform: translateY(-5px);background: #fff; opacity: 1 !important;
    box-shadow: rgb(45 45 45 / 5%) 0px 2px 2px, rgb(49 49 49 / 5%) 0px 4px 4px, rgb(42 42 42 / 5%) 0px 8px 8px, rgb(32 32 32 / 5%) 0px 16px 16px, rgb(49 49 49 / 5%) 0px 32px 32px, rgb(35 35 35 / 5%) 0px 64px 64px;}
.team-card h5 {font-size: 18px;font-weight: 600;color: #2d2d2d;margin-bottom: 8px;}
.team-card h5 span {font-weight: 400;color: #777;margin-left: 5px;font-size: 15px;}
.team-card p {font-size: 14px;color: #555;margin-bottom: 10px;}
.team-card a {font-size: 14px;color: #777;text-decoration: none;transition: 0.3s;}
.team-card a:hover {color: #000;}

/* Responsive */
@media (max-width: 768px) {
  .team-title {
    font-size: 22px;
  }
}


/* contact section  */
.contact-section {padding: 60px 0;}
.contact-section h2 {font-family: 'Oswald', sans-serif;font-size: 28px;letter-spacing: 1px;font-weight: 500;color: #525252;margin-bottom: 25px;}
.contact-section h6 {font-family: 'Oswald', sans-serif;font-size: 20px;letter-spacing: 1px;font-weight: 500;color: #000;margin-top: 30px;margin-bottom:15px;}
.contact-section h6 i{font-size:20px;margin-right:10px;color:#0A1F3D;}
.contact-info p {margin-bottom: 10px;color: #000;font-size: 15px;}
.contact-info p span{color:#707070;}
.map-container {border: 1px solid #ddd;margin-top: 20px;overflow: hidden;}
.contact-section .form-control, .form-select {border-radius: 0;border: 1px solid #bbb;padding: 12px;font-size: 14px;}
.contact-section .form-control::placeholder {color: #777;}
.contact-section .form-control:focus, .form-select:focus {box-shadow: none;border-color: #333;}
.btn-submit {background: #333;color: #fff;border:1px solid #333;border-radius: 0;padding: 10px 25px;font-weight: 500;border: none;}
.btn-submit:hover {background: #fff;color:#333;border:1px solid #333;}
.contact-section .form-label {display: none;}

/* footer  */
.footer-nav {background: #efefef;padding: 20px 0 10px;font-size: 13px;}
.footer-menu a {text-decoration: none;color: #333;margin-right: 20px;text-transform: uppercase;font-family: 'Oswald', sans-serif;font-size: 13px;letter-spacing: 0.5px;}
.footer-menu a.active {color: #f7931e;}
.footer-menu a:hover {color: #f7931e;}
.copyright {font-size: 13px;color: #444;margin-top: 10px;}
.social-icons a {color: #000;margin-left: 15px;font-size: 14px;transition: 0.3s;}
.social-icons a:hover {color: #f7931e;}
.back-to-top {position: fixed;right: 20px;bottom: 20px;background: #888;width: 40px;height: 40px;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #fff;text-decoration: none;transition: 0.3s;}
.back-to-top:hover {background: #333;}


/*--------------------------------------------------------------
#innr-pg-bnnr
--------------------------------------------------------------*/
/*innr-pg-bnnr*/
.otherpagecss #RadDockZone1.container{max-width: 100%;}
.otherpagecss #RadDockZone1.container #HomepagecontentControl_C table{margin-top:0 !important;}
.innr-pg-bnnr{padding: 280px 0 0; width: 100%; background-size: cover; min-height:400px; text-align: left; position:relative;margin-bottom: 40px;background-position: center;}
.innr-pg-bnnr:after{content:'';position:absolute;left:-1px;right:-1px;top:-1px;width:100%;height:100%;z-index: 0;background: #00000069;}
.main-table.innr-pg{padding-bottom:50px;}
.innr-pg-bnnr h1{color: #fff;text-align:left;text-transform:uppercase;font-size: 32px;font-weight: 800;position:relative;z-index:1;}

/* .about page */
.sub-head {color:#000;font-size: 22px;text-align: left;padding-bottom: 8px;position: relative;margin-top:20px;}
.sub-head::after {content: '';position: absolute;width: 50px;height: 3px;bottom: 0;left: 0;/* right: 0; */margin: 0 auto;background: #0A1F3D;}

/*Team page */
.tm_img {border-radius: 10px;box-shadow: 1px 1px 5px gray;}
.team-pg p b{color:#b78d65;font-size: 22px;}



.service-menu {border-left: 2px solid transparent; position: sticky;top: 0px; /* adjust based on header height */z-index: 10;}
.service-menu a {display: block;padding: 12px 15px;color: #666;text-decoration: none;border-bottom: 1px solid #ddd;position: relative;font-size: 15px;}
.service-menu a::after {content: "";position: absolute;left: 0;bottom: 0;width: 60%;height: 2px;background: #f7931e;}
.service-menu a.active {color: #333;font-weight: 500;}
.service-menu a:hover {color: #000;}
.service-title {font-size: 25px;font-weight: 500;margin-bottom: 20px;display: flex;align-items: center;gap: 10px;color:#525252;}
.service-title i {font-size: 26px;border: 2px solid #333;padding: 10px;border-radius: 50%;}
.service-content p {font-size: 14px;line-height: 1.8;margin-bottom: 0px;}.service-content p strong{font-size: 16px;}.service-content ul {padding-left: 20px;}
.service-content ul li {font-size: 14px;}
.service-image img {width: 100%;height: auto;}
.serv-img{border: 1px solid #000;border-radius: 50%;}
.serv-img img{width:62px;padding:10px;}


@media(max-width:767px)
{
  .big-card .icon {
    width: max-content;
}
}

/*nav-bar*/
.dropdown-toggle{position:relative;}
.nav-item ul li .dropdown-toggle::after{position:absolute;right: 5px; top: 10px;}
/*#MenuControl*/ .navbar.bg-light{background-color: transparent !important;height:100%;}
#MenuControl .nav-link:focus,#MenuControl .nav-link:hover{background-color:#fff !important; color:#000 !important;}
.nav-link{color: #000;font-size: 16px;}
.nav-fill{width: 100%;font-size: 15px;}
.navbar-brand{margin:0;}
.nav-item{position:relative;padding: 0px 6px;}
.dropdown-item:focus, .dropdown-item:hover {color: #fff;background-color:#19305b;}
.navbar-nav .dropdown-menu {border-radius: 15px;padding: 12px;}
/*nav-bar*/
@media (max-width: 1170px){
.navbar-expand-md .navbar-nav .nav-link{padding-right:1px; padding-left: 1px;}
}
@media (max-width: 991px){
#MenuControl, #MenuControl_C, #HeaderControl, #HeaderControl_C, #widgetsControl_C, #widgetsControl{ height: initial !important;}
.navbar-expand-md .navbar-nav .nav-link{font-size: 12px;}
	}

@media (max-width: 767px){
.navbar-toggler{background:#eee;}
.navbar.navbar-expand-md{text-align:center;}
.navbar.navbar-expand-md .container-fluid{display:block;}
.nav-fill .nav-item, .nav-fill>.nav-link{text-align:left;}
.navbar-nav>li{ display: block; text-align: left; padding: 4px 0; border-bottom: 1px solid #999; border-right:0; }
.nav-item ul li .dropdown-toggle::after{transform: rotate(90deg);}
.nav-item .nav-link.dropdown-toggle::after {position: absolute; right: 5px; top: 15px;}
.navbar-expand-md .navbar-nav .nav-link{font-size: 16px;padding-right: 5px; padding-left: 5px;color:#fff;}
}
/* nav fix */
/* .body-fx #HeaderControl{float: Left;position: fixed;padding: 0;padding-left: 0;z-index: 99;text-align: left;top: 0;}
.body-fx #MenuControl {float: Right;position: fixed;right: 0;padding: 0;padding-right: 0;top: 0;}
  @media (max-width: 767px){
  .body-fx #HeaderControl {float: Left;position: static;width: 100%;}
  .body-fx #MenuControl{ float: Left;position: static; width: 100%;}
  } */
/* nav icon */
.dropdown-toggle::after {border-bottom: 2px solid #222;border-left: 0;border-right: 2px solid #222;border-top: 0;content: "";display: inline-block;height: 8px;margin-left: 8px;margin-top: 4px;-webkit-transform: rotate(403deg);transform: rotate(403deg);width: 8px;vertical-align: .255em;}
@media (min-width:1023px){
  .navbar-nav li:hover > ul.dropdown-menu {display: block;transition: 0.3s linear;}
  .dropdown-submenu {position:relative;}
  .dropdown-submenu > .dropdown-menu {top: 0;right:100%;left: auto;margin-top:-6px;}
  /* rotate caret on hover */
  .dropdown-menu > li > a:hover:after {text-decoration: underline;transform: rotate(180deg);}
  .dropend .dropdown-menu {right: 100% !important;left: auto !important;top: 0;}
  }
  .dropdown-item {font-size: 16px;color: #585858;padding: 4px 8px;}

  #WidgetControl4{display: none;}
  #widgetsControl, #widgetsControl_C{height:auto!important;}
.table-responsive {padding: 0;}