/*--------------------------------------------------------------# General--------------------------------------------------------------*/
body{font-family:"Open Sans", sans-serif;color:#0e0e10;}
a{color:#ffb600;}
a:hover{color:#ffb600;text-decoration:none;}
h1, h2, h3, h4, h5, h6{font-family:"Raleway", sans-serif;}

/*--------------------------------------------------------------# Back to top button--------------------------------------------------------------*/
.back-to-top{position:fixed;display:none;right:15px;bottom:15px;z-index:99999;}
.back-to-top i{display:flex;align-items:center;justify-content:center;font-size:24px;width:40px;height:40px;border-radius:4px;background:#ffb600;color:#fff;transition:all 0.4s;}
.back-to-top i:hover{background:#ffb600;color:#fff;}

/*--------------------------------------------------------------# Top Bar--------------------------------------------------------------*/
#topbar{background:#0e0e10;padding:10px 0;font-size:14px;}
#topbar .contact-info{color:#fff;}
#topbar .contact-info a{line-height:1;color:#fff;transition:0.3s;}
#topbar .contact-info a:hover{color:#ffb600;}
#topbar .contact-info i{color:#ffb600;padding:4px;}
#topbar .contact-info .icofont-phone{padding-left:20px;}
#topbar .social-links a{color:#fff;padding:4px 0 4px 16px;display:inline-block;line-height:1px;transition:0.3s;}
#topbar .social-links a:hover{color:#ffb600;}
#topbar .social-links a:first-child{border-left:0;}

/*--------------------------------------------------------------# Header--------------------------------------------------------------*/
#header{transition:all 0.5s;z-index:997;transition:all 0.5s;padding:10px 0;background:#fff;box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.1);position:relative;}
#header .d-flex {align-items: center; justify-content: space-between;}
#header .logo h1{font-size:26px;padding:0 0 0 8px;margin:11px 0;line-height:1;font-weight:700;letter-spacing:1px;text-transform:uppercase;font-family:"Poppins", sans-serif;border-left:8px solid #ffb600;}
#header .logo h1 a, #header .logo h1 a:hover{color:#0e0e10;text-decoration:none;}
#header .logo img{padding:0;margin:0;max-height:80px;}
#header .info__number {background-color: #ffb600; padding: 5px 12px; width: 95px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; text-align: center;}
#header .info__number p{margin: 0; font-size: 18px; font-weight: 700; color: #fff; line-height: normal;}

/*--------------------------------------------------------------# Navigation Menu--------------------------------------------------------------*/
/* Desktop Navigation */
.nav-menu, .nav-menu *{margin:0;padding:0;list-style:none; display: flex !important; align-items: center;}
.nav-menu > ul > li{position:relative;white-space:nowrap;float:left;}
.nav-menu a{display:block;position:relative;color:#0e0e10;padding:0px 0 0px 22px;transition:0.3s;font-size:14px; font-weight: 500; text-transform: uppercase; font-family:"Poppins", sans-serif;}
.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a{color:#ffb600;text-decoration:none;}
/* .nav-menu .drop-down ul{display:block;position:absolute;left:20px;top:calc(100% + 30px);z-index:99;opacity:0;visibility:hidden;padding:10px 0;background:#fff;box-shadow:0px 0px 30px rgba(127, 137, 161, 0.25);transition:ease all 0.3s;}
.nav-menu .drop-down:hover > ul{opacity:1;top:100%;visibility:visible;}
.nav-menu .drop-down li{min-width:180px;position:relative;}
.nav-menu .drop-down ul a{padding:10px 20px;font-size:14px;font-weight:500;text-transform:none;}
.nav-menu .drop-down ul a:hover, .nav-menu .drop-down ul .active > a, .nav-menu .drop-down ul li:hover > a{color:#ffb600;}
.nav-menu .drop-down > a:after{content:"\ea99";font-family:IcoFont;padding-left:5px;}
.nav-menu .drop-down .drop-down ul{top:0;left:calc(100% - 30px);}
.nav-menu .drop-down .drop-down:hover > ul{opacity:1;top:0;left:100%;}
.nav-menu .drop-down .drop-down > a{padding-right:35px;}
.nav-menu .drop-down .drop-down > a:after{content:"\eaa0";font-family:IcoFont;position:absolute;right:15px;} */

/* @media (max-width:1366px){.nav-menu .drop-down .drop-down ul{left:-90%;}
 .nav-menu .drop-down .drop-down:hover > ul{left:-100%;}
 .nav-menu .drop-down .drop-down > a:after{content:"\ea9d";}
} */

/* Mobile Navigation */
.mobile-nav-toggle{position:fixed;right:15px;top:20px;z-index:9998;border:0;background:none;font-size:24px;transition:all 0.4s;outline:none !important;line-height:1;cursor:pointer;text-align:right;}
.mobile-nav-toggle i{color:#ffb600;}
.mobile-nav{position:fixed;top:55px;right:15px;bottom:15px;left:15px;z-index:9999;overflow-y:auto;background:#fff;transition:ease-in-out 0.2s;opacity:0;visibility:hidden;border-radius:10px;padding:10px 0;}
.mobile-nav *{margin:0;padding:0;list-style:none;}
.mobile-nav a{display:block;position:relative;color:#0e0e10;padding:10px 20px;font-weight:500;outline:none;}
.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a{color:#ffb600;text-decoration:none;}
.mobile-nav .drop-down > a:after{content:"\ea99";font-family:IcoFont;padding-left:10px;position:absolute;right:15px;}
.mobile-nav .active.drop-down > a:after{content:"\eaa1";}
.mobile-nav .drop-down > a{padding-right:35px;}
.mobile-nav .drop-down ul{display:none;overflow:hidden;}
.mobile-nav .drop-down li{padding-left:20px;}
.mobile-nav-overly{width:100%;height:100%;z-index:9997;top:0;left:0;position:fixed;background:rgba(59, 59, 59, 0.6);overflow:hidden;display:none;transition:ease-in-out 0.2s;}
.mobile-nav-active{overflow:hidden;}
.mobile-nav-active .mobile-nav{opacity:1;visibility:visible;}
.mobile-nav-active .mobile-nav-toggle i{color:#fff;}

/*--------------------------------------------------------------# Hero Section--------------------------------------------------------------*/
#hero{width:100%;height:550px;background-color:rgba(59, 59, 59, 0.8);overflow:hidden;padding:0;margin-bottom:-120px;position:relative;z-index:1;}
#hero .carousel-item{width:100%;height:550px;background-size:cover;background-position:center;background-repeat:no-repeat;}
#hero .carousel-item::before{content:'';background-color:rgba(0, 0, 0, 0.6);position:absolute;top:0;right:0;left:0;bottom:0;}
#hero .carousel-container{display:flex;justify-content:center;align-items:center;position:absolute;bottom:0;top:0;left:0;right:0;padding-bottom:120px;}
#hero .carousel-content{text-align:center;}
#hero h2{color:#fff;margin-bottom:30px;font-size:48px;font-weight:700;}
#hero h2 span{color:#ffb600;}
#hero p{width:65%;-webkit-animation-delay:0.4s;animation-delay:0.4s;margin:0 auto 30px auto;color:#fff; font-size: 20px; font-weight: 500; line-height: 30px;}
#hero .carousel-inner .carousel-item,#hero .carousel-inner .active.carousel-item-left,#hero .carousel-inner .active.carousel-item-right{opacity:0;}
#hero .carousel-inner .active,#hero .carousel-inner .carousel-item-next.carousel-item-left,#hero .carousel-inner .carousel-item-prev.carousel-item-right{opacity:1;transition:0.5s;}
#hero .carousel-inner .carousel-item-next,#hero .carousel-inner .carousel-item-prev,#hero .carousel-inner .active.carousel-item-left,#hero .carousel-inner .active.carousel-item-right{left:0;transform:translate3d(0, 0, 0);}
#hero .carousel-control-prev, #hero .carousel-control-next{width:10%;}
#hero .carousel-control-next-icon, #hero .carousel-control-prev-icon{background:none;font-size:48px;line-height:1;width:auto;height:auto;color:#fff;}
#hero .carousel-indicators {bottom: -30px;}
#hero .carousel-indicators li{cursor:pointer;background:#ffb600;overflow:hidden;border:0;width:12px;height:12px;border-radius:50px;margin-bottom:180px;opacity:.2;}
#hero .carousel-indicators li.active{opacity:1;}
#hero .btn-get-started{font-family:"Raleway", sans-serif;font-weight:700;font-size:14px; text-transform: uppercase; letter-spacing:1px;display:inline-block;padding:12px 32px;border-radius:50px;transition:0.5s;line-height:1;margin:10px;color:#000;-webkit-animation-delay:0.8s;animation-delay:0.8s;border:2px solid #ffb600;background:#ffb600;}
#hero .btn-get-started:hover{background:transparent;color:#ffb600;text-decoration:none;}

/*--------------------------------------------------------------# Sections General--------------------------------------------------------------*/
section{padding:0 0 80px 0;}
.section-bg{background-color:white;}
.section-title{text-align:center;padding-bottom:30px;}
.section-title h2{font-size:28px;font-weight:600;margin-bottom:20px;padding-bottom:20px;position:relative;font-family:"Poppins", sans-serif;}
.section-title h2::after{content:'';position:absolute;display:block;width:50px;height:3px;background:#ffb600;bottom:0;left:calc(50% - 25px);}
.section-title p{margin-bottom:0;}

/*--------------------------------------------------------------# Breadcrumbs--------------------------------------------------------------*/
.breadcrumbs{padding:20px 0 20px 0;background:#f7f7f7;border-bottom:1px solid #ededed;margin-bottom:40px;}
.breadcrumbs h2{font-size:28px;font-weight:700;color:#0e0e10;}
.breadcrumbs ol{display:flex;flex-wrap:wrap;list-style:none;padding:0 0 5px 0;margin:0;font-size:14px;}
.breadcrumbs ol li + li{padding-left:10px;}
.breadcrumbs ol li + li::before{display:inline-block;padding-right:10px;color:#6e6e6e;content:"/";}

/*--------------------------------------------------------------# Contact --------------------------------------------------------------*/
.contact__sec{position:relative;z-index:2;}
.contact__sec .icon-box{padding: 25px 25px 0; box-shadow:0px 2px 15px rgba(0, 0, 0, 0.15);border-radius:10px;background:#fff;transition:all ease-in-out 0.3s; text-align: center; min-height: 200px;}
.contact__sec .icon-box i{color:#ffb600;font-size:42px;margin-bottom:15px;display:block;}
.contact__sec .icon-box h3{font-weight:700;margin-bottom:15px;font-size:20px;color:#0e0e10;transition:0.3s;}
.contact__sec .icon-box p{color:#0e0e10;line-height:26px;font-size:16px;margin-bottom:0;}
.contact__sec .icon-box p a {color:#0e0e10;}
.contact__sec .icon-box:hover{background:#ffb600;}
.contact__sec .icon-box:hover i, .contact__sec .icon-box:hover h3, .contact__sec .icon-box:hover p, .contact__sec .icon-box:hover p a{color:#fff;}

/*--------------------------------------------------------------# About--------------------------------------------------------------*/
.about .image__holder {height:100%; width: 100%; overflow:hidden;display:block;position:relative; -moz-border-radius:10px 0px 0px 10px; -webkit-border-radius:10px 0px 0px 10px; border-radius:10px 0px 0px 10px;}
.about .image__holder img{height:100%;width:100%;object-fit:cover;}
.about .content__outer {height: 100%; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; background-color: #fff; -webkit-box-shadow:0px 0px 32px 0 rgba(0,0,0,.07); -moz-box-shadow:0px 0px 32px 0 rgba(0,0,0,.07); box-shadow:0px 0px 32px 0 rgba(0,0,0,.07); -moz-border-radius:0 10px 10px 0px; -webkit-border-radius:0 10px 10px 0px; border-radius:0 10px 10px 0px;}
.about .content__outer .content__details {margin: 0; padding: 30px;}
.about .content__outer .content__details h2{font-size:28px;font-weight:600;margin-bottom:20px;padding-bottom:20px;position:relative;font-family:"Poppins", sans-serif;}
.about .content__outer .content__details h2::after{content:'';position:absolute;display:block;width:50px;height:3px;background:#ffb600;bottom:0;}
.about .content__outer .content__details p {margin:35px 0 0; font-size: 17px; font-weight: 400; line-height: 27px;}
.about .content__outer .content__details .read__more__btn {margin-top: 40px;}
.about .content__outer .content__details .btn-read-more{font-family:"Raleway", sans-serif;font-weight:700;font-size:14px; text-transform: uppercase; letter-spacing:1px;display:inline-block;padding:12px 32px;border-radius:50px;transition:0.5s;line-height:1;margin:0px;color:#000;-webkit-animation-delay:0.8s;animation-delay:0.8s;border:2px solid #ffb600;background:#ffb600;}
.about .content__outer .content__details .btn-read-more:hover{background:transparent;color:#ffb600;text-decoration:none;}

/*--------------------------------------------------------------# Our Services--------------------------------------------------------------*/
.services {margin:0px 0px 80px 0;padding:50px 0px;display:block;clear:both;position:relative; background-color: #eeeeee;}
.services .services__list{margin: 0; padding: 0;}
.services ul{list-style:none; margin:0px; padding:0px; display:grid; grid-template-columns: repeat(4,4fr); column-gap:20px; row-gap:20px;}
.services ul li{background-color:#fff; margin: 0px; min-height: 100px; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; padding-left: 30px; font-size: 15px; font-weight: 600; line-height: 25px; position: relative;}
.services ul li span {position: relative; z-index: 1;}
.services ul li:before {background:#ffb600; left:0px; top:0px; height:100%; width:4%; position:absolute; content:"";-webkit-transition:all .8s ease 0s;-moz-transition:all .8s ease 0s;-o-transition:all .8s ease 0s;transition:all .8s ease 0s;}
.services ul li:hover::before{width: 100%;}
.services ul li:hover {color: #fff;}

/*--------------------------------------------------------------# Portfolio--------------------------------------------------------------*/
.portfolio .portfolio-item{margin-bottom:30px;}
.portfolio #portfolio-flters{padding:0;margin:0 auto 25px auto;list-style:none;text-align:center;background:white;border-radius:50px;padding:2px 15px;}
.portfolio #portfolio-flters li{cursor:pointer;display:inline-block;padding:12px 20px 12px 20px;font-size:16px;font-weight:500;line-height:1;color:#0e0e10;margin:0 4px 8px 4px;transition:all ease-in-out 0.3s;border-radius:50px;background:#f2f2f2;}
.portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active{background:#ffb600;color:#fff;}
.portfolio #portfolio-flters li:last-child{margin-right:0;}
.portfolio .portfolio-wrap{transition:0.3s;position:relative;overflow:hidden;z-index:1;background:rgba(84, 84, 84, 0.6); height: 260px;}
.portfolio .portfolio-wrap img {width: 100%; height: 100%; object-fit: cover; object-position: center; overflow: hidden;}
.portfolio .portfolio-wrap::before{content:"";background:rgba(0, 0, 0, 0.8);position:absolute;left:30px;right:30px;top:30px;bottom:30px;transition:all ease-in-out 0.3s;z-index:2;opacity:0;}
.portfolio .portfolio-wrap .portfolio-info{opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;z-index:3;transition:all ease-in-out 0.3s;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.portfolio .portfolio-wrap .portfolio-info::before{display:block;content:"";width:48px;height:48px;position:absolute;top:35px;left:35px;border-top:3px solid #ffb600;border-left:3px solid #ffb600;transition:all 0.5s ease 0s;z-index:9994;}
.portfolio .portfolio-wrap .portfolio-info::after{display:block;content:"";width:48px;height:48px;position:absolute;bottom:35px;right:35px;border-bottom:3px solid #ffb600;border-right:3px solid #ffb600;transition:all 0.5s ease 0s;z-index:9994;}
.portfolio .portfolio-wrap .portfolio-info h4{font-size:20px;color:#ffb600;font-weight:600;}
.portfolio .portfolio-wrap .portfolio-links{text-align:center;z-index:4;}
.portfolio .portfolio-wrap .portfolio-links a{color:#fff;margin:0 2px;font-size:28px;display:inline-block;transition:0.3s;}
.portfolio .portfolio-wrap .portfolio-links a:hover{color:#ffb600;}
.portfolio .portfolio-wrap:hover::before{top:0;left:0;right:0;bottom:0;opacity:1;}
.portfolio .portfolio-wrap:hover .portfolio-info{opacity:1;}
.portfolio .portfolio-wrap:hover .portfolio-info::before{top:15px;left:15px;}
.portfolio .portfolio-wrap:hover .portfolio-info::after{bottom:15px;right:15px;}
.portfolio .read__more__btn {margin: auto; text-align: center;}
.portfolio .btn-read-more{font-family:"Raleway", sans-serif;font-weight:700;font-size:14px; text-transform: uppercase; letter-spacing:1px;display:inline-block;padding:12px 32px;border-radius:50px;transition:0.5s;line-height:1;margin:0px;color:#000;-webkit-animation-delay:0.8s;animation-delay:0.8s;border:2px solid #ffb600;background:#ffb600;}
.portfolio .btn-read-more:hover{background:transparent;color:#ffb600;text-decoration:none;}

/*--------------------------------------------------------------# Contact Section--------------------------------------------------------------*/
.contact__info{margin:0px 0 -10px; padding: 0;}
.contact__info .contact__wrap{width:100%; height:100%; padding:0px 0 80px;}
.contact__info .contact__wrap .address__section{width:100%; background:rgba(0, 0, 0, 0.85); height:100%;}
.contact__info .contact__wrap .address__section .content__details{display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-align:center; align-items:center; -ms-flex-pack:center; justify-content:center; height:100%;}
.contact__info .contact__wrap .address__section .content__details .inner__content{text-align:left; width:275px; margin:auto;}
.contact__info .contact__wrap .address__section .content__details .inner__content h3{font-size:24px;font-weight:600;margin:30px 0 5px;padding-bottom:0px;position:relative;font-family:"Poppins", sans-serif; color: #fff;}
.contact__info .contact__wrap .address__section .content__details .inner__content p{margin:0px; padding:0px; font-size:18px; line-height:28px; font-weight:400; color:#fff;}
.contact__info .contact__wrap .address__section .content__details .inner__content p a {color: #fff;}
.contact__info .contact__wrap .address__section .content__details .inner__content p a:hover {color: #ffb600;}
.contact__form{margin:0px; padding:40px 30px; background-color:#fff; -webkit-box-shadow:0px 0px 32px 0 rgba(0,0,0,.07); -moz-box-shadow:0px 0px 32px 0 rgba(0,0,0,.07); box-shadow:0px 0px 32px 0 rgba(0,0,0,.07);}
.contact__form .contact__content{padding:0px; display:block; clear:both;}
.contact__form .contact__content .contact__header{padding:0px; border:0px;}
.contact__form .contact__content .contact__header h2{font-size:28px;font-weight:600;margin:0px;padding:0px 0 15px;position:relative;font-family:"Poppins", sans-serif; text-align: center;}
.contact__form .contact__content .contact__header h2::after{content:'';position:absolute;display:block;width:50px;height:3px;background:#ffb600;bottom:0; margin: auto; text-align: center; left: 0; right: 0;}
.contact__form .contact__content .contact__form__body{padding:30px 0px 0px;}
.contact__form .contact__content .contact__form__body .form-group{margin-bottom:15px; padding:0px;}
.contact__form .contact__content .contact__form__body .form-group .form-control{border:0px; height:45px; font-size:14px; color:#242424; padding-left:15px; padding-right:15px; border: 1px solid #e4e4e4;}
.contact__form .contact__content .contact__form__body .form-group textarea.form-control{height:125px; padding-top:10px;}
.contact__form .contact__content .contact__form__body .submit__btn{font-family:"Raleway", sans-serif;font-weight:700;font-size:14px; text-transform: uppercase; letter-spacing:1px;display:inline-block;border-radius:50px;transition:0.5s;line-height:1;margin:0px;color:#000;-webkit-animation-delay:0.8s;animation-delay:0.8s;border:2px solid #ffb600;background:#ffb600; margin: 15px auto 0; text-align: center; width: 165px; height: 45px;}
.contact__form .contact__content .contact__form__body .submit__btn:hover{background:transparent;color:#ffb600;text-decoration:none;}
.contact__form .contact__content .contact__form__body .form-group .form-control:focus {box-shadow: none;}

/*--------------------------------------------------------------# Footer--------------------------------------------------------------*/
#footer{background:#404040;padding:0 0 30px 0;color:#fff;font-size:14px;}
#footer .footer-top{background:#3b3b3b;border-top:1px solid #474747;border-bottom:1px solid #474747;padding:60px 0 30px 0;}
#footer .footer-top .footer-info{margin-bottom:30px;}
#footer .footer-top .footer-info h3{font-size:18px;margin:0 0 20px 0;padding:2px 0 2px 0;line-height:1;font-weight:700;}
#footer .footer-top .footer-info p{font-size:14px;line-height:24px;margin-bottom:0;font-family:"Raleway", sans-serif;color:#fff;}
#footer .footer-top .social-links a{font-size:18px;display:inline-block;background:#0e0e10;color:#fff;line-height:1;padding:8px 0;margin-right:4px;border-radius:50%;text-align:center;width:36px;height:36px;transition:0.3s;}
#footer .footer-top .social-links a:hover{background:#ffb600;color:#fff;text-decoration:none;}
#footer .footer-top h4{font-size:16px;font-weight:bold;color:#fff;text-transform:uppercase;position:relative;padding-bottom:12px;}
#footer .footer-top .footer-links{margin-bottom:30px;}
#footer .footer-top .footer-links ul{list-style:none;padding:0;margin:0;}
#footer .footer-top .footer-links ul i{padding-right:2px;color:#ffb600;font-size:18px;line-height:1;}
#footer .footer-top .footer-links ul li{padding:10px 0;display:flex;align-items:center;}
#footer .footer-top .footer-links ul li:first-child{padding-top:0;}
#footer .footer-top .footer-links ul a{color:#fff;transition:0.3s;display:inline-block;line-height:1;}
#footer .footer-top .footer-links ul a:hover, #footer .footer-top .footer-links ul li.active a{color:#ffb600;}
#footer .footer-top .footer-contact{margin-bottom:30px;}
#footer .footer-top .footer-contact p{line-height:26px;}
#footer .copyright{text-align:center;padding-top:30px;}
#footer .credits{padding-top:10px;text-align:center;font-size:13px;color:#fff;}

/*-------------------------------------------------------------- # Inner Pages Banner  --------------------------------------------------------------*/
.inner__header__banner{margin:0px 0 80px;padding:0px;position:relative;max-height:500px;overflow:hidden;}
.inner__header__banner img{height:500px;max-height:400px;width:100%;object-fit:cover;object-position:center;-moz-transform:none;-webkit-transform:none;transform:none;}
.inner__header__banner::before{position:absolute;left:0px;right:0px;content:'';width:100%;height:100%;background:rgba(0,0,0,.5);}
.inner__header__banner .banner__content{position:absolute;left:0px;top:0px;width:100%;height:100%;margin:0px;padding:0px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:end;}
.inner__header__banner .banner__content h1{color:#fff;font-size:45px;font-weight:700;padding:0px;margin:5px 0px; text-align: center;}
.inner__header__banner .breadcrumb__main{margin:0px;padding:0px;}
.inner__header__banner .breadcrumb__main ul{list-style:none;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin:0px;padding:0px;justify-content: center;}
.inner__header__banner .breadcrumb__main ul li{color:#fff;font-size:16px;font-weight:300;display:-ms-flexbox;display:flex;align-items:center;}
.inner__header__banner .breadcrumb__main ul li:after{content:"";width:15px;height:1px;margin:5px 15px 0; display: block; background-color: #fff;}
.inner__header__banner .breadcrumb__main ul li:last-child:after{display:none;}
.inner__header__banner .breadcrumb__main ul li a{color:#fff;}
.inner__header__banner .breadcrumb__main ul li a:hover, .inner__header__banner .breadcrumb__main ul li.active{color:#ffb600;}

/*-------------------------------------------------------------- # Inner About Page  --------------------------------------------------------------*/
.inner__about .content__details p {font-size: 18px; font-weight: 400; line-height: 29px;}

/*-------------------------------------------------------------- # Inner Differents Service Page  --------------------------------------------------------------*/
.inner__service__wrapp{margin:0px;display:block;clear:both;position:relative;}
.inner__service__wrapp h2{font-size:28px;font-weight:600;margin:0px;padding-bottom:20px;position:relative;font-family:"Poppins", sans-serif;}
.inner__service__wrapp h2::after{content:'';position:absolute;display:block;width:50px;height:3px;background:#ffb600;bottom:0;}
.inner__service__wrapp p {font-size: 18px; font-weight: 400; line-height: 29px; margin: 25px 0 0;}
.inner__service__wrapp .images__wrap {margin-top: 30px;}
.inner__service__wrapp .images__wrap .image__holder{width: 100%; height: 400px; position:relative; overflow: hidden;}
.inner__service__wrapp .images__wrap .image__holder img{width: 100%; height: 100%; object-fit: cover; object-position: center;}

/*-------------------------------------------------------------- # Inner City Paving Page  --------------------------------------------------------------*/
.inner__paving__wrapp{margin:0px;display:block;clear:both;position:relative;}
.inner__paving__wrapp h2{font-size:28px;font-weight:600;margin:0px;padding-bottom:20px;position:relative;font-family:"Poppins", sans-serif;}
.inner__paving__wrapp h2::after{content:'';position:absolute;display:block;width:50px;height:3px;background:#ffb600;bottom:0;}
.inner__paving__wrapp h3{font-size:18px;font-weight:700;margin:0px;margin-top:20px;position:relative;font-family:"Poppins", sans-serif;color:#ffb600;}
.inner__paving__wrapp p {font-size: 16px; font-weight: 400; line-height: 26px; margin: 20px 0 0;}

/*--------------------------------------------------------------# Inner Portfolio page--------------------------------------------------------------*/
.portfolio .portfolio__tabs{border:none;height:50px; justify-content: space-between; margin-bottom: 30px;}
.portfolio .portfolio__tabs a.nav-link{border-radius:0;border:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:16px;font-weight:600;color:#0e0e10;padding:0 10px;margin:0;}
.portfolio .portfolio__tabs a.nav-link:hover, .portfolio .portfolio__tabs a.nav-link.active{background-color:#ffb600;color:#fff;}

/*--------------------------------------------------------------# Responsive CSS --------------------------------------------------------------*/
@media(max-width:1199px) {
    #header .logo img {max-height: 70px;}
    .nav-menu a {font-size: 12px; padding: 0 0 0 18px;}
    .nav-menu, .nav-menu * {display: unset !important;}
    #header .info__number p {font-size: 15px;}
    .contact__sec .icon-box {padding: 25px 15px 0px;}
    .portfolio .portfolio__tabs {height: unset;}
    .portfolio .portfolio__tabs a.nav-link {padding: 10px; font-size: 14px;}
}

@media(max-width:991px) {   
    .nav-menu, .nav-menu * {display: none !important;}
    .mobile-nav-toggle {top: 25px;}
    #header .info__number__outer {width: 100%; display: flex; justify-content: center;}
    #hero h2 {font-size: 45px;}
    #hero p {width: 80%; font-size: 18px; line-height: 28px;}
    .about .pr-0 {padding-right: 15px !important;}
    .about .image__holder {-moz-border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px; height: 500px;}
    .about .pl-0 {padding-left: 15px !important;}
    .services ul {grid-template-columns: repeat(3,3fr)}
    section {padding: 0 0 50px 0;}
    .services {margin: 0 0 50px 0;}
    .contact__info .contact__wrap {padding: 0 0 50px;}
    .inner__header__banner {margin: 0 0 50px;}
    .portfolio .tab-content {margin-bottom: -30px;}
    .portfolio .portfolio__tabs {justify-content: center;}
    .portfolio .portfolio__tabs a.nav-link {margin-left: 15px; margin-bottom: 15px;}
    .portfolio .portfolio__tabs {margin-bottom: 5px;}
}

@media(max-width:834px) {
    #hero h2 {font-size: 38px;}
    #hero p {width: 100%; padding: 0 15px;}
    .inner__header__banner .banner__content h1 {font-size: 38px;}
    .inner__header__banner .breadcrumb__main ul li {font-size: 14px;}
}

@media(max-width:767px) {
    #hero {height: 500px; margin-bottom: 0;}
    #hero .carousel-item {height: 500px;}
    #hero h2 {font-size: 35px;}
    #hero .carousel-indicators li {margin-bottom: 30px;}
    #hero .carousel-indicators {bottom: 0;}
    #hero .carousel-container {padding-bottom: 0;}
    .contact__sec {margin-top: 50px;}
    .contact__info .contact__wrap .address__section {margin-bottom: 30px; height: unset;}
    .contact__info .contact__wrap .address__section .content__details {padding: 20px 50px 50px;}
    .contact__info .contact__wrap .address__section .content__details .inner__content {width: auto;}
    .inner__header__banner {height: 300px;}
    .inner__header__banner img {height: 300px;}
    .inner__service__wrapp .images__wrap .image__holder {height: auto; margin-bottom: 30px;}
    .inner__service__wrapp .images__wrap {margin-bottom: -30px;}
}

@media(max-width:575px) {
    #hero {height: 400px; margin-bottom: 0;}
    #hero .carousel-item {height: 400px;}
    #hero h2 {font-size: 25px; margin-bottom: 20px;}
    #hero p {font-size: 15px; line-height: 25px;}
    #hero .carousel-indicators li {margin-bottom: 20px;}
    #hero .btn-get-started {font-size: 12px; padding: 12px 20px;}
    .about .image__holder {height: auto;}
    .portfolio .portfolio-wrap .portfolio-info h4 {font-size: 15px;}
    .contact__sec .icon-box h3 {font-size: 16px;}
    .contact__sec .icon-box p {font-size: 14px;}
    .contact__sec .icon-box i {font-size: 35px;}
    .contact__sec .icon-box {min-height: unset; padding: 20px;} 
    .services ul li {font-size: 14px; line-height: 22px;}   
    .about .content__outer .content__details h2, .section-title h2, .contact__form .contact__content .contact__header h2, .inner__service__wrapp h2, .inner__paving__wrapp h2{font-size: 22px; padding-bottom: 15px;}
    .inner__paving__wrapp h3 {font-size: 16px;}
    .about .content__outer .content__details p, .inner__paving__wrapp p {font-size: 14px; margin-top: 20px; line-height: 24px;}
    .about .content__outer .content__details .read__more__btn {margin-top: 20px;}
    .about .content__outer .content__details .btn-read-more, .portfolio .btn-read-more, .contact__form .contact__content .contact__form__body .submit__btn {font-size: 12px; padding: 12px 20px;}
    .section-title {padding-bottom: 20px;}
    .services ul {grid-template-columns: repeat(2,2fr);}
    .contact__form {padding: 20px;}
    .contact__info .contact__wrap .address__section .content__details .inner__content h3 {font-size: 20px;}
    .contact__info .contact__wrap .address__section .content__details .inner__content p {font-size: 16px;}
    .contact__info iframe {height: 300px;}
    #footer .footer-top .col-sm-6 {width: 50%;}
    .inner__header__banner {height: 250px;}
    .inner__header__banner img {height: 250px;}
    .inner__header__banner .banner__content h1 {font-size: 30px;}
    .inner__header__banner .breadcrumb__main ul li {font-size: 13px;}
    .inner__service__wrapp p {font-size: 16px; line-height: 26px; margin-top: 20px;}
}

@media(max-width:480px) {
    #hero {height: 300px; margin-bottom: 0;}
    #hero .carousel-item {height: 300px;}
    #hero h2 {font-size: 20px; margin-bottom: 15px;}
    #hero p {font-size: 13px; line-height: 23px; margin-bottom: 20px;}
    #hero .carousel-indicators li {margin-bottom: 0px;}
    .mobile-nav-toggle {top: 20px;}
    .portfolio .portfolio__tabs a.nav-link {width: 100%; margin-bottom: 10px; margin-left: 0;}
}

@media(max-width:420px) {
    .services ul {grid-template-columns: repeat(1,1fr)}
    .services ul li {min-height: 75px;}
    .services ul li::before {width: 2%;}
    #footer .footer-top .col-sm-6 {width: 100%;}
    .inner__header__banner .banner__content h1 {font-size: 20px;}
}

@media(max-width:380px) {
    #hero {height: 300px; margin-bottom: 0;}
    #hero .carousel-item {height: 300px;}
    #hero h2 {font-size: 18px; margin-bottom: 10px;}
    #hero p {font-size: 12px; line-height: 20px; margin-bottom: 10px;}    
}

@media(max-width:320px) {
    #hero {height: 250px; margin-bottom: 0;}
    #hero .carousel-item {height: 250px;}
    #hero h2 {font-size: 15px; margin-bottom: 10px;}
    #hero p {font-size: 12px; line-height: 18px; margin-bottom: 0px;}    
    #header .info__number {width: 75px; padding: 5px;}    
}