	/* Custom Font */
@font-face {
  font-family: 'Rough Splash';
  src: url('font/Good Brush.ttf') format('truetype');
}


/*** Button ***/
.btn {
    font-weight: 500;
    transition: .5s;
}

.btn.btn-primary,
.btn.btn-outline-primary:hover {
    color: #FDB913;
}
.btn-primary {
    background-color: #FDB913 !important;
    border-color: #FDB913 !important;
}

.btn-square {
    width: 38px;
    height: 38px;
}

.btn-sm-square {
    width: 32px;
    height: 32px;
}

.btn-lg-square {
    width: 48px;
    height: 48px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
}
/* Change icon color inside social buttons to red */
.btn-link i {
    color: #FDB913 !important;
    transition: 0.3s;
}



.top-header {
  background: #ffffff;
  width: 100%;
  z-index: 1020;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Shadow */
}


    .top-header .navbar {
      padding: 5px 0;
    }

    .company-name {
      font-family: 'Arial', sans-serif;
      font-size: 20px;
      font-weight: bold;
      white-space: nowrap;
    }

    .company-name .mgr {
      color: #0C2B5A;
    }

    .company-name .rest {
      color: #FDB913;
    }

    .top-header .navbar .navbar-collapse ul li a {
      text-transform: capitalize;
      font-size: 14px;
      padding: 8px 15px;
      font-weight: 500;
    }

    .top-header .navbar .navbar-collapse ul li a.active,
    .top-header .navbar .navbar-collapse ul li a:hover {
      background: #FDB913;
      color: #0C2B5A;
    }

    .top-header .navbar-toggler {
      border-radius: 3px;
      margin: 16px 15px;
      padding: 10px;
    }

    .top-header .navbar-toggler span {
      background: #112152;
      display: block;
      width: 22px;
      height: 2px;
      margin: 5px auto;
      border-radius: 10px;
    }

    .top-header .navbar-toggler:hover {
      border-color: #0C2B5A;
    }

    .top-header .navbar-toggler:hover span {
      background:#FDB913;
    }
	/* Make nav link text white */
.top-header .navbar .navbar-collapse ul li a {
  color: #272828; /* white text */
  text-transform: capitalize;
  font-size: 16px;
  padding: 8px 15px;
  font-weight: 500;
}

/*** 

====================================================================
	Fact Counter Section
====================================================================

***/

.fact-counter{
	position:relative;
	padding:30px 0px 30px;
	background-color:#272727;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:cover;
	background-position:center center;
	color:#ffffff;
}

.fact-counter:before{
	content:'';
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:#000000;
	opacity:0.80;
	z-index:0;
}

.fact-counter .auto-container{
	position:relative;
	z-index:1;
}

.fact-counter .column{
	position:relative;
	margin-bottom:40px;
	text-align:center;
	z-index:5;	
}

.fact-counter .column .icon{
	position:relative;
	top:0px;
	font-size:60px;
	line-height:70px;
	margin-bottom:20px;
	color:#FDB913;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.fact-counter .count-outer{
	position:relative;
	font-size:30px;
	font-weight:700;
	padding:0px 10px;
	margin-bottom:20px;
}

.fact-counter .column .counter-title{
	position:relative;
	font-size:25px;
	font-weight:400;
	text-transform:capitalize;
	color:#fdb913;
}

/*** 

====================================================================
	testimonial-style-one
====================================================================

***/

.testimonial-style-one{
	position:relative;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	background-attachment:fixed;
	padding:50px 0px;
	text-align:center;
}

.testimonial-style-one:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.8);
}

.testimonial-style-one .icon{
	position:relative;
	width:50px;
	height:50px;
	margin:0 auto 15px;
	text-align:center;
	border-radius:50%;
	color:#ffffff;
	font-size:18px;
	line-height:45px;
	border:3px solid #ffffff;
}

.testimonial-style-one .slide-item .inner-box{
	max-width:900px;
	margin:0 auto;
}

.testimonial-style-one .slide-item .inner-box .slide-text{
	color:#ffffff;
	font-size:20px;
	line-height:1.8em;
	font-weight:normal;
	font-style:italic;
}

.testimonial-style-one .slide-item .inner-box .auther-info{
	position:relative;
	margin-top:30px;
}

.testimonial-style-one .slide-item .inner-box .auther-info .image{
	position:relative;
	width:70px;
	height:70px;
	margin:0 auto;
}

.testimonial-style-one .slide-item .inner-box .auther-info .image img{
	border-radius:50%;
}

.testimonial-style-one .slide-item .inner-box .auther-info .auther-name{
	position:relative;
	color:#ffffff;
	font-size:20px;
	margin-top:20px;
	font-family: 'Montserrat', sans-serif;
}

