body{ margin: 0; padding: 0; font-family:Arial !important;}
a { text-decoration: none !important;}

.social-hid {
    display: none;
}

.heading h2 {
    /* padding-left: 11%; */
    text-align: center;
}

.fix-box{    position: fixed;
    top:40%; left:0; z-index:999; font-size: 14px;}
.social-fx{list-style:none; padding-left:0; margin:0;}
.social-fx li{    background: #242c42;
    width: 148px;
    padding-left: 10px;
    clear: both;
    height: 45px;
    line-height: 48px;
    margin-top: 2px;
    margin-left: -104px;
    transition: 0.5s;
    overflow: hidden;}
.social-fx li a{color:#fff;}
.social-fx li strong{font-weight:normal;}
.social-fx li span{float: right; margin-top: -3px;}
.social-fx li:hover{margin-left:0; transition:0.5s;}

.bx-item {
    padding: 30px;
    position: relative;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 29px 0 rgba(68, 88, 144, 0.12);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
    z-index: 1;
    border: 1px dashed #0391a1;
    margin: 10px auto;
    text-align: center;
    width: 200px;
    /* white-space: break-spaces; */
    height: 170px;
}
.bx-item::before {
    content: '';
    position: absolute;
    background: #234762;
    right: 0;
    left: 0;
    margin: 0 auto;
    bottom: -10px;
    width: 20px;
    height: 20px;
    border-radius: 0px;
    transition: all 0.3s;
    z-index: -1;
    transform: rotate(45deg);
}
.bx-item:hover::before {
    background: #234762;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 0px;
	transform: rotate(0deg);
}
.bx-item i {
    font-size: 40px;
    color: #234762;
    margin-bottom: 10px;
}

.bx-item h4 {
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 10px 0;
    color: #234762;
    /* word-break: break-all; */
    /* word-wrap: break-word; */
    white-space: break-spaces;
}

.bx-item p {
    font-size: 15px;
    color: #111;
}
.bx-item a {
    color: #0fa5b6;
}
.bx-item:hover, .bx-item:hover .fa, .bx-item:hover h4, .bx-item:hover p, .bx-item:hover a {
    color: #fff; text-decoration:none;
}

.alltop {
    margin-top: -13%;
    -webkit-box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 8%);
    box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 8%);
    z-index: 3;
    padding-top: 45px !important;
    position: relative;
    background: white;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
    padding-bottom: 45px !important;
}
p {font-size: 16px;text-align: justify;list-style:none;letter-spacing: .5px;margin: 0 0 12px 0;line-height: 1.6;color: #244863;}

.main-table ul li {margin: 0.5rem 0;font-size: 16px;list-style:none;letter-spacing: .5px;margin: 0 0 12px 0;line-height: 1.6;color: #244863;text-align: justify;}
.main-table ul li:before {
    content: "\f192";
    font-family: "FontAwesome";
    display: inline-block;
    margin-left: -1.3em;
    width: 1.3em;
    font-size:16px;
    color: #8eba3c;
}
.custom-btn {color: #fff; display: inline-block; padding: 10px 28px; font-size: 14px; text-transform: uppercase; border: 1px solid #fff; letter-spacing: .8px;}
.custom-btn:hover { background: #8eba3c; color: #fff;}
.custom-btn1 {color: #0e0e0e; display: inline-block; text-transform: uppercase; font-weight: 600; border: 1px solid #a1a1a1; padding: 10px 28px; font-size: 14px;}
.custom-btn1:hover { background: #0e0e0e; color: #fff;}
.heading h2 {font-size: 36px;color: #244863;font-weight: 600;margin: 0 0 20px 0;letter-spacing: .5px;}
.heading h2 span { color: #8eba3c; }
.sub-heading {color: #244863;font-size: 21px;margin: 0 0 20px 0;font-weight: 600;text-align: left;}

.top-header { background: #234762; padding: 10px 0;}
.top-header a { margin: 0; color: #ebebeb; font-size: 14px;}
.top-header i { color: #ffffff; font-size: 14px;}
.top-header .request-btn {color: #fff;display: inline-block;padding: 5px 12px;font-size: 13px;border: 1px solid #8eba3c;letter-spacing: .3px;background: #8eba3c;} 

.banner-section .carousel-caption { text-align: left; width: 40%; left: 8%; top: 25%;}
.banner-section .carousel-caption h1 { font-size: 40px; font-weight: 700; margin: 0 0 20px 0;}
.banner-section .carousel-caption h1 span{font-size: 22px;}
.carousel-caption a{color:#8eba3d; font-weight:900;font-size:14px;}
.carousel-caption a:hover{color:#fff;}
.about-section { padding: 7% 0;}
.about-section p {text-align: justify !important;}
.about-section .mission { background: #8eba3c; padding: 40px; width: 80%; outline: 1px dashed #fff; outline-offset: -12px; border-radius: 15px; min-height: 200px; position: relative;}
.about-section .mission:after { content: ""; position: absolute; bottom: auto; left: 20px; width: 0; border-left: 14px solid transparent; border-right: 14px solid transparent; border-top: 14px solid #8eba3c; top: 100%;}
.about-section .mission h4 { color: #030303;}
.about-section .mission h4, .about-section .vision h4 { font-size: 22px; font-weight: 600;}
.about-section .vision { background: #244863; padding: 40px; width: 80%; margin-left: 20%; margin-top: -30px; outline: 1px dashed #fff; outline-offset: -12px; border-radius: 15px; position: relative; z-index: 1;}
.about-section .vision:after { content: ""; position: absolute; bottom: auto; right: 20px; width: 0; border-left: 14px solid transparent; border-right: 14px solid transparent; border-top: 14px solid #234762; top: 100%;}
.about-section .mission p, .about-section .vision p { font-size: 14px; margin: 0;}
.about-section .mission p { color: #0e0e0e;}
.about-section .vision p { color: #eeeeee; font-weight: 300;}

.counts {padding: 6% 0;background-image: url('image/count-bg.jpg');background-size: cover;}
.counts .count-bx h2 {color: #fff;font-size: 44px;font-weight: 700;text-align: center;margin: 40px 0 15px 0;} 
.counts .count-bx p {color: #e2e2e2;margin: 0;text-align: center;font-size: 20px;}
.counts h5.count-heading {color: #8eba3c;font-weight: 600;margin: 0 0 20px 0;letter-spacing: .5px;text-align:center;}
.counts h5.count-heading span { color: #8eba3c; }

.service-section { padding: 7% 0; background: #eeeeee;}
.service-section .ser-card {background: #fff;padding: 30px;border-radius: 20px;margin: 10px 0 20px 0;height: 100%;}
.service-section .ser-card img { width: 60px; margin: 0 0 18px 0;}
.service-section .ser-card h5 {color: #244863;font-weight: 600;margin: 0 0 15px 0;font-size: 20px;}
.service-section .ser-card p { text-align: justify; margin: 0 0 15px 0;}
.service-section .ser-card a { display: inline-block; background: #8eba3c; color: #fff; text-transform: uppercase; font-size: 13px; font-weight: 500; letter-spacing: .5px; padding: 8px 12px;}

.team-section {padding: 6% 0;}
.team-section img { border-radius: 50%;}
.team-section h5 {color: #244863;font-size: 27px;text-align: left;font-weight: 600;margin: 0 0 15px 0;}
.team-section p a { color: #8eba3c; font-size: 17px; font-weight: 600;}
.team-section .social-icon a { display: inline-block; width: 40px; height: 40px; margin: 0 6px 0 0; background: rgba(36, 72, 99, .15); border-radius: 50%; text-align: center; line-height: 2.3;}
.social-hid a { display: inline-block; width: 40px; height: 40px; margin: 0 0px 0px 0; background: rgba(00, 00, 00, .15); border-radius: 50%; text-align: center; line-height: 2.3;}

.contact-section { padding: 0 0 7% 0;}
.contact-section .form-control, .contact-section .form-select {margin: 0 0 18px 0;background-color: #ebebeb;border: 0;padding: 15px;}
.contact-section input[type="button"] {color: #fff; background: #8eba3c; display: inline-block; text-transform: uppercase; font-weight: 600; letter-spacing: .7px; border: 0; padding: 12px 32px; font-size: 14px;}

h2 {
    margin: 1.5rem 0;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    color:#234762;
    font-weight:bold;
}

h2 .featured {
    position: relative;
    display: inline-block;
    padding: 5px 15px;
    color: var(--primary-color);
}


h2 .featured:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    border-radius: 4px;
   background: #8eba3c;
    opacity: 0.15;
}


h2 .featured span {
    position: relative;
    color:#8eba3c;
}

h2 .featured.bottom {
    padding: 0;
}

h2 .featured.bottom:before {
    top: 50%;
    left: 3px;
    width: 100%;
    height: 42%;
    opacity: 0.15;
}

.inner-banner h1 { color: #fff; font-size: 52px; font-weight: 700; letter-spacing: .5px; text-align: left;}
.inner-banner p { color: #fff; text-transform: uppercase; font-size: 14px; font-weight: 400; letter-spacing: .4px; text-align: left;}
.inner-banner p a:hover { color: #fff;}

.vision-mission { background: #244863; padding: 5% 0;}
.vision-mission h5 {color: #fff;font-size: 24px;letter-spacing: .7px;text-align: left;}
.vision-mission p  {color: #d8d8d8; margin: 0; letter-spacing: .15px;}

.section-2 { background: #244863; padding: 5% 0;}
.section-2 ul, .section-2 ul li { list-style-type: none; margin: 0; padding: 0;}
.section-2 ul li { color: #ececec; margin: 0 0 7px 0; display: flex; font-size: 15px; letter-spacing: .4px;}
.section-2 ul li i { color: #8eba3c; font-size: 18px; margin: 1px 5px 0 0;}
.section-2 .left-line { border-left: 1px solid rgba(255, 255, 255, 0.3);}

.industry-card { box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset; padding: 18px 10px; margin: 10px 0; min-height: 85px;}
.industry-card p { margin: 0; text-align: center; font-weight: 500; letter-spacing: .2px;}

.contact-page { padding: 5% 0;}
.contact-page .contact-info { padding: 10px 20px 0 20px;}
.contact-page .contact-info i { color: #244863; font-size: 27px;}
.contact-page .contact-info h5 {font-size: 14px;font-weight: 700;text-align: left;margin-bottom: 3px;text-transform: capitalize;letter-spacing: .1em;}
.contact-page .contact-info p, .contact-page .contact-info p a { color: #234762;}
.contact-page .contact-form .form-control, .contact-page .form-select {margin: 0 0 18px 0;background-color: #ebebeb;border: 0;padding: 15px;}
.contact-page option { color: #1a1a1a !important;}
.contact-page .contact-form .form-control::placeholder { color: #1a1a1a;}
.contact-page .contact-form input[type="button"] {color: #fff; background: #8eba3c; display: inline-block; text-transform: uppercase; font-weight: 600; letter-spacing: .7px; border: 0; padding: 12px 32px; font-size: 14px;}

footer { background: #080d10; padding: 5% 0 0 0;}
footer .footer-bottom { margin: 5% 0 0 0; background: #060a0c; padding: 18px 0;}
footer .footer-bottom p, footer .footer-bottom p a { color: #c0c0c0; margin: 0;}
footer .footer-bx {background: rgba(255, 255, 255, 0.05);padding: 30px;border-radius: 10px;min-height: 100%;}
footer .footer-bx h4 { color: #fff; margin: 0 0 25px 0; font-size: 20px;}
footer .footer-bx p a, footer .footer-bx p { color: #c0c0c0; font-size: 14px; margin: 0 0 8px 0; display: flex;}
footer .footer-bx p a i { color: #8eba3c; margin: 3px 8px 0 0; font-size: 15px;}
footer p {color: #c0c0c0; margin: 0 0 15px 0;}
footer p i { color: #fff; margin: 0 5px 0 0;}
footer .footer-title{color: #fff;margin: 0 0 25px 0;font-size: 20px;margin-top:16px;margin-bottom:10px;font-weight: 500;}
@media (min-width: 320px) and (max-width: 768px) { 
	.carousel-indicators{z-index:0 !important;}
    p, .main-table ul li { font-size: 14px;}
    .custom-btn { padding: 8px 18px; font-size: 13px; letter-spacing: .4px;}
    .custom-btn1 {padding: 8px 18px; font-size: 13px;}
    .heading h2 {font-size: 28px !important;}
    .sub-heading { font-size: 21px;}

    .top-header p { margin: 0; color: #ebebeb; font-size: 13px;}
    .top-header .request-btn { padding: 3px 8px; font-size: 12px;} 

    .banner-section .carousel-caption {text-align: left;width: 46%;left: 8%;top: 25%;}
    .banner-section .carousel-caption h1 { font-size: 40px; font-weight: 700; margin: 0 0 20px 0;}

    .about-section .mission { margin: 10px 0 0 0; padding: 30px; width: 80%; outline-offset: -10px;}
    .about-section .vision { padding: 30px; width: 85%; margin-left: 15%; outline-offset: -10px;}

    .counts .count-bx h2 { font-size: 26px; margin: 0 0 5px 0;} 
    .counts .count-bx p { color: #e2e2e2; margin: 0; text-align: center; font-size: 15px; margin: 0 0 20px 0;}

    .inner-banner { padding: 9% 0;}
    .inner-banner h1 { font-size: 30px;}

    .vision-mission { background: #244863; padding: 5% 0;}
    .vision-mission h5 { color: #fff; font-size: 24px; letter-spacing: .7px;}
    .vision-mission p  {color: #d8d8d8; margin: 0; letter-spacing: .15px;}
}


@media (min-width: 320px) and (max-width:768px) {
    #HeaderControl {
        /* width: 80%; */
        /* text-align: center; */
        top: 89px;
    }

    #MenuControl {
        /* right: 0% !important; */
        /* width: 20%; */
        background: rgb(200 200 200 / 20%) !important ;
        /* top: 89PX; */
    }


    .navbar {
        padding: 12.5px 5px;
    }

    #navbarNavDropdown {
        /* height: auto; */
        /* position: absolute; */
        /* right: -9%; */
        background: #234662;
        /* width: 544%; */
        /* margin-top: 12px; */
    }

    .navbar-expand-md .navbar-nav .nav-link {
        color: #212121 !important;
    }
}



/*nav-bar*/
.dropdown-toggle {
    position: relative;
}


.nav-item {
    /* margin: 5px  10px; */
}

.nav-link {
    font-weight: 600;
    font-size: 15px;
    padding: 5px 0px;
    margin: 0;
    color: #0b0b0b;
}

.nav-fill {
    font-size: 14px;
}

.navbar-brand {
    margin: 0;
}

/*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;
    }
}
h2 a{float:right;}
@media (max-width: 769px) {}

a {
    text-decoration: none;
}

@media (max-width: 767px) {
	h2 a{float:none;}
    .fix-box{display: none;}
    .social-hid{display:none;}
    .navbar.navbar-expand-md {
        text-align: center;
        /* width: 84%; */
    }
    #MenuControl_C .bg-light{
        /* width: 90%; */
    }

    .navbar.navbar-expand-md .container-fluid {
        display: block;        padding: 0;
    }

    .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 .nav-link.dropdown-toggle::after {
        position: absolute;
        right: 5px;
        top: 15px;
    }

    .navbar-expand-md .navbar-nav .nav-link {
        font-size: 14px;
        padding-right: 5px;
        padding-left: 5px;
        color: #fff !important;
    }
}

.table-responsive {
    min-height: .01%;
    overflow: hidden !important;
    border: 0;
    padding: 0;
}

#widgetsControl_C,
#widgetsControl {
    height: auto !important;
}

#HomepagecontentControl p{
    text-align:justify;
    margin: 0 0 10px 0;
}
#HomepagecontentControl li {
    text-align: justify;
    margin: 6px 0 50px 0;
}

.dropdown-menu {
    border-radius: 0 !important;
    padding: 0;
    /* min-width: 240px; */
}
#HeaderControl, #HeaderControl_C{height: 80px !important; float: inline-start;padding-left: 4%;}
#MenuControl, #MenuControl_C {height: 80px !important; float: inline-end;padding-right: 1%;}

.bg-light { background: #fff !important;}

.industry-served .item {display: inline-block;margin: 20px 10px;/* padding: 12px; *//* box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset; *//* width: 200px; *//* height: 200px; */}
.industry-served .item img { width: 190px;}

  .navbar-nav li:hover > ul.dropdown-menu {
      display: block;
  }
  .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; top:0;
      left: auto !important;
  }

.mile-box {
	width: 100%;
	clear: both;
	position: relative;
	margin: 20px 0
}
.mile-box ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	z-index: 1
}
.mile-box ul li {
	display: block;
	padding: 0 10px;
	position: relative;
	min-height: 121px
}
.mile-box ul li:nth-child(odd) {
	background: #f5f5f5;
	padding: 10px;
	margin-bottom: 23px
}
.blue-bg {
	background: #3b88e7
}
.red-dr-bg {
	background: #e73b53
}
.mile-box ul li .date-box-m {
	display: inline-block;
	height: 100px;
	width: 100px;
	border-radius: 50%;
	padding: 19px 0 0;
	text-align: center;
	color: #fff;
	border: solid 5px #dcdcdc;
	font-family: cursive;
	position: absolute
}
.red-bg {
	background: #e74a3b
}
.megen-bg {
	background: #6d3be7
}
.blue-bg {
	background: #3b88e7
}
.mile-box ul:before {
	position: absolute;
	content: "";
	height: 100%;
	width: 5px;
	background: #dcdcdc;
	left: 57px;
	z-index: -1
}
.green-bg {
	background: #32daca
}
.mile-box ul li .text-box-m {
	margin: 0 0 0 17px;
	display: inline-block;
	font-size: 16px;
	color: #5d5d5d;
	width: 90%;
	padding: 18px 0 0 114px
}
.service-card {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 1rem;
    height: 100%;
}

.modal-backdrop {z-index: -1;}
.navbar {z-index:1 !important;}
.modal.show{background-color:#00000070 !important;}

.modal-dialog { padding:4% 20px 0 20px;}
.modal-content #divmainenquiry11 { padding: 30px;}
.modal-content .form-control { margin: 0 0 15px 0; padding: 15px }
@media(min-width: 1920px){
#HeaderControl, #HeaderControl_C{height: 80px !important; float: inline-start;padding-left: 13%;}
#MenuControl, #MenuControl_C {height: 80px !important; float: inline-end;padding-right: 10%;}
}

@media(min-width: 992px){
    .navbar-expand-md{height: 100%;}
}
    @media (max-width: 767px) {
    .heading {
    margin-right: -20px;
}

}


@media (max-width:600px){
	.banner-section .carousel-caption{top: 19%;left: 2%;}
	.carousel-item>img{aspect-ratio:1/1;object-fit:cover;}
	.carousel-caption h1{line-height:26px;}
	.banner-section .carousel-caption h1 span{font-size: 16px;font-weight:500;line-height:0.1px;}
}

#WhatsNewControl {position: absolute;right: -10px;top: 300px;}
#CalendarControl { margin: 65px 0 0 0;}
#CalendarControl_C { height: 220px !important}
#CalendarControl_C_ctl00_Label1 { font-size: 20px !important; color: #fff; padding: 14px 0; font-weight: 500 !important; letter-spacing: .5px} 

.navbar-toggler {background: #fff;}
@media (min-width: 320px) and (max-width: 768px) {
    #WidgetControl4 {/* position: absolute; *//* width: 40%; *//* top: 60px; *//* z-index: 2; */}
    #MenuControl {/* width: 70%; *//* margin-left: 30%; */}
    #MenuControl, #MenuControl_C {/* height: 60px !important; */}
}

@media (min-width: 320px) and (max-width: 768px) {
    #WhatsNewControl { position: relative; right: -2px; top: 20px; }
    #CalendarControl { margin: 0;}
}
  .whatsapp_btn{
      position: fixed;
      bottom: 5em;
      right: 20px;
      width: 55px;
      height: 55px;
      z-index: 9999;
  }
  .whatsapp_btn .icon_logo{
      position: relative;
      z-index: 100;
      padding: 5px;
  }
  
  .whatsapp_btn .icon_logo > a > img{
      width: 100%;
  }
  
  .whatsapp_btn .circle_waves{
      border-radius: 50%;
      background-color: #3cc04e;
      width: 55px;
      height: 55px;
      position: absolute;
      opacity: 0;
      bottom: 1px;
      left: 0px;
      z-index: 99;
      animation: waves 4s infinite cubic-bezier(.36, .11, .89, .32);
  }
  
  @keyframes waves {
      from {
          transform: scale(.55, .55);
          opacity: .6;
      }
      to {
          transform: scale(1.8, 1.8);
          opacity: 0;
      }
  }

.card-vision {box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;border-radius:10px; padding:10px 20px; }
.card-vision h2 .featured{padding: 0px 15px;}