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

.head-img {
    position: absolute;
    width: 100%;
    height: 150px;
}
.head-img img{width: 190px;height: 150px;}

body {font-family: "Montserrat", sans-serif; color: #000;}
.table-responsive{overflow: hidden !important;padding: 0;}
a {color: #000; text-decoration:none;font-family: "Montserrat", sans-serif;}
a:hover {color: #000; text-decoration:none;font-family: "Montserrat", sans-serif;}
h1, h2, h3, h4, h5, h6 {font-family: "Montserrat", sans-serif !important;}
p{font-family: "Montserrat", sans-serif;font-size: 16px;color: #000;margin-bottom: 8px; line-height: 28px;} 
section.bnr{padding:0;}
img{max-width:100%;}
li{font-size: 16px;font-family: "Montserrat", sans-serif;}
.navbar-toggler-icon{filter: invert(1);}
/*nav-top*/
.head-img .logo-1{display: none;}
center #form1 .head-img img{display: none;}
center #form1 .head-img .logo-1{display: block;}
.sec-odd img{
    border-top-left-radius: 40%;
    border-bottom-right-radius: 40%;
}
.sec-even img{
    border-top-right-radius: 40%;
    border-bottom-left-radius: 40%;
}
/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {padding: 60px 0;}
  /* background-color */
  .bg-1{background-color:#076899;}
  .bg-2{background-color :#ffffffd9;}
   /* Text-color */
  .cl-1{color:#076899;}
  .cl-2{color :#BC8B1D;}
  .cl-3{color :#00a0dc;}
   /* Font-Size */
  .fs-15{font-size: 15px;}
  .fs-18{font-size: 18px;}
  .fs-22{font-size: 22px;}
  .fs-62{font-size: 62px;}
  /* rm-btn-white */
  .rm-btn-white .hm-btn{position: relative; display: inline-block;color: #BC8B1D;border: 1px solid #076899;padding: 5px 26px; font-size: 15px;transition: 0.2s linear;}
  .rm-btn-white .hm-btn:hover{letter-spacing: 2px; color: #076899; font-weight: 700;}
  .rm-btn-white .hm-btn .fa{position: absolute;top: 6px;right: -12px;color: #076899; background-color: #f2f3f7;font-size: 20px;}
  /* rm-btn-blue */
  .rm-btn-blue .hm-btn{position: relative; display: inline-block;color: #fff;border: 1px solid #fff;padding: 5px 26px; font-size: 15px;transition: 0.2s linear;}
  .rm-btn-blue .hm-btn:hover{letter-spacing: 2px; color: #fff; font-weight: 700;}
  .rm-btn-blue .hm-btn .fa{position: absolute;top: 6px;right: -12px;background-color: #00419ff2;font-size: 20px;}

/*  */
.main-table{font-family: "Montserrat", sans-serif;Font-size:16px;line-height:24px;text-align:justify;padding: 0 5px;}
.main-heading{font-family: "Montserrat", sans-serif;font-weight: 600;Font-size: 28px;color:#BC8B1D;line-height:36px;text-align:left;margin-bottom: 10px;padding: 0;/* border-bottom: 1px dashed #BC8B1D; */}
.sub-heading{font-family: "Montserrat", sans-serif;font-weight:bold; Font-size:17px; color:#333; line-height:30px; margin:0; text-align:left;}
.team-title{font-weight:bold; Font-size:14px; color:#333; line-height:30px; margin:0; text-align:left;}
.main-table ul li{line-height: 28px;color: #000;}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header .head-img {position: relative;padding: 15px 0;}

/*--------------------------------------------------------------
# Expertise
--------------------------------------------------------------*/
.Expertise{padding-top: 60px;background: url("../Image/Expertise_bnnr_Img1.jpg") no-repeat center center;height: 100vh;position: relative;background-size: cover !important;overflow: hidden;display: flex;flex-direction: column;justify-content: space-around;/* margin-top: 90px; */}
.Expertise::before{content: ""; position: absolute; top: 0;  bottom: 0;left: 0; right: 50%; background-color: #ffffffd9; z-index: 1;}
.Expertise_Cont{position: relative;z-index: 2;width: 46%;margin-top:100px;}
.Expertise_Cont h2{font-size: 26px;font-weight: 400;color: #BC8B1D;margin-bottom: 30px;}
.Expertise_Cont h3{font-size: 36px; font-weight: 700; color: #076899;margin-bottom: 30px;}
.Expertise_Cont p{font-size: 15px; color: #076899;margin-bottom: 40px; line-height: 28px;}

/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.About{background: url("../Image/About_bnnr_Img1.jpg") no-repeat center center;  height: 100vh;position: relative;background-size: cover !important;overflow: hidden;    display: flex;flex-direction: column;justify-content: space-around;}
.About::before{content: ""; position: absolute; top: 0;  bottom: 0;left: 0; right: 50%; background-color: #076899; z-index: 1;}
.About_Cont{position: relative;z-index: 2;width: 46%;}
.About_Cont h2{font-size: 26px;font-weight: 400;color: #BC8B1D;margin-bottom: 20px;}
.About_Cont h3{font-size: 36px; font-weight: 700; color: #fff;margin-bottom: 20px;}
.About_Cont p{font-size: 15px; color: #fff;}


/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/
.Team{background: url("../Image/Team_bnnr_Img1.jpg") no-repeat center center;    height: 100vh;position: relative;background-size: cover !important;overflow: hidden;    display: flex;flex-direction: column;justify-content: space-around;}
.Team::before{content: ""; position: absolute; top: 0;  bottom: 0;left: 0; right: 50%; background-color: #ffffffd9; z-index: 1;}
.Team_Cont{position: relative;z-index: 2;width: 46%;}
.Team_Cont h2{font-size: 26px;font-weight: 400;color: #BC8B1D;margin-bottom: 30px;}
.Team_Cont h3{font-size: 36px; font-weight: 700; color: #076899;margin-bottom: 30px;}
.Team_Cont p{font-size: 15px; color: #076899; line-height: 28px;}

/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.Services{background: url("../Image/Services_bnnr_Img.jpg") no-repeat center center;  height: 100vh;position: relative;background-size: cover !important;overflow: hidden;    display: flex;flex-direction: column;justify-content: space-around;}
.Services::before{content: ""; position: absolute; top: 0;  bottom: 0;left: 0; right: 50%; background-color: #076899; z-index: 1;}
.Services_Cont{position: relative;z-index: 2;width: 46%;}
.Services_Cont h2{font-size: 26px;font-weight: 400;color: #BC8B1D;margin-bottom: 20px;}
.Services_Cont h3{font-size: 36px; font-weight: 700; color: #fff;margin-bottom: 20px;}
.Services_Cont p{font-size: 15px; color: #fff;}


/*--------------------------------------------------------------
# footer
--------------------------------------------------------------*/
footer .copyright {transform: rotate(-90deg);bottom: 80px;position: fixed;left: -20px;font-size: 14px;display: inline-block;color: #8b8b8b;font-weight: 400;z-index: 18;display: none;}
/*--------------------------------------------------------------
# ft-right-pagination
--------------------------------------------------------------*/
/*quick-btn*/
.quick-btn{position: fixed;top: 28%;right: 0;z-index: 99;visibility: hidden;}
.quick-btn ul{margin: 0;position:relative;padding: 0;list-style: none;padding: 6px 6px;border-radius: 5px;z-index: -9;}	
.quick-btn ul li{width: 14px;height: 14px;position: relative;margin: 47px auto;right: 0;left: -20px;border: 1px solid #fff;border-radius: 50%;transition:0.5s;}
.quick-btn ul li.active{background: #fff;outline: 1px solid #fff;outline-offset: 4px;position: relative;right: 5px;}	
.quick-btn ul li span{position: absolute;left: -85px;top: -3px;color: #fff;font-size: 15px;padding: 0;border-radius: 5px;transition: 0.5s;text-align: end;line-height: 16px;display:block;}
.quick-btn ul li.active span{font-weight: 700; transition:0.5s;}	
.quick-btn ul li:before {content: '';position: absolute;width: 2px;height: 40px;right: 5px;top: 16px;background: #ffffff;opacity: 0.4;}
.quick-btn ul li.active:after {opacity: 1;animation: line-animate 2s linear;}
.quick-btn ul li:after {content: '';position: absolute;width: 2px;height: 40px;right: 5px;top: 17px;background: #ffffff;opacity: 0;-webkit-transition: 0.5s;}
@keyframes line-animate {
    0% {
        height: 0
    }

    100% {
        height: 40px;
    }
}
.quick-btn ul li:last-child::before {opacity: 0;}
.quick-btn ul li:last-child::after {opacity: 0;}


/*--------------------------------------------------------------
# Media Query
--------------------------------------------------------------*/
@media screen and (max-width:1092px){
    .Expertise,.About,.Team,.Services{height: initial;}
}
@media screen and (max-width:472px){
    .Expertise::before{right: 0;}
    .Expertise_Cont{width: 100%;}
    .About::before{right: 0;}
    .About_Cont{width: 100%;}
    .Team::before{right: 0;}
    .Team_Cont{width: 100%;}
    .Services::before{right: 0;}
    .Services_Cont{width: 100%;}
}

/*--------------------------------------------------------------
# Team_Inner
--------------------------------------------------------------*/
.team_bx{background: linear-gradient(to right, #d6e6f0 0%, #d6e6f0 54%, #88afcd 100%);text-align: center;transition: 0.3s linear;}
.team_bx img{transition: 0.1s linear;width: 220px;padding-top: 16px;}
.team_bx_cont{background-color: #076899;text-align: center;padding: 14px 10px;position: relative;min-height: 80px;}
.team_bx_cont h2{color: #fff;font-size: 17px; font-weight: 600; }
.team_bx_cont h3{color: #3ccaff;font-size: 14px; font-weight: 400; }
.team_bx_cont p{color: #fff;font-size: 14px; font-weight: 400; }
.team-link{position: absolute;right: 0px;bottom: 0px;background: #00a0dc;width: 30px;height: 30px;z-index: 1;transition: 0.5s;}
.team-link .fa{display: flex;justify-content: center;line-height: 30px;font-size: 20px;color: #fff;}
.team_bx:hover img{transform: scale(1.05);}
.team_bx:hover .team-link{width: 50px;}

/*--------------------------------------------------------------
# Team_Inner_home
--------------------------------------------------------------*/
.team_home_link .fa{font-size: 26px;}
.team_home_link .divider{display: inline-block;width: 20px;height: 1px;background-color: #BC8B1D;vertical-align: middle;}
.tm_inr_bx{height: 320px;   width: 100%;background-image: radial-gradient(#fff, #B5D5E1); display: flex;align-items: flex-end;justify-content: space-around;position: relative;}
.tm_inr_bx img{width: 350px;padding: 16px;padding-bottom: 0;}
.tm_inr_bx_cont{background-color: rgba(0,58,140,0.95);padding: 25px 30px;position: relative;width: 100%;top: 30px;padding-bottom: 40px;}
@media screen and (max-width:762px) {
    .tm_inr_bx{display: block; height: initial;}
}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.con_divider{width: 100px; height: 1px; background-color: #3ccaff;}.form-control{border: none;border-bottom:1px solid #000; border-radius: 0;    background-color: transparent;}
.form-control{border: none;border-bottom:1px solid #fff; border-radius: 0;    background-color: transparent;}

/*--------------------------------------------------------------
# Nav-bar
--------------------------------------------------------------*/
/*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{font-weight: 400;font-size: 18px;color:#fff;padding: 5px;}
.nav-fill{width:100%; font-size: 15px;}
.navbar-brand{margin:0;}
.nav-item{position:relative;}
.navbar-toggler{background: #076899;margin: 15px 15px 15px 0;position: fixed;right: 5px; top: 5px; z-index: 9999999;/* filter: invert(1); */opacity: 1;border: #076899;transform: rotate(90deg);}
.navbar-collapse{background: #076899;border: 4px solid #076899;}
/*nav-bar*/

/**/
#WidgetControl5{height: 150px;overflow: hidden;}
#widgetsControl, #widgetsControl_C{height:inherit !important;}
.table-responsive{padding:0; overflow:hidden; border:0;}
#HeaderControl{position:absolute;top: 10px;left:0;width:100%;z-index: 9;}
#MenuControl{position:absolute;top: 65px;right:0;z-index: 9;}
#MenuControl .container-fluid{padding:0;}
#MenuControl .rdCenter,  #HeaderControl .rdCenter{ background-color: transparent !important;}
/* .body-fx #HeaderControl{position: fixed;top: 0;left: 0;width: 100%;z-index: 9;background: #076899;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;} */
/* .body-fx #MenuControl{position: fixed; top: 50px; right: 0; height:100vh; z-index: 9;} */
.body-fx .navbar-collapse { display: none;}
.body-fx .navbar-collapse.show{background: rgba(0,0,0,0.95);position: absolute;text-align: left;display: block;/*width: inherit; */float: right;right: 0;height: 100vh;overflow: hidden;top: 0;display: block;overflow-y: auto; animation: fadeInRight 300ms;transition: 0.5s;z-index: 99999999999999999;}
.nav-fill .nav-item{text-align: left; padding:5px 10px;}
.navbar-collapse{min-width: 30%;height:100vh;position: fixed; right: 0;top: 0px;padding-top: 50px;transition: none;-webkit-transform: translateX(0);  transform: translateX(0);overflow-y: auto;}
.navbar-collapse.show{ animation: fadeInRight 300ms;transition: 0.5s;z-index: 99999999999999999;}
.body-fx .navbar-toggler[aria-expanded="true"] { z-index: 999999999; position: relative; background: #ff0000; border-radius: 50%;  width: 30px; height: 30px;  text-align: center; padding: 5px; margin-top:5px; position: absolute; right: 14px;    border-color: #ff0000;
}
.body-fx .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after{content:"x";position:absolute;top: 79px;left: 10px;width: 40px;height: 40px;background: #ff0000;color: #fff;font-weight: bold;}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after{content:"x";position: fixed;top:-1px;left:-1px;width: 40px;height: 40px;background: #000000;color: #fff;font-weight: bold;border-radius: 50%;line-height: 35px;visibility: visible;}
.navbar-toggler[aria-expanded="true"]{visibility: hidden;}

/**/
@media (max-width: 1170px){
.navbar-expand-md .navbar-nav .nav-link{padding-right:1px; padding-left: 1px;}
.banner-sec{height:700px;}
.hm-service .ser-box {width: 85%; height: 90%;}
}
@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;}
.banner-sec{height:600px;}
.banner-sec .banner-cont{bottom: 20%;}
.hm-service .ser-box{width: 80%;height: 100%;}
.hm-contact .container:before{width: 100%;}
.cont-hm-lft .fa-map-marker{width: 60px;}
.navbar-toggler{ right: 40px;}
	}

@media (max-width: 767px){
    footer .copyright{display: none!important;}
.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: 14px;padding-right: 5px; padding-left: 5px;}
.banner-sec{height:500px;}
.banner-sec .banner-cont{bottom: 40px;}
.hm-service .ser-box {width: 52%;}
.body-fx .navbar-collapse.show{top:0px;}
}
@media (max-width: 568px){
.hm-service .ser-box, .hm-service .ser-bx{transform: rotate(0deg); -webkit-transform: rotate(0deg); width:100%;}
.cont-hm-lft .fa-map-marker { width: 90px;}
}
@media (max-width: 480px){
.body-fx #HeaderControl img, #HeaderControl img{max-width: 80%;}
.navbar-toggler{right: 0px;margin: 5px 5px 5px 0;border: 1px solid #000;filter: none;}
.banner-sec .banner-cont{width:100%;    bottom: 10px;}
}
/*--------------------------------------------------------------
# widgetpage4
--------------------------------------------------------------*/
/* widgetpage4 */
.nav-top-sec{background: linear-gradient(#0768998f, #6f849f73), url(../image/banner-bg-img1.jpg);background-position: center center;background-repeat: no-repeat;background-size: cover;padding: 100px 0;}

/*--------------------------------------------------------------
# innr_footer
--------------------------------------------------------------*/
.carrer-hm .container{background: url(../Image/ft-top-bg.png) no-repeat center ;}
.career-hover{background-color: transparent;}
.career-hover:hover{background-color: #ffffff7c;}

.innr_footer{background-color: #0f172a;margin-top: -64px;padding-top: 90px;}
.innr_footer_ul{padding: 0; display: flex; justify-content: center;margin: 0;  }
.innr_footer_ul li{list-style: none;margin: 4px 8px; padding: 6px 12px;}
.innr_footer_ul li a{color: #94a5b8;}
.innr_footer_social_link{    padding: 0;list-style: none;display: flex;margin-bottom: 0;}
.innr_footer_social_link li{margin: 4px 8px; width: 30px;height: 30px;border: 1px solid #94a5b8; background-color: #94a5b8; border-radius: 50%;   display: flex;justify-content: center;align-items: center;}
.innr_footer_social_link li:hover{background-color: #ffffffc5;}
.innr_footer_social_link li a{color: #000;}

/*--------------------------------------------------------------
# top_footer
--------------------------------------------------------------*/
.top {position: fixed;right: 20px;bottom: 30px;text-align: center;color: #fff;background-color: transparent;border: 1px solid #00a0dc;z-index: 9;cursor: pointer;opacity: 0;transition: ease-in 0.5s;width: 40px;height: 40px;border-radius: 50%;}
.top img{
    position: absolute;
    top: -50%;
    margin-left: -4px;
    left: 50%;
    transform: translateX(-50%);
    transform: rotate(180deg);
    animation: bounces 3s infinite;
    }
.top.scll-top {  opacity: 1; transition: ease-in 0.5s;  bottom: 50px;}
.top .fa { display: block !important;}
.map-hm-rht input::placeholder{color:#fff;}
.map-hm-rht textarea::placeholder{color:#fff;}
.map-hm-rht .alert a{float: inline-end;}

@-webkit-keyframes bounces {
    0%,20%,50%,80%,100% {
        transform: translateY(0)  rotate(180deg);
    }

    40% {
        transform: translateY(-15px)  rotate(180deg);
    }

    60% {
        transform: translateY(-5px)  rotate(180deg);
    }
}