.testimonial-style-one .slide-item .inner-box .auther-info .designation{
	color:#FDB913;
	font-size:16px;
	font-style:italic;
}

.testimonial-style-one .owl-dots{
	display:none !important;
}

.testimonial-style-one{
	margin:0px !important;	
}

.testimonial-style-one .owl-nav{
	margin:0px !important;
}

.testimonial-style-one .owl-nav [class*="owl-"]{
	position:absolute;
	bottom:80px;
	display:inline-block;
	margin:0px 0px 0px 1px ;
	width:45px;
	height:45px ;
	padding:0px ;
	color:#ffffff;
	font-size: 22px;
    line-height: 42px;
	text-align:center;
	border-radius:0px;
	border-radius:3px;
	border:1px solid #ffffff;
	background: #131f5187;
}

.testimonial-style-one .owl-nav [class*="owl-prev"]{
	left:1%;	
}

.testimonial-style-one .owl-nav [class*="owl-next"]{
	right:1%;	
}

.testimonial-style-one .owl-nav [class*="owl-"]:hover{
	background-color:#FDB913 !important;
	border-color:#FDB913;
}


/*** 
/* Keep hover and active states with red background*


/* Company Name Styling */
.company-name {
  font-family: 'Rough Splash', sans-serif;
  font-size: 30px;
  font-weight: normal;
  white-space: nowrap;
}

.company-name .mgr {
  color: #0C2B5A;
}

.company-name .rest {
  color: #FDB913;
}
.carousel-inner{
	position:relative; 
	z-index: 1;
	height: 742px;
}
.carousel-inner::after {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    text-align: left;
   /* background: rgba(0, 0, 0, .7); */
    padding: 3rem;
    padding-left: 11rem;
	width:100%;
	height:100%;
    z-index: 1;
}
.carousel-caption h2 {
  /*! background: #dadcdf7d; */
color:#fcfdff;
font-size: 3rem;
  text-shadow: #0c2b4b 1px 2px 1px;
}

.carousel .carousel-indicators {
    top: 0;
    bottom: 0;
    left: 0;
    right: auto;
    width: 80px;
    flex-direction: column;
    margin: 0;
    margin-left: 3rem;
}

.carousel .carousel-indicators [data-bs-target] {
    width: 50px;
    height: 50px;
    text-indent: 0;
    margin: 5px 0;
    border: 2px solid #FFFFFF;
    overflow: hidden;
    border-radius: 100%;
}

.carousel .carousel-indicators [data-bs-target] img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100%;
}

/*** 

====================================================================
	best-service-section
====================================================================

***/

.best-service-section{
	position:relative;
	background-color:#f4f4f4;
	padding:40px 0px 40px 0px;
}

.best-service-section h2{
	position:relative;
	background-color:#f4f4f4;
	padding:20px 0px 20px 0px;
}


.service-block-two{
	position:relative;
	margin-bottom:30px;
}

.service-block-two .inner-box{
	position:relative;
	padding:30px 20px 20px 100px;
	background:#ffffff;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-webkit-box-shadow: 0px 4px 10px 0px rgba(230,230,230,1);
	-moz-box-shadow: 0px 4px 10px 0px rgba(230,230,230,1);
	box-shadow: 0px 4px 10px 0px rgba(230,230,230,1);
}

