@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=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
*{margin:0;padding:0;box-sizing:border-box;line-height:30px;}
body { margin: 0; padding: 0; font-family: "Roboto", sans-serif; overflow-x: hidden;}
p, li {color: #272727;font-size: 15px;line-height: 1.7;/* letter-spacing: .5px; */margin: 0 0 5px 0;font-weight: 400;font-family: "Roboto", sans-serif;}
.main-table li {color: #313131;font-size: 16px;letter-spacing: .4px;line-height: 1.5;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;font-weight: 100;}

.main-table { text-align: left}

#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: #151515;font-size: 15px;/* font-weight: 600; *//* letter-spacing: 1px; *//* text-transform: uppercase; */}
#MenuControl .nav-fill{width:100%;}
#MenuControl .bg-light { background: transparent !important; height: 100%;}

#HeaderControl.RadDock_Default .rdMiddle .rdCenter, #HeaderControl.RadDock_Default .rdBottom .rdCenter {
    background-color: transparent !important;
}

#MenuControl.RadDock_Default .rdMiddle .rdCenter, #MenuControl.RadDock_Default .rdBottom .rdCenter {
    background-color: transparent !important;
}

#HomepagecontentControl_C { margin-top: -21px}

.dropdown, .dropdown-menu li {margin-bottom: 0;}
.dropdown-menu {
    border-radius: 0 !important;
    padding: 0;
    min-width: 240px;
}

.dropdown-menu .dropdown-item {
    font-size: 14px;
    padding: 5px 10px!important;
}


@media (min-width:1023px) {

    .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 {
        transform: rotate(180deg);
    }

    .dropend .dropdown-menu {
        right: 100% !important;
        top: 0;
        left: auto !important;
    }

}

