@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&display=swap');
/* site default color codes black:#000; light-black:#0b0b0b; dark-grey:#5f5f5f; light-grey:#9b9b9b; */

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {font-family: 'Urbanist', sans-serif; color:#5f5f5f;overflow-x:hidden;text-align:justify;}a{color:#0b0b0b; text-decoration: none; } a:hover { color: #000; text-decoration: none; } h1, h2, h3, h4, h5, h6,.titlebt,.subt{ font-family: 'Urbanist', sans-serif;color:#0b0b0b;text-transform:uppercase;}h1,.titlebt{font-size:30px;font-weight:600;line-height:40px;letter-spacing:1.5px;}h2{font-size:27px;font-weight:600;line-height:36px;letter-spacing:1px;}h3{font-size:24px;font-weight:600;line-height:38px;letter-spacing:0.7px;}h4{font-size:19px;font-weight:600;line-height:34px;letter-spacing:0.5px;}h5{font-size:17px;font-weight:600;line-height:32px;letter-spacing:0.4px;}h6{font-size:16px;font-weight:600;line-height:30px;letter-spacing:0.3px;}p,ul li,ol li{color:#5f5f5f;font-size:16px;line-height:30px;letter-spacing:0.3px;padding-top:10px;text-align:justify;}p a,ul li a,ol li a{color:#0b0b0b; text-decoration: none; } p a:hover,ul li a:hover,ol li a:hover { color: #000; text-decoration: none; }.subt{color:#5f5f5f;font-size:16px;font-weight:300;line-height:30px;letter-spacing:2px;padding-top:0px;text-align:justify;} img{max-width:100%;height:auto;}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header { background:transparent; transition: all 0.1s; z-index: 997; padding:16px 0px; } #header.header-scrolled { padding:8px 0;background-color:#fff; box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1); } #header .logo {margin: 0; padding: 0;}#header .logo img {max-height:128px;}
@media (max-width: 992px) {#header .logo img {max-height:100px;} }

/*--------------------------------------------------------------
# Read more Button
--------------------------------------------------------------*/
.readmore-btn { font-family: 'Urbanist', sans-serif;background: #000; color: #fff; border-radius:3px; padding:10px 45px; white-space: nowrap; transition: 0.5s; font-size:13px; font-weight: 400;display: inline-block;letter-spacing:1.5px;text-transform:uppercase;line-height:23px;} .readmore-btn:hover { background: #0b0b0b; color: #fff!important; }
@media (max-width: 992px) { }

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar {padding: 0;} .navbar ul { margin: 0; padding: 0; display: flex; list-style: none; align-items: center; } .navbar li { position: relative; } .navbar a, .navbar a:focus { display: flex; align-items: center; justify-content: space-between; padding: 10px 0 10px 45px; font-family: 'Urbanist', sans-serif; font-size:13px; font-weight:500; color: #757575; white-space: nowrap; transition: 0.3s;text-transform:uppercase;letter-spacing:2px; } .navbar a i, .navbar a:focus i { font-size: 12px; : 0; margin-left: 5px; } .navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a { color: #000; } .navbar .dropdown ul { display: block; position: absolute; left: 30px; top: calc(100% + 30px); margin: 0; padding: 10px 0; z-index: 99; opacity: 0; visibility: hidden; background: #fff; box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); transition: 0.3s; } .navbar .dropdown ul li { min-width: 200px; } .navbar .dropdown ul a { padding: 10px 20px; font-size: 14px; } .navbar .dropdown ul a i { font-size: 12px; } .navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a { color: #000; } .navbar .dropdown:hover > ul { opacity: 1; top: 100%; visibility: visible; } .navbar .dropdown .dropdown ul { top: 0; left: calc(100% - 30px); visibility: hidden; } .navbar .dropdown .dropdown:hover > ul { opacity: 1; top: 0; left: 100%; visibility: visible; } @media (max-width: 1366px) { .navbar .dropdown .dropdown ul { left: -90%; } .navbar .dropdown .dropdown:hover > ul { left: -100%; } }
/**
* Mobile Navigation 
*/
.mobile-nav-toggle { color: #000; font-size: 28px; cursor: pointer; display: none; : 0; transition: 0.5s; } .mobile-nav-toggle.bi-x { color: #fff; }

@media (max-width: 991px) {.mobile-nav-toggle {display: block;}.navbar ul {display: none; }}
.navbar-mobile { position: fixed; overflow: hidden; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.9); transition: 0.3s; z-index: 999; } .navbar-mobile .mobile-nav-toggle { position: absolute; top: 15px; right: 15px; } .navbar-mobile ul { display: block; position: absolute; top: 55px; right: 15px; bottom: 15px; left: 15px; padding: 10px 0; background-color: #fff; overflow-y: auto; transition: 0.3s; } .navbar-mobile a, .navbar-mobile a:focus { padding: 10px 20px; font-size:13px; color: #757575; } .navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a { color: #000; } .navbar-mobile .dropdown ul { position: static; display: none; margin: 10px 20px; padding: 10px 0; z-index: 99; opacity: 1; visibility: visible; background: #fff; box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); } .navbar-mobile .dropdown ul li { min-width: 200px; } .navbar-mobile .dropdown ul a { padding: 10px 20px; } .navbar-mobile .dropdown ul a i { font-size: 12px; } .navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover > a { color: #757575; } .navbar-mobile .dropdown > .dropdown-active { display: block; }

/*--------------------------------------------------------------
# Hero banner Section
--------------------------------------------------------------*/
#hero {background:#ddd url(../images/banner.jpg) no-repeat;background-size:cover;padding:225px 0px 50px 0px;text-align:left;} #hero .btitle {font-family: 'Urbanist', sans-serif;font-size:40px;font-weight:900;letter-spacing:0.5px; color:#000;line-height:50px;text-transform:uppercase;text-align:left;} #hero p{ font-family: 'Urbanist', sans-serif;color:#000; padding:10px 0px 0px 0px; font-size: 22px;font-weight:300;letter-spacing:1px;line-height:32px;text-align:left;} #hero .readmore-btn{font-size:15px;line-height:30px;margin-top:7px;padding:12px 45px;} #hero .readmore-btn:hover { background:#0b0b0b;color:#fff; }
 @media (max-width: 991px) { #hero {background-position:center center;padding:180px 0px 55px 0px;}} @media (max-width: 767px) { #hero {background:#ddd url(../images/bannerm.jpg) no-repeat;background-size:cover;background-position:center center;padding:180px 0px 55px 0px;}#hero .btitle {font-size:34px;line-height:44px;}#hero p{font-size:19px;line-height:36px;}}
@media (max-height: 500px) {  }

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section { padding:60px 0px; overflow: hidden; position: relative; }

/*--------------------------------------------------------------
# intro
--------------------------------------------------------------*/
.intro{background-color:#fff;padding:68px 0px 52px 0px;}
.intro p.ntext{margin-top:-10px;}

/*--------------------------------------------------------------
# Services & Solutions
--------------------------------------------------------------*/
.servsolu{background-color:#f8f8f8;padding:57px 0px 80px 0px;}.servsolu .bg-white{background-color:#fff;border-radius:4px;padding-bottom:20px;}.servsolu .subt{margin-top:-25px;margin-bottom:3px;}.servsolu img{border-radius:4px;}.servsolu .tborder{border-top:1px solid #ededed;}.servsolu h5{font-size:18px;line-height:32px;font-weight:600;margin-top:0px;letter-spacing:1.5px;padding:0px 15px 0px 15px;}.servsolu p{padding:0px 15px 13px 15px;}

/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/
.testimonial{padding:57px 0px 80px 0px;}.testimonial .subt{margin-top:-6px;}.testimonial .testi-border{background-color:#fff;border-radius:4px;padding-bottom:20px;padding:10px 25px 13px 25px;border:1px solid #494949;}.testimonial img{border-radius:50%;border:5px solid #f1f1f1;margin-top:30px;}.testimonial .biquote{padding-top:24px;}.testimonial .bi-quote{font-size:34px;color:#000;font-weight:bold;}.testimonial .tborder{border-top:1px solid #bdbdbd;margin-bottom:-2px;}.testimonial .testi-border p.small{color:#9b9b9b;font-size:13px;font-style:italic;letter-spacing:0.5px;}

/*--------------------------------------------------------------
# Latest Blogs
--------------------------------------------------------------*/
.latestblog{background-color:#f8f8f8;padding:77px 0px 85px 0px;}.latestblog .bg-white{background-color:#fff;border-radius:4px;padding-bottom:10px;margin-top:-15px;margin-bottom:15px;}.latestblog img{border-radius:4px 4px 0px 0px;}.latestblog h5{font-size:18px;line-height:40px;font-weight:600;margin-top:10px;letter-spacing:1.5px;padding:0px 15px 0px 15px;}.latestblog p{padding:10px 15px 13px 15px;}.latestblog p.small{color:#9b9b9b;font-size:13px;letter-spacing:0.5px;margin-top:-20px}
 
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer { padding:68px 0 35px 0;background:#161616;} .footer h6{color:#fff;font-size:16px;font-weight:500;line-height:36px;letter-spacing:0.5px;}.footer p,.footer p a{color:#fff;font-size:15px;font-weight:400;line-height:36px;letter-spacing:0.5px;}.footer p a:hover{color:#fff;text-decoration:none;}.footer p.socialicon,.footer p.socialicon a{font-size:15px!important;margin-top:-10px;}.footer p.socialicon,.footer p.socialicon a:hover{color:#ddd;}.footer p.socialicon a.facebook:hover{color:#3b5998 ;}.footer p.socialicon a.twitter:hover{color:#00acee;}.footer p.socialicon a.linkedin:hover{color:#0e76a8;}.footer .footer-links { margin-bottom:65px; }.footer .footer-links ul { list-style: none; padding: 0; margin:10px 0px 0px 0px;} .footer .footer-links ul li {display: flex; align-items: center;font-size:15px;font-weight:400;line-height:38px;letter-spacing:0.5px;} .footer .footer-links ul li:first-child { padding-top: 0; } .footer .footer-links ul a { color: #fff; display: inline-block;letter-spacing:0.5px;} .footer .footer-links ul a:hover { text-decoration: none; color: #fff;}.footer p i{margin-right:20px;}#footer .copyright,#footer .copyright a{font-size:13px!important;color:#fff;line-height:30px;margin-top:20px;font-weight:400;letter-spacing:0.5px;} @media (max-width:991px) {.footer .footer-links { margin-bottom:0px;}.md-tmargin{margin-top:25px;}}

  /* CUSTOMIZE THE CAROUSEL -------------------------------------------------- */ /* Carousel base class .carousel { margin-bottom:0rem; } /* Since positioning the image, we need to help out the caption .carousel-caption { top:50px; z-index: 10;text-align:left;left:8.6%;} /* Declare heights because of positioning of img element  .carousel-item { height: 32rem; } .carousel-item > img { position: absolute; top: 0; left: 0; min-width: 100%; height: 32rem; } /* MARKETING CONTENT --------------------------------------------------  @media (min-width: 40em) { }
 .carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:bottom;justify-content:center;width:15%;padding:0;color:#000!important;text-align:center;background:0 0;border:0;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#000!important;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:80px;left:8.7%;z-index:99;display:flex;justify-content:left;padding:0;margin-right:0%;margin-bottom:0px;margin-left:0%;list-style:none}.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:12px;height:12px;border-radius:50%;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#000;background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{transition:none}} .carousel-indicators .active{opacity:1;} /* .carousel-caption{position:inherit;right:0%;bottom:1.25rem;left:0%;padding-top:1.25rem;padding-bottom:1.25rem;color:#fff;} .carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon{filter:invert(1) grayscale(100)}.carousel-dark .carousel-indicators [data-bs-target]{background-color:#000}.carousel-fade .carousel-item{opacity:1;max-height:100vh;}  */
 
 /* .carousel-caption .btitle {font-family: 'Urbanist', sans-serif;font-size:40px;font-weight:900;letter-spacing:0.5px; color:#000;line-height:60px;text-transform:uppercase;} .carousel-caption p{ font-family: 'Urbanist', sans-serif;color:#000; padding:20px 0px 0px 0px; font-size: 22px;font-weight:300;letter-spacing:1px;line-height:38px;} .carousel-caption .readmore-btn{font-size:15px;line-height:30px;margin-top:7px;padding:12px 45px;} .carousel-caption .readmore-btn:hover { background:#0b0b0b;color:#fff; }
 @media (max-width: 991px) {.carousel-caption { top:40px;}} @media (max-width: 767px) { .carousel-caption { top:20px;}.carousel-caption .btitle {font-size:34px;line-height:44px;}.carousel-caption p{font-size:19px;line-height:36px;}} */
 
 
 /* CUSTOMIZE THE CAROUSEL -------------------------------------------------- */ /* Carousel base class */ .carousel { margin-bottom: 4rem; } /* Since positioning the image, we need to help out the caption */ .carousel-caption { bottom: 3rem; z-index: 10; } /* Declare heights because of positioning of img element  .carousel-item { height: 32rem; } .carousel-item > img { position: absolute; top: 0; left: 0; min-width: 100%; height: 32rem; } /* MARKETING CONTENT -------------------------------------------------- */  @media (min-width: 40em) { /* Bump up size of carousel content */ .carousel-caption p { }.carousel-caption p.small{}}
 .carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#000!important;text-align:center;background:0 0;border:0;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#000!important;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:-35px;left:0;z-index:99;display:flex;justify-content:left;padding:0;margin-right:0%;margin-bottom:0px;margin-left:0%;list-style:none}.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:12px;height:12px;border-radius:50%;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#000;background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:inherit;right:0%;bottom:1.25rem;left:0%;padding-top:1.25rem;padding-bottom:1.25rem;color:#fff;text-align:center}.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon{filter:invert(1) grayscale(100)}.carousel-dark .carousel-indicators [data-bs-target]{background-color:#000}.carousel-dark .carousel-caption,.carousel-caption p{color:#fff}
 
 
section.subpage{margin-top:160px;border-top:1px solid #f9f9f9;}
form.cform{background-color:rgba(255,255,255);padding:20px 0px 10px 0px;border:0px solid #fefefe;border-radius:0px;margin-top:20px;} .form-control:focus {box-shadow: none;}.cform label{padding-bottom:7px;}form.cform .form-group{padding-bottom:20px;}form i{margin-right:14px;font-size:16px}.cform .form-control{color:#444;font-size:16px;line-height:32px;font-weight:300;}
/* .ssp-bg{background-color:#fff;border-radius:3px;border:1px solid #f8f8f8;}.ssp-cbg{background-color:#f8f8f8;padding:20px;}.rr{border-radius:0px 3px 3px 0px;}.lr{border-radius:3px 0px 0px 3px;} */


@media (max-width: 991px) {}

@media screen and (max-width: 768px) {
.col-xs-1{flex:0 0 auto;width:8.33333333%!important;}.col-xs-2{flex:0 0 auto;width:16.66666667%!important;}.col-xs-3{flex:0 0 auto;width:25%!important;}.col-xs-4{flex:0 0 auto;width:33.33333333%!important;}.col-xs-5{flex:0 0 auto;width:41.66666667%!important;}.col-xs-6{flex:0 0 auto;width:50%!important;}.col-xs-7{flex:0 0 auto;width:58.33333333%!important;}.col-xs-8{flex:0 0 auto;width:66.66666667%!important;}.col-xs-9{flex:0 0 auto;width:75%!important;}.col-xs-10{flex:0 0 auto;width:83.33333333%!important;}.col-xs-11{flex:0 0 auto;width:91.66666667%!important;}.col-xs-12{flex:0 0 auto;width:100%!important;}.offset-xs-0{margin-left:0!important;}.offset-xs-1{margin-left:8.33333333%!important;}.offset-xs-2{margin-left:16.66666667%!important;}.offset-xs-3{margin-left:25%!important;}.offset-xs-4{margin-left:33.33333333%!important;}.offset-xs-5{margin-left:41.66666667%!important;}.offset-xs-6{margin-left:50%!important;}.offset-xs-7{margin-left:58.33333333%!important;}.offset-xs-8{margin-left:66.66666667%!important;}.offset-xs-9{margin-left:75%!important;}.offset-xs-10{margin-left:83.33333333%!important;}.offset-xs-11{margin-left:91.66666667%!important;}
h1,.titlebt{font-size:27px;font-weight:600;line-height:45px;}h2{font-size:24px;font-weight:600;line-height:36px;}h3{font-size:21px;font-weight:600;line-height:34px;}.diytips h3{font-size:18px;line-height:34px;}.diytips p.dates{font-size:13px;}.bg-testi{margin-bottom:50px;text-align:center;}.testimonial .carousel-indicators{bottom:10px;}.recentlyreq{margin-top:-60px;}
}

@media (max-width: 500px) {}