@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
body {font-family: "Jost", sans-serif; color: #444444;}
a {color: #000; text-decoration:none;font-family: "Jost", sans-serif; }
h1, h2, h3, h4, h5, h6 {font-family: "Nunito", sans-serif !important;}
p{font-family: "Jost", sans-serif; }
section.bnr{padding:0;}
img{max-width:100%;}

#divmainenquiry11 .close { position: absolute; right: 14px; font-size: 30px; cursor: pointer;}
/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {padding: 60px 0; overflow: hidden;}
.hm-subhead{color: #ff6e21; font-size: 18px; margin-bottom: 6px;text-transform: uppercase;}
.hm-subhead-sec{color: #626262; font-size: 24px; text-transform: uppercase;}
  /* background-color */
 .bg-1{background-color:#FF6D21;}
 .bg-2{background-color :#233156;}
  /* Text-color */
 .cl-1{color:#FF6D21;}
 .cl-2{color :#626262;}
 .cl-3{color :#233156;}
  /* Font-Size */
 .fs-15{font-size: 15px;}
 .fs-18{font-size: 18px;}
 .fs-22{font-size: 22px;}
 /* scroll */

 /* read-more btn */
.rd-mr-btn {padding: 30px 60px;}
.btnn{background: #FF6D21;text-transform: inherit !important;padding: 22px 32px;color: #fff !important;cursor: pointer;display: inline-block;font-size: 20px !important;font-weight: 500 !important;border-radius: 5px;line-height: 1;line-height: 0;cursor: pointer;-moz-user-select: none;transition: color 0.4s linear;position: relative;z-index: 1;border: 0;overflow: hidden;}
.btnn::before {content: "";position: absolute;left: 0;top: 0;width: 102%;height: 102%;background: #232F55;z-index: 1;border-radius: 0px;transition: transform 0.5s;transition-timing-function: ease;transform-origin: 0 0;transition-timing-function: cubic-bezier(0.5, 1.6, 0.4, 0.7);transform: scaleX(0);border-radius: 0px;}
.btnn:hover {color: #fff !important;}
.btnn:hover::before {transform: scaleX(1);z-index: -1;}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

#header .fa-mobile{font-size: 50px !important;}
#MenuControl{padding: 12px 0;}


/*--------------------------------------------------------------
# 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{ color:#ff6e21;}
.nav-link{font-weight: 600; color:#fff;}
.nav-fill{width:100%; font-size: 15px;}
.navbar-brand{margin:0;}
.nav-item{position:relative;}

@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){
.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;}
}

.text-justify{text-align: justify;}


/*--------------------------------------------------------------
# Banner-Section
--------------------------------------------------------------*/
.bnr-sec{position: relative;}
.bnr-sec::before, .bnr-sec::after{position: absolute;content: "";width: 100%;height: 10px;top: 0;left: 0;/*background: url(../Image/bg-header-to.png) center center repeat-x;*/ z-index: 2;}
.bnr-sec::after {height: 19px;top: auto; bottom: 0;background: url(../Image/bg-header-bottom.png) center center repeat-x;}

.bnr-sec .carousel-control-next, .bnr-sec .carousel-control-prev{width: 52px;height: 52px;opacity: 1;background: #ff6e21;top: 50%;}
.bnr-sec .carousel-control-prev{  border-radius: 0 50% 50% 0;}
.bnr-sec .carousel-control-next{border-radius: 50% 0 0 50%;}
.bnr-sec .carousel-control-next:hover, .bnr-sec .carousel-control-prev:hover{background:#475885eb;}
.bnr-sec .carousel-control-next-icon,.bnr-sec .carousel-control-prev-icon{    width: 1.5rem;height: 1.5rem;}
.bnr-sec .carousel-dark .carousel-control-next-icon, .bnr-sec .carousel-dark .carousel-control-prev-icon { filter: invert(0) grayscale(0);
}
.bnr-sec .carousel-item{position: relative;}
.bnr-sec .carousel-item::before{ content: ""; background:url(../Image/bnn_bg.jpg) no-repeat center/cover; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0;}


.bnr-sec .carousel-caption {bottom: 3.25rem; left: 8%; width: 34%;}
.bnr-sec .carousel-caption h2{font-size: 65px;font-weight: bold;margin-bottom: 16px;text-transform: uppercase;animation: fadeInRight 2000ms ease-in-out;color: #fff;}
.bnr-sec .carousel-caption h4{font-size: 25px;font-weight: bold;margin-bottom: 16px;text-transform: uppercase;animation: fadeInRight 2000ms ease-in-out;color: #fff;}
.bnr-sec .carousel-caption h2 span{color: #ff6e21;display: block;font-size: 48px;}
.bnr-sec .carousel-caption h4 span{color: #ff6e21;}
.bnr-sec .carousel-caption p{font-size:18px; line-height: 25px; margin-top:30px; animation: fadeInRight 2000ms ease-in-out; color: #000;}
.bnr-sec .carousel-dark .carousel-indicators [data-bs-target] { background-color: #fff;}
.bnr-sec .carousel-caption{text-align:left;}
.bnr-sec .carousel-indicators{display:none;}
.bnr-sec .bnr_img{clip-path: polygon(3% 0, 7% 1%, 11% 0%, 16% 2%, 20% 0, 23% 2%, 28% 2%, 32% 1%, 35% 1%, 39% 3%, 41% 1%, 45% 0%, 47% 2%, 50% 2%, 53% 0, 58% 2%, 60% 2%, 63% 1%, 65% 0%, 67% 2%, 69% 2%, 73% 1%, 76% 1%, 79% 0, 82% 1%, 85% 0, 87% 1%, 89% 0, 92% 1%, 96% 0, 98% 3%, 99% 3%, 99% 6%, 100% 11%, 98% 15%, 100% 21%, 99% 28%, 100% 32%, 99% 35%, 99% 40%, 100% 43%, 99% 48%, 100% 53%, 100% 57%, 99% 60%, 100% 64%, 100% 68%, 99% 72%, 100% 75%, 100% 79%, 99% 83%, 100% 86%, 100% 90%, 99% 94%, 99% 98%, 95% 99%, 92% 99%, 89% 100%, 86% 99%, 83% 100%, 77% 99%, 72% 100%, 66% 98%, 62% 100%, 59% 99%, 54% 99%, 49% 100%, 46% 98%, 43% 100%, 40% 98%, 38% 100%, 35% 99%, 31% 100%, 28% 99%, 25% 99%, 22% 100%, 19% 99%, 16% 100%, 13% 99%, 10% 99%, 7% 100%, 4% 99%, 2% 97%, 1% 97%, 0% 94%, 1% 89%, 0% 84%, 1% 81%, 0 76%, 0 71%, 1% 66%, 0% 64%, 0% 61%, 0% 59%, 1% 54%, 0% 49%, 1% 45%, 0% 40%, 1% 37%, 0% 34%, 1% 29%, 0% 23%, 2% 20%, 1% 17%, 1% 13%, 0 10%, 1% 6%, 1% 3%);}

.bnr-sec .bnr-cp1{font-size: 48px !important;}
.bnr-sec span{color: #ff6e21;display: inline-block !important;}
/*bnr-sec*/

/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about img{transition: all .5s;
}

.about img:hover {
  background: #ff6e21 !important;
}


/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.services{background: url(../Image/fether-bg.png) repeat-x top center/cover;}
.service-item {position: relative;height: 300px;padding: 0 30px;transition: .5s;}
.service-item .service-icon {margin-bottom: 30px;width: 70px;height: 70px;display: flex;align-items: center;justify-content: center;background: #ff6e21;border-radius: 2px;transform: rotate(-45deg);}
.service-item .service-icon i {transform: rotate(45deg);}
.service-item a.bt {position: absolute;width: 60px;bottom: -48px;left: 50%;margin-left: -30px;opacity: 0;transition: .5s;}
.service-item:hover a.bt {bottom: -24px;opacity: 1;}

/*--------------------------------------------------------------
# getintouch
--------------------------------------------------------------*/
.getintouch{background: url(../Image/fether-bg1.png) repeat-x top center/cover;}
.form-control{border: none;border-bottom:1px solid #000; border-radius: 0;    background-color: transparent;}
.info{position: relative;}
.info::before{content: ""; position: absolute;top: -20px; left: -20px; background-color: #ff6e21; width: 50px; height: 50px;}
.info .social-links a {font-size: 18px;display: inline-block;background: #a2a2a2;color: #fff;line-height: 1;padding: 8px 0;margin-right: 4px;border-radius: 50%;text-align: center;width: 36px;height: 36px;transition: 0.3s;}
.info .social-links a:hover {background: #ff6e21;color: #fff;}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

#footer {background: url(../Image/footer-bg.jpg) ;    background-size: cover !important;  background-repeat: no-repeat !important; color: #fff;font-size: 15px;}

.top {position: fixed;right: 18px;bottom: 30px;text-align: center;color: #fff;border-radius: 50%;background-color:#ff6e21;width: 50px;height: 49px;line-height: 49px;z-index: 999;cursor: pointer;opacity: 0;transition: ease-in 0.5s;display: flex;justify-content: center;align-items: center;}
.top.scll-top {  opacity: 1; transition: ease-in 0.5s;  bottom: 56px;}
.top .fa { display: block !important;}

@media (max-width: 1200px) {
  .about .content {
    padding-right: 0;
  }
}
@media (max-width: 992px) {
  .bnr-sec .carousel-caption{display: none;}

  .services .icon-box{margin:15px auto;}
}

@media (max-width: 768px) {
  .about {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .abt_img{border-radius: 0; width: 100%;}
  

#header img{margin:inherit;}
  /* .navbar-toggler{position: absolute; top: -60px; right: 0;} */
.caption{width: 100%;}
.wback .caption{    top: 30%;}

}
@media (max-width: 575px) {
  .about .content > h2 {
    font-size: 26px;
    color: #2d2926;
    font-weight: 800;}
  #footer .footer-top .footer-info {margin: -20px 0 30px 0;}
  .wback .caption{display:none;}
}
@media (max-width: 414px) {
}