.service-block-two .inner-box .image-layer{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	opacity:0;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.service-block-two .inner-box .image-layer:after{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}

.service-block-two .inner-box:hover .image-layer{
	opacity:1;
}

.service-block-two .inner-box .icon-box{
position: absolute;
left: 30px;
top: 30px;
width: 56px;
height: 56px;
line-height: 50px;
text-align: center;
color: #ffffff;
font-size: 34px;
border: #FDB913 solid 1px;
z-index: 2;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
border-radius: 100%;
}

.service-block-two .inner-box h3{
color: #272727;
font-size: 18px;
font-weight: 500;
text-transform: capitalize;
margin: -5px 0px 8px;
z-index:2;
}
.service-text h3
{
font-size: 18px;
font-family: "Work Sans",sans-serif;
text-align: center;
text-transform: uppercase;
padding: 10px 0px 10px 0px;
}	

.service-block-two .inner-box .text{
	position:relative;
	color:#9e9e9e;
	font-size:16px;
	z-index:2;
}

.service-block-two .inner-box .read-more{
	position:relative;
	color:#272727;
	margin-top:15px;
	display:inline-block;
	font-weight:700;
	z-index:2;
	text-transform:uppercase;
	font-family: 'Montserrat', sans-serif;
}

.service-block-two .inner-box .bottom-icon{
	position:absolute;
	right:10px;
	bottom:10px;
}

.service-block-two .inner-box .bottom-icon span{
	color:#faf9f9;
	font-size:60px;
}

.service-block-two:hover .inner-box{
	background:#FDB913;
}

.service-block-two:hover .inner-box .icon-box{
	background:#ffffff;
	color:#FDB913;
}

.service-block-two:hover .inner-box h3,
.service-block-two:hover .inner-box .text,
.service-block-two:hover .inner-box a{
	color:#ffffff;
	transition:all 0.6s ease;
	-moz-transition:all 0.6s ease;
	-webkit-transition:all 0.6s ease;
	-ms-transition:all 0.6s ease;
	-o-transition:all 0.6s ease;
}

.service-block-two:hover .bottom-icon{
	opacity:1;
}

.service-carousel .owl-nav{
	margin:0px !important; 
}

.service-carousel .owl-nav [class*="owl-"]{
	position:absolute;
	top:50%;
	display:inline-block;
	margin:0px 0px 0px 1px ;
	width:45px ;
	height:45px ;
	padding:0px ;
	color:#ffffff;
	font-size: 22px;
    line-height: 42px;
	text-align:center;
	border-radius:0px;
	border-radius:3px;
	border:1px solid #ffffff;
	background-color:transparent !important;	
}

.service-carousel .owl-nav [class*="owl-prev"]{
	left:1%;	
	background-color: #0c2b5a !important;
}

.service-carousel .owl-nav [class*="owl-next"]{
	right:1%;
background-color: #0c2b5a !important;	
}

.service-carousel .owl-nav [class*="owl-"]:hover{
	background-color:#FDB913 !important;
	border-color:#FDB913;
}

/*** 


@media (max-width: 992px) {
    .carousel .carousel-item {
        position: relative;
        min-height: 600px;
    }
    
    .carousel .carousel-item img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .carousel .carousel-indicators [data-bs-target] {
        width: 60px;
        height: 60px;
    }

    .carousel .carousel-caption {
        padding-left: 10rem;
    }
}

@media (max-width: 768px) {
    .carousel .carousel-item {
        min-height: 500px;
    }

    .carousel .carousel-indicators [data-bs-target] {
        width: 50px;
        height: 50px;
    }

    .carousel .carousel-caption {
        padding-left: 9rem;
    }
}

@media (min-width: 1200px) {
    .carousel .carousel-item .display-1 {
        font-size: 7rem;
    }
}
/* Matching your image red */
.custom-red-btn {
  background-color: #FDB913; 
  color: white;
  border: none;
  border-radius: 0 25px 0 0; /* Optional: match rounded style */
}

.custom-red-btn:hover {
  background-color: #FDB913; /* Slightly darker on hover */
  color: #FDB913;
}
.service .service-item1 {
    position: relative;
    margin-top: 45px;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
      border-radius: 8px;
      background-color: #e91327;
      transition: box-shadow 0.3s ease;
}

.service .service-inner {
    position: relative;
    height: 100%;
    margin-top: 45px;
    background: var(--bs-white);
    box-shadow: 0 0 45px rgba(0, 0, 0, .05);
}

.service .service-inner::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    left: 0;
    bottom: 0;
    transition: 1s;
    background:#FDB913;
}

.service .service-inner:hover::before {
    height: 100%;
    top: 0;
}

.service .service-item1 img {
  height: 350px !important;
}

.service .service-item1 img {
    margin-top: -45px;
    padding-left: 45px;
    height: 280px;
}

.service .service-item1 * {
    position: relative;
    transition: .5s;
    z-index: 1;
}
.bread-crumb .active{
	color: #0c2b5a !important;
}

.service .service-item1:hover h5,
.service .service-item1:hover p {
    color: var(--bs-white);
}

.service .service-item1:hover a {
    padding-left: 45px !important;
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.15);
}



.about-img {
    position: relative;
    padding-left: 45px;
}

.about-img::before {
    position: absolute;
    content: "";
    width: 200px;
    height: 300px;
    top: 0;
    left: 0;
    border: 5px solid #FDB913;
    animation: animateUpDown 3s ease-in-out infinite;
    z-index: -1;
}

@keyframes animateUpDown { 
    0% { 
        top: -25px;
    }
    50% { 
        top: -45px;
    }
    100% { 
        top: -25px;
    } 
}
.subtitle-custom {
  font-family: 'Roboto', sans-serif; /* or any other font you prefer */
  font-size: 17px;
  color: #6D6C6C;
  margin-top: -2px;
  font-weight: 500;
  letter-spacing: 0.3px;
  text-align: center;
}


/* shop section start */

.shop_section {
    /*! background: #f1f4f6; */
    height: auto;
    padding: 50px 0px;
    background-size: cover;
}

.shop_taital {
    width: 100%;
    float: left;
    font-size: 40px;
    text-align: center;
    color: #3c3c3c;
}

