@charset "utf-8";
/* CSS Document */

/* @font-face{ font-family:"Dutch801"; src:url("../fonts/Dutch801.ttf"); } */


/* font-family: 'Poppins', sans-serif;
font-family: 'Nunito Sans', sans-serif; */

/*===== Pre CSS =====*/
body{ margin: 0; padding: 0; font-size: 14px; font-weight: normal; color: #333; font-family: 'Nunito Sans', sans-serif; background: #fff; }
p, a, span, table, th, tr, td, h1, h2, h3, h4, h5, h6, img, ul, ol, li{ margin: 0; padding: 0; font-family: 'Nunito Sans', sans-serif; }

/*===== 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: #000; height: 57px; border-bottom: #fff solid 1px; }
.tab_button{ float: left; }
.tab_button a{ display: inline-block; padding: 7px 10px; margin-top: 14px; font-size: 10px; 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: #747474; border: #747474 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;width: 50%; background: #fff; padding: 15px; margin-bottom: 15px; border-radius: 5px; height: auto; }
.sidebar{ padding: 65px 15px; position: fixed; top: 0; left: -100%; z-index: 99999; overflow-y: scroll; width: 100%; height: 100%; background: #000; 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: #747474 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: #747474; transition: all linear 0.3s; }
.sidebar ul li a:hover::before{ width: 100%; }
.sidebar ul li.active{ background: #01A3C0; 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: #000; color: #fff; 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: #01A3C0; }
.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(3) .fa-brands{ background: #2aa3ef; color: #fff; }
.social_icon ul li:nth-child(2) .fa-brands{ background-image: linear-gradient(#8221b3, #c22268, #db8a40); color: #fff; }



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

/*===== Header Section =====*/
.header{ background: #01A3C0;  }
.header-page{ background: #01A3C0;  }
.logo{text-align: center;}
.logo img{width: 66%;}
.header-middle{  }
.header-middle .row{display: flex;align-items: center;}
.header-middle ul{ margin-top: 40px; text-align: right; }
.header-middle ul li{ display: inline-block; }


.header-bottom{ background: transparent; }
.navbar{ padding: 0; }
.navbar .navbar-nav{ display: block; margin: 0; padding: 0; text-align: center; width: 100%; }
.navbar .navbar-nav > li{ display: inline-block; list-style: none; float: none; margin: 0 15px; padding: 0; }
.navbar .navbar-nav > li > a{ position: relative; display: inline-block; padding: 0; margin: 20px 5px; border: none;  background: transparent;color: #fff;font-size: 16px;font-weight: 400;line-height: 29px; text-align: left; text-decoration: none; text-transform: uppercase; font-family: 'Nunito Sans', sans-serif; transition: all linear 0.3s; }
/* .navbar .navbar-nav > li > a::before{ position: absolute;width:100%;height:2px;bottom:-10px;left:0;content:"";background:#000;transition-delay: .08s;  transition-timing-function: ease-in-out;  transition-duration: .5s;  transition-property: all;  opacity: 1; transform-origin: left;  transform-style: preserve-3d;  transform: scalex(0);border-radius:10px; } */
.navbar .navbar-nav > li:last-child a{margin: 0 8px;font-size: 24px;font-weight: 700;color: #fff;text-decoration: none;}
.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:last-child a{font-size:30px;}

.navbar .navbar-nav > li > a:hover:before,
.navbar .navbar-nav > li > a:focus:before,
.navbar .navbar-nav > .active > a:before,
.navbar .navbar-nav > .active > a:hover:before,
.navbar .navbar-nav > .active > a:focus:before,
.navbar .navbar-nav > .open > a:hover:before,
.navbar .navbar-nav > .open > a:focus:before,
.navbar .navbar-nav > li > a:active:before { transform: scalex(1.0);}

/* 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: #01A3C0; 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; }

.mobile-youtube{display:none;}

/* 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); }
}
/* ==my-animation==== */
@keyframes myrotation {
 0%{ transform: rotate(0deg); }      
    
 100%{ transform: rotate(360deg); }      
}

/*===== Banners Section =====*/
.banner{ position: relative;}
.banner::before{position: absolute;background: rgba(0, 0, 0, 0.57);content: '';height: 100%;width: 100%;left: 0;top: 0;z-index: 2;}
.banner img{ width: 100%; height: auto; }
.banner-content{ position: absolute; top: 55%; left: 0; width: 100%; transform: translateY(-50%);z-index: 3;text-align: center; }
.banner-content-box h4{ color: #fff; font-size: 30px; font-weight: 400; font-family: 'Nunito Sans', sans-serif; text-transform: uppercase; }
.banner-content-box h2{ color: #FFF;font-size: 56px;font-weight: 700;line-height: 66px;font-family: 'Nunito Sans', sans-serif; margin: 15px 0 12px; }
.banner-content-box p{color: #FFF;text-align: center;font-family: 'Nunito Sans', sans-serif;font-size: 24px;font-weight: 600;line-height: 36px;width: 60%;margin: 10px auto 40px;}
.banner-content-box a{ display: inline-block;  text-transform: uppercase; color: #FFF;text-align: center;font-family: 'Poppins',sans-serif;font-size: 18px;text-decoration: none;border-radius: 2px;padding: 14px 47px; background: #1792A8; font-style: normal;font-weight: 500;line-height: 28px; transition: all linear 0.3s; }
.banner-content-box a:hover{ transform: translateY(-5px); border-color: #fff; }
.banner-content-box-image {text-align: center;margin-top: 50px;}
.banner-content-box-image img{width:initial;animation:35s myrotation ease infinite;}

/*===== Common Section =====*/
.section-title{ margin-bottom: 50px; text-align: center; }
.section-title h4{color: #01A3C0;font-size: 24px;font-weight: 600;line-height: 34px;font-family: 'Nunito Sans', sans-serif; text-transform: uppercase; margin-bottom: 10px; }
.section-title h4 span{ position: relative; display: inline-block; line-height: 0; }
.section-title h4 span::before{ content: ''; position: absolute; left: 50%; top: calc(100% + 20px); transform: translateX(-50%); width: 60px; height: 2px; background: #01A3C0; }
.section-title h2{ color: #FFF;font-family: Nunito Sans;font-size: 32px;font-style: normal;font-weight: 700;line-height: 42px;margin-top: 22px;}
.section-title p{ margin: 20px auto 0; color: #fff; font-size: 16px; line-height: 36px; font-family: 'Nunito Sans', sans-serif; }


/*========common button==========*/
.home-page-link a{color: #01A3C0;font-family: 'Poppins',sans-serif;text-decoration: none;text-transform: uppercase; font-size: 16px;font-weight: 500;line-height: 28px;border: 1.6px solid #01A3C0;background:#fff;padding: 11px 40px;transition: all linear 0.3s;}
.home-page-link a:hover{background: #01A3C0;color: #fff;}

/*===== Welcome Section =====*/
.welcome{ padding: 80px 0; background: #fff; }
.welcome-thumbnail{ position: relative; display: inline-block; z-index: 1; left: -35px;top: 100px;}
.welcome-thumbnail img{ height: auto; border-radius: 5px;  }
.welcome-content{padding-left: 50px;}
.welcome-content h1{color: #01A3C0;font-size: 32px;font-weight: 700;line-height: 42px;font-family: 'Nunito Sans', sans-serif; margin: 10px 0; }
.welcome-content h1 span{display: block;}
.welcome-content p{color: #000;font-size: 16px;font-weight: 400;line-height: 24px;font-family: 'Nunito Sans', sans-serif;margin: 15px 0;}
.welcome-content p:last-child{margin-top: 30px;}
.welcome-content p span{ color: #01A3C0; font-family: 'Nunito Sans', sans-serif; }
.welcome-content-link ul{ margin-top: 50px;list-style: none; }


/*===== Why Choose Us Section =====*/
.why-choose-us{ padding: 40px 0 50px; background: #1792A8; }
.why-choose-us .section-title{margin-bottom: 38px;}
/* .why-choose-us .section-title {padding-right: 220px;} */
.why-choose-us-thumbnail{position: relative;left: 25px;top: 40px;}
.why-choose-us-thumbnail img{box-shadow: 0px 33px 73px 0px rgba(0, 0, 0, 0.10), 0px 132px 132px 0px rgba(0, 0, 0, 0.09), 0px 297px 178px 0px rgba(0, 0, 0, 0.05), 0px 528px 211px 0px rgba(0, 0, 0, 0.01), 0px 825px 231px 0px rgba(0, 0, 0, 0.00);}
.why-choose-us .section-title h2{ color: #FFF;font-family: 'Nunito Sans', sans-serif;text-align: left; font-size: 22px;font-style: normal;font-weight: 700;line-height: 32px;width: 75%;}
.why-choose-us-content{padding-right: 50px;}
.why-choose-us-content ul li{ position: relative; padding-left: 60px; list-style: none;color: #FFF;font-family: Nunito Sans;font-size: 16px;font-weight: 400;line-height: 26px;margin-bottom: 15px;}
.why-choose-us-content ul li span{display: block; color: #FFF;font-family: Nunito Sans;font-size: 18px;font-weight: 700;line-height: 28px;margin-bottom: 14px;}
.why-choose-us-content ul li::before{ content: '\f058'; position: absolute; top: 8px; left: 0; width: 40px; height: 40px; font-family: 'fontawesome'; color: #fff; font-size: 44px; }
.why-choose-us-content ul li:last-child::before{display: none;}
.why-choose-us-content ul li:last-child{color: #FFF;font-family: Nunito Sans;font-size: 16px;font-style: italic;font-weight: 600;line-height: 26px;}


/*===== Services Section =====*/
.services{ padding: 150px 0 80px; background: url('../imgs/services_bg.jpg') no-repeat top center; background-size: cover; }
.services .section-title h2{ color: #fff; }
.services .section-title p{ width: 80%; }
.services .item{ padding: 15px; }
.services-item{ position: relative; transition: all linear 0.3s; }
.services-item-icon{ margin: 0 auto; width: 100px; height: 100px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; }
.services-item-content{ padding: 30px; text-align: center; }
.services-item-content h4{ color: #fff; font-size: 24px; font-family: 'Nunito Sans', sans-serif; margin-bottom: 15px; }
.services-item-content p{ color: #fff; font-size: 15px; line-height: 30px; font-family: 'Nunito Sans', sans-serif;  }


/*===== Testimonials Section =====*/
.testimonials{ position: relative; padding: 80px 0; background: url('../imgs/testimonial_bg.jpg') no-repeat bottom center; background-size: cover;z-index: 1; }
.testimonials::before { content: '';background: rgba(0, 0, 0, 0.15);position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: -1;}
.testimonials .section-title{ margin-bottom: 50px; }
.testimonials .section-content{padding:  0 100px;  }
.testimonials .item{ padding: 15px; }
.testimonials-content{ margin: 0 auto; max-width: 1000px; text-align: center;  }
.testimonials-content p{ color: #FFF;text-align: center;font-family: Nunito Sans;font-size: 18px;font-style: normal;font-weight: 400;line-height: 28px;}
.testimonials-content h4{ color: #FFF;text-align: center;font-size: 20px;font-style: italic;font-weight: 700;line-height: 28px;font-family: 'Nunito Sans', sans-serif; margin: 30px 0 10px; }
.testimonials-content img{ display: block; margin: 5px auto 0; }
.testimonials-link{ margin-top: 55px; text-align: center; }
.testimonials-link a{ display: inline-block; padding: 15px 40px; background: #01A3C0; color: #fff; font-size: 18px; font-weight: 600; text-decoration: none; border-radius: 5px; transition: all linear 0.3s; }
.testimonials-link a:hover{ background: #A65A00; }
.testimonials-content-container{border: 3px solid #fff;padding: 45px 80px 25px;border-top: none;position: relative;}
.testimonials-content-container::before{position: absolute;background: transparent;content: '';top: 0;left: 0;height: 100%;width: 43%;border-top: 3px solid #fff;}
.testimonials-content-container::after{position: absolute;background: transparent;content: '';top: 0;right: 0;height: 100%;width: 43%;border-top: 3px solid #fff;}
.testimonials-quotation{ text-align: center;position: absolute;top: -15px;left: 50%; transform: translateX(-50%);}
.testimonials-quotation img{ display: inline-block; }

.testimonials .eHezJm,.testimonials .euBiGU{background-color:#fff !important;}
.testimonials .dqiKFy {color:#000;}



/*===== Project Gallery Section =====*/
.project{ padding: 80px 0 50px; background: #fff; }
.project .section-title h2{color:#000;}
.project ul{ display: flex; flex-wrap: wrap; }
.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: rgba(0,0,0,0.5); }
.project-content-item a:hover{ background: rgba(0,0,0,0.5); }
.project-content-item a:hover .fa{ opacity: 1; }
.project-content-item a.overlayer-box:hover{ background: rgba(0,0,0,0.7); }
.project-content-item a.overlayer-box span{ display: inline-block; padding: 15px 40px 13px; border-radius: 5px; text-decoration: none; background: #01A3C0; color: #fff; font-size: 16px; font-family: 'Nunito Sans', sans-serif; transition: all linear 0.3s; }
.project-content-item a.overlayer-box span:hover{ background: #01A3C0; }

/*===== Home Free Estimate Section =====*/
.home-free-estimate{ padding: 70px 0; background: #fff;position: relative;}
.home-free-estimate::before{position: absolute;background: #1792A8;width: 100%;height: 60%;bottom: 0;left: 0;content: '';}
.home-free-estimate-texture{width: 100%;position: absolute;top: 13%;}
.home-free-estimate-texture img{width: 100%;}
.home-free-estimate .section-title{ padding-top: 200px; text-align: left; }
.home-free-estimate .section-title h2{ color: #FFF;font-family: Nunito Sans;font-size: 32px;font-weight: 700;line-height: 42px;}
.home-free-estimate .section-title p{ margin: 15px  0; color: #FFF;font-family: Nunito Sans;font-size: 17px;font-style: normal;font-weight: 400;line-height: 27px;width: 94% }
.home-free-estimate-form{ margin-top: 200px;margin-left: 80px; padding: 40px 50px; background: #FFF;box-shadow: 0px 17px 36px 0px rgba(0, 0, 0, 0.10), 0px 66px 66px 0px rgba(0, 0, 0, 0.09), 0px 149px 89px 0px rgba(0, 0, 0, 0.05), 0px 264px 106px 0px rgba(0, 0, 0, 0.01), 0px 413px 115px 0px rgba(0, 0, 0, 0.00); }
.home-free-estimate-form ul li{ list-style: none; }
.home-free-estimate-form ul li:last-child{ text-align: center; }
.home-free-estimate-form-control{ height: 52px;border-radius: 2px;border: 1.3px solid #8B8B8B;background: transparent; margin-bottom: 15px; }
.home-free-estimate-form-control::placeholder{ color: #6D6B6B;font-family: Nunito Sans;font-size: 17px;font-style: italic;font-weight: 400;line-height: 27px;}
.btn-home-free-estimate-form-control{ display: block; width: 100%; background: #01A3C0;border-radius: 26px;color: #FFF;font-family: 'Poppins',sans-serif;font-size: 18px;font-weight: 500;padding: 12px; line-height: 28px;background: #DC4462; transition: all linear 0.3s;border: 1px solid #DC4462 ;margin-top: 20px; }
.btn-home-free-estimate-form-control:hover{ background: #01A3C0; }
.home-free-estimate-form textarea{min-height: 180px;}

/*===== Footer Section =====*/
.footer{ padding: 35px 0 35px;  background: #080808; }
.footer-about{ padding-right: 57px; }
.footer-content h2{color: #FFF;font-family: Nunito Sans;font-size: 32px;font-style: normal;font-weight: 700;line-height: 42px;margin-bottom: 10px; }
.footer-content h2 span{ display: block; font-family: 'Nunito Sans', sans-serif; margin: 10px 0; }
.footer-content h4{ color: #fff; font-size: 24px; text-transform: uppercase; font-family: 'Nunito Sans', sans-serif; margin-top: 15px; margin-bottom: 20px; }
.footer-content h4 span{ position: relative; display: inline-block; line-height: 0; }
.footer-content h4 span::before{ content: ''; position: absolute; top: 50%; left: calc(100% + 15px); transform: translateY(-50%); width: 83px; height: 3px; background: #01A3C0; }
.footer-content p{ color: #FFF;font-family: Nunito Sans;font-size: 16px;font-style: normal;font-weight: 400;line-height: 26px;}
.footer-contact-info ul li{ position: relative; padding-left: 65px; list-style: none; color: #fff; font-size: 16px; line-height: 26px;font-weight: 400; margin: 20px 0 25px; }
.footer-contact-info ul li:last-child{margin-bottom: 0;}
.footer-contact-info ul li::before{ content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); color: #01A3C0; font-size: 16px; font-family: 'FontAwesome'; width: 34px; height: 34px; border-radius: 5px; background: #fff; display: flex; justify-content: center; align-items: center; }
.footer-contact-info ul li:nth-child(1)::before{ content: '\f095'; }
.footer-contact-info ul li:nth-child(2)::before{ content: '\f0e0'; }
.footer-contact-info ul li:nth-child(3)::before{ content: '\f041'; }
.footer-contact-info ul li span{ display: block; font-size: 18px; margin-bottom: 10px; }
.footer-logo-gallery{ display: flex; justify-content: space-between; align-items: center; margin-top: 30px; }

/*===== Footer Section =====*/
.copyright{ padding: 20px 0; background: #000; border-top: #fff solid 1px; }
.copyright p{ color: #fff; font-size: 18px; text-align: center; font-family: 'Nunito Sans', sans-serif; }
.copyright p a{ color: #01A3C0; text-decoration: none; }

/*===== 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: #01A3C0; }

#services-slider .owl-dots{ display: none; }
#services-slider .owl-nav{ display: block; }
#services-slider .owl-nav .owl-prev{ position: absolute; top: 50%; left: -75px; transform: translateY(-50%); font-family: 'FontAwesome'; text-align: center; width: 40px; height: 40px; border: none; background: transparent; color: #fff; font-size: 40px; border-radius: 50%; opacity: 1; display: flex; justify-content: center; align-items: center; z-index: 999; transition: all linear 0.3s; }
#services-slider .owl-nav .owl-next{ position: absolute; top: 50%; right: -75px; transform: translateY(-50%); font-family: 'FontAwesome'; text-align: center; width: 40px; height: 40px; border: none; background: transparent; color: #fff; font-size: 40px; border-radius: 50%; opacity: 1; display: flex; justify-content: center; align-items: center; z-index: 999; transition: all linear 0.3s; }
#services-slider .owl-nav .owl-prev:hover,
#services-slider .owl-nav .owl-next:hover{ background: transparent; color: #A65A00; }

#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: #01A3C0; 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; }

/*-- OWL-CAROUSEL CONFIGS --*/
#services-slider .owl-item img,
#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: 'Nunito Sans', sans-serif; text-transform: uppercase; font-weight: 400; font-size: 14px; }
.breadcrumb a{ color: #01A3C0; 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 0; background: #eee; }
.content-block{ padding: 20px; background: #fff; }
.sectiontitleunderline{ display: block; width: 80px; height: 2px; margin: 0 0 30px; background: #333; }
.content h2{ text-transform: uppercase; font-size: 24px; color: #000; font-weight: 900; font-family: 'Nunito Sans', sans-serif; margin-bottom: 10px; }
.content h3{ text-transform: uppercase; font-size: 18px; color: #000; font-weight: 700; font-family: 'Nunito Sans', sans-serif; margin-bottom: 10px; }
.content h4{ text-transform: uppercase; font-size: 16px; color: #000; font-weight: 700; font-family: 'Nunito Sans', sans-serif; margin-bottom: 10px; }
.content p{ font-size: 16px; line-height: 30px; font-family: 'Nunito Sans', sans-serif; color: #666; margin-bottom: 15px; }
.content ol,
.content ul{ margin:0 ; padding: 0; margin-bottom: 15px; }
.content li{ margin-left: 18px; line-height: 30px; font-size: 16px; font-family: 'Nunito Sans', sans-serif; color: #666; }

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

/*======Amenities Page======*/
.amenities-content-item.project-content-item img{
    width: 100%;
    height: 230px;
    object-fit: cover;
}

/*===== Latest Testimonials and Form Page =====*/
.content .reviewsblock{ padding: 15px 0; background: #01A3C0; 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: #01A3C0; 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: #666; 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: #01A3C0; 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: #01A3C0; text-align: center; padding-top: 15px; color: #fff; font-size: 18px; }
.free-estimate-form .form-group .sms{ height: 100%; }
.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: #000; 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; }

/*===== Insurance Claim Page =====*/
.insurance-claim-assistance{ padding: 50px; }

/* Insurance Claim Form */
.insurance-claim-form .insurance-claim-form-control{ height: 50px; border-color: #666; border-radius: 50px; margin-bottom: 15px; padding-left: 30px; }
.insurance-claim-form .insurance-claim-form-control::placeholder{ color: #666; }
.insurance-claim-form textarea.insurance-claim-form-control{ height: 200px; border-radius: 30px; padding-top: 15px; }
.insurance-claim-form .btn-insurance-claim-form-control{ width: 150px; color: #fff; background-color: #000; border: none; border-radius: 50px; padding: 15px 30px; font-size: 18px; line-height: 1.3333333; transition: all linear 0.3s; }
.insurance-claim-form .btn-insurance-claim-form-control:hover{ background: #2ecc71; }

/* Insurance Claim Content */
.insurance-claim-form h4{ color: #000; font-size: 20px; }
.insurance-claim-form span{ display: block; margin-bottom: 10px; color: #E56221; font-size: 16px; }
.insurance-claim-form p{ color: #000; font-size: 16px; line-height: 30px; }
.insurance-claim-content{ padding-left: 50px; }
.insurance-claim-content h3{ color: #000; font-size: 50px; }
.insurance-claim-content h3 span{ display: block; }
.insurance-claim-content h3 span:first-child{ color: #E56221; margin-bottom: 15px; }
.insurance-claim-content p{ color: #E56221; font-size: 16px; line-height: 36px; }
.insurance-claim-content ul li{ color: #000; font-size: 16px; line-height: 36px; }

/*===== Free Roof Inspections Page =====*/
.free-roof-inspections-content{ background: #000; border-top: #333 solid 1px; border-bottom: #333 solid 1px; }
.free-roof-inspections-content h2{ color: #fff; font-size: 42px; border-bottom: #E56221 solid 1px; padding-bottom: 15px; text-align: center; margin-bottom: 50px; }
.free-roof-inspections-form-control{ padding-left: 15px; height: 50px; border-color: #666; border-radius: 0; margin-bottom: 30px; }
.free-roof-inspections-form .free-roof-inspections-form-control::placeholder{ color: #666; }
.free-roof-inspections-form textarea.free-roof-inspections-form-control{ padding-left: 15px; padding-top: 15px; height: 200px; }
.free-roof-inspections-form .btn-free-roof-inspections-form-control{ display: inline-block; color: #fff; background: #E56221; border: none; border-radius: 0; padding: 15px 30px; text-transform: uppercase; font-size: 18px; transition: all linear 0.3s; }
.free-roof-inspections-form .btn-free-roof-inspections-form-control:hover{ background: #2ecc71; }


/*========== Responsive ==========*/
@media (max-width: 1400px) {
      .welcome-thumbnail {left: -56px;}
      .navbar .navbar-nav > li { margin: 0 6px}
      
}
@media (max-width: 992px){

      .header-middle .logo img{ width: 100%; height: auto; }
      .header-middle ul{ margin-top: 15px; }
      .navbar .navbar-nav > li:last-child a {  margin: 0 8px;font-size: 14px;}      
      .header-bottom .container{ width: 100%; }
      .navbar .navbar-nav > li{ margin: 0; }
      .navbar .navbar-nav > li > a{ margin: 20px 3px; font-size: 12px; }
      .navbar .navbar-nav{text-align: left;}


      .banner-content-box h4{ font-size: 24px; }
      .banner-content-box h2{ font-size: 31px;line-height: 46px; }
      .banner-content-box-image{width:150px;}
      .banner-content-box-image img{width:100%;}
      .banner-content-box p {line-height: 25px;font-size: 16px; width: 70%;margin: 10px auto 19px;}
      .banner-content-box a {font-size: 15px;padding: 6px 30px}
      .banner-content-box-image{margin-top: 25px;position: relative;left: 40%;}
      .banner-content{top: 50%;}

      .welcome{padding: 40px 0;}
      .welcome-content{padding: 0 15px;}
      .welcome-content h1{font-size: 21px;line-height: 29px;}
      .welcome-thumbnail{ display: block;left: 0;top: 0; }
      .welcome-thumbnail img{ width: 100%; }
      .welcome-content p {font-size: 14px ;margin: 8px 0;}
      
      .section-title{padding:  0 15px;}
      .section-title h4 {font-size: 16px;}
      .section-title h2 { font-size: 22px;line-height: 20px;margin-top: 17px;}


      .services{ padding: 150px 0 30px; }
      .services-item-content{ padding: 30px 0; }

      .why-choose-us{ padding: 30px 0px; }
      .why-choose-us-item-content{ padding: 30px 0; }
      .why-choose-us .section-title h2 {font-size: 16px;line-height: 26px; width: 100%;}
      .why-choose-us-content{padding:  0 15px;}
      .why-choose-us-content ul li::before {font-size: 29px;}
      .why-choose-us-content ul li {padding-left: 51px;}
      .why-choose-us-content ul li {font-size: 13px;line-height: 21px;}
      .why-choose-us-thumbnail{left: 0;top: 0;}
      .why-choose-us-thumbnail img {width: 100%;}

      .home-free-estimate{padding: 40px 0;}
      .home-free-estimate-form{ margin-left: 0; }
      .home-free-estimate .section-title{ padding-top: 40px; margin-bottom: 30px; }
      .home-free-estimate-texture {top: 4%;}
      .home-free-estimate::before { height: 80%;}
      .home-free-estimate-form {    margin-top: 60px;}

      .testimonials{padding: 40px 0;}
      .testimonials-content-container {padding: 45px 34px 25px;}
      .testimonials-content-container::before {width: 34%;}
      .testimonials-content-container::after {width: 34%;}
      .testimonials .section-content {padding: 0 50px;}
      .footer-about { padding-right: 0; }

      #testimonials-slider .owl-nav .owl-prev{ left: -15px; }
      #testimonials-slider .owl-nav .owl-next{ right: -15px; }
}

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

      .header-middle ul li a,
      .header-middle ul li:last-child a{ padding: 10px 25px; font-size: 16px; }
      .header-bottom .container{ max-width: 100%; }
      .navbar .navbar-nav > li > a{ margin: 15px 10px; font-size: 14px; }
      .banner-content-box h4{ font-size: 18px; }
      .banner-content-box h2{ font-size: 24px; margin: 10px 0 15px; }
      .banner-content-box a{ padding: 13px 30px 10px; font-size: 16px; }
      
      .welcome-content h4{ font-size: 18px; }
      .welcome-content h1{ font-size: 30px; line-height: 36px; }
      .section-title h2,
      .process .section-title h2{ font-size: 30px; }
      .welcome-content p{ line-height: 30px; }
      .welcome-content-link ul li a{ padding:13px 30px 10px; font-size: 16px; }
      .process .section-title p,
      .services .section-title p{ width: 100%; }
      .process ul li,
      .process ul li:nth-child(odd),
      .process ul li:nth-child(2),
      .process ul li:nth-child(4){ text-align: left; }
   
}
@media (max-width: 767px){

      .process ul li:nth-child(2) .process-item,
      .process ul li:nth-child(4) .process-item,
      .process ul li:nth-child(1) .process-item,
      .process ul li:nth-child(3) .process-item{ margin-left: 80px; transform: translateX(45px); }

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

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

      /*========== Body Section ===============*/
      .header{ padding: 57px 0 5px; }      
      .header-page{ padding: 57px 0 5px; }      
      .header-middle ul li{ display: block; text-align: center; }
      
      .header-bottom{ display: none; }
      .header-middle  .logo img {    width: 42%;}
      
      .mobile-youtube{display:block;margin:1.5rem 0;text-align:center;}
      .mobile-youtube a{text-decoration:none;}

      .banner-content-box h4{ font-size: 14px; }
      .banner-content-box h2{ font-size: 14px; margin: 5px 0 10px;line-height: 8px; }
      .banner-content-box a{ padding: 5px 20px; font-size: 12px; }
      .banner-content-box p{width: 100%;font-size: 14px;line-height: 26px; margin: 5px auto 8px;}
      #banner-slider .owl-dots{ top: 80%; }
      .banner-content-box-image { width: 90px;}
      .banner-content-box-image {margin-top: 5px;left: 38%;}
      .banner-content-box-image img { width: 90%;}

      .welcome{ padding: 40px 0; }
      .welcome-content h4{ margin-top: 50px; }
      .welcome-content h1{ font-size: 18px; }
      .welcome-content p{ text-align: left; }
      .welcome-content-link ul{ margin-top: 15px; }
      .welcome-content-link ul li{ margin-top: 15px; }
      .welcome-thumbnail{margin-bottom: 1.5rem;}

      .section-title{ margin-bottom: 30px; }
      .section-title h4{ font-size: 16px; }
      .section-title h2,
      .services .section-title h2{ font-size: 24px; }
      .section-title p{ font-size: 16px; line-height: 30px; margin-top: 10px; }

      .services{ padding: 40px 0 30px; }
      .services-item-content{ padding: 20px 0 0; }
      .services-item-content h4{ font-size: 20px; margin-bottom: 10px; }

      .process{ padding: 50px 0 30px; }
      .process ul li:nth-child(2) .process-item,
      .process ul li:nth-child(4) .process-item,
      .process ul li:nth-child(1) .process-item,
      .process ul li:nth-child(3) .process-item{ padding: 20px; margin-left: 20px; margin-bottom: 20px; transform:  translateX(0px); }
      .process ul li .process-content{ padding-left: 15px; }
      .process ul li .process-item-icon{ width: 50px; height: 50px; border-width: 2px; }
      .process ul li .process-item-icon span{ font-size: 18px; }
      .process ul li .process-content h4{ font-size: 18px; margin-bottom: 5px; }
      .process ul li .process-content p{ font-size: 14px; }

      .testimonials{ padding: 40px 0px; }
      .testimonials-content{ width: 100%; padding: 0; }
      .testimonials .section-content{padding: 0;}
      .testimonials-content p{ font-size: 16px; line-height: 30px; text-align: center; }
      .testimonials-content h4{ font-size: 18px; margin-top: 15px; }
      .testimonials-link a{ font-size: 14px; padding: 12px 20px; }

      

      .why-choose-us{ padding: 50px 0; }
      .why-choose-us-item-content h4{ font-size: 20px; }
      .why-choose-us-thumbnail{margin-top: 1.5rem;}
      #why-choose-us-slider .owl-dots{ position: relative; top: -20px; }

      .project{ padding: 30px 0; }
      .project-content-item{ margin-bottom: 15px; }

      .home-free-estimate{ padding: 50px 0; }
      .home-free-estimate::before {height: 90%;}
      .home-free-estimate .section-title{ padding-top: 0; }
      .home-free-estimate .section-title h2{margin-top: 25px;}
      .home-free-estimate .section-title p{ line-height: 30px; }
      .home-free-estimate-form{ padding: 30px 20px;margin-top: 2rem; }
      .home-free-estimate .section-title p{width: 100%;}

      .footer{ padding: 30px 0; }
      .footer-content{padding: 0 15px;}
      .footer-content h2{ font-size: 24px; margin-bottom: 15px; }
      .footer-content h2 span{ display: inline; }
      .footer-content p{ text-align: left; }
      .footer-content h4{ font-size: 20px; margin-bottom: 15px;margin-top: 1.5rem; }
      .footer-content h4 span::before{ width: 50px; height: 2px; }

      .copyright{ padding: 20px 30px; }
      .copyright p{ font-size: 14px; }

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

      /*===== Pages Section =====*/
      .content-banner{ padding: 20px 0; }
      .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; }

      .insurance-claim-assistance{ padding: 0; }
      .insurance-claim-content { padding-left: 0; }
      .insurance-claim-content h3{ font-size: 24px; margin-top: 30px; }
      .free-roof-inspections-content h2{ margin-bottom: 30px; }
      .free-roof-inspections-form-control { padding-left: 10px; height: 45px; margin-bottom: 10px; font-size: 14px; }
      .free-roof-inspections-form .btn-free-roof-inspections-form-control{ padding: 10px 15px;font-size: 14px; }

}