.sub-heading{padding-bottom: 10px;margin-bottom: 20px;position:relative;text-align:left;font-size: 38px;font-weight: bold;color: #00529c;font-family: 'Roboto';}
.sub-heading:before{content:"";position:absolute;left:0;bottom:0;width: 100px;height: 2px;background-color:#00529c;}
.team-title{font-weight:bold;Font-size: 24px;color: #00529c;line-height:30px;text-align:left;margin: 0 0 12px 0;}
.custom-btn {text-align:center;}
.custom-btn a{ font-family: "Lato";font-size:14px;font-weight:900; display:inline-block;box-shadow: 0 0 0 rgba(0, 0, 0, .3);background: #011b54;color: #ffffff;padding: 10px 30px;}


.top-header {padding: 5px 0 0 0;}
.top-header p, .top-header p a{color: #232323;font-size: 13px;}
.top-header p i { color: #00529c; }

header img { width: 90%; padding: 10px 0}

.banner-section .carousel-caption { text-align: left; width: 45%; left: 7%; top: 25%;}
.banner-section .carousel-caption h1 {color: #011b54;font-size: 46px;font-weight: 900;}
.banner-section .carousel-control-next, .banner-section .carousel-control-prev { width: 8%;}
.banner-section .carousel-control-next-icon, .banner-section .carousel-control-prev-icon { filter: brightness(0);}

.banner-btn-sec {position:relative;bottom: 53px;z-index: 4;}
.banner-btn-sec .service-box{overflow:hidden;text-align:center;padding: 40px 22px;color: #ffff;background-color:#00529c;z-index: 2;min-height: 210px;animation: zoomIn 1000;}
.banner-btn-sec .service-box:hover { background-position: right center;}
.ind-crd{margin-bottom:45px;}
.banner-btn-sec .service-box p{font-size: 16px;color:#fff;font-family: 'Lato';line-height: 24px;text-align: center;}
.banner-btn-sec h4{line-height:40px;margin: 10px 0 20px;}
.banner-btn-sec h4 a{color:#fff;text-decoration:none;font-weight: 900;font-size: 27px;font-family: 'Roboto';}
.banner-btn-sec .service-box span.bottom10 {/* border: 1px solid #fff; */font-size: 40px;padding: 5px 20px;line-height: 70px;overflow: unset;position: absolute;top: -40px;left: 47%;height: 90px;width: 90px;border-radius: 50%;background: #011b54;}
.bg-2 .service-box{background-color:#011b54;color: #ffff;padding-top: 65px;}

.hm-abt,.hm-ser,#inds,.let-connect{padding:5% 0;}

.hm-abt {position:relative;color: #fff;padding: 0;z-index:1;margin-top: 30px;}
div#bg-4 {background:#00529c;}
.hm-abt:before{ content:""; position:absolute;left:0;top: 0;background:#00529c;width:50%;height:100%;z-index: -1;}
.hm-abt-img img {margin-top: -30px;}
.abt-wrpr{padding: 20% 5% 20% 0;color: #fff;}
.abt-wrpr p{font-size: 18px;color: #fff;font-weight: 300;letter-spacing: .2px;margin: 0 0 20px 0;}
/*outline btn start*/
.out-line-btn{margin-top:20px; border:1px solid #ffffff;font-family: "Lato";font-size:14px;font-weight:900; transition:ease-out .3s; display:inline-block;box-shadow: 0 0 0 rgba(0, 0, 0, .3);color: #ffffff;padding: 10px 30px;}
.out-line-btn:hover{box-shadow: 0 2px 5px rgba(0, 0, 0, .3);background: #00529c;color: #ffffff; transform:translateY(-5px);}
/*outline btn end*/
p.qote {font-size: 17px;word-spacing: 7px;position:relative;padding-left: 50px;padding-top: 40px;font-style: italic;color: #fff;}
p.qote:before{content:"\201C";position:absolute;left:0;top: -30px;font-size: 130px;font-family:"Roboto";opacity: 0.2;}

/* services section start */
.ser-item{display: flex;gap: 20px;/* align-items: baseline; */}
.ser-item{color:#00529c;font-size: 38px;transition:ease .5s;margin: 0 0 20px 0;}
.ser-item:hover{color:#000;}
.ser-item .ser-bdy .sub-hd:hover .ser-item .ser-icn{color:#000;}
.ser-item .ser-bdy .sub-hd{color: #000;font-size: 20px;line-height: 27px;display: block;text-align: left;padding-bottom:10px;margin-bottom: 15px;font-weight: 400;position:relative;font-family: 'Roboto';}
.ser-item .ser-bdy .sub-hd:before{content:"";position:absolute;bottom:0;left:0;width:30px; height:2px; background-color:#000;}
.ser-item .ser-bdy p{font-family:"lato";font-size:14px;color:black;text-align:justify;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;line-height: 20px;}
/* services section end */

/* services form section start */
.ser-ptr{background-image:url(Image/ser-ptr.jpg);/* background-attachment: fixed; */background-size:cover;background-position:center;color: #fff;padding: 10% 0;position: relative;z-index: 1;text-align:center;}
.ser-ptr:before{content:"";position:absolute;left:0;top:0;width: 100%;height: 100%;background-color:#3367999e;z-index: 0;}
.ser-ptr p{z-index:1;position:relative;margin:0;text-align: center;font-family: 'roboto';font-size: 20px;font-weight: 300;font-style: normal;line-height: 25px;color: #fff;}
.ser-frm{background-color: #ededed;padding: 25px;}
.ser-frm .form-control{border-radius: 2px;padding: 12px 16px;font-size: 14px;margin: 0 0 12px 0;}
.ser-frm input[type='button'] {background: #00529c;border: 0;color: #fff;font-size: 15px;padding: 10px 30px;}
/* services form section end */

/* Industries section start */
#inds{background-color:#00529c;color:#fff;padding:5%;}
#inds .ind-crd p{color: #fff;font-size: 19px;line-height: 27px;text-align: left;padding-bottom:10px;margin-bottom:20px;margin-top: 20px;font-weight: 200;position:relative;font-family: 'Roboto';text-transform: capitalize;}
#inds .ind-crd p:before{content:"";position:absolute;bottom:0;left:0;width:40px; height:2px; background-color:#fff;}
#inds .ind-crd img{filter: brightness(0)invert(1);height: 60px;}
/* Industries section end */

/* footer section start */
footer{background-color:#232323;padding: 2% 10px 0;}
footer h2{color: #fff;font-size: 20px;line-height: 27px;text-align: left;padding-bottom:10px;margin-bottom:20px;font-weight: 200;position:relative;}
footer h2:before{content:"";position:absolute;bottom:0;left:0;width:40px;height:1px;background-color: #00529c;}
footer p a{display:flex;gap:10px;color:#fff;font-size:14px;align-items:baseline;}
footer p a:hover { color: #fff}
footer p a i{font-size: 18px !important;}
footer .links{font-size:14px; list-style-type:none;padding:0;}
footer .links li { font-size: 14px; margin: 0; letter-spacing: .5px}
footer .links li a, footer p {color: #e9e9e9;font-weight: 300;}
footer .ft-adrs h3{font-size: 27px;font-weight:300;color: #fff;line-height: 34px;font-family: 'Roboto';letter-spacing: -.02em;}
footer .ft-adrs {text-align:center;}
footer .ft-adrs .adrs{font-size: 19px;color: #ffffff;text-align: center;line-height: 30px;font-weight: 400;margin: 0 0 12px 0;letter-spacing: .4px;font-family: 'Lato';}
.copyright{text-align:center;}
.copyright p{font-size:14px;line-height: 21px;color: #fff;text-align: center;font-family: 'Lato';}
.copyright a{display:inline;}
footer hr { color: #fff; margin: 30px 0}
/* footer section end */

.inner-banner { padding: 10% 0; background-image: url('image/inner-banner.jpg'); background-size: cover; position: relative;}
.inner-banner::after { content: ''; position: absolute; width: 100%; height: 100%; background-image: linear-gradient(90deg, rgba(255, 255, 255, .92)50%, rgba(255, 255, 255, .0)); top: 0; left: 0;}
.inner-banner .text { position: relative; z-index: 2;}
.inner-banner .breadcrumds a, .inner-banner .breadcrumds {color: #232323;font-size: 15px;text-transform: uppercase;/* letter-spacing: 1px; */margin: 0 0 10px 0;font-weight: 600;text-align: left;}
.inner-banner p { text-align: left}
.inner-banner h1 {color: #232323;font-size: 48px;text-align: left;/* font-weight: 300; */position: relative;}
.inner-banner h1::after { content: ''; position: absolute; width: 80px; height: 3px; background: #00529c; left: 0; bottom: -10px;} 

.main-table { padding: 6% 0;}
.main-table img { border-radius: 8px;}

.mission-text { background: #e6eff8; padding: 30px; border-left: 4px solid #00529c;}

.team-page .team-card { margin: 15px 0;}
.team-page .team-card img{ border-radius: 0;}
.team-page .team-card .team-detail { background: #00529c; padding:30px 15px; min-height: 175px;}
.team-page .team-card .team-detail h4 { color: #fff; font-size: 22px; font-weight: 300; letter-spacing: .5px; text-align: center;}
.team-page .team-card .team-detail h4 span { font-size: 15px; text-transform: uppercase;}
.team-page .team-card .team-detail p { color: #f6f6f6; font-size: 16px; letter-spacing: .2px; text-align: center; margin: 0; line-height: 1.6;}

.industries { margin: 0 0 50px 0; align-items: center;}
.industries .icon { width: 20%; margin: 0 25px 0 0; opacity: .95; padding: 5px;}
.industries .text { width: 75%;}
.industries .text h4 { font-size: 20px; color: #131313; font-weight: 600; line-height: 1.4; position: relative;}
.industries .text h4:before{content:"";position:absolute;left:0;bottom:-8px;width: 40px;height: 2px;background-color:#00529c;}

.contact-page .contact-form label{ font-size: 14px; text-transform: uppercase; margin: 15px 0 0 0; font-weight: 600; letter-spacing: .5px;} 
.contact-page .contact-form .form-control { padding: 10px;}
.contact-page .contact-form input[type='button'] { background: #00529c; color: #fff; border: none; margin: 20px 0 0 0; padding: 12px 34px;}

#HomepagecontentControl  { min-height: 200px !important}
#HeaderControl_C, #HeaderControl, #MenuControl_C, #MenuControl {height: 80px !important;}
@media (min-width: 320px) and (max-width: 768px) { 
    p, li { font-size: 15px; line-height: 1.7; letter-spacing: .5px;}
    .main-table li {font-size: 15px;letter-spacing: .4px;line-height: 1.5;}

    .navbar-toggler {position: absolute;right: 15px;top: -40px;background: #fff}
    #MenuControl, #MenuControl_C { height: 20px !important;}
    #HeaderControl, #HeaderControl_C {height: 75px !important;}
    .navbar-collapse {background: #00529c;margin-top: -10px}

    .service-box span.bottom10 { display: none}
}

@media(min-width: 1200px) {
    

.body-fx #HeaderControl {
    height: 90px;
    float: Left;
    position: fixed;
    width: 36%;
    padding: 0;
    padding-left: 0;
    background: rgb(255 255 255);
    z-index: 99;
    text-align: left;
    transition: 0.5s;
    height: 68px !important;
    top: 0;
}
.body-fx #HeaderControl_C{height:68px !important;}
.body-fx #HeaderControl header{display:none;}
.body-fx #logo-web {
    margin-top: 6px;
	
}

.body-fx #MenuControl_C {
    height: 68px !important;
}

.body-fx #MenuControl {
    height: 90px;
    float: Right;
    position: fixed;
    right: 0;
    width: 67%;
    padding: 0;
    padding-right: 0;
    background: rgb(255 255 255);
    transition: 0.5s;
    top: 0;
    height: 68px !important;
}

}