.shop_text {
    width: 100%;
    float: left;
    font-size: 16px;
    text-align: center;
    color: #363131;
    margin: 0px 0px 40px 0px;
}

.btn_main {
    width: 33%;
    margin: 0 auto;
    text-align: center;
}

.quote_bt {
    width: 170px;
    float: left;
}

.quote_bt a {
    width: 100%;
    float: left;
    font-size: 16px;
    color: #ffffff;
    background-color: #f9b116;
    padding: 10px 0px;
    text-align: center;
    border-radius: 5px;
    text-transform: uppercase;
}

.quote_bt a:hover {
    color: #252525;
    background-color: #ffffff;
}

.call_bt {
    width: 170px;
    float: left;
    margin-left: 15px;
}

.call_bt a {
    width: 100%;
    float: left;
    font-size: 16px;
    color: #ffffff;
    background-color: #f9b116;
    padding: 10px 0px;
    text-align: center;
    border-radius: 5px;
    text-transform: uppercase;
}

.call_bt a:hover {
    color: #252525;
    background-color: #ffffff;
}

.call_bt.active a {
    background: #ffffff;
    color: #252525
}


/* shop section end */

/*** Project ***/
.project-carousel {
    position: relative;
    background: var(--dark);
}

.project-item {
    position: relative;
    display: block;
}

.project-item img {
    transition: .5s;
    height: 350px;
}

.project-item:hover img,
.project-carousel .owl-item.center img {
    margin-top: -60px;
}

.project-item .project-title {
    position: absolute;
    padding: 0 15px;
    width: 100%;
    height: 80px;
    bottom: -110px;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: var(--dark);
    transition: .5s;
}

.project-item:hover .project-title,
.project-carousel .owl-item.center .project-title  {
    bottom: -60px;
}

.project-item .project-title::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 30px;
    top: -15px;
    left: 0;
    transform: skewY(-5deg);
    background: var(--dark);
    transition: .5s;
}

.project-carousel .owl-nav {
    position: absolute;
    width: 100%;
    height: 45px;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    transition: .5s;
    opacity: 0;
    z-index: 1;
}

.project-carousel:hover .owl-nav {
    opacity: 1;
}

.project-carousel .owl-nav .owl-prev,
.project-carousel .owl-nav .owl-next {
    margin: 0 30px;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    background: var(--primary);
    border-radius: 45px;
    font-size: 22px;
    transition: .5s;
}
.paddingt-5
{
padding-top:50px;
} 
.paddingb-5
{
padding-bottom:50px;
}
/*** Appoinment ***/
.appoinment {
    background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), url(img/app.jpg) left center no-repeat;
    background-size: cover;
}

/*** Footer ***/
.footer {
    background: linear-gradient(rgba(6, 3, 21, .5), rgba(6, 3, 21, .5)), url(img/map.png) center center no-repeat;
    background-size: cover;
    position: relative;
}

.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: var(--primary);
}

.footer .btn.btn-link {
    display: block;
    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: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 10px;
}

.footer .btn.btn-link:hover {
    letter-spacing: 1px;
    box-shadow: none;
}

.footer .copyright {
    font-size: 15px;
    border-top: 1px solid rgba(256, 256, 256, .1);
    padding: 7px 0px;
}

.footer .copyright a {
    color: var(--light);
}
.service-item
{	
	/* box-shadow: 0 0rem 0.5rem rgba(0,0,0,0.175) !important; */
}
.need_help_section
{
	position:relative;
	padding: 10px;
}

.need_help{
	position:absolute;
	top:30%;
	left:0;
	background:#ebe7e799;
}

.working-process {
  background: #f9f9f9;
}

.working-process h5 {
  font-size: 1rem;
  letter-spacing: 1px;
}

.working-process h2 {
  font-size: 2rem;
}

.process-step {
  max-width: 240px;
  margin: auto;
  transition: transform 0.3s ease;
}

.process-step:hover {
  transform: translateY(-10px);
}

.step-icon {
  width: 100px;
  height: 100px;
  margin: auto auto 20px auto;
  border: 2px solid #facc15;
  border-radius: 50%;
  background: #fff;
  font-size: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #042840;
  transition: all 0.3s ease;
}

.process-step:hover .step-icon {
  background-color: #facc15;
  color: white;
  box-shadow: 0 0 15px rgba(0,0,0,0.2);
}

.process-step h4 {
  font-size: 18px;
  color: #042840;
  margin-bottom: 10px;
}

.process-step p {
  font-size: 14px;
  color: #666;
  line-height: 1.6;
}

