@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Baloo+Thambi+2:wght@400;500;600;700;800&display=swap');
body {font-family: 'Poppins', sans-serif; color: #444444;}
p {font-family: 'Poppins', sans-serif;  margin: 0 0 10px;  font-size: 15px;  font-weight: 300; text-align:justify;}
h1, h2, h3, h4, h5, h6 {font-family: 'Baloo Thambi 2', cursive;}
a{font-family: 'Poppins', sans-serif !important; }
span{font-family: 'Poppins', sans-serif; }
.main-table{font-family: 'Poppins', sans-serif; font-weight:normal; Font-size:16px; color:#333; line-height:26px; text-align:justify;}
.main-heading{font-family: 'Poppins', sans-serif; font-weight:bold; Font-size: 24px; color:#222; text-align:left; line-height:30px; border-bottom:1px #ccc dashed; text-transform:uppercase; margin-bottom:10px;}
.sub-heading{ font-family: 'Poppins', sans-serif ;font-weight:bold; Font-size:20px; color:#222; line-height:30px; text-align:left; margin:0;}
.team-title{ font-weight:bold; Font-size:14px; color:#222; line-height:30px; text-align:left;}
.maps{ text-align:center;}
.team_img {
    width: 130px;
    border: 6px solid #0f172b;
    border-radius: 50%;
}

/*** Navbar ***/
/*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:#2b2825 !important;}
.nav-link{font-weight: 600; color:#fff;}
.nav-fill{width:100%; font-size: 15px;}
.navbar-brand{margin:0;}
.nav-item{position:relative;}
/*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;}
.abt-cont{margin-top: 190px;}
	}

@media (max-width: 767px){
.navbar-toggler{background:#eee;}
.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;}
.abt-cont{margin-top: 90px;}
}
@media screen and (max-width:540px){
    .abt-cont{margin-top: 50px;} 
}
@media screen and (max-width:450px){
    .abt-sec .row.justify-content-end .text-end {
        position: static !important;
        
    }
    .abt-cont{margin-top: 0px;} 
}
.container-fluid{padding: 0 2px;}
#header {
    
}
.head-img{padding: 13px 0;}
/*** Navbar ***/
/*color and background*/
.main-text-color { color: #f9bf1e;}
.main-bg { background: #f9bf1e; transition:.5s;}
.blue-bg{ background: #0f172b; transition:.5s;}
.blue-text-color{ color: #0f172b;}
.btn.main-bg:hover{background: #0f172b; color: #fff;}

/*** banner-sec ***/


.banner-sec {
    background: linear-gradient(rgba(15, 23, 43, .9), rgba(15, 23, 43, .9)), url(../image/banner-bg-img.jpg);    background-position: center center; background-repeat: no-repeat;  background-size: cover; padding:50px 0;}

.banner-sec img {
    animation: imgRotate 50s linear infinite; border-radius: 50%;
}

@keyframes imgRotate { 
    100% { 
        transform: rotate(360deg); 
    } 
}



/*** Section Title ***/
.section-title {
    position: relative;
    display: inline-block;
}

.section-title::before {
    position: absolute;
    content: "";
    width: 45px;
    height: 2px;
    top: 50%;
    left: -55px;
    margin-top: -1px;
    background: #f9bf1e;
}

.section-title::after {
    position: absolute;
    content: "";
    width: 45px;
    height: 2px;
    top: 50%;
    right: -55px;
    margin-top: -1px;
    background: #f9bf1e;
}

.section-title.text-start::before,
.section-title.text-end::after {
    display: none;
}


/*** bnr-btm-item ***/
.bnr-btm-item {
    box-shadow: 0 0 45px rgba(0, 0, 0, .08);
    transition: .5s;
}

.bnr-btm-item:hover {
    background: #f9bf1e;
}

.bnr-btm-item * {
    transition: .5s;
}

.bnr-btm-item:hover * {
    color: #000;
}
/*abt-sec*/
.abt-sec .row.justify-content-end{position:relative;}
.abt-sec .row.justify-content-end .text-end{position:absolute;top: -180px;}
/*hm-service*/
.hm-service .ser-bx{padding:15px;border-right: 1px solid rgba(0, 0, 0, 0.1); border-top: 1px solid rgba(0, 0, 0, 0.1); transition:.5s;}
.hm-service .ser-bx .fa{font-size:40px; margin:25px auto; color:#f9bf1e;}
.hm-service .ser-bx:hover{background:#0f172b;}
.hm-service .ser-bx:hover .fa, .hm-service .ser-bx:hover h4, .hm-service .ser-bx:hover p, .hm-service .ser-bx:hover a{color:#fff; border:0;}

/*hm-service*/
/*Call Back*/
.cont-hm-lft label{ color:#fff; margin:5px 0;}
.cont-hm-lft .sub-btn-hm{transition:.5s; color:#000;}
.hm-contact .bg-dark{background-color:#0F172B !important;}
.cont-hm-rht{position:relative;}
.cont-hm-rht .fa{font-size:30px; width:70px; height:70px; text-align:center; line-height: 50px; padding:10px;}
.cont-hm-rht .fa-map-marker{ width:110px; height:70px;}
.cont-hm-rht p span{font-size:18px; font-weight:600;}
/*Call Back*/
/*** Team ***/
.team-item {
    box-shadow: 0 0 45px rgba(0, 0, 0, .08);
    height: calc(100% - 38px);
    transition: .5s;
}

.team-item img {
    transition: .5s;
}

.team-item:hover img {
    transform: scale(1.1);
}

.team-item:hover {
    height: 100%;
}

.team-item .btn {
    border-radius: 38px 38px 0 0;
}

.team_subcont{font-family: 'Poppins', sans-serif; font-size: 14px;}

/*** Footer ***/
.footer .btn.btn-social {
    margin-right: 5px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border: 1px solid #FFFFFF;
    border-radius: 35px;
    transition: .3s;
}

.footer .btn.btn-social:hover { color:#0f172b;}

.footer .btn.btn-link {display: block; text-decoration:none; margin-bottom: 5px;  padding: 0; text-align: left; color: #FFFFFF; font-size: 15px;   font-weight: normal;  text-transform: capitalize;  transition: .3s;}

.footer .btn.btn-link::before {
    position: relative;
    content: "\f105";
    font-family: "FontAwesome";
    font-weight: 900;
    margin-right: 10px;
}

.footer .btn.btn-link:hover {
    letter-spacing: 1px;
    box-shadow: none;
}

.footer .copyright {
    padding: 25px 0;
    font-size: 15px;
    border-top: 1px solid rgba(256, 256, 256, .1);
}

.footer .copyright a {
    color: #eee;
}

.footer .footer-menu a {
    margin-right: 15px;
    padding-right: 15px;
    border-right: 1px solid rgba(255, 255, 255, .1);
}

.footer .footer-menu a:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: none;
}
.top {  position: fixed;  right: 20px;  bottom: 30px;  padding: 10px 15px; z-index: 9; cursor: pointer;  opacity: 0;  transition: ease-in 0.5s;}
.top.scll-top {  opacity: 1; transition: ease-in 0.5s;  bottom: 50px;}
.top .fa { display: block !important;}

/* contact page */
.cont-page h2 {
    font-weight: bold;
    color: #111;
    font-size: 19px;
    margin-top: 0;
    text-transform: uppercase;
    margin-bottom: 18px;
    margin-top: 10px;
}
.cont-page h2 span {
    color: #111;
    font-weight: normal;
    font-size: 18px;
}
.cont-page .map-contp{border:1px dashed #ccc;}
.st-feature-box h3 {
    color: #fff;
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
}
.cont-page .st-feature-box {
    background: #0f172b;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    padding-right: 10px;
    color: #fff;
}
.st-feature-box {
    padding-left: 70px;
    position: relative;
}
.st-feature-box .st-feature-box-icon {
    color: #111;
    display: block;
    position: absolute;
    width: 52px;
    height: 52px;
    line-height: 0px;
    top: 0;
    left: 0;
    text-align: center;
    font-size: 60px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.cont-page .feature-box-image .fa{color:#fff; line-height:30px; font-size:30px; margin-top: 20px;}
/*cont-page*/

/* menu */
#MenuControl .rdCenter, #HeaderControl .rdCenter{background: transparent !important;}
#HeaderControl{position:absolute; top:0; left:0; width:33%;}
#MenuControl{position:absolute; top:0; right:0; width:67%;}
center form #HeaderControl, center form #MenuControl{position:relative; background:#0f172b;}

@media (max-width: 767px) {
#header img{margin:inherit;}
#HeaderControl, #MenuControl{position:relative; background: #0f172b; width:100%;}
}