@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body { margin: 0; padding: 0;  font-family: "Poppins", sans-serif; overflow-x: hidden; color: #212121}
p, .main-table li {color: #212121;font-size: 16px;line-height: 29px;margin: 0 0 15px 0;font-family: "Poppins", sans-serif;letter-spacing: .5px;}
.main-table li {color: #212121; font-size: 15px;line-height: 25px;margin: 0 0 10px 0;  font-family: "Poppins", sans-serif;}
a { text-decoration: none !important;  font-family: "Poppins", sans-serif;}
h1, h2, h3, h4, h5, h6 { font-family: "Outfit", sans-serif; color: #212121}

.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;padding: 0 !important;}
#MenuControl .nav-item .nav-link {color: #ffffff;font-size: 15px;text-transform: uppercase;font-weight: 500;}
#MenuControl .nav-item .nav-link:hover { color: #ef7625 }
/* #MenuControl .nav-item .nav-link:hover { color:#ef7625 } */
#MenuControl .nav-fill{width:100%;margin-left: 14%;}
#MenuControl .bg-light {background: #fff!important;height: 100%;}
.navbar-nav.nav-fill > li:last-child { position: relative; transition: all .3s ease-in-out}
.navbar-nav.nav-fill > li:last-child:after {position: absolute;content: "";left: 15px;top: 0;width: 3px;background: #ef7625;height: 100%;transition: .2s;transition-timing-function: ease-in;z-index: 1}
.navbar-nav.nav-fill > li:last-child a {position: relative;z-index: 2;color: #ffffff !important;}
.navbar-nav.nav-fill > li:last-child:hover:after { width: 80%}
.dropdown-menu li a{ padding: 10px 15px;}

#HomepagecontentControl_C { margin-top: -21px}

#HeaderControl, #HeaderControl_C { height: auto !important}

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

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

@media (min-width: 769px)  {
  #HeaderControl {background:#15154a; }
  #MenuControl {background:#15154a;}
  #WidgetControl4, #WidgetControl4_C {  background: transparent !important; position: absolute; z-index: 1; width: 100%}
  #WidgetControl4 { position:absolute;  width: 60%; right: 10%; top: 12px}
}

#EventCalenderControl { display: none}

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

#main-head img { padding: 10px}

.heading p { color: #039; font-size: 16px; text-transform: uppercase; letter-spacing: 2.5px; font-weight: 500; margin: 0 0 10px 0;}
.heading h2 {color: #0f0f0f;font-size: 40px;font-weight: 600;margin: 0 0 24px 0;line-height: 1.3;}
.quote {font-size: 27px;font-weight: 500;margin: 0 0 25px 0;line-height: 1.4;}
.sub-heading { color: #fff; font-size: 38px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; line-height: 1.3; position: relative; padding: 0 0 0 25px;}
.sub-heading::after { position: absolute; content: ''; width: 4px; height: 100%; left: 0; top: 0; background: #ef7625; } 
.bg-1 { background: linear-gradient(90deg, #15154a 50%, #fff 50%);}
.bg-2 { background: linear-gradient(90deg, #fff 50%, #2f7b60 50%);}

.custom-btn {display: inline-block; letter-spacing: 3px; position: relative; text-transform: uppercase; padding: 6px 14px 5px 20px; position: relative; color: #fff; font-size: 18px;}
.custom-btn span { left: 0; z-index: 1; transition: .3s; transition-timing-function: ease-in; position: relative}
.custom-btn:before { position: absolute; content: ""; left: 0; top: 0; width: 3px; background: #ef7625; height: 100%; transition: .2s; transition-timing-function: ease-in; z-index: 1}
.custom-btn:hover { color: #fff}
.custom-btn:hover span { left: -2px; color: #fff;}
.custom-btn:hover:before { width: 100%}

.banner-section{position:relative;}
.banner-section .carousel-caption {top: 38%;width: 43%;text-align: start;left: 15%;z-index: 98;}
.banner-section .carousel-caption h1 {color: #ffffff;font-weight: 600;font-size: 50px;letter-spacing: 1px;margin: 0 0 18px 0;animation: fadeInUp 1s ease-in-out 100ms both;line-height: 1.3;}
.banner-section .carousel-caption .custom-btn { animation: fadeInUp 1s ease-in-out 100ms both; margin: 10px 0 0 0;}
.carousel-control-next, .carousel-control-prev {width: 12%;z-index: 99;}
.banner-section .carousel-item { transition: transform 1s ease-in-out !important;}
.banner-section .carousel-item img {height: 80vh;object-fit: cover;}
.banner-section .carousel-indicators [data-bs-target] { width: 10px; height: 10px; border-radius: 50%; margin: 0 8px;}
.carousel-indicators{z-index:99;}

.about-section { background: linear-gradient(109.78deg, #356252 2.87%, #007F6A 59.32%); padding: 7% 0; position: relative;}
.about-section::after { content: ""; width: 100%; height: 75%; background: linear-gradient(111.64deg,#039 -.4%,#102f9f 102.31%); position: absolute; left: -28%;  top: 0; bottom: 0; margin: auto 0; z-index: 1;}
.about-section .row { position: relative; z-index: 2;}
.about-section .right-pic { box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;}

.core-values { padding: 6% 0;}
.core-values .value-card { position: relative; overflow: hidden; transition: all .4s ease-in-out; cursor: pointer; margin: 20px 0 0 0;}
.core-values .value-card .pic img {  transition: all .5s ease-in-out}
.core-values .value-card .text { position: absolute; bottom: 0; left: 0; padding: 30px 30px 0px 30px; background: linear-gradient(#ffffff00, #000000d9); transition: all .3s ease-in-out}
.core-values .value-card .text h3 { color: #fff; font-size: 28px; margin: 0; padding: 4px 0 4px 18px; position: relative; transition: all .3s ease-in-out}
.core-values .value-card .text h3::after { content: ''; position: absolute; width: 4px; height: 100%; background: #007f6a; left: 0; top: 0;}
.core-values .value-card .text p { color: #ffffffd4; opacity: 0; transition: all .3s ease-in-out; margin: 0}
.core-values .value-card .text p a { color: #fff}
.core-values .value-card:hover .pic img { transform: scale(1.1)}
.core-values .value-card:hover .text p { opacity: 1}
.core-values .value-card:hover .text{ padding: 30px}
.core-values .value-card:hover .text h3 { margin: 0 0 20px 0}

.why-us { background: #15154a; padding: 5% 0;}
.why-us .why-choose-card { background: #039; min-height: 280px; margin: 15px 0 0 0; position: relative; transition: .6s}
.why-us .why-choose-card .content { position: absolute; bottom: 0; left: 0; padding: 40px;}
.why-us .why-choose-card .content h4, .why-us .why-choose-card2 .content h4 { color: #fff; font-size: 26px; font-weight: 600; margin: 0 0 15px 0; letter-spacing: .5px;}
.why-us .why-choose-card .content p, .why-us .why-choose-card2 .content p{ color: #f3f3f3; margin: 0;} 
.why-us .why-choose-card1 { background: #007f6a}
.why-us .why-choose-card2 { margin: 15px 0 0 0; position: relative;}
.why-us .why-choose-card2 .pic img { height: 575px; object-fit: cover;}
.why-us .why-choose-card2 .content { position: absolute; bottom: 0; left: 0; padding: 30px; background: linear-gradient(#ffffff00, #000000d9); transition: all .3s ease-in-out}

.team-section { padding: 6% 0;}
.team-section .team-profile {background: #e9effb;padding: 30px; margin: 0 0 20px 0}
.team-section .team-profile .pic img { width: 50%; border-radius: 50%; margin: 0 0 20px 0}
.team-section .team-profile h4 { color: #039; font-size: 24px; margin: 0 0 5px 0}
.team-section .team-profile p { color: #515151; font-weight: 500; margin: 0}
.team-section .link { background: #e9effb;padding: 15px;}
.team-section .link a { color: #039; margin: 0 5px; font-size: 18px}
.team-section .content {background: #15154a;padding: 30px 30px 0 30px;min-height: 400px;}
.team-section .content p, .team-section .content  p a { color: #f0f0f0; letter-spacing: .4px}

footer { background: #15154a; padding: 3% 0 0 0;}
footer .footer-middle { border-top: 2px solid #fff; border-bottom: 2px solid #fff; padding: 5% 0; margin: 4% 0 0 0;}
footer h4 { text-transform: uppercase; font-size: 17px; font-weight: 500; letter-spacing: 1px; color: #fff; margin: 0 0 20px 0;}
footer p, footer p a {color: #ddd;font-size: 15px;margin: 0 0 10px 0;line-height: 1.6;/* text-align: justify; */}
footer .contact-info p { display: flex;}
footer p i { margin: 5px 7px 0 0; color: #fff;}
footer p a:hover { color: #ef7625;}
footer .social-icon a { display: inline-block; color: #fff; font-size: 19px; margin: 0 10px 0 0;}

.about-page-banner { padding: 8% 0; background-image: url('image/about-banner.jpg'); background-size: cover;}
.about-page-banner h2 {color: #fff;font-size: 48px;text-align: center;margin: 0;font-weight: 700;letter-spacing: .7px;}

.core-values-about-page{ background: linear-gradient(111.64deg,#039 -.4%,#102f9f 102.31%);}
.core-values-about-page .content { position: relative; }
.core-values-about-page .content::after { content: ''; position: absolute; width: 60%; height: 2px; background: #ef7625; bottom: -30px; left: 0; }
.core-values-about-page .content h4 { color: #fff; font-size: 42px; font-weight: 600; margin: 0 0 30px 0;}
.core-values-about-page .content p { color: #f2f2f2;}
.core-values-about-page img {height: 450px;width: 100%;margin: 3% 0;}

.choose-card1 {background: #15154a;padding: 40px 25px;margin: 20px 0 0 0;min-height: 370px;}
.choose-card1 h4 { color: #fff; font-family: 18px; font-weight: 600; margin: 0 0 17px 0; line-height: 1.4;}
.choose-card1.bg-blue{ background: #003399;}
.choose-card1 p { color: #ececec; margin: 0;}

.services-page .list, .services-page .list li { margin: 0; padding: 0; list-style-type: none;}
.services-page .list li {padding: 15px 5px;display: flex;justify-content: space-between;border-bottom: 1px solid #212121;font-size: 17px; transition: all .3s ease-in-out}
.services-page .list li:hover { background: #dddddd7a; padding: 15px 10px}

.insights-card { background: #102f9f; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.insights-card .content { padding: 30px;}
.insights-card .content p { color: #fff;}
.insights-card .content p span {display: inline-block;background: #fff;border-radius: 2px;color: #003399;padding: 3px 8px;margin: 0 6px 0 0;}
.insights-card .content h5 {color: #fff;font-size: 19px;margin: 22px 0 28px 0;line-height: 1.4;}
.insights-card .content a{ color: #f5f5f5; font-size: 15px; transition: all .3s ease-in-out;}
.insights-card .content a i { margin: 0 0 0 10px;}
.insights-card .content a:hover { color: #ef7625; padding:0 0 0 5px;}

.contact-bx { background: #15154a; border-radius: 10px; margin-top: -120px; position: relative; z-index: 2;}
.contact-bx .contact-info { text-align: center; padding: 40px 30px; border-right: 1px solid #ffffff55}
.contact-bx .contact-info i { color: #fff; font-size: 26px;}
.contact-bx .contact-info h5 { margin: 15px 0 10px 0; color: #fff; font-size: 20px;}
.contact-bx .contact-info p, .contact-bx .contact-info p a { color: #fff; margin: 0; font-size: 15px;}

.career-banner { padding: 7% 0;}
.career-card {background: #ef7625;padding: 30px;border-radius: 10px;margin: 20px 0 0 0;min-height: 235px;}
.career-card p { color: #fff; margin: 0; font-size: 19px; font-weight: 600;}

.gallery-section .gallery-card { border: 5px solid #ddd; margin:2px 0; }
.gallery-section .gallery-card img {transition: all .3s ease-in-out; }
.gallery-section .gallery-card:hover img { transform: scale(.97);}

.employee-benefits { background: linear-gradient(109.78deg, #356252 2.87%, #007F6A 59.32%); }
.accordion-flush .accordion-item { background: transparent;}
.employee-benefits .accordion-button {font-size: 19px;font-weight: 500;padding: 20px 20px;background: transparent; color: #fff;}
.employee-benefits .accordion-body { padding-top: 0;}
.employee-benefits .accordion-body p {color: #f1f1f1;}
.employee-benefits .accordion-button::after { background-image: url(../image/add.png)}
.employee-benefits .accordion-button:not(.collapsed)::after { background-image: url(../image/minus.png);}
.employee-benefits .accordion-button:not(.collapsed) { background: none; color: #ffffff; box-shadow: none;}
.employee-benefits .accordion-button:focus { border-color: transparent !important; box-shadow: none !important;}

.mail-us i{ display: inline-block; width: 45px; height: 45px; border-radius: 50%; background: #15154a; color: #fff; margin: 0 6px 0 0; text-align: center; line-height: 2.8; }
.mail-us a { font-size: 20px; color: #ef7625; font-weight: 500;}

@media (min-width: 320px) and (max-width: 768px) { 
  p { font-size: 15px}
  .heading h2 { font-size: 30px; line-height: 1.3;}
  .quote {font-size: 20px; margin: 0 0 20px 0;line-height: 1.5;}
  .sub-heading { font-size: 27px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; line-height: 1.3; position: relative; padding: 0 0 0 20px;} 

  .banner-section .carousel-item img { height: 300px; object-fit: cover}
  .banner-section .carousel-caption {top: 40%;width: 60%;}
  .banner-section .carousel-caption h1 { font-size: 26px; margin: 0 0 10px 0}

  .about-section::after { width: 0; }
  .about-section .right-pic { height: 500px; object-fit: cover}

  .why-us .why-choose-card2 img { width: 100%}
  
  .about-page-banner h2 { font-size: 28px;text-align: center;margin: 0;font-weight: 700;letter-spacing: .7px;}

  .core-values-about-page{ background: linear-gradient(111.64deg,#039 -.4%,#102f9f 102.31%);}
  .core-values-about-page .content { position: relative; }
  .core-values-about-page .content::after { content: ''; position: absolute; width: 60%; height: 2px; background: #ef7625; bottom: -30px; left: 0; }
  .core-values-about-page .content h4 { color: #fff; font-size: 42px; font-weight: 600; margin: 0 0 30px 0;}
  .core-values-about-page .content p { color: #f2f2f2;}

  .choose-card1 { background: #15154a; padding: 40px 25px; margin: 20px 0 0 0; min-height: 340px;}
  .choose-card1 h4 { color: #fff; font-family: 18px; font-weight: 600; margin: 0 0 17px 0; line-height: 1.4;}
  .choose-card1.bg-blue{ background: #003399;}
  .choose-card1 p { color: #ececec; margin: 0;}

  .services-page .list, .services-page .list li { margin: 0; padding: 0; list-style-type: none;}
  .services-page .list li {padding: 15px 5px;display: flex;justify-content: space-between;border-bottom: 1px solid #212121;font-size: 17px; transition: all .3s ease-in-out}
  .services-page .list li:hover { background: #dddddd7a; padding: 15px 10px}

  .insights-card { background: #102f9f; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
  .insights-card .content { padding: 30px;}
  .insights-card .content p { color: #fff;}
  .insights-card .content p span {display: inline-block;background: #fff;border-radius: 2px;color: #003399;padding: 3px 8px;margin: 0 6px 0 0;}
  .insights-card .content h5 {color: #fff;font-size: 19px;margin: 22px 0 28px 0;line-height: 1.4;}
  .insights-card .content a{ color: #f5f5f5; font-size: 15px; transition: all .3s ease-in-out;}
  .insights-card .content a i { margin: 0 0 0 10px;}
  .insights-card .content a:hover { color: #ef7625; padding:0 0 0 5px;}

  .contact-bx { background: #15154a; border-radius: 10px; margin-top: -120px; position: relative; z-index: 2;}
  .contact-bx .contact-info { text-align: center; padding: 40px 30px; border-right: 1px solid #ffffff55}
  .contact-bx .contact-info i { color: #fff; font-size: 26px;}
  .contact-bx .contact-info h5 { margin: 15px 0 10px 0; color: #fff; font-size: 20px;}
  .contact-bx .contact-info p, .contact-bx .contact-info p a { color: #fff; margin: 0; font-size: 15px;}

  .career-banner { padding: 7% 0;}
  .career-card { background: #ef7625; padding: 30px; border-radius: 10px; margin: 20px 0 0 0; min-height: 200px;}
  .career-card p { color: #fff; margin: 0; font-size: 19px; font-weight: 600;}

  .gallery-section .gallery-card { border: 5px solid #ddd; margin:2px 0; }
  .gallery-section .gallery-card img {transition: all .3s ease-in-out; }
  .gallery-section .gallery-card:hover img { transform: scale(.97);}

  .employee-benefits { background: linear-gradient(109.78deg, #356252 2.87%, #007F6A 59.32%); }
  .accordion-flush .accordion-item { background: transparent;}
  .employee-benefits .accordion-button {font-size: 19px;font-weight: 500;padding: 20px 20px;background: transparent; color: #fff;}
  .employee-benefits .accordion-body { padding-top: 0;}
  .employee-benefits .accordion-body p {color: #f1f1f1;}
  .employee-benefits .accordion-button::after { background-image: url(../image/add.png)}
  .employee-benefits .accordion-button:not(.collapsed)::after { background-image: url(../image/minus.png);}
  .employee-benefits .accordion-button:not(.collapsed) { background: none; color: #ffffff; box-shadow: none;}
  .employee-benefits .accordion-button:focus { border-color: transparent !important; box-shadow: none !important;}

  .mail-us i{ display: inline-block; width: 45px; height: 45px; border-radius: 50%; background: #15154a; color: #fff; margin: 0 6px 0 0; text-align: center; line-height: 2.8; }
  .mail-us a { font-size: 20px; color: #ef7625; font-weight: 500;}
}