@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=BenchNine:wght@300;400;700&display=swap');
/*===== Pre CSS =====*/
body{ margin: 0; padding: 0; font-size: 14px; font-weight: normal; color: #333;  font-family: "BenchNine", sans-serif; background: #fff; }
p, a, span, table, th, tr, td, h1, h2, h3, h4, h5, h6, img, ul, ol, li,span{ margin: 0; padding: 0;  font-family: "BenchNine", sans-serif;letter-spacing: 0.04em; }

/*===== Go To Top Section =====*/
#back-top { display: block; position: fixed; bottom: 15px; right: 14px; text-align: center; z-index: 99999; }
#back-top a { display: block; text-decoration: none;  }
#back-top a .fa{ width: 40px; height: 40px; padding-top: 10px; font-size: 18px; border-radius: 5px; opacity: 1; color: #fff; background: #000; border: #fff solid 1px; transition: all linear 0.3s; }
#back-top a .fa:hover{ background: #fff; color: #000; border-color: #000; transform: scale(1.05,1.05);  }

/*===== Mobile Menu =====*/
.mobile_menu{ display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 9; }
.menu_icon_box{ position: fixed; top: 0; left: 0; z-index: 9999999999; display: block; width: 100%; background: #3892A2; height: 57px;border-bottom: 1px solid #fff;  }
.tab_button{ float: left; }
.tab_button a{ display: inline-block; padding: 7px 10px; margin-top: 12px; font-size: 11px; text-align: center; text-transform: uppercase; color: #fff; background: transparent; border: #fff solid 1px; border-radius: 5px; box-sizing: border-box; text-decoration: none; }
.tab_button a:hover{ background: #3892A2; border: #3892A2 solid 1px; }
.tab_button1{ margin-left: 15px; margin-right: 5px; }

.menu_icon{ position: fixed; top: 15px; right: 15px; width: 30px; height: 30px; padding: 1px 5px; background: transparent; box-sizing: border-box; cursor: pointer; z-index: 999; }
.menu_icon span{ width: 100%; height: 2px; display: block; background: #fff; margin: 5px 0; border-radius: 5px; transition: all linear 0.3s; }
.menu_icon.active{ color: #fff; padding: 8px 3px 0; }
.menu_icon.active span{ position: absolute;     width: 85%; }
.menu_icon.active span:nth-child(1){ transform: rotate(45deg); }
.menu_icon.active span:nth-child(3){ transform: rotate(-45deg); }
.menu_icon.active span:nth-child(2){ display: none; }

.mobile_slideLogo{ display: block; text-align: center; }
.mobile_slideLogo img{ display: inline-block; float: none;  padding: 15px; margin-bottom: 15px; border-radius: 5px; width: 55%; height: auto;background: #fff; }
.sidebar{ padding: 65px 15px; position: fixed; top: 0; left: -100%; z-index: 99999; overflow-y: scroll; width: 100%; height: 100%; background: #3892A2; text-align: center; box-sizing: border-box; z-index: 999999; transition: all linear 0.3s; }
.sidebar.active{ left: 0; }
.sidebar ul li{ list-style: none; }
.sidebar ul li a{ position: relative; display: block; padding: 10px 15px; border: #3892A2 solid 1px; text-align: left; color: #fff; margin-bottom: 1px; text-transform: uppercase; text-decoration: none; font-size: 12px; font-weight: 400; border-radius: 5px; }
.sidebar ul li a::before{ content: ""; position: absolute; top: 0; left: 0; z-index: -1; padding: 12px 0; height: 100%; width: 0%; background: #3892A2; transition: all linear 0.3s; }
.sidebar ul li a:hover::before{ width: 100%; }
.sidebar ul li.active{ background: #3892A2; border-radius: 5px; }

/*-- Modern Social Media Icon Display --*/
.social_media_block{ display: block; position: fixed; bottom: 15px; left: 15px; z-index: 999; }
.share_icon .fa-solid{ position: absolute; left: 0; bottom: 0; z-index: 2; cursor: pointer; width: 52px; height: 52px; border-radius: 50%; background: #fff; color: #000; font-size: 24px; text-align: center; padding: 14px 0 0 0; transition: all linear 0.3s; }
.share_icon .fa-solid:hover{ transform: rotate(360deg); color: #fff; background: #000; }
.social_icon{ position: relative; overflow-y: hidden; border-bottom-left-radius: 52px; border-bottom-right-radius: 52px; transition: all linear 0.3s; }
.social_icon.active{ padding-top: 52px; }
.social_icon ul{ position: relative; display: block; text-align: center; transform: translateY(100%); transition: all linear 0.3s; }
.social_icon.active ul{ transform: translateY(-52px); }
.social_icon ul li{ list-style: none; }
.social_icon ul li .fa-brands{ width: 50px; height: 50px; border-radius: 50%; border: none; background: #0e59a9; color: #fff; font-size: 24px; text-align: center; padding: 13px 0px 0 0; transition: all linear 0.3s; }
.social_icon ul li .fa-brands:hover{ transform: rotate(360deg); }
.social_icon ul li:nth-child(1) .fa-brands{ background: #3d5a96; color: #fff; }
.social_icon ul li:nth-child(2) .fa-brands{ background: #F71919; color: #fff; }
.social_icon ul li:nth-child(3) .fa-brands{ background-image: linear-gradient(#8221b3, #c22268, #db8a40); color: #fff; }
.social_icon ul li:nth-child(4) .fa-brands{background:linear-gradient(-120deg,#4285f4, #34a853, #fbbc05, #ea4335);}

/* Wrapper */
.wrapper{ margin: 0; padding: 0; overflow: hidden; }
.transition{ transition: all linear 0.3s; }

/*===== Header Section =====*/
.header{width: 100%;z-index: 3;background: #3C6DAD;}
.header-page{padding-bottom: 20px;}
.header-top{padding: 10px 0;color: #fff;}
.header-top ul{text-align: right;}
.header-top ul li{list-style: none;display: inline-block;margin: 0 30px;font-weight: 700;font-size: 16px;line-height: 26px;}
.header-top ul li:first-child{float: left;margin: 0;font-size: 30px;font-weight: 700;}
.header-top ul li:last-child{margin-right: 0;}
.header-top ul li:last-child a{color: #fff;font-size: 22px;margin-left: 10px;}
.header .row{align-items: center;}
.header .logo img{width: 100%;border-radius: 10px;}
.header-bottom{border-top: 1px solid #fff;}


.navbar{ padding: 0; }
.navbar .navbar-nav{ margin: 0; padding: 0; text-align: right; width: 100%;display: block; }
.navbar .navbar-nav > li{ display: inline-block; list-style: none; float: none; margin: 0; padding: 0; }
.navbar .navbar-nav > li > a{ display: inline-block; padding: 0 25px;text-transform: uppercase; color: #fff;text-decoration: none;font-size: 18px;line-height: 28px;font-weight: 700; transition: all linear 0.3s; }
      
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus,
.navbar .navbar-nav > .active > a,
.navbar .navbar-nav > .active > a:hover,
.navbar .navbar-nav > .active > a:focus,
.navbar .navbar-nav > .open > a:hover,
.navbar .navbar-nav > .open > a:focus,
.navbar .navbar-nav > .open > a{ color: #fff; background: transparent; }


.navbar .navbar-nav > li:first-child a{padding-left: 0;}

.navbar .navbar-nav > li:last-child{margin-left: 50px;}
.navbar .navbar-nav > li:last-child a{padding-right: 0;background: #3892A2;padding: 10px 39px; border-radius: 25px;color: #fff;transition: all linear 0.3s; }
.navbar .navbar-nav > li:last-child a:hover{background: #fff;color: #3892A2;}

/* Dropdown Menu */
.navbar .navbar-nav > li .serv_dropdown_menu{ display: none; position: absolute; z-index: 999999; border-top: transparent solid 27px; background: transparent; top: 40px; margin-left: 0; width: 270px; overflow-x: hidden; transition: all linear 0.3s; }
.navbar .navbar-nav > li .serv_dropdown_menu li{ display: block; width: 100%; list-style: none; text-align: left; margin: 0; }
.navbar .navbar-nav > li .serv_dropdown_menu li a{ display: block; padding: 10px 15px; text-align: left; font-size: 16px; font-weight: 400; text-decoration: none; background: #000; color: #fff; border-top: rgba(255, 255, 255, 0.2) solid 1px; border-radius: 0; transition: all linear 0.3s; }
.navbar .navbar-nav > li .serv_dropdown_menu li a:hover{ padding-left: 20px; color: #fff; background: #000; }
.navbar .navbar-nav > li .serv_dropdown_menu li a .fa{ float: none; margin-right: 5px; font-size: 14px; }

/* My Own Custom Dropdown Animation */
.navbar .navbar-nav > li:hover .serv_dropdown_menu{ display: block; animation: slide-up .5s ease-out; }
@keyframes slide-up {
      0% { opacity: 0; transform: translateY(15%); }   
    100% { opacity: 1; transform: translateY(0); }
}
@keyframes leftright {
      0% { left:calc(100% + 50px); }  
      50% { left:calc(100% + 25px); }  
      100% { left:calc(100% + 50px); }  
    
}

/*===== Banners Section =====*/
.banner{position: relative;z-index: 1;}
.banner::before{background: rgba(0, 0, 0, 0.5);position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 2;content: '';}
.banner img{ width: 100%; max-height: 800px;}
.banner-content{ position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%);z-index: 3; text-align: left;color: #fff;}
.banner-content-box h1{font-weight: 700;font-size: 44px;line-height: 68px;text-transform: uppercase;margin-bottom: 45px;}
.banner-content-box a{ display: inline-block; padding: 15px 79px;  background: #3892A2; color: #fff; font-size: 18px;line-height: 30px;font-weight: 700;text-transform: uppercase; text-decoration: none; border-radius: 6px; transition: all linear 0.3s; }
.banner-content-box a:hover{ transform: translateY(-5px); background: #fff;color: #000; }

/*===== Common Section =====*/
.section-title{ margin-bottom: 45px; }
.section-title h4{color: #465DA3;font-family: "BenchNine", sans-serif;font-weight: 700;font-size: 24px;line-height: 34px;}
.section-title h4 span{position: relative;}
.section-title h4 span::before{position: absolute;content: '';width: 10px;height: 2px;background: #18509D;top: 50%;left: -25px;}
.section-title h4 span::after{position: absolute;content: '';width: 10px;height: 2px;background: #18509D;top: 50%;right: -25px;}
.section-title h2{font-family: "BenchNine", sans-serif;font-weight: 700;font-size: 42px;line-height: 52px;text-transform: uppercase; margin: 10px 0 20px; }
.section-title p{font-family: "BenchNine", sans-serif;font-weight: 400;font-size: 18px;line-height: 28px;}

.site-link{text-align: left;margin-top: 30px;}
.site-link a{ display: inline-block; padding: 15px 74px;  background: #3892A2; color: #fff; font-size: 20px;line-height: 30px;border-radius: 30px; font-weight: 700;text-transform: uppercase; text-decoration: none; transition: all linear 0.3s; }
.site-link a:hover{  background: #000;color: #fff; }


/*===== Welcome Section =====*/
.welcome{ padding: 50px 0; }
.welcome .section-title h4 span::before{display: none;}
.welcome-thumbnail{position: relative;display: inline-block;top: 150px;left: 80px;}
.welcome-thumbnail img{width: 523px;height: 500px;object-fit: cover;object-position: top left;}
.welcome .section-title p.welcome-thankyou{margin-top: 10px;font-size: 20px;line-height: 30px;font-weight: 700;}
.welcome .site-link a:last-child{padding: 0;background: none;margin-left: 60px;}


/*===== Services Section =====*/
.services{background: rgba(60, 109, 173, 0.1); color: #000; padding: 60px 0 90px;}
.row.services-tilte{align-items: flex-end;}
.services .section-title{margin-bottom: 0;}
.services .section-title h4 span::before{display: none;}
.services  .site-link a{border-radius: 0;}
.services .section-content{margin-top: 50px;}
.services .services-item{background-color: #fff; padding: 20px; position: relative; color: #000; min-height: 750px; border-radius: 8px;box-shadow: 0px 26px 57px 0px rgba(0, 0, 0, 0.1), 0px 103px 103px 0px rgba(0, 0, 0, 0.09), 0px 232px 139px 0px rgba(0, 0, 0, 0.05), 0px 412px 165px 0px rgba(0, 0, 0, 0.01), 0px 643px 180px 0px rgba(0, 0, 0, 0);}
.services  .services-thumbnail {overflow: hidden; height: 210px; margin-bottom: 20px;}
.services  .services-thumbnail img{border-radius: 6px;width: 100%;height: 100%;object-fit: cover;}
.services .services-item .service-content h4{color: #000; font-size: 24px; font-weight: 700; line-height: 30px;}
.services .services-item .service-content p{margin: 10px 0;font-size: 18px;line-height: 28px;font-weight: 700;}
.services .services-item .service-content ul{padding-left: 20px;}
.services .services-item .service-content ul li{color: #4F4F4F; font-size: 16px; font-weight: 400; line-height: 26px;margin: 10px 0;}
.services .services-item .service-content ul li strong{color: #000;font-weight: 700;}
.services .services-item .service-content h5{color: #000; font-size: 20px; font-weight: 700; line-height: 36px; letter-spacing: 0.5px; margin: 5px 0px 6px; border-bottom: 2px solid #000; display: inline-block;}
.services .services-item a {background-color: #F43A51; font-size: 18px; font-weight: 700; line-height: 28px; letter-spacing: 0.7px; color: #fff; padding: 11px 56px; border: 1px solid #F43A51; border-radius: 4px; display: flex; align-items: center; display: inline-block; margin-top: 20px;}
.services .section-bottom h5{color: rgba(212, 0, 0, 1);font-weight: 700;font-size: 24px;line-height: 30px;}
.services .section-bottom p{font-weight: 400;font-size: 20px;line-height: 30px;color: #000;}

/* =====WHy choose Us====== */
.why-choose-us{padding: 100px 0;}
.why-choose-us .section-title{margin-bottom: 40px;text-align: center;}
.why-choose-us-card{background: rgba(113, 193, 204, 0.1);padding: 20px 30px 48px 58px;margin-bottom: 20px;transition: all linear 0.3s;}
.why-choose-us-card h5{font-weight: 700;font-size: 20px;line-height: 30px;margin-bottom: 10px;}
.why-choose-us-card p{font-weight: 400;font-size: 18px;line-height: 28px;}
.why-choose-us-card:hover{box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;background: #fff;}
.wcu-card-content{position: relative;}
.wcu-card-content::before{position: absolute;content: '\f14a';font-family: 'FontAwesome';color: #3892A2;font-size: 30px;top: -8px;left: -38px;}
.why-choose-us .section-bottom h3{font-weight: 700;font-size: 20px;line-height: 30px;}
.why-choose-us .section-bottom p{color: rgba(60, 109, 173, 1); font-weight: 700;font-size: 18px;line-height: 28px;}

/*===== Testimonials Section =====*/
.testimonials{padding: 50px 0 90px;background: #3C6DAD; position: relative;z-index: 1;}
.testimonials .section-title{text-align: center;margin-bottom: 40px;}
.testimonials .section-title h4,.testimonials .section-title h2{color: #fff;}
.testimonials .item{ padding: 15px; }
.testimonials-content{min-height: 300px; position: relative;z-index: 1;background: #3892A2;color: #fff; padding:45px 35px;border-radius: 10px;}
.testimonials-content::before{clip-path: polygon(0 0, 50% 100%, 100% 0);position: absolute;content: '';background: #3892A2;left: 25px;bottom: -27px; width: 28px;height: 28px;}
.testimonials-content span{height: 40px;width: 40px;background: #fff;display: flex;justify-content: center;align-items: center;font-size:27px;color: #3892A2;border-radius: 50%;}
.testimonials-content p{ font-family: "BenchNine", sans-serif;font-weight: 700;font-size: 18px;line-height: 34px;margin: 20px 0 10px; }
.testimonials-content h4{font-weight: 700;font-size: 24px;line-height: 34px; }
.testimonials-link{text-align: center;}
.testimonials .owl-item.left .testimonials-content {background-color: #fff;color: #000;}
.testimonials .owl-item.left .testimonials-content span{color: #fff;background: #3892A2;}
.testimonials .owl-item.left .testimonials-content::before{background: #fff;}
.testimonials .owl-carousel .owl-stage-outer{padding-bottom: 50px;}
.testimonials .site-link {text-align: center;}
.testimonials .site-link a{background: transparent;border: 2px solid #fff;transition: all linear 0.3s;}



/*===== Home Free Estimate Section =====*/
.home-free-estimate{ padding: 50px 0;position: relative;z-index: 1;background: rgba(60, 109, 173, 0.1);box-shadow: 0px 22px 48px 0px rgba(0, 0, 0, 0.1), 0px 87px 87px 0px rgba(0, 0, 0, 0.09), 0px 196px 118px 0px rgba(0, 0, 0, 0.05), 0px 349px 140px 0px rgba(0, 0, 0, 0.01), 0px 546px 153px 0px rgba(0, 0, 0, 0);}
.home-free-estimate .section-title{padding-right: 100px;}
.home-free-estimate .section-title h4{font-weight: 700;font-size: 42px;line-height: 52px;margin-bottom: 25px;}
.home-free-estimate .section-title h4 span::before{display: none;}
.home-free-estimate .section-title h4 span::after{height: 4px;width: 15px;}
.home-free-estimate .sub-content h4{font-weight: 700;font-size: 32px;line-height: 42px;color: #18509D;margin-bottom: 10px;}
.home-free-estimate .sub-content ul li{list-style-position: inside;font-weight: 700;font-size: 18px;line-height: 28px;}
.home-free-estimate-form{padding:45px 35px; border-radius: 10px;background: #FFFFFF;}
.home-free-estimate-form h5{ font-weight: 700;font-size: 32px;line-height: 42px;margin-bottom: 30px;}
.home-free-estimate-form ul li{ list-style: none; }
.home-free-estimate-form-control{ height: 50px;border-radius: 5px;background:transparent;border: 1px solid #7E7E7E; margin-bottom: 25px;padding-left: 15px; font-size: 18px;line-height: 26px;font-weight: 400;color: #4F4F4F; }
.btn-home-free-estimate-form-control{ display: block;width: 100%;text-align: center; padding: 10px;  background: #3892A2; color: #fff; font-family: "BenchNine", sans-serif;font-size: 18px;font-weight: 600;line-height: 26px;letter-spacing: 0.04em;border-radius: 24px; text-decoration: none;text-transform: uppercase;border: none;  transition: all linear 0.3s; }
.btn-home-free-estimate-form-control:hover{ background: #000;color: #fff; }
.home-free-estimate-form textarea{min-height: 200px;}


/*===== Project Gallery Section =====*/
.project{ padding: 100px 0px; background: #fff;position: relative; }
.project .section-title{text-align: center;}
.project ul{ display: flex; flex-wrap: wrap;padding: 0 150px; }
.project ul li{ list-style: none; }
.project-content-item{ position: relative; overflow: hidden; margin-bottom: 30px; }
.project-content-item img{ width: 100%; height: auto; }
.project-content-item a{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; justify-content: center; align-items: center; text-transform: uppercase; color: #fff; background: transparent; text-decoration: none; font-size: 30px; font-weight: 700; cursor: pointer; transition: all linear 0.3s; }
.project-content-item a .fa{ position: relative; opacity: 0;  color: #fff;  }
.project-content-item a.overlayer-box{ background: linear-gradient(0deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.60) 100%) }
.project-content-item a:hover{ background: linear-gradient(0deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.60) 100%) }
.project-content-item a:hover .fa{ opacity: 1; }
.project-content-item a.overlayer-box:hover{ background: linear-gradient(0deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.60) 100%)     }
.project-content-item a.overlayer-box span{ display: inline-block; padding: 9px 43px ; border-radius: 25px; text-decoration: none; background: #3892A2; color: #fff; font-size: 18px;line-height: 28px; font-family: "BenchNine", sans-serif;position: relative;top: 80px; transition: all linear 0.3s; }
.project-content-item a.overlayer-box span:hover{ background: #fff;color: #000; }
.project-link{text-align: center;}

/*===== Footer Section =====*/
.footer{ padding: 60px 0 0px;background: #3892A2;position: relative; z-index: 8;}
.footerlogo{margin-bottom: 22px;}
.footerlogo img{max-width: 300px;border-radius: 10px;}
.footer-content h4{color: #fff; font-weight: 700;font-size: 32px;line-height: 42px;margin-bottom: 36px;display: inline-block;}
.footer-content h4 span{position: relative;}
.footer-content h4 span .lines{display: flex;align-items: center;gap: 10px;margin-top: 6px;}
.footer-content h4 span .line{background: #fff;width: 35%;height: 2px;}
.footer-content h4 span .linetwo{background: #fff;width: 30px;height: 2px;}
.footer-content h4 span .linethree{background: #fff;width: 10px;height: 2px;}
.footer-content p{font-weight: 500;font-size: 18px;line-height: 28px;color: #fff;width: 90%;margin: auto;}
.footer-content ul li{font-family: "BenchNine", sans-serif;font-weight: 500;font-size: 18px;line-height: 32px;color: #fff;list-style-position: inside;margin: 15px 0;}
.footer-content ul li a{color: #fff;text-decoration: none;font-weight: 500;font-size: 18px;line-height: 32px;}
.footer-find-us h4{margin-top: 38px;}
.footer-find-us ul li{list-style: none;display: inline-block;}
.footer-find-us ul li a{font-size: 22px;margin-right: 15px;}
.footer-bottom{padding: 25px 86px;border: 1px solid #fff;margin-top: 36px;border-radius: 10px;}
.footer-contact-info ul li{ position: relative; padding-left: 40px; list-style: none; font-family: "BenchNine", sans-serif;font-weight: 400;font-size: 16px;line-height: 16px; margin: 20px 0; }
.footer-contact-info ul li::before{ content: ''; position: absolute; top: 0%; left: 0;color: #fff; font-size: 16px; font-family: 'FontAwesome'; }
.footer-contact-info ul li:nth-child(1)::before{ content: '\f095'; }
.footer-contact-info ul li:nth-child(2)::before{ content: '\f095'; }
.footer-contact-info ul li:nth-child(3)::before{ content: '\f0e0'; }
.footer-contact-info ul li:nth-child(4)::before{ content: '\f3c5'; }
.footer-contact-info ul li:nth-child(1){margin-top: 0;}
.footer-contact-info ul li:nth-child(4){margin-bottom: 0;}
.footer-contact-info ul li span{display: block;margin-bottom: 8px;}
.footer-external-link{margin-top: 30px;}

/*===== Footer Section =====*/
.copyright{ padding: 20px 0;background: #3892A2; }
.copyright p{ color: #fff;font-size: 20px;font-weight: 700;line-height: 30px; text-align: center;  font-family: "BenchNine", sans-serif; }
.copyright p a{ color: #fff; text-decoration: none;font-size: 20px;line-height: 30px;}

/*===== Slider Plugins =====*/
#banner-slider .owl-buttons{ display: none; }
#banner-slider .owl-dots { position: absolute; left: 50%; top: 90%; transform: translate(-50%,0); z-index: 9; }
#banner-slider .owl-dots .owl-dot span{ width: 15px; height: 15px; border-radius: 50%; background: #fff; border: none; opacity: 1; }
#banner-slider .owl-dots .active span{ background: #000; }


#testimonials-slider .owl-dots{ display: none; }
#testimonials-slider .owl-nav{ display: none; }
#testimonials-slider .owl-nav .owl-prev{ position: absolute; top: 50%; left: -75px; transform: translateY(-50%); font-family: 'FontAwesome'; text-align: center; width: 50px; height: 50px; border: none; background: #fff; color: #000; font-size: 40px; border-radius: 50%; opacity: 1; display: flex; justify-content: center; align-items: center; z-index: 999; transition: all linear 0.3s; }
#testimonials-slider .owl-nav .owl-next{ position: absolute; top: 50%; right: -75px; transform: translateY(-50%); font-family: 'FontAwesome'; text-align: center; width: 50px; height: 50px; border: none; background: #fff; color: #000; font-size: 40px; border-radius: 50%; opacity: 1; display: flex; justify-content: center; align-items: center; z-index: 999; transition: all linear 0.3s; }
#testimonials-slider .owl-nav .owl-prev:hover,
#testimonials-slider .owl-nav .owl-next:hover{ background: #000; color: #fff; }
#testimonials-slider .owl-nav .owl-prev span{ margin-right: 5px; margin-bottom: 5px; }
#testimonials-slider .owl-nav .owl-next span{ margin-left: 5px; margin-bottom: 5px; }
#testimonials-slider .owl-nav.disabled+.owl-dots { margin-top: 32px;}
#testimonials-slider .owl-dots .owl-dot span{height: 8px;width: 8px;border-radius: 50%;background: #B2B2B2;margin: 5px 3px;}
#testimonials-slider .owl-dots .owl-dot.active span{width: 50px;height: 8px;background: #fff;border-radius: 4px;}


#project-slider .owl-dots{ display: none; }
#project-slider .owl-nav{ display: block; }
#project-slider .owl-nav .owl-prev{ position: absolute; top: 50%; left: 130px; transform: translateY(-50%); font-family: 'FontAwesome'; text-align: center; width: 52px; height: 52px; border: none; background: #3892A2; color: #fff; font-size: 20px; border-radius: 50%; opacity: 1; display: flex; justify-content: center; align-items: center; z-index: 999; transition: all linear 0.3s; }
#project-slider .owl-nav .owl-next{ position: absolute; top: 50%; right: 130px; transform: translateY(-50%); font-family: 'FontAwesome'; text-align: center; width: 52px; height: 52px; border: none; background: #3892A2; color: #fff; font-size: 20px; border-radius: 50%; opacity: 1; display: flex; justify-content: center; align-items: center; z-index: 999; transition: all linear 0.3s; }
#project-slider .owl-nav .owl-prev:hover,
#project-slider .owl-nav .owl-next:hover{ background: #000; color: #fff; }
#project-slider .owl-nav .owl-prev span{ margin-right: 5px; margin-bottom: 5px; }
#project-slider .owl-nav .owl-next span{ margin-left: 5px; margin-bottom: 5px; }

/*-- OWL-CAROUSEL CONFIGS --*/
#testimonials-slider .owl-item img{ width: initial; }

/*===== Pages Breadcrumb =====*/
.content-banner{ padding: 30px 0; background: #151515; }
.breadcrumb{ padding: 10px 15px; margin: 0; margin-bottom: 0; color: #151515; background: #fff; border-radius: 0;  font-family: "BenchNine", sans-serif; text-transform: uppercase; font-weight: 400; font-size: 16px; }
.breadcrumb a{ color: #000; text-decoration: none; }
.breadcrumb .fa{  display: inline-block; margin: 0 10px; font-size: 11px; font-weight: 700; margin-top: 4px; }

/*===== Content Pages =====*/
.content{ width: 100%; padding: 50px 0px;background: #fff;}
.content.contact-page{padding-bottom: 0;}
.content.gallery-page{padding-bottom: 150px;}
.content-block{ background: transparent; }
.sectiontitleunderline{ display: block; width: 80px; height: 2px; margin: 0 0 30px; background: #000; }
.content h2{ text-transform: uppercase; font-size: 24px;line-height: 34px; color: #000; font-weight: 900;  font-family: "BenchNine", sans-serif; margin-bottom: 10px; }
.content h3{ text-transform: uppercase; font-size: 16px;line-height: 26px; color: #000; font-weight: 700;  font-family: "BenchNine", sans-serif; margin-bottom: 10px; }
.content h4{ text-transform: uppercase; font-size: 24px; line-height: 28px; color: #000; font-weight: 700;  font-family: "BenchNine", sans-serif; margin-bottom: 10px; }
.content p{ font-size: 18px; line-height: 30px;  font-family: "BenchNine", sans-serif; color: #000; margin-bottom: 15px; }
.content ol,
.content ul{ margin:0 ; padding: 0; margin-bottom: 15px; }
.content li{ margin-left: 18px; line-height: 30px; font-size: 18px;  font-family: "BenchNine", sans-serif; color: #000; }



/*===== 404 || Page Not Found =====*/
.content-banner .page-not-found-title{ color: #fff; }
.page_not_found{ display: block; text-align: center; padding: 50px; }
.page_not_found h2{ font-size: 120px; color: #34495e; }
.page_not_found p{ font-size: 18px; color: #34495e; text-align: center; }
.page_not_found a{ display: inline-block; padding: 10px 25px; background: #c0392b; color: #fff; border-radius: 3px; text-decoration: none; }
.page_not_found a:hover{ background: #e74c3c; }

/*===== Latest Testimonials and Form Page =====*/
.content .reviewsblock{ padding: 15px 0; background: #000; width: 100%; text-align: center; }
.content .reviewsblock h4{ margin-bottom: 0; text-transform: uppercase; color: #fff; font-size: 24px; font-weight: 700; }
.reviewsform{ padding: 15px; background: #eee; min-height: 150px; width: 100%; }
.reviewsformstyle{ height: 44px; border-radius: 0; border: #666 solid 1px; color: #666; margin-bottom: 15px; }
.reviewsform input::placeholder{ color: #666; }
.reviewsform textarea::placeholder{ color: #666; }
.btn-reviewsformstyle{ display: block; text-transform: uppercase; width: 100%; color: #fff; background: #000; border: none; padding: 10px 16px; font-size: 18px; border-radius: 0; transition: all linear 0.3s; }
.btn-reviewsformstyle:hover{ background: #2ecc71; }

/* Bootstrap(v5.2.3) Accordion */
.testimonials-page{ display: block; margin-top: 15px; }
.testimonials-page .accordion-button:focus,
.testimonials-page .accordion-button:active,
.testimonials-page .accordion-button{ padding-bottom: 13px; background: #000; color: #fff; box-shadow: none; }
.testimonials-page .accordion-button.collapsed{ background: #fff; color: #000; }
.testimonials-page .accordion-button:not(.collapsed)::after{ content: '\f107'; font-family: 'fontawesome'; font-size: 18px; color: #fff; text-decoration: none; background-image: initial; }
.testimonials-page .accordion-button.collapsed::after{ content: '\f107'; font-family: 'fontawesome'; color: #000; text-decoration: none; background-image: initial; }

/*===== Latest Contact Form =====*/
.contact-form-section .form-group{ position: relative; overflow: hidden; margin: 0; margin-bottom: 30px; }
.contact-form-section .form-group .fa{ position: absolute; top: 0; z-index: 999; height: 100%; width: 50px; background: #000; text-align: center; padding-top: 15px; color: #fff; font-size: 18px; }
.contact-form-section .form-group .sms{ height: 100%; }
.contact-form-section .contact-form-control{ padding-left: 65px; height: 50px; border-color: #000; border-radius: 0; }
.contact-form-section .contact-form-control::placeholder{ color: #666; }
.contact-form-section textarea.contact-form-control{ height: 200px; }
.contact-form-section .btn-contact-form-control{ width: 150px; color: #fff; background-color: #000; border: none; border-radius: 0; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; transition: all linear 0.3s; }
.contact-form-section .btn-contact-form-control:hover{ background: #2ecc71; }
.contact-page-location-map .googlemap{ height: 400px; overflow: hidden; border: #eee solid 1px; }

/*===== Latest Free Estimate Form =====*/
.free-estimate-form .form-title{ padding: 10px 15px; background: #097898; color: #fff; }
.free-estimate-form .form-group{ position: relative; overflow: hidden; margin: 0; margin-bottom: 30px; }
.free-estimate-form .form-group .fa{ position: absolute; top: 22px; z-index: 999; height: 100%; width: 50px; background: #097898; text-align: center; padding-top: 15px; color: #fff; font-size: 18px; }
.free-estimate-form .form-group .sms{ height: 100%; }
.free-estimate-form .form-group label{color: #fff;}
.free-estimate-form .free-estimate-form-control{ padding-left: 65px; height: 50px; border-color: #666; border-radius: 0; }
.free-estimate-form .free-estimate-form-control::placeholder{ color: #666; }
.free-estimate-form textarea.free-estimate-form-control{ height: 200px; }
.free-estimate-form .btn-free-estimate-form-control{ width: 150px; color: #fff; background-color: #097898; border: none; border-radius: 0; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; transition: all linear 0.3s; }
.free-estimate-form .btn-free-estimate-form-control:hover{ background: #2ecc71; }


/*========== Responsive ==========*/
@media (max-width: 1399px){
      .navbar .navbar-nav > li > a {padding: 0px 18px; font-size: 18px;}
      .site-link a { padding: 15px 50px}
}
@media (max-width: 1099px){
    .header-top ul li{margin: 10px 20px ;}
    br{display: none;}
    .welcome-thumbnail{left: 0;}
    .project ul,.home-free-estimate .section-title{padding: 0;}
    .footer br{display: block;}
    .footer-content p{width: 100%;}

}

@media (max-width: 992px){

      /*=====Social Media =====*/
      .share_icon .fa{ width: 45px; height: 45px; font-size: 18px; }
      .social_icon ul li .fa{  width: 43px; height: 43px; font-size: 18px; }
      .social_icon.active ul li:nth-child(1) .fa{ bottom: 188px; }
      .social_icon.active ul li:nth-child(2) .fa{ bottom: 145px; }
      .social_icon.active ul li:nth-child(3) .fa{ bottom: 102px; }
      .social_icon.active ul li:nth-child(4) .fa{ bottom: 59px; }

      /*===== Enable Header Menu Default in Small Device =====*/
      .mobile_menu{ display: block; width: 0; }
      .mobile_menu.active{ width: 100%; }
      .serv_dropdown_menu{ padding-left: 30px; }

      .sidebar ul li a{border: 1px solid #000;}
      .sidebar ul li.active{background: #fff;}
      .sidebar ul li.active a{color: #000;}

      /*========== Body Section ===============*/
      .header{ padding: 65px 0 0px;}
     .header-top ul{text-align: center;}
     .header-top ul li:first-child{float: none;display: block;margin-bottom: 1rem;}
     .header-top ul li:last-child{margin-bottom: 1.5rem;margin-left: 0;display: block;}
     .header-top ul li:nth-child(2){margin-left: 0;}
     .header-bottom .navbar{ display: none; }

     .banner-content-box h1 {font-size: 30px;line-height: 52px;}

     .welcome-thumbnail{top: 0;}
     .welcome-thumbnail img{width: 100%;}

}

/* Meduim Device */
@media (max-width: 767px){

      /*===== Go To Top =====*/
      #back-top{ right: 15px; bottom: 25px; }
      #back-top a { width: 40px; height: 40px;  }
      #back-top a .fa{ font-size: 16px; margin-top: 10px; }

      .logo {text-align: center;}
      .header .logo img {width: 69%;}
      .header-bottom{background: #fff;}

      .banner-content-box h1 {font-size: 22px;line-height: 31px;margin-bottom: 15px;}
      .banner-content-box a {padding: 11px 51px;}

      .section-title h2 {font-size: 28px;line-height: 36px;}
      .section-title h4 { font-size: 20px; line-height: 30px;}

      .site-link a {padding: 9px 40px;font-size: 16px;}
      .welcome .site-link a:last-child {margin-left: 15px;}

      .services .services-item{margin-bottom: 1.5rem;}

      .why-choose-us,.project{padding: 40px 0;}

      .home-free-estimate-form{margin-top: 2.5rem;}

      .project .section-content .row .col-md-4{width: 50%;}
      .project-content-item a.overlayer-box span{top: 0;}

      .footerlogo img { max-width: 256px;}
      .footer-bottom{padding: 25px;}
      .footer-content h4 {font-size: 28px;margin: 20px 0;}


      .copyright{ padding: 20px 0px; }
      .copyright p{ font-size: 16px; }

      /*===== ALL Slider Section =====*/ 
      #banner-slider .owl-pagination{ top: 80%; }

      /*===== Pages Section =====*/
      .content {border-top: 1px solid #000;}
      .content-banner{ padding: 10px 0;background: #000; }
      .content h2{ font-size: 20px; }
      .sectiontitleunderline{ margin: 0 0 15px; }
      .breadcrumb .fa{ margin: 5px; }
      .content p{ font-size: 14px; line-height: 26px; margin-bottom: 10px; }

}