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

body { margin: 0px; padding: 0px; font-family: "Lato", sans-serif; overflow-x: hidden; color: rgb(33, 33, 33); }
p {color: #3d3e40;font-size: 16px;line-height: 26px;margin: 0px 0px 15px;font-family: "Lato", sans-serif;letter-spacing: .3px;text-align: justify;}

.main-table li {color: #3d3e40;font-size: 16px;line-height: 25px;margin: 0px 0px 8px;font-family: "Lato", sans-serif;}
a { font-family: "Lato", sans-serif; text-decoration: none !important; }
h1, h2, h3 { font-family: "Nunito", sans-serif; }
h4, h5, h6 { font-family: "Lato", sans-serif; color: rgb(93, 100, 111);}

.main-table { text-align: left; padding: 5% 0px; }
#widgetsControl_C, #widgetsControl { height: auto !important; }
#Div_body .container-fluid { margin: 0px; padding: 0px; }
#MenuControl { padding: 0 4%}
#MenuControl .nav-item { margin: 0px; }
#MenuControl .nav-item .nav-link {color: #17162f;background: #fff;font-size: 16px;padding: 10px 0px;font-weight: 600;letter-spacing: .5px;}
#MenuControl .nav-fill { width: 100%; }
#MenuControl .bg-light { height: 100%; background: rgb(255, 255, 255) !important;}

  #MenuControl .nav-item .nav-link:hover{color:#ed531b;}

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

@media (min-width: 320px) and (max-width: 768px) {
  .navbar-toggler {position: absolute;right: 15px;top: -68px;background: rgb(255, 255, 255);}
  #MenuControl, #MenuControl_C { height: 0px !important; }
  #HeaderControl, #HeaderControl_C {background: rgb(235 235 235);height: 90px !important;}
  .navbar-collapse { background: rgb(0, 35, 70); margin-top: -10px; }
  #WidgetControl4 { display: none; }
}

@media (min-width: 769px) {
  /* #HeaderControl { position: absolute; left: 10%; top: 25px; z-index: 2; width: 20%; text-align: center; background: rgba(255, 255, 255, 0); border-radius: 12px 0px 0px 12px; }
  #MenuControl { position: absolute; right: 10%; top: 16px; width: 60%; background: rgba(255, 255, 255, 0); border-radius: 0px 12px 12px 0px; z-index: 8 !important; } */
}

/* .navbar-nav.nav-fill > li:last-child { display: inline-block; background: #10325b; border-radius: 5px; font-size: 13px; font-weight: 500; letter-spacing: 0.5px; transition: 0.3s ease-in-out; } */
.navbar-nav.nav-fill > li:last-child .nav-link {padding: 10px 20px;display: inline-block;font-weight: 700;text-transform: capitalize;font-size: 15px;margin-top: 4px;text-align: center;background: #ff4500!important;color: #fff!important;border: 1px solid #ff4500;width: 100%;}
.navbar-nav.nav-fill > li:last-child .nav-link:hover{background-color: #fff!important;color:#17162f!important;}
.otherpagecss #RadDockZone1.container { max-width: 100%; }
.otherpagecss #RadDockZone1.container #HomepagecontentControl_C table { margin-top: 0px !important; }
.otherpagecss #WidgetControl5 { display: none;}

.heading p {color: #ed531b;text-transform: uppercase;letter-spacing: 2px;font-size: 14px;font-weight: 600;padding: 0px 0px 0px 50px;position: relative;margin: 0 0 7px 0;display: inline-block;}
.heading p::after {content: "";position: absolute;width: 40px;height: 1px;background: #ed531b;left: 0px;top: 12px;}
.heading h2 {color: #17162f;font-weight: 700;font-size: 40px;line-height: 50px;margin: 0px 0px 30px;}
.custom-btn {display: inline-block;background: #ed531b;padding: 16px 28px;color: rgb(255 255 255);font-size: 13px;font-weight: 600;text-transform: uppercase;letter-spacing: 1.5px;border-radius: 5px;transition: 0.3s ease-in-out;}
.custom-btn img { width: 15px; margin: -1px 0px 0px 5px; transition: 0.2s ease-in-out; }
.custom-btn:hover { color: #fff; }
.custom-btn:hover img { transform: translateY(-3px); }
.expert-btn { display: inline-block; background: transparent; border: 1px solid rgb(255, 255, 255); padding: 14px 28px; color: rgb(255, 255, 255); font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 1.5px; border-radius: 5px; transition: 0.3s ease-in-out; }
.expert-btn:hover { color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.09); }

.sub-heading {color: #17162f; font-size: 26px;margin: 0 0 20px 0;font-weight: 700;border-bottom: 1px dashed #ddd;padding: 0 0 6px 0;}
.team-name {color: #17162f; letter-spacing: .2px; font-size: 25px; font-weight: 700;margin: 5px 0 12px 0;}

.banner-section .carousel-caption { width: 60%; margin: 0 auto; top: 30%;}
.banner-section .carousel-caption h1 {font-size: 58px;font-weight: 700;line-height: 62px;margin: 0 0 30px 0;text-shadow: 4px 4px 4px #0000007a;}

.banner-bottom { margin: -80px 0 0 0; position: relative; z-index: 1;}
.banner-bottom .card1 { background: #17162f; padding: 30px;}
.banner-bottom .card1 h2 {font-size: 34px;line-height: 42px;color: #fff;font-weight: 700;margin: 0;}
.banner-bottom .card2 { background: #fff; padding: 30px; border: 1px solid #ddd; position: relative;} 
.banner-bottom .card2::after { content: ''; position: absolute; width: 100%; bottom: 0; left: 0; height: 0; background: #ed531b; transition: all .3s ease-in-out;}
.banner-bottom .card2 .icon {background: #ed531b;display: inline-block;width: 52px;height: 52px;border-radius: 50%;margin: 0 0 16px 0;padding: 8px; position: relative; z-index: 2;}
.banner-bottom .card2 h3 { color: #17162f; font-size: 21px; font-weight: 600; position: relative; z-index: 2;  transition: all .3s ease-in-out;}
.banner-bottom .card2 p { margin: 0; font-size: 15px; position: relative; z-index: 2; transition: all .3s ease-in-out;}
.banner-bottom .card2 p a { color: #ed531b; font-weight: 500; transition: all .2s ease-in-out;}
.banner-bottom .card2 p a:hover { letter-spacing: 1px}
.banner-bottom .card2:hover::after { height: 100%;}
.banner-bottom .card2:hover h3, .banner-bottom .card2:hover p { color: #fff;}
.banner-bottom .card2:hover p a { color: #fff;}

.about-section {padding: 6% 0;}
.about-section .about-pic { position: relative;}
.about-section .about-pic::after {content: '';position: absolute;width: 100%;height: 104%;top: -2%;right: -2%;background: #17162f;opacity: 1;}
.about-section .about-pic img {position: relative;z-index: 1;border: 1px solid #dddddd21;}
.about-section .about-pic .text {position: absolute;background: #ed531bd6;bottom: 5%;left: -4%;z-index: 2;width: 85%;padding: 22px;backdrop-filter: blur(4px);}
.about-section .about-pic .text p {color: #ffffff;font-size: 15px;line-height: 25px;margin: 0;}

.counts-section {padding: 3% 0px;background: #17162f;}
.counts-section .count-bx { padding: 25px; border-right: 1px solid #ffffff17}
.counts-section .count-bx h3 .counter {color: #ffffff;font-size: 60px;line-height: 60px;}
.counts-section .count-bx h3 span {color: #ed531b;font-size: 60px;}
.counts-section .count-bx p {color: #dfdfdf;font-size: 13px;text-transform: uppercase;letter-spacing: 2px;font-weight: 500;margin: 10px 0px 0px;}

.services-section {padding: 5% 0px;}
.ser-content {position: absolute;z-index: 2;bottom: 0;width: 100%;left: 0;}
.ser-text::before {position: absolute;top: 0;z-index: -2;content: "";background: #ed531b;height: 100%;width: 90%;transition: all 0.4s ease 0s;transform: skew(25deg);left: 14px;}
.ser-text {display: inline-block;width: 100%;padding: 14px 30px 20px 40px;position: relative;z-index: 3;transition: all 0.4s ease 0s;}
.ser-pic {overflow: hidden;}
.ser-pic img {transition: all 0.4s ease 0s;}
.ser-card:hover .ser-pic img {transform: scale(1.2);transition: all 0.4s ease 0s;}
.ser-card:hover .ser-text::before {width: 100%;border-radius: 0px;height: 100%;left: 0;top: 0;transform: inherit;}
.ser-text h4 {margin-bottom: 0px;line-height: 24px;}
.ser-text h4 a {font-size: 18px;font-weight: 600;color: #fff;letter-spacing: .2px;}
.ser-card {margin-bottom: 30px;position: relative;}

.calculator-section { background: #17162f;}
.calculator-section .career-card {background-image: url(image/career-bg.jpg);background-size: cover;padding: 8% 8% 8% 32%;}
.calculator-section .career-card .heading p::after { background: #17162f;}
.calculator-section .career-card .text {color: #ececec;font-size: 17px;letter-spacing: .5px;line-height: 30px;}
.calculator-section .career-card .custom-btn {  background: #17162f;}
.calculator-section .calculator-bx { padding: 8% 32% 8% 8%; }
.calculator-section .calculator-card { margin: 10px 0;}
.calculator-section .calculator-card .icon { width: 20%;}
.calculator-section .calculator-card .icon i {display: inline-block;width: 60px;height: 60px;margin: 5px;background: #ed531b;outline: 5px solid #ed531bad;text-align: center;border-radius: 50%;color: #fff;font-size: 23px;line-height: 58px;}
.calculator-section .calculator-card .text { width: 80%;}
.calculator-section .calculator-card .text h5 { color: #f2f2f2; font-size: 21px; margin: 8px 0 12px 0; font-weight: 600; letter-spacing: .5px}
.calculator-section .calculator-card .text p { color: #9e9e9e}

.team-section { padding: 5% 0;}
.team-section .team-card {margin: 40px 0 0 0;padding: 50px 30px;background: #ed531b36;border: 2px solid #ed531b33;}
.team-section .team-card .team-pic img {width: 200px;border-radius: 50%;border: 1px dashed #ed531b;}
.team-section .team-card h5 { color: #ed531b; font-size: 24px; font-weight: 600; margin: 0 0 5px 0;}
.team-section .team-card p { color: #121222; margin: 0;text-align: center;}
.team-card:hover{border:2px solid #ed531b;}

footer {background: #121222;padding: 5% 0 0 0;}
footer h6 {color: #fff;font-size: 19px;font-weight: 600;margin: 0 0 35px 0;letter-spacing: .5px;position: relative;}
footer h6::after {content: '';position: absolute;width: 60px;height: 1px;background: #ed531b;left: 0;bottom: -15px;}
footer p, footer p a {color: #ffffffa6;font-size: 14px;margin: 0 0 10px 0;}
footer p a:hover {color: #ed531b;padding-left: 5px;transition: 0.3s;}
footer .footer-bottom {border-top: 1px solid rgba(204, 204, 204, .4);padding: 15px 0;}
footer .footer-bottom p { margin: 0;}
footer p i { color: #ffffff; margin: 0 5px 0 0}
footer .social-icon a {position: relative;color: #fff;background: rgba(255, 255, 255, .1);font-size: 13px;width: 35px;height: 35px;margin: 0 5px 0 0;display: inline-block;border-radius: 50%;text-align: center;line-height: 2.8;transition: all .2s ease-in-out;}
footer .social-icon a i { position: relative; z-index: 3;}
footer .social-icon a::before{content: '';position: absolute;width:100%;height: 100%;border-radius: 50%;background: #ed531b;left: 0;transform: scale(0);transition: all .4s ease-in-out;}
footer .social-icon a:hover {color: #ffffff;}
footer .social-icon a:hover::before { transform: scale(1);}

.about-banner { padding:7% 0 6% 0; background-image: url("/image/inner-banner.jpg"); background-size: cover; background-position: center center;}
.about-banner h1 { color: rgb(255, 255, 255); font-size: 50px; letter-spacing: 1px; margin-bottom: 10px; text-transform: uppercase; text-align: center; font-weight: 800; line-height: 1.2;}
.about-banner p, .about-banner p a { color: rgb(236, 236, 236); text-align: center;}

.contact-page .contact-info .icon {width: 18%;}
.contact-page .contact-info .icon i  {width: 40px;height: 40px;border-radius: 50%;display: inline-block;padding: 13px;font-size: 15px;color: #fff;background-image: linear-gradient(45deg, #ed531b 0%, #17162f);}
.contact-page .contact-info .text { width: 80%;}
.contact-page .contact-info .text h4 {color: #17162f;text-transform: uppercase;letter-spacing: .5px;font-size: 15px;font-weight: 700;margin: 4px 0 7px 0;}
.contact-page .contact-info .text p, .contact-page .contact-info .text p a {font-size: 14px; line-height: 22px;color: #3f4043;}
@media(max-width:1200px)
{
.contact-page .col-6{width:100%;}
}

@media (min-width: 320px) and (max-width: 768px) {  
  #MenuControl .nav-item .nav-link{border-bottom:1px solid #17162f;}
  .banner-section .carousel-caption a img{display: none;}
  #MenuControl {padding:0px;}
  .heading h2 { font-size: 30px; line-height: 45px; margin: 0px 0px 20px;}
  
  .sub-heading { font-size: 21px;}
  .team-name { font-size: 20px;}

  .banner-section .carousel-item img { height: 300px; object-fit: cover}
  .banner-section .carousel-caption { width: 70%; margin: 0 auto; top: 30%;}
  .banner-section .carousel-caption h1 {font-size: 18px;font-weight: 600;line-height: 26px;}
  /* .banner-section .carousel-caption a  {display: none} */

  .banner-bottom { margin: 10px 0 0 0; position: relative; z-index: 1;}
  .banner-bottom .card1 h2 {font-size: 24px;}

  .about-section {padding: 6% 0;}
  .about-section .about-pic { margin: 40px 0 0 0}
  .about-section .about-pic .text { padding: 20px;}
  .about-section .about-pic .text p {color: #ffffff;font-size: 14px;line-height: 25px;margin: 0;}

  .counts-section .count-bx { padding: 25px; border-right: 1px solid #ffffff17}
  .counts-section .count-bx h3 .counter {color: #ffffff;font-size: 40px;line-height: 50px;}
  .counts-section .count-bx h3 span {color: #ed531b;font-size: 20px;}
  .counts-section .count-bx p {color: #dfdfdf;font-size: 13px;text-transform: uppercase;letter-spacing: 1px;font-weight: 500;margin: 0;}

  .calculator-section .career-card {padding: 6%;}
  .calculator-section .career-card .text { font-size: 15px;letter-spacing: .5px;line-height: 27px;}
  .calculator-section .career-card .custom-btn {  background: #17162f;}
  .calculator-section .calculator-bx { padding: 6%; }
  .calculator-section .calculator-card .icon i { width: 45px;height: 45px; font-size: 17px;line-height: 42px;}
  .calculator-section .calculator-card .text h5 { font-size: 16px; margin: 5px 0 10px 0;}
  
  footer h6 {color: #fff;font-size: 19px;font-weight: 600;margin: 20px 0 35px 0;}
  
  .about-banner h1 {font-size: 27px;}
}

@media (min-width: 1201px) and (max-width: 1440px) {
  .banner-section .carousel-caption { width: 70%; margin: 0 auto; top: 30%;}
  .banner-section .carousel-caption h1 {font-size: 46px;font-weight: 700;line-height: 50px;}

  .calculator-section .career-card {background-image: url(image/career-bg.jpg);background-size: cover;padding: 8% 8% 8% 20%;}
  .calculator-section .calculator-bx { padding: 8% 20% 8% 8%; }
  .calculator-section .calculator-card .icon i {display: inline-block;width: 55px;height: 55px;margin: 5px;background: #ed531b;outline: 5px solid #ed531bad;text-align: center;border-radius: 50%;color: #fff;font-size: 21px;line-height: 58px;}
  .calculator-section .calculator-card .text { width: 80%;}
  .calculator-section .calculator-card .text h5 { color: #f2f2f2; font-size: 20px; margin: 8px 0 12px 0; font-weight: 600; letter-spacing: .5px}

  .about-banner h1 { color: rgb(255, 255, 255); font-size: 42px;}
}

 

/* menu show on hover */

.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}

.dropdown-submenu {
    position:relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top:0;
}
/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(180deg);
}
.dropend .dropdown-menu {
   top: 0;
    left: auto !important;
	right: 100% !important; }

@media(max-width:481px)
{
    .banner-section .carousel-caption{top:0px!important;}
    .expert-btn {margin-top:10px;}
}