/* Connector line (responsive on desktop) */
.connector {
  position: absolute;
  top: 30%;
  right: -9vw; /* Responsive right spacing */
  width: 16vw;  /* Responsive width */
  height: 2px;
  background: repeating-linear-gradient(to right, #facc15, #facc15 4px, transparent 4px, transparent 8px);
  transform: translateY(-50%);
}
.service-text p{
	text-align:justify;
}
.wa-chat-box-brand-name {
  color: #0C2B5A;
}
.wa-chat-box-brand-subtitle {
 color: #6D6C6C;
}
.bg-gallery{
	background-color:#d69713 !important
}
.wa-chat-box-poweredby{
	display:none !important;
}
#motor{position: relative;
  animation-name: ex13;
  animation-duration:14s;
   animation-iteration-count: infinite;}
@keyframes ex13 {
  0%  {transform: translate(-1000px, 0px);}
  70%  {transform: translate(1300px, 0px);}
  100% {transform: translate(2500px, 0px);} }
  
  #airplan{position: relative;
  animation-name: ex12;
  animation-duration:34s;
   animation-iteration-count: infinite;}
@keyframes ex12 {
  0%  {transform: translate(-1500px, -300px);}

  100% {transform: translate(2500px, 0px);} }
  
  #truck{position: relative;
  animation-name: e13;
  animation-duration:17s;
   animation-iteration-count: infinite;}
@keyframes e13 {
  0%  {transform: translate(-2000px, 0px);}
  70%  {transform: translate(1000px, 0px);}
  100% {transform: translate(2000px, 0px);} }
  
  #baloon,#fast{position: relative;
  animation-name: ex;
  animation-duration:14s;
   animation-iteration-count: infinite;}
@keyframes ex {
  0%  {transform: translate(0px, -20px);}
  50%  {transform: translate(0px, 30px);}
  100% {transform: translate(0px, -20px);} }
  #cloud{position: relative;
  animation-name: ex3;
  animation-duration:14s;
   animation-iteration-count: infinite;}
@keyframes ex3 {
  0%  {transform: translate(-30px, 0px);}
  50%  {transform: translate(30px, 0px);}
  100% {transform: translate(-30px, 0px);} }
