@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200;300;400;500;600;700;800;900;1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Baloo+Thambi+2:wght@400;500;600;700;800&display=swap');

body {font-family: 'Nunito Sans', sans-serif; color: #444444;}
p {font-family: 'Nunito Sans', sans-serif;  margin: 0 0 10px;  font-size: 16px;  font-weight: 400; text-align:justify;}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Baloo Thambi 2', cursive;
}

/*color and background*/
.main-text-color { color: #ed6436;}
.main-bg { background: #ed6436; transition:.5s;}
.other-bg{ background: #0b1b3f; transition:.5s;}
.other-text-color{ color: #0b1b3f;}
.btn.main-bg:hover{background: #0b1b3f; color: #fff;}
/*header*/
#HeaderControl{position: absolute; top: 0; left: 0; z-index: 9; right: 0; margin: 0 auto;}

/*** banner-sec ***/
.banner-sec {position: relative;}

.banner-sec::after{content: "";  position: absolute;  left: 0;  top: 0;  background: linear-gradient(rgb(0, 0, 0) 0%, transparent 100%);  width: 100%;  height: 195px;  z-index: 2;}

.banner-sec .bannr-bx img{background-color: rgba(237,100,54,.85);}
.banner-sec .bannr-bx figure{overflow: hidden;padding: 5px;}
.banner-sec .bannr-bx figure figcaption{ display: flex; position: absolute; align-items: center;  top: 0;   width: 100%; height: 100%;  z-index: 9;  padding: 20px; }
.banner-sec .bannr-bx figure figcaption p{text-align: center; color: #fff; opacity: 0; transition: .9s;}
.banner-sec .bannr-bx:hover figure .ser-img:before { transform: scale(1);}
.banner-sec .bannr-bx:hover figure figcaption p{opacity: 1;} 
.banner-sec .bannr-bx figure .ser-img:before{    position: absolute;  content: "";  top: 0;  left: 0;  width: 100%;  height: 100%;  background:  rgba(237,100,54,.85); transform: scale(0);  -webkit-transition: 1.1s all ease;
    z-index: 9; border-radius: 50%;}
.banner-sec .bannr-bx:hover .fa, .banner-sec .ser-bx:hover h4, .banner-sec .ser-bx:hover p{color:#fff; border:0;}
.banner-sec .bannr-bx a{background: #0b1b3f; color: #fff; padding:2px 5px; position: relative; top:5px;font-weight: bold; padding: 3px 8px;} 
.banner-sec .bannr-bx .circle{position: absolute; width: 100%; left: 0px;  top: 0px; height: 100%; border-radius: 50%;  padding: 2.5px; background-clip: content-box; animation: spin 10s linear infinite;  border: 6px dotted #eee;}
.banner-sec .bannr-bx:hover .circle {  animation: spin 2s linear infinite;}
/*** Section Title ***/
.section-title {position: relative; margin-bottom: 20px;}
.section-title h2{font-size: 50px; margin-bottom: 0;}
.section-title p{display: inline-block;}
.section-title p::before {
    position: absolute;
    content: "";
    width: 50px;
    height: 2px;
    top: 50%;
    left: 60px;
    background: #0b1b3f;
}

.section-title p::after {
    position: absolute;
    content: "";
    width: 50px;
    height: 2px;
    top: 50%;
    right: 60px;
    background: #0b1b3f;
}

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


/*** bnr-btm-item ***/
.bnr-btm-item {position: relative;overflow: hidden;  box-shadow: 0 0 45px rgba(0, 0, 0, .7);  transition: .5s;}
.bnr-btm-item .back-bg{position: absolute; right: -5px;  bottom: 40px; }
.bnr-btm-item:hover .back-bg{transform: rotate(-20deg);}
.bnr-btm-item p, .bnr-btm-item h4, .bnr-btm-item .fa, .bnr-btm-item p a{color: #FFFFFF !important;}
.bnr-btm-item .back-bg .fa{font-size: 120px; opacity: .25;}
.bnr-btm-item * { transition: .5s;}
/*abt-sec*/
.abt-sec figure img{position:relative; border-top-left-radius: 100vw;  border-top-right-radius: 100vw;}
/*hm-service*/
.hm-service{background: url(../image/ser-bg.jpg) fixed; background-size: 100% 100%;}
.hm-service:before{content: ''; position: absolute; width: 100%; height: 100%; top: 0; right: 0; left: 0;background-color:rgba(11, 27, 61,.85); }
.hm-service .section-title p::after, .hm-service .section-title p::before{background: #fff;}
.hm-service .ser-bx img{background-color: rgba(237,100,54,.85);}
.hm-service .ser-bx figure{overflow: hidden;padding: 5px;}
.hm-service .ser-bx figure figcaption{ display: flex; position: absolute; align-items: center;  top: 0;   width: 100%; height: 100%;  z-index: 9;  padding: 20px; }
.hm-service .ser-bx figure figcaption p{text-align: center; color: #fff; opacity: 0; transition: .9s;}
.hm-service .ser-bx:hover figure .ser-img:before { transform: scale(1);}
.hm-service .ser-bx:hover figure figcaption p{opacity: 1;} 
.hm-service .ser-bx figure .ser-img:before{    position: absolute;  content: "";  top: 0;  left: 0;  width: 100%;  height: 100%;  background:  rgba(237,100,54,.85); transform: scale(0);  -webkit-transition: 1.1s all ease;
    z-index: 9; border-radius: 50%;}
.hm-service .ser-bx:hover .fa, .hm-service .ser-bx:hover h4, .hm-service .ser-bx:hover p{color:#fff; border:0;}
.hm-service .ser-bx a{background: #0b1b3f; color: #fff; padding:2px 5px; position: relative; top:5px;font-weight: bold; padding: 3px 8px;} 
.hm-service .ser-bx .circle{position: absolute; width: 100%; left: 0px;  top: 0px; height: 100%; border-radius: 50%;  padding: 2.5px; background-clip: content-box; animation: spin 10s linear infinite;  border: 6px dotted #eee;}
.hm-service .ser-bx:hover .circle {  animation: spin 2s linear infinite;}
@keyframes spin { 
    100% { 
      transform: rotateZ(360deg);
    }
  }
  
.hm-service .ser-bx h3{color: #fff; margin-top: 20px; font-size: 30px; font-weight: bold;}
/*hm-service*/
/*Call Back*/
.cont-hm-lft label{ color:#000; font-weight: bold; margin:5px 0;}
.cont-hm-lft .sub-btn-hm{transition:.5s; color:#000;}
.hm-contact{background-image:url(../image/cont-img.jpg); background-attachment: fixed; background-size: cover;}
.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:75px; 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;
}



/*** Footer ***/
.footer .btn.btn-social {
    margin-right: 5px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--light);
    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;
}
.ft-logo{width: 120px;
    height: 120px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: -40px;}
.ft-logo img{max-height: 60px;}
.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;}

/*** 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;}
	}

@media (max-width: 767px){
#HeaderControl{background: #0b1b3f; position: relative;}
.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;}
.ft-logo{position: relative;bottom: 15px;}
}
/*** Navbar ***/