.cls-1{fill:url(#linear-gradient);}.cls-2{isolation:isolate;}.cls-3{fill:#eaeff6;}.cls-4{opacity:0.47;}.cls-5{mix-blend-mode:lighten;}.cls-6{fill:#fff;}.cls-7{opacity:0.36;}.cls-8{fill:#012d45;}.cls-9{opacity:0.07;}.cls-10{fill:#fdb91399;}.cls-11{fill:#fdda82;}.cls-12{fill:url(#linear-gradient-2);}.cls-13{fill:url(#linear-gradient-3);}.cls-14{fill:url(#linear-gradient-4);}.cls-15{fill:#f9b116;}.cls-16{fill:none;}.cls-17{fill:#0c2b5a;}.cls-18{fill:url(#linear-gradient-5);}.cls-19{fill:url(#linear-gradient-6);}.cls-20{fill:url(#linear-gradient-7);}.cls-21{fill:url(#linear-gradient-8);}.cls-22{fill:url(#linear-gradient-9);}.cls-23{fill:url(#linear-gradient-10);}.cls-24{fill:url(#linear-gradient-11);}.cls-25{fill:url(#linear-gradient-12);}.cls-26{fill:url(#linear-gradient-13);}.cls-27{fill:#808285;}.cls-28{fill:#0c2b5a;}.cls-29{fill:#0c2b5a;}.cls-30{fill:#6099dc;}.cls-31{fill:url(#linear-gradient-14);}.cls-32{fill:url(#linear-gradient-15);}.cls-33{fill:#0c2b5a;}.cls-34{fill:url(#linear-gradient-16);}.cls-35{fill:url(#linear-gradient-17);}.cls-36{fill:#0c2b5a;}.cls-37{fill:url(#linear-gradient-18);}.cls-38{fill:#5876d6;}.cls-39{fill:url(#linear-gradient-19);}.cls-40{fill:#414042;}.cls-41{fill:#fdb913;}.cls-42{fill:#fdb913;}.cls-43{fill:url(#linear-gradient-20);}.cls-44{fill:url(#linear-gradient-21);}.cls-45{fill:url(#linear-gradient-22);}.cls-46{fill:url(#linear-gradient-23);}.cls-47{fill:#231f20;}.cls-48{fill:url(#linear-gradient-24);}.cls-49{fill:#dbe2f2;}.cls-50{fill:#d0efe2;}.cls-51{fill:#f8f5ff;}.cls-52{fill:#beedda;}.cls-53{fill:url(#linear-gradient-25);}.cls-54{fill:url(#linear-gradient-26);}.cls-55{fill:#beedda;}.cls-56{fill:url(#linear-gradient-27);}.cls-57{fill:url(#linear-gradient-28);}.cls-58{fill:url(#linear-gradient-29);}.cls-59{fill:url(#linear-gradient-30);}.cls-60{fill:url(#linear-gradient-31);}.cls-61{fill:url(#linear-gradient-32);}.cls-62{fill:url(#linear-gradient-33);}.cls-63{fill:url(#linear-gradient-34);}.cls-64{fill:url(#linear-gradient-35);}.cls-65{fill:url(#linear-gradient-36);}.cls-66{fill:url(#linear-gradient-37);}.cls-67{fill:url(#linear-gradient-38);}.cls-68{fill:url(#linear-gradient-40);}.cls-69{fill:url(#linear-gradient-42);}.cls-70{fill:url(#linear-gradient-43);}.cls-71{fill:url(#linear-gradient-44);}.cls-72{fill:#fdb913;}.cls-73{clip-path:url(#clip-path);}.cls-74{fill:url(#linear-gradient-46);}.cls-75{fill:url(#linear-gradient-47);}.cls-76{fill:url(#linear-gradient-48);}.cls-77{fill:url(#linear-gradient-49);}.cls-78{fill:url(#linear-gradient-50);}.cls-79{fill:#fff;}.cls-80{fill:url(#linear-gradient-51);}.cls-81{fill:url(#linear-gradient-52);}.cls-82{fill:url(#linear-gradient-53);}
/*** 

====================================================================
	Page Title Style
====================================================================

***/

.page-title{
	position:relative;
	padding:90px 0px;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	text-align:center;
}

.page-title:before{
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	position:absolute;
	background:rgba(0,0,0,0.20);
}

.page-title .auto-container{
	position:relative;
	z-index:1;
}	

.page-title h1{
	position:relative;
	font-size:36px;
	font-weight:700;
	color:#ffffff;
	padding-bottom:20px;
	line-height:1.5em;
}

.page-title h1:after{
	content:'';
	position:absolute;
	left:50%;
	margin-left:-20px;
	bottom:0px;
	width:80px;
	border-bottom:3px solid #fdb913;
}

.page-info{
	position:relative;
	padding:10px 0px 0px 0px;
	background:#ffffff;
	color:#272727;
	border-bottom:1px solid #f0f0f0;	
}

.page-info h2{
	font-size:20px;
	color:#272727;
	line-height:24px;
	font-weight:700;	
}

.page-info .bread-crumb{
	position:relative;
	font-size:15px;
	text-align: right;
	float: right;
}

.page-info .bread-crumb li{
	position:relative;
	float:left;
	margin-right:10px;
	color:#9e9e9e;
	line-height:24px;
	list-style: none;
}

.page-info .bread-crumb li:last-child{
	margin-right:0px;
}
/*
.page-info .bread-crumb li:after{
content: '\f618';
font-family: "bootstrap-icons !important";
	position:absolute;
	right:-22px;
	width:10px;
	line-height:28px;
	font-size:14px;
	color:#fdb913;
}
*/
.page-info .bread-crumb li:last-child:after{
	display:none;	
}

.page-info .bread-crumb li a{
	color:#9e9e9e;	
}

.page-info .bread-crumb li a:hover{
	color:#fdb913;	
}

/*** 

====================================================================
	Contact Section
====================================================================

***/

.contact-section{
	position:relative;
	padding:60px 0px 60px;
}

.contact-section .column{
	position:relative;
	margin-bottom:30px;	
}

.contact-section .info-column .desc-text{
	line-height:1.8em;
	margin-bottom:30px;
	color:#9e9e9e;	
}


/*default-two-column*/
.default-two-column .form-column{
	position:relative;
}

.form-box{
	position:relative;
	border:2px solid #f4f4f4;
	padding:18px 18px 0px 18px;
}

.comment-form .form-box{
	padding:25px 25px 0px 25px;	
}

.default-form .form-group{
	position:relative;
	margin-bottom:20px;	
}

.comment-form .form-box .form-group{
	margin-bottom:25px;
}

.default-form.form-box .row{
	margin-left:-10px;
	margin-right:-10px;	
}

.default-form.form-box .row .form-group{
	padding:0px 10px !important;	
}

.default-form .form-group .field-label{
	display:block;
	line-height:24px;
	text-transform:uppercase;
	margin-bottom:10px;
	color:#232323;
	font-weight:500;
	font-size:13px;
}

.default-form .form-group .field-label sup{
	color:#ff0000;
	font-size:14px;
}

.default-form input[type="text"],
.default-form input[type="email"],
.default-form input[type="password"],
.default-form input[type="number"],
.default-form select,
.default-form textarea{
	display:block;
	width:100%;
	line-height:24px;
	height:50px;
	font-size:16px;
	border:1px solid #f4f4f4;
	padding:12px 15px;	
	background-color:#f4f4f4;
	color:#111111;
	border-radius:2px;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;	
}

.default-form select{
	cursor:pointer;
	color:#666666;
	-moz-appearance:none;
	-webkit-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	background:#f4f4f4 url(../images/icons/icon-select.png) right center no-repeat;
}

.default-form textarea{
	height:110px;
	resize:none;	
}

.default-form select option{
	text-indent:15px;	
}

.default-form input:focus,
.default-form select:focus,
.default-form textarea:focus{
	border-color:#fdb913;
	background-color:#ffffff;	
}

.default-form input.error,
.default-form select.error,
.default-form textarea.error{
	border-color:#ff0000 !important;	
}

.default-form label.error{
	display:block;
	line-height:24px;
	padding:5px 0px 0px;
	margin:0px;
	text-transform:uppercase;
	font-size:11px;
	color:#ff0000;
	font-weight:500;	
}

.form-box .form-group button{
	width:100%;
	padding:14px 20px;
}


.info-style-one{
	position:relative;	
}

.info-style-one li{
	position:relative;
	padding-left:70px;
	margin-bottom:40px;	
	list-style: none;
}

.info-style-one li .icon-box{
	position:absolute;
	left:0px;
	top:0px;
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
	font-size:24px;
	color:#ffffff;
	background:#fdb913;	
}

.info-style-one li h4{
	font-size:18px;
	font-weight:600;
	margin-bottom:0px;
	color:#272727;
	text-transform:capitalize;
}

.info-style-one li .text{
	line-height:1.8em;
	color:#9e9e9e;
}


/*** 

====================================================================
	Gallery Section
====================================================================

***/

.gallery-section{
	position:relative;
	padding:100px 0px;
}

.gallery-section .filters{
	position:relative;
	text-align:center;
	font-family:'Montserrat',sans-serif;
	margin-bottom:50px;
}

.gallery-section .filters .icon-box{
	position:relative;
	display:inline-block;
	margin-right:-75px;
	font-size:24px;
	color:#fdb913;
	text-align:center;
	width:70px;
	line-height:24px;
	padding:12px 10px;	
}

.gallery-section .filters .filter-tabs{
	position:relative;
	display:inline-block;
	padding-left:70px;
	border-bottom:1px solid #e0e0e0;	
}

.gallery-section .filters li{
	position:relative;
	top:1px;
	display:inline-block;
	padding:12px 20px;
	line-height:24px;
	color:#999999;
	cursor:pointer;
	text-transform:capitalize;
	font-size:16px;
	font-weight:400;
	border:1px solid transparent;
	border-bottom-width:2px;
	margin:0px 0px 0px;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.gallery-section .filters li.active{
	color:#272727;
	border-color:#e0e0e0;
	border-bottom-color:#ffffff;
}


.default-portfolio-item{
	position:relative;
}

.portfolio-with-caption .default-portfolio-item{
	margin-bottom:30px;	
}

.gallery-section.style-two .items-container{
	padding:0px 15px;	
}

.default-portfolio-item.mix{
	display:none;
}

.gallery-section.fullwidth .default-portfolio-item{
	padding:0px !important;	
}

.sortable-masonry .items-container{
	margin-left:-5px;
	margin-right:-5px;	
}

.sortable-masonry .masonry-item{
	position:relative;
	padding:0px 5px !important;
	margin-bottom:10px !important;
}

.default-portfolio-item .inner-box{
	position:relative;
	width:100%;
	overflow:hidden;
}

.default-portfolio-item .image-box{
	position:relative;
	display:block;	
}

.default-portfolio-item .image-box img{
	position:relative;
	display:block;
	width:100%;
}

.default-portfolio-item .overlay-one{
	position:absolute;
	left:0px;
	top:-100%;
	width:100%;
	height:100%;
	padding:0px;
	color:#ffffff;
	opacity:0;
	border:5px solid #fdb913;
	text-align:center;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
}

.fullwidth .default-portfolio-item .overlay-one,
.portfolio-with-caption .default-portfolio-item .overlay-one{
	border:none;	
}

.default-portfolio-item .inner-box:hover .overlay-one{
	top:0px;
	opacity:1;	
}

.default-portfolio-item .overlay-one .overlay-inner{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:table;
	vertical-align:middle;
	padding:30px 50px;
	background:rgba(0,0,0,0.85);
}

.fullwidth .default-portfolio-item .overlay-one .overlay-inner,
.portfolio-with-caption .default-portfolio-item .overlay-one .overlay-inner{
	background:rgba(253, 185, 19, 0.82);	
}

.default-portfolio-item .overlay-one .overlay-inner .content{
	position:relative;
	display:table-cell;
	vertical-align:middle;
}

.default-portfolio-item .proj-link{
	position:relative;
	display:inline-block;
	width:46px;
	height:46px;
	color:#f9b315;
	line-height:46px;
	background:#ffffff;
	font-size:16px;
	z-index:1;
	border-radius:50%;
	text-align:center;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;

}

.fullwidth .default-portfolio-item .proj-link{
	height:60px;
	width:60px;
	line-height:60px;
	font-size:20px;	
}

.portfolio-with-caption .default-portfolio-item .proj-link{
	height:50px;
	width:50px;
	line-height:50px;
	font-size:20px;	
}

.default-portfolio-item .proj-link:hover{
	background:#fdb913;
	color:#ffffff;
}

.padd-top-60{
	padding-top:60px !important;	
}

.portfolio-with-caption .default-portfolio-item .proj-link:hover{
	background:#272727;
	color:#ffffff;
}

.default-portfolio-item .caption-box-one{
	position:absolute;
	left:-100%;
	bottom:0px;
	width:100%;
	padding:25px;
	z-index:1;
	opacity:0;	
}

.default-portfolio-item:hover .caption-box-one{
	left:0px;
	opacity:1;
	transition: all 500ms ease 500ms;
	-webkit-transition: all 500ms ease 500ms;
	-ms-transition: all 500ms ease 500ms;
	-o-transition: all 500ms ease 500ms;
	-moz-transition: all 500ms ease 500ms;	
}

.default-portfolio-item .caption-box-one h3{
	font-size:20px;
	color:#ffffff;
	font-weight:600;
	text-transform:capitalize;
	margin-bottom:0px;
}

.fullwidth .default-portfolio-item .caption-box-one h3{
	font-size:24px;	
}

.default-portfolio-item .caption-box-one h3 a{
	color:#ffffff;	
}

.default-portfolio-item .caption-box-one h3 a:hover{
	color:#fdb913;
}

.fullwidth .default-portfolio-item .caption-box-one h3 a:hover{
	color:#272727;
}

.default-portfolio-item .caption-box-one .cat-link{
	position:relative;
	display:block;
	line-height:20px;
	color:#fdb913;
	font-size:15px;
	text-transform:capitalize;
	font-weight:400;
	font-style:italic;
}

.default-portfolio-item .caption-box-one .cat-links{
	position:relative;
	display:block;
	color:#ffffff;
	line-height:20px;
}

.default-portfolio-item .caption-box-one .cat-links a{
	position:relative;
	line-height:20px;
	color:#ffffff;
	font-size:15px;
	text-transform:capitalize;
	font-weight:400;
	font-style:italic;
}


.default-portfolio-item .caption-box-two{
	position:relative;
	padding:20px 20px;
	text-align:center;
	background:#f4f4f4;
	border-bottom:2px solid transparent;
	z-index:1;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;	
}

.default-portfolio-item:hover .caption-box-two{
	border-bottom-color:#fbb517;	
}

.default-portfolio-item .caption-box-two h3{
	font-size:20px;
	color:#272727;
	font-weight:600;
	text-transform:capitalize;
	margin-bottom:0px;
}

.default-portfolio-item .caption-box-two h3 a{
	color:#272727;	
}

.default-portfolio-item .caption-box-two h3 a:hover{
	color:#fdb913;
}

.default-portfolio-item .caption-box-two .cat-links{
	position:relative;
	display:block;
	color:#ffffff;
	line-height:20px;
}

.default-portfolio-item .caption-box-two .cat-links a{
	position:relative;
	line-height:20px;
	color:#fdb913;
	font-size:15px;
	text-transform:capitalize;
	font-weight:400;
	font-style:italic;
}
.comp_name{
  color: #0c2b5a;
  font-weight: 600;
  margin-top: -10px;
}

@media(max-width:991px)
{
	.carousel-caption h2 {
  font-size: 2rem;
}
	.carousel-inner {
  height: auto;
}
}

@media(max-width:768px)
{
	.company-name {
  display: none;
}
.carousel-inner {
  height: auto;
}
.carousel .carousel-indicators{
	display:none;
}
.carousel-caption {
  bottom: 0%;
}
.carousel-caption h2 {
  font-size: 1.2rem;
}
.navbar-brand{
	padding:0 !important;
}
.about-img::before {
  height: 150px;
}
.need_help {
  top: 0%;
  left: 0;
}
.shop_taital {
	padding-top: 5px;
  font-size: 20px;
}
.shop_text {
  font-size: 8px;
  margin: 0px 0px 2px 0px;
}
.quote_bt {
  width: 94px;
}
.quote_bt a {	
  font-size: 10px;
  padding: 2px 0px;
}
.testimonial-style-one .slide-item .inner-box .auther-info .auther-name {
  font-size: 16px;
}
}