@charset "utf-8";

/* CSS Document */

/* Awesome Font */
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

/* Font */
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body{font-family: 'Rubik', sans-serif;font-weight:400;font-size:15px;line-height:1.8;color:#656d70;background-color:#ffffff;counter-reset: top-post-counter;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
a:focus{outline:none;text-decoration:none;}
img{max-width:100%;}
ul,li{margin:0;padding:0;}
img{max-width:100%;height:auto;}
b,strong{font-weight:700;}
h1,h2,h3,h4,h5,h6{font-weight:700;}
figure{margin:0px;}
.container{max-width:1250px;}
*::-moz-selection{background:#db401c;color:#fff;text-shadow:none;}
::-moz-selection{color:#fff;background:#db401c;text-shadow:none;}
::selection{background:#db401c;text-shadow:none;color:#fff;}
:root{--maincolor:#db401c;--secondcolor:#533edb;--yellowcolor:#f37a37;}




/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.header{box-shadow:0 2px 6px 0 rgba(0,0,0,.12),inset 0 -1px 0 0 #dadce0;padding:10px 0px;}
.header-logo img{max-width:100px;}
.top-social{float:right;}
.top-social ul{list-style-type:none;}
.top-social ul li{display:inline-block;padding:0px 10px;border-right:1px solid var(--secondcolor);line-height:12px;}
.top-social ul li:first-child{padding-left:0px;}
.top-social ul li:last-child{padding-right:0px;border-right:none;}
.top-social ul li a{color:var(--secondcolor);font-weight:700;}
.top-social ul li a:hover{color:var(--maincolor);}
.top-social ul li a i{padding-right:6px;}
.header.sticky{position:fixed;-webkit-animation:slide-down 0.7s;-moz-animation:slide-down 0.7s;animation:slide-down 0.7s;z-index:999;width:100%;top:0;background-color:#ffffff;box-shadow:3px 3px 6px 0 rgb(0 0 0 / 15%);transition:background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s;}
@-webkit-keyframes slide-down{
    0%{opacity:0;transform:translateY(-100%);}
    100%{opacity:0.9;transform:translateY(0);}
}
@-moz-keyframes slide-down{
    0%{opacity:0;transform:translateY(-100%);}
    100%{opacity:0.9;transform:translateY(0);}
}
@keyframes slide-down{
    0%{opacity:0;transform:translateY(-100%);}
    100%{opacity:0.9;transform:translateY(0);}
}
.header.sticky .header__logo{padding:6px 0px;}
.sticky .header-logo img{max-width:70px;}
.sticky .top-social{display: none;}
.sticky .site-navbar .site-navigation{padding-top:8px;}
.site-navbar{margin-bottom:0px;z-index:1999;width:100%;}
.site-navbar .site-logo{position:relative;left:0;font-size:24px;}
.site-navbar .site-navigation{padding-top: 12px;}
.site-navbar .site-navigation .site-menu{margin-bottom:0;}
.site-navbar .site-navigation .site-menu .active{color:#fff;display:inline-block;color: var(--maincolor);}
.site-navbar .site-navigation .site-menu a{text-decoration:none!important;display:inline-block;}
.site-navbar .site-navigation .site-menu > li{display:inline-block;}
.site-navbar .site-navigation .site-menu > li > a{padding:0px 15px;font-size:15px;text-transform:capitalize;display:inline-block;text-decoration:none!important;color:#222;font-weight:700;height:50px;line-height:50px;}
.site-navbar .site-navigation .site-menu > li:last-child > a{padding-right: 0px;}
.site-navbar .site-navigation .site-menu > li > a:hover{color: var(--maincolor);}
.site-navbar .site-navigation .site-menu > li.social > a{padding-left:5px;padding-right:5px;}
.site-navbar .site-navigation .site-menu .has-children{position:relative;}
.site-navbar .site-navigation .site-menu .has-children > a{position:relative;padding-right: 40px;}
.site-navbar .site-navigation .site-menu .has-children > a:before{position:absolute;content:"\f107";font-size:16px;top:50%;right:8px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-family:'FontAwesome';}
.site-navbar .site-navigation .site-menu .has-children .dropdown{visibility:hidden;opacity:0;top:100%;position:absolute;text-align:left;border-top:2px solid  var(--secondcolor);-webkit-box-shadow:0 2px 10px -2px rgba(0,0,0,0.1);box-shadow:0 2px 10px -2px rgba(0,0,0,0.1);padding:0px 0;margin-top:20px;margin-left:0px;background:#fff;-webkit-transition:0.2s 0s;-o-transition:0.2s 0s;transition:0.2s 0s;z-index: 9;}
.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top{position:absolute;}
.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before{bottom:100%;left:20%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;}
.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before{border-color:rgba(136,183,213,0);border-bottom-color:#fff;border-width:10px;margin-left:-10px;}
.site-navbar .site-navigation .site-menu .has-children .dropdown a{text-transform:none;letter-spacing:normal;-webkit-transition:0s all;-o-transition:0s all;transition:0s all;color:#000;}
.site-navbar .site-navigation .site-menu .has-children .dropdown .active{color: var(--secondcolor)!important;}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li{list-style:none;padding:0;margin:0;min-width:250px;}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li > a{padding:9px 20px;display:block;}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li > a:hover{background:#eff1f3;color:#000;}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > a:before{content:"\e315";right:20px;}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > .dropdown,.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > ul{left:100%;top:0;}
.site-navbar .site-navigation .site-menu .has-children:hover > a,.site-navbar .site-navigation .site-menu .has-children:focus > a,.site-navbar .site-navigation .site-menu .has-children:active > a{color: var(--secondcolor);}
.site-navbar .site-navigation .site-menu .has-children:hover,.site-navbar .site-navigation .site-menu .has-children:focus,.site-navbar .site-navigation .site-menu .has-children:active{cursor:pointer;}
.site-navbar .site-navigation .site-menu .has-children:hover > .dropdown,.site-navbar .site-navigation .site-menu .has-children:focus > .dropdown,.site-navbar .site-navigation .site-menu .has-children:active > .dropdown{-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s;margin-top:0px;visibility:visible;opacity:1;}
.site-mobile-menu{width:300px;position:fixed;top:0;right:0;z-index:2000;padding-top:20px;background:#fff;height:calc(100vh);-webkit-transform:translateX(110%);-ms-transform:translateX(110%);transform:translateX(110%);-webkit-box-shadow:-10px 0 20px -10px rgba(0,0,0,0.1);box-shadow:-10px 0 20px -10px rgba(0,0,0,0.1);-webkit-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;transition:.3s all ease-in-out;}
.offcanvas-menu .site-mobile-menu{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%);}
.site-mobile-menu .site-mobile-menu-header{width:100%;float:left;padding-left:20px;padding-right:20px;}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close{float:right;margin-top:8px;margin-right: 10px;}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span{font-size:30px;display:inline-block;padding-left:10px;padding-right:0px;line-height:1;cursor:pointer;-webkit-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease;}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo{float:left;margin-top:10px;margin-left:0px;}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a{display:inline-block;text-transform:uppercase;}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img{max-width:70px;}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover{text-decoration:none;}
.site-mobile-menu .site-mobile-menu-body{overflow-y:scroll;-webkit-overflow-scrolling:touch;position:relative;padding:0 20px 20px 20px;height:calc(100vh - 52px);padding-bottom:150px;}
.site-mobile-menu .site-nav-wrap{padding:0;margin:0;list-style:none;position:relative;}
.site-mobile-menu .site-nav-wrap a{padding:10px 20px;display:block;position:relative;color:#212529;}
.site-mobile-menu .site-nav-wrap a:hover{color:var(--maincolor);}
.site-mobile-menu .site-nav-wrap li{position:relative;display:block;}
.site-mobile-menu .site-nav-wrap li .active{color:var(--maincolor);}
.site-mobile-menu .site-nav-wrap .social{display:inline-block;}
.site-mobile-menu .site-nav-wrap .arrow-collapse{position:absolute;right:0px;top:7px;z-index:20;width:36px;height:36px;text-align:center;cursor:pointer;border-radius:50%;}
.site-mobile-menu .site-nav-wrap .arrow-collapse:hover{background:#f8f9fa;}
.site-mobile-menu .site-nav-wrap .arrow-collapse:before{font-size:22px;z-index:20;font-family:"FontAwesome";content:"\f107";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) rotate(-180deg);-ms-transform:translate(-50%,-50%) rotate(-180deg);transform:translate(-50%,-50%) rotate(-180deg);-webkit-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease;}
.site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before{-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.site-mobile-menu .site-nav-wrap > li{display:block;position:relative;float:left;width:100%;}
.site-mobile-menu .site-nav-wrap > li.social{float:none!important;width:auto!important;}
.site-mobile-menu .site-nav-wrap > li > a{padding-left:20px;font-size:16px;}
.site-mobile-menu .site-nav-wrap > li > ul{padding:0;margin:0;list-style:none;}
.site-mobile-menu .site-nav-wrap > li > ul > li{display:block;}
.site-mobile-menu .site-nav-wrap > li > ul > li > a{padding-left:40px;font-size:16px;}
.site-mobile-menu .site-nav-wrap > li > ul > li > ul{padding:0;margin:0;}
.site-mobile-menu .site-nav-wrap > li > ul > li > ul > li{display:block;}
.site-mobile-menu .site-nav-wrap > li > ul > li > ul > li > a{font-size:16px;padding-left:60px;}
.site-mobile-menu .site-nav-wrap[data-class="social"]{float:left;width:100%;margin-top:30px;padding-bottom:5em;}
.site-mobile-menu .site-nav-wrap[data-class="social"] > li{width:auto;}
.site-mobile-menu .site-nav-wrap[data-class="social"] > li:first-child a{padding-left:15px!important;}
.site-mobile-menu-close img{max-width: 25px;}
.headerWrap{background: none;padding:15px 0px;}
.ss-lmenu .site-navigation{float: right;}



/*--------------------------------------------------------------
# Hero
--------------------------------------------------------------*/
.hero{padding:120px 0px;position: relative;z-index: 1;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.hero:after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;height:100%;background-color:rgba(0,0,0,0.7);z-index:-1;}
.hero-content h1{color: #fff;letter-spacing: 2px;margin-bottom: 20px;font-size: 24px;}
.hero-content h2{color: #fff;font-weight: 500;font-size: 24px;color: var(--secondcolor);margin-bottom: 40px;}
.view-btn{margin-top:20px;display:inline-block;}
.btn-center{text-align: center;display: block;margin-top: 30px;}
.view-btn a{position:relative;display:inline-block;padding:10px 30px;background-color:var(--maincolor);color:#fff;font-weight:600;z-index:2;position:relative;}
.view-btn a:hover{text-decoration:none;color:#fff;-webkit-transform:translate3d(0,0px,0);transform:translate3d(0,0px,0);}
.view-btn a:before{display:block;position:absolute;top:0px;right:0px;height:100%;width:0px;z-index:-1;content:'';color:var(--secondary-color)!important;background:var(--secondcolor);transition:all 0.4s cubic-bezier(0.42,0,0.58,1);}
.view-btn a:after{content:"";position:absolute;height:0%;left:50%;top:50%;width:150%;z-index:-1;-webkit-transition:all 0.75s ease 0s;-moz-transition:all 0.75s ease 0s;-o-transition:all 0.75s ease 0s;transition:all 0.75s ease 0s;}
.view-btn a:hover:before{left:0%;right:auto;width:100%;}
.view-btn a i{padding-left: 6px;}
.hero-right ul{list-style-type: none;text-align: center;}
.hero-right ul li{padding:0px 10px;border-right: 1px solid var(--maincolor);display: inline-block;line-height: 16px;font-size: 25px;color: #f8360a;font-weight: 700;}
.hero-right ul li:last-child{padding-right: 0px;border-right: none;}
.hero-right ul li:first-child{padding-left: 0px;}
.client-counter{margin-top: 30px;background-color: #fff;border-radius: 10px;text-align: center;}
.brright{border-right: 1px solid #ddd;}
.counter-inner{padding:30px 15px;}
.counter-inner h4{font-size: 15px;text-transform: uppercase;margin-bottom: 25px;}
.counter-inner h3{margin:0px;color: #000;font-size: 22px;}



/*--------------------------------------------------------------
# Why Dharabijuli ?
--------------------------------------------------------------*/
.why-dharabijuli{padding:50px 0px;}
.why-content h2{color: #000;}
.why-content h4{color: var(--maincolor);font-size: 20px;margin-bottom: 20px;}
.why-services{margin-top: 40px;text-align: center;}
.why-services img{max-width: 100px;margin-bottom: 15px;}
.why-services h5{font-size: 14px;text-transform: uppercase;}
.quality-box{background-color: #ffffff;padding:20px;border-radius: 10px;text-align: center;}
.quality-box img{max-width: 170px;margin-bottom: 25px;}
.quality-box h3{color: #000;}
.quality-box h3 span{color: var(--secondcolor);}
.quality-box p{font-size: 18px;margin:0px;}



/*--------------------------------------------------------------
# Why Dharabijuli For Maintenance Contact!
--------------------------------------------------------------*/
.dhrb-maintenance-contact{background-color: #f4f9fc;padding:50px 0px;}
.tb-title{margin-bottom: 50px;}
.tb-title h2{text-align: center;padding-bottom: 10px;color: #000;}
.dhbl-conbox{text-align: center;}
.dhbl-conbox img{max-width: 50px;margin-bottom: 15px;}
.dhbl-conbox h4{margin:0px 0px 5px 0px;font-size: 16px;text-transform: uppercase;}
.sec-divider{width:100px;height:4px;position:relative;margin-left:auto;margin-right:auto;margin-bottom:25px;overflow:hidden;}
.sec-divider:after,.sec-divider:before{content:'';position:absolute;left:0;top:50%;background-color:var(--maincolor);}
.sec-divider:before{height:4px;width:25px;margin-top:-2px;-webkit-animation:divider-ani 5s linear 0s infinite;animation:divider-ani 5s linear 0s infinite;}
.sec-divider:after{width:100%;height:2px;margin-top:-1px;}
@-webkit-keyframes divider-ani{
	0%{left:-50%}
	100%{left:100%}
}
@keyframes divider-ani{
	0%{left:-50%}
	100%{left:100%}
}
.maintendhrabijuli{padding:50px 0px 20px 0px;}
.maintendhrabijuli .dhbl-conbox{margin-bottom:30px;}
.mainfullimg img{max-width:190px;}




/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/
.testimonials{padding:60px 0px;position: relative;z-index: 1;background-size: cover;background-position: center center;background-repeat: no-repeat;background-attachment: fixed;}
.testimonials:after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;height:100%;background-color:rgba(0,0,0,0.8);z-index:-1;}
.testimonials .tb-title h2{color: #fff;}
.testimonial-slider{max-width: 800px;margin:0 auto;background-color: rgba(0, 0, 0, 0.3);padding:30px 50px;border-radius: 10px;text-align: center;}
.testimonial-slider .item{/*display: flex;*/align-items: center;}
.testimonials-item{align-items: center;}
.testimonials-item__content p{color: #fff;letter-spacing: 1px;}
/* Testimonial Slider Arrow */
.testimonial-slider .slick-arrow{width:45px;height:45px;display:flex;border:1px solid #fff;white-space:nowrap;text-align:center;justify-content:center;flex-direction:column;flex-shrink:0;background:transparent;margin:0px -8px 0 -20px;cursor:pointer;border-radius:50%;}
.testimonial-slider .slick-arrow i{font-size:36px;color:#fff;}
.testimonial-slider .slick-next{position:absolute;right:0px;top:50%;z-index:1000;transform:translate(0,-50%);}
.testimonial-slider .slick-prev{position:absolute;z-index:1000;top:50%;left:10px;transform:translate(0,-50%);}
.testimonial-slider .slick-center{display:block;opacity:1;}
.testimonial-slider .slick-list{display:flex;display:-webkit-box;display:-ms-flexbox;}
.testimonials-item__caption{color: var(--secondcolor);font-size: 18px;}
.testimonials-item__caption strong{color: var(--maincolor);}
.author-img{width: 100px;height: 100px;margin:0 auto 20px auto;border:2px solid #fff;border-radius: 50%;}
.author-img img{border-radius: 50%;object-fit: cover;}



/*--------------------------------------------------------------
# Our Partners
--------------------------------------------------------------*/
.our-partner{padding:50px 0px;}
.partner-logo{height: 110px;position: relative;margin: 0 auto;}
.partner-logo img{position:absolute;bottom:0;left:0;right:0;top:0;margin:auto;max-width:100%;max-height:100%;}
/* Testimonial Slider Arrow */
.our-partner .slick-arrow{width:45px;height:45px;display:flex;border:1px solid #555;white-space:nowrap;text-align:center;justify-content:center;flex-direction:column;flex-shrink:0;background:transparent;margin:0px -8px 0 -20px;cursor:pointer;border-radius:50%;}
.our-partner .slick-arrow i{font-size:36px;color:#555;}
.our-partner .slick-next{position:absolute;right:0px;top:50%;z-index:99;transform:translate(0,-50%);}
.our-partner .slick-prev{position:absolute;z-index:99;top:50%;left:10px;transform:translate(0,-50%);}
.our-partner .slick-center{display:block;opacity:1;}
.our-partner .slick-list{display:flex;display:-webkit-box;display:-ms-flexbox;}



/*--------------------------------------------------------------
# Fill Out They Survey Form & Get Exciting Offers
--------------------------------------------------------------*/
.fill-out-survey{background-color: var(--secondcolor);padding:30px 0px;}
.fill-out-survey h2{color: #fff;margin:0px;font-size: 26px;}
.fill-out-survey .view-btn a:before{color:#000 !important;background:#fff;}
.fill-out-survey .view-btn a:hover{color:#000 !important;}
.survey-modal .modal-content{border:none;}
.survey-modal .modal-header{background-color: var(--secondcolor);border:none;padding:10px 16px;border-radius: 0px;}
.survey-modal .modal-header h5{color: #fff;}
.survey-modal .modal-body{text-align: center;padding:40px;}
.survey-form ul{list-style-type: none;}
.survey-form ul li{display: inline-block;padding-right: 10px;}
.survey-form ul li:last-child{padding-right: 0px;}
.bgblue a{background-color: var(--secondcolor);}
.bgblue a:hover{background-color: var(--maincolor);}
.btn-close{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='512' height='512' x='0' y='0' viewBox='0 0 329.26933 329' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath xmlns='http://www.w3.org/2000/svg' d='m194.800781 164.769531 128.210938-128.214843c8.34375-8.339844 8.34375-21.824219 0-30.164063-8.339844-8.339844-21.824219-8.339844-30.164063 0l-128.214844 128.214844-128.210937-128.214844c-8.34375-8.339844-21.824219-8.339844-30.164063 0-8.34375 8.339844-8.34375 21.824219 0 30.164063l128.210938 128.214843-128.210938 128.214844c-8.34375 8.339844-8.34375 21.824219 0 30.164063 4.15625 4.160156 9.621094 6.25 15.082032 6.25 5.460937 0 10.921875-2.089844 15.082031-6.25l128.210937-128.214844 128.214844 128.214844c4.160156 4.160156 9.621094 6.25 15.082032 6.25 5.460937 0 10.921874-2.089844 15.082031-6.25 8.34375-8.339844 8.34375-21.824219 0-30.164063zm0 0' fill='%23ffffff' data-original='%23000000' style='' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");opacity: 1;}
.btn-close:hover{opacity: 1;}
.willtestnow{float:right;margin-top:0px;}




/*--------------------------------------------------------------
# Breadcrumb
--------------------------------------------------------------*/
.breadcrumb-sec{padding:50px 0 50px 0px;background-attachment:fixed;background-position:center;background-size:cover;background-repeat:no-repeat;overflow:hidden;width:100%;display:block;position:relative;z-index:1;}
.breadcrumb-sec::after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;height:100%;background:rgba(0,0,0,0.8);z-index:-1;}
.breadcrumb__inner{text-align:center;}
.breadcrumb__inner{text-align:center;}
.breadcrumb__inner h2{color:#fff;font-weight:700;font-size: 34px;margin-bottom: 20px;}
.breadcrumb__inner ul{list-style-type:none;padding:6px 16px;margin:0px;background-color: #000;display: inline-block;border-radius: 4px;}
.breadcrumb__inner ul li{position:relative;display:inline-block;line-height:30px;margin-left:20px;color: var(--maincolor);font-size:14px;font-weight:600;}
.breadcrumb__inner ul li:first-child{margin-left:0px;}
.breadcrumb__inner ul li::before{content:"\f105";font-family:FontAwesome;position:absolute;right:-24px;width:24px;top:0px;text-align:center;line-height:30px;color: var(--maincolor);}
.breadcrumb__inner ul li:last-child::before{content:none;}
.breadcrumb__inner ul li a{color:#fff;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;}
.breadcrumb__inner ul li a:hover{color: var(--maincolor);}




/*--------------------------------------------------------------
# Service Page
--------------------------------------------------------------*/
.service-page{padding:50px 0px;}
.service-description{margin-bottom: 30px;}
.service-description p{font-size: 16px;}
.serbox{margin-bottom: 30px;background-color:#ffffff;-webkit-box-shadow:0 0 12px 0 rgb(43 52 59 / 8%);-moz-box-shadow:0 0 12px 0 rgba(43,52,59,.08);box-shadow:0 0 7px 0 rgb(43 52 59 / 8%);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-webkit-transition:0.5s;-o-transition:0.5s;-moz-transition:0.5s;transition:0.5s;text-align: center;display: flex;flex-direction: column;justify-content: center;}
.serbox:hover{-webkit-transition:all .3s ease-out;transition:all .3s ease-out;-webkit-box-shadow:0px 3px 5px 1px rgb(0 0 0 / 20%);box-shadow:0px 3px 5px 1px rgb(0 0 0 / 20%);}
.serimg{height:210px;position: relative;overflow: hidden;}
.serimg img{max-width:100%;width:100%;object-fit:cover;-webkit-transform:rotate(15deg) scale(1.4);transform:rotate(15deg) scale(1.4);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;overflow: hidden;height: 100%;}
.serbox:hover .serimg img{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1);}
.serbox h4{margin:0px;padding:20px;}
.serbox h4 a{color: #333;font-size: 18px;}
.serbox:hover h4 a{color: var(--maincolor);}




/*--------------------------------------------------------------
# Service Details
--------------------------------------------------------------*/
.service-detail{padding:50px 0px;}
.rservice-detail h2{font-size: 28px;margin:0px 0px 20px 0px;color: #000;}
.parent-catser{margin-top: 40px;}
.parent-catser ul{list-style-type: none;}
.parent-catser ul li{padding-bottom:10px;display:inline-block;width:100%;text-align:center;}
.parent-catser .view-btn a{width: 100%;}
.parent-catser ul li:last-child{padding-bottom: 0px;}
.bgyellow a{background-color: var(--yellowcolor);}
.bgblack a{background-color: #777;}
/* Price Range */
.priceslider{margin-top: 30px;padding-bottom: 20px;}
.designen{margin-bottom: 20px;}
.designen p{margin:0px;}
.irs{position:relative;display:block;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.irs-line{position:relative;display:block;overflow:hidden;outline:none!important;}
.irs-line-left,.irs-line-mid,.irs-line-right{position:absolute;display:block;top:0;}
.irs-line-left{left:0;width:11%;}
.irs-line-mid{left:9%;width:82%;}
.irs-line-right{right:0;width:11%;}
.irs-bar{position:absolute;display:block;left:0;width:0;}
.irs-bar-edge{position:absolute;display:block;top:0;left:0;}
.irs-shadow{position:absolute;display:none;left:0;width:0;}
.irs-slider{position:absolute;display:block;cursor:default;z-index:1;}
.irs-slider.single{}
.irs-slider.from{}
.irs-slider.to{}
.irs-slider.type_last{z-index:2;}
.irs-min{position:absolute;display:block;left:0;cursor:default;}
.irs-max{position:absolute;display:block;right:0;cursor:default;}
.irs-from,.irs-to,.irs-single{position:absolute;display:block;top:0;left:0;cursor:default;white-space:nowrap;}
.irs-grid{position:absolute;display:none;bottom:0;left:0;width:100%;height:20px;}
.irs-with-grid .irs-grid{display:block;}
.irs-grid-pol{position:absolute;top:0;left:0;width:1px;height:8px;background:#000;}
.irs-grid-pol.small{height:4px;}
.irs-grid-text{position:absolute;bottom:0;left:0;white-space:nowrap;text-align:center;font-size:9px;line-height:9px;padding:0 3px;color:#000;}
.irs-disable-mask{position:absolute;display:block;top:0;left:-1%;width:102%;height:100%;cursor:default;background:rgba(0,0,0,0.0);z-index:2;}
.lt-ie9 .irs-disable-mask{background:#000;filter:alpha(opacity=0);cursor:not-allowed;}
.irs-disabled{opacity:0.4;}
.irs-hidden-input{position:absolute!important;display:block!important;top:0!important;left:0!important;width:0!important;height:0!important;font-size:0!important;line-height:0!important;padding:0!important;margin:0!important;outline:none!important;z-index:-9999!important;background:none!important;border-style:solid!important;border-color:transparent!important;}
.irs{height:55px;}
.irs-with-grid{height:75px;}
.irs-line{height:10px;top:33px;background:#EEE;background:linear-gradient(to bottom,#DDD -50%,#FFF 150%);border:1px solid #CCC;border-radius:16px;-moz-border-radius:16px;}
.irs-line-left{height:8px;}
.irs-line-mid{height:8px;}
.irs-line-right{height:8px;}
.irs-bar{height:10px;top:33px;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;background:#428bca;background:linear-gradient(to top,#f2f2f2 0%,rgba(245,245,245,1) 100%);}
.irs-bar-edge{height:10px;top:33px;width:14px;border:1px solid #428bca;border-right:0;background:#428bca;background:linear-gradient(to top,rgba(66,139,202,1) 0%,rgba(127,195,232,1) 100%);border-radius:16px 0 0 16px;-moz-border-radius:16px 0 0 16px;}
.irs-shadow{height:2px;top:38px;background:#000;opacity:0.3;border-radius:5px;-moz-border-radius:5px;}
.lt-ie9 .irs-shadow{filter:alpha(opacity=30);}
.irs-slider{top:24px;width:25px;height:25px;border:2px solid #fff;background: var(--maincolor);border-radius:27px;-moz-border-radius:27px;box-shadow:1px 1px 3px rgba(0,0,0,0.3);cursor:pointer;}
.irs-slider.state_hover,.irs-slider:hover{background:#000;}
.irs-min,.irs-max{color:#fff;font-size:12px;line-height:1.333;text-shadow:none;top:0;padding:1px 5px;background:#fff;border-radius:3px;-moz-border-radius:3px;}
.lt-ie9 .irs-min,.lt-ie9 .irs-max{background:#ccc;}
.irs-from,.irs-to,.irs-single{color:#fff;font-size:12px;line-height:1.333;text-shadow:none;padding:3px 6px;background: var(--maincolor);border-radius:3px;-moz-border-radius:3px;font-weight: 600;}
.lt-ie9 .irs-from,.lt-ie9 .irs-to,.lt-ie9 .irs-single{background:#999;}
.irs-grid{height:27px;}
.irs-grid-pol{opacity:0.5;background:#428bca;}
.irs-grid-pol.small{background:#999;}
.irs-grid-text{bottom:5px;color:#99a4ac;}
.product-sidebar__title{font-size:18px;letter-spacing:0.05em;font-weight:700;color: var(--maincolor);margin-bottom: 20px;}
.filter-by-price{padding:20px;margin-top: 30px;background-color: #f7f8fd;}
.extra-controls{display: flex;justify-content: space-between;}
.rangevaluemks--min{margin-right: 10px;}
.submitForm .submitbtn{position:relative;display:inline-block;padding:10px 30px;background-color:var(--maincolor);color:#fff;font-weight:600;z-index:2;position:relative;border:none;}
.submitForm .submitbtn:hover{text-decoration:none;color:#fff;-webkit-transform:translate3d(0,0px,0);transform:translate3d(0,0px,0);}
.submitForm .submitbtn:before{display:block;position:absolute;top:0px;right:0px;height:100%;width:0px;z-index:-1;content:'';color:var(--secondary-color)!important;background:var(--secondcolor);transition:all 0.4s cubic-bezier(0.42,0,0.58,1);}
.submitForm .submitbtn:after{content:"";position:absolute;height:0%;left:50%;top:50%;width:150%;z-index:-1;-webkit-transition:all 0.75s ease 0s;-moz-transition:all 0.75s ease 0s;-o-transition:all 0.75s ease 0s;transition:all 0.75s ease 0s;}
.submitForm .submitbtn:hover:before{left:0%;right:auto;width:100%;}
.accordion-button{font-size: 16px;font-weight:600;}
.accordion-button:not(.collapsed){background-color:#f8f8f8;color: var(--maincolor);box-shadow: none;}
.accordion-item:first-of-type .accordion-button{font-size: 18px;}
.mentancecont .modal-body{text-align: left;}
.mentancecont .submitbtn{text-align:center;display:block;margin:0 auto;}



/*--------------------------------------------------------------
# Maintenance Contract
--------------------------------------------------------------*/
.maintcontact-page{padding:50px 0px;}
.lmaincont h2{color: #000;margin-bottom: 15px;}
.lmaincont h3{color: var(--maincolor);font-size: 24px;margin-bottom: 50px;}
.lmaincont h4{font-size: 20px;letter-spacing: 2px;margin-bottom: 20px;}
.rmaincont{background-color: #f2f2f2;padding:20px;border-radius: 10px;text-align: center;}
.rmaincont img{max-width: 150px;margin-bottom: 20px;}
.rmaincont p{font-size: 18px;margin:0px;font-style: italic;color: #222;}




/*--------------------------------------------------------------
# Products
--------------------------------------------------------------*/
.project-page{padding:50px 0px;}
.pricingTable{border:1px solid #dbdbdb;box-shadow:0 0 10px rgba(0,0,0,0.14);text-align:center;transition:all 0.4s ease-in-out 0s;}
.pricingTable-header{padding:15px 10px;background-color:#fff;}
.pricingTable .pricingTable-header h3{font-size:21px;letter-spacing:2px;color:#000;text-transform:uppercase;margin:0px;}
.pricingTable-header span{display:block;font-size:12px;}
.pricing-plans{padding:15px 0;font-size:20px;color:#fff;font-weight:700;}
.pricing-plans ins{padding:0px 10px;text-decoration:none;}
.pricing-plans span.disprice{color: #000;}
.product-img{padding:15px 10px;}
.pricing-plans .month{color:#fff;display:inline-block;font-size:15px;margin-top:15px;font-weight:100;}
.pricingContent ul{padding:0 15px;margin-bottom:0;list-style:none;}
.pricingContent ul li{padding:8px 0;text-transform:capitalize;position:relative;}
.pricingContent ul li:nth-child(even){background-color:#f7f8f4;}
ul.featured-lists li{text-align:left;padding-left:50px;}
ul.featured-lists li:before{content:"\f00c";color:#ed5e37;font-family:"FontAwesome";font-size:13px;font-weight:900;text-align:center;line-height:18px;width:18px;height:18px;border-radius:50%;position:absolute;top:12px;left:26px;}
.pricingTable .pricingTable-sign-up{padding:15px 0;border-top:1px solid #dbdbdb;margin-top:10px;}
.btn-block{width:50%;margin:0 auto;background:var(--maincolor);border:1px solid var(--maincolor);padding:10px 0;color:#fff;text-transform:uppercase;border-radius:50px;transition:0.3s ease;}
.pricingTable .btn-block:hover{background:var(--secondcolor);color:#ffffff;border:1px solid var(--secondcolor);}
.pricingTable.purple .pricing-plans{background-color:var(--maincolor);}
.pricingTable.yellow .pricing-plans{background-color:var(--secondcolor);}
.pricingTable.green .pricing-plans{background-color:var(--yellowcolor);}
@media screen and (max-width:990px){
    .pricingTable{margin-bottom:30px;}
}
.more-btn a{color: var(--yellowcolor);}
.more-btn a i{padding-left: 6px;}
/* Quiz */
.ysquiz-question-title{font-size: 20px;color: #222;margin-bottom: 20px;}
.ysquiz-question ul{list-style-type: none;}
.ysquiz-question ul li label input{margin-right: 8px;}
.ysquiz-question button{background-color: var(--maincolor);padding:8px 24px;color: #fff;border-radius: 0px;margin-top: 20px;border:none;font-weight: 700;}
.ysquiz-question button:hover{background-color: var(--secondcolor);}




/*--------------------------------------------------------------
# Blog
--------------------------------------------------------------*/
.blog{padding:50px 0px;background-color: #f3f3f3;}
.trendbox{margin-bottom: 30px;box-shadow: -5px 0px 20px 0px rgba(51, 51, 102, 0.08);}
.trend-img{height:200px;position:relative;overflow:hidden;}
.trend-img img{max-width:100%;width:100%;height:100%;object-fit:cover;object-position:center;}
.trend-desc{background-color: #fff;padding:9px 10px;}
.trend-desc h4{padding-bottom:0px;line-height: 24px;}
.trend-desc h4 a{color:#13141c;font-size: 20px;}
.trend-desc h4 a:hover{color: var(--maincolor);}
.trend-desc p{font-size: 14px;color:#13141c;margin-bottom: 5px;}
.post-date{padding-bottom: 5px;}
.post-date span{font-size:13px;text-transform: uppercase;font-weight: 600;color: #9ea0a2}
.post-date i{padding-right:3px;}
.read-more{padding-bottom: 2px;}
.read-more a{color:#333;font-size:12px;border:1px solid #ddd;padding:4px 12px;background-color:#f0eded;}
.read-more a i{padding-left: 3px;}
.read-more a:hover{background-color:#dbd6d6;border:1px solid #ddd;}
/* RightSide bar */
.latest-right{background-color:#fff;padding:20px;}
.main-heading{margin-bottom:20px;}
.cate_lists{margin-bottom: 30px;}
.heading-title h3,.heading-title h2{border-left:4px solid  var(--maincolor);padding-left:10px;line-height:28px;font-size:22px;color:#000;}
.latest-right ul{list-style-type:none;}
.latest-right ul li{padding:8px 0px;border-bottom:1px dotted #ddd;}
.latest-right ul li:first-child{padding-top:0px;}
.latest-right ul li:last-child{border-bottom:none;padding-bottom:0px;}
.latest-right ul li a{color:#333;font-weight:500;}
.latest-right ul li a:hover{}
.cate_lists ul li a::before{content:"\f105";font-family:FontAwesome;font-size:13px;display:inline-block!important;cursor:pointer;line-height:20px;color:#333;margin-right:6px;}
.cate_lists ul li a:hover::before,.cate_lists ul li a:hover{color: var(--maincolor);}
.toppost_mks{display:-ms-flexbox;display:flex;margin-bottom:0;}
.top_postlists .post_increment{margin-right:26px;color: var(--maincolor);font-size:35px;font-weight:700;line-height:1em;margin-top:0.01em;margin-bottom:0.01em;}
.top_postlists .post_increment::before{counter-increment:top-post-counter;content:counter(top-post-counter);}
.top_postlists .post_wrap{line-height:26px;}
.top_postlists .post_wrap a{font-weight:600;}
.top_postlists .post_wrap a:hover{color: var(--maincolor);}
.blog-tab{margin-bottom: 40px;}
.blog-tab .nav-tabs{border:none;}
.blog-tab .nav-tabs .nav-link{border:none;background-color: var(--secondcolor);padding: .6rem 1.5rem;color: #fff;font-weight: 600;}
.blog-tab .nav-tabs .nav-item{padding-right: 10px;}
.blog-tab .nav-tabs .nav-item:last-child{padding-right: 0px;}
.blog-tab .nav-tabs .nav-item.show .nav-link, .blog-tab .nav-tabs .nav-link.active{border:none;background-color: var(--maincolor);color: #fff;}
.blog-tab .nav-tabs .nav-link:focus, .blog-tab .nav-tabs .nav-link:hover{border:none;background-color: var(--maincolor);color: #fff;}

/* Pagination */
.pagination{display:inline-block;display:flex;justify-content:center;flex-direction:row;}
.pagination a{color:black;float:left;padding:6px 16px;text-decoration:none;}
.pagination a.active{background-color: var(--maincolor);color:#fff;}
.pagination a:hover:not(.active){background-color: var(--maincolor);color: #fff;}
.newsletter{background-color: #fff;padding:20px;border-radius: 10px;border-bottom: 4px solid var(--secondcolor);}
.newsletter input{border-radius: 0px;    padding: 0.575rem 0.75rem;}
.subscribe-btn{background-color: var(--maincolor);padding:8px 24px;color: #fff;font-weight: 700;font-size: 15px;font-weight: 700;border:none;text-align: center;transition:0.3s ease;display: block;margin:0 auto;}
.subscribe-btn:hover{background-color: var(--secondcolor);}
.blog-search{margin-bottom: 30px;background-color: #ffffff;padding:20px;}
.btnsearch{background-color: var(--maincolor);color: #fff;}
.btnsearch:hover{color: #fff;background-color: var(--secondcolor);}
/* Blog Detail */
.left-blog-lists{background-color: #fff;padding:20px;overflow: hidden;}
.blogimgpage{margin-bottom: 20px;}
.blogcomment ul{list-style-type:none;}
.blogcomment ul li{display:inline-block;padding-right:10px;}
.blogcomment ul li:last-child{padding-right:0px;}
.blogcomment ul li i{padding-right:6px;color: var(--maincolor);}
.blogdetaildesc h2{margin:20px 0px;color: #000;font-size: 40px;}



/*--------------------------------------------------------------
# Refer And Earn
--------------------------------------------------------------*/
.refer-earn{padding:50px 0px 20px 0px;}
.referearn-box{background:#ffffff;border:1px solid #f0f0f0;margin-bottom:30px;padding:30px 20px;-webkit-transition:0.3s;transition:0.3s;overflow:hidden;box-shadow:0 8px 12px 0 rgb(0 0 0 / 20%);text-align:center;border-radius:10px;}
.referearn-box:hover{box-shadow:0 0 0 0 rgb(0 0 0 / 20%);}
.referearn-icon{width:130px;height:130px;margin:0 auto 20px auto;background-color:var(--secondcolor);display:block;border-radius:50%;position:relative;transition:0.3s;}
.referearn-box:hover .referearn-icon{background-color: var(--maincolor);}
.referearn-icon img{max-width:80px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.referearn-desc h4{font-size: 18px;color: #000;margin:0px 0px 15px 0px;}
.referearn-box:hover h4{color: var(--maincolor);}
.referearn-desc p{margin:0px;line-height: 1.5;}
.colcenter{display: flex;}
.referearn-box{display: flex;align-items: center;flex-direction: column;}
.referarn-sec{padding-bottom: 30px;}
.referearn{padding:0px 0px 0px 0px;background:#e0dcdc;position: relative;}
.referearn::after{background: rgba(0,0,0,0.5);}
.referearn h2{margin:0px;}
.referearn-img img{max-width: 400px;}
.referearn h1{color: #000;margin:0px;text-align: right;}
.accorlist ul{list-style-type: none;}
.accorlist ul li{padding-bottom: 10px;}
.accorlist ul li:last-child{padding-bottom: 0px;}
.accorlist ul li::before{content:"\f105";font-family:FontAwesome;display:inline-block!important;cursor:pointer;line-height:20px;color:#656d70;margin-right:6px;}


/*--------------------------------------------------------------
# About Us
--------------------------------------------------------------*/
.about-us{padding:50px 0px;}
.abt-left h2,.whatwedo-right h2{margin-bottom:20px;color:#000;}
.abt-left h2 span,.whatwedo-right h2 span{color: var(--maincolor);}
.abt-left{padding:30px;background-color:#fff;position:relative;z-index:0;box-shadow:0 0 10px rgb(0 0 0 / 10%);padding-right:90px;margin-right:-65px;}
.abt-right,.whatwedo-left{position:relative;z-index:2;}
.abt-left h4{font-size: 20px;}
.whatwedo{margin-top: 50px;}
.whatwedo-right{padding:30px;background-color:#fff;position:relative;z-index:0;box-shadow:0 0 10px rgb(0 0 0 / 10%);padding-left:90px;margin-left:-65px;}
/* Our Team */
.our-team{margin-bottom: 20px;}
.team-box{margin-bottom: 30px;background:#fff;box-shadow:0px 0px 20px 0px rgba(0,0,0,0.2);-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-ms-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;display: flex;align-items: center;flex-direction: column;}
.team-img{margin:0px;overflow:hidden;width: 100%;}
.team-img img{position:relative;margin:0px;height:330px;overflow:hidden;width:100%;object-fit:cover;transform:scale(1.01);-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-ms-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;}
.team-desc{padding:20px 10px 20px 10px;position:relative;text-align:center;}
.sharelink{position:absolute;right:15px;top:-20px}
.social-share{background-color:var(--secondcolor);width:40px;text-align:center;height:40px;line-height:40px;border-radius:50%;color:#fff;}
.social-share a{color:#fff;}
.social-profile{overflow:hidden;text-align:center;position:absolute;bottom:45px;left:0;opacity:0;-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-ms-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;}
.social-profile ul{list-style-type:none;}
.social-profile ul li{list-style-type:none;display:block;margin-bottom:4px;}
.sharelink:hover .social-profile{opacity:1;}
.social-profile ul li a{display:block;font-size:15px;line-height:40px;text-align:center;color:#fff;position:relative;width:40px;height:40px;border-radius:50%;background-color:var(--secondcolor);}
.social-profile ul li a:hover{background-color:var(--maincolor);}
.team-box:hover .team-img img{transform:scale(1.08);}
.team-box:hover{bottom:50px;}
.member-name{margin:0px 0px 15px 0px;}
.member-name a{font-size:18px;color:#222;font-weight:600;}
.member-desc{margin:0px;word-break: break-word;}
.team-box:hover .member-name a{color: var(--maincolor);}




/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact-info{padding:50px 0px;}
.con-center{display: flex;}
.con-info__box{border:2px solid #eef2f7;padding:50px 45px;position:relative;z-index:1;text-align: center;display: flex;flex-direction: column;justify-content: center;width: 100%;background-color: #fff;}
.con-info__box::before{content:"";position:absolute;right:-2px;top:-2px;border-bottom:2px solid var(--secondcolor);transition:.4s linear;border-top:2px solid var(--secondcolor);left:-2px;bottom:-2px;transform:scale(0,1);z-index:-1;opacity:0;}
.con-info__box::after{content:"";position:absolute;right:-2px;top:-2px;border-right:2px solid var(--secondcolor);transition:.4s linear;border-left:2px solid var(--secondcolor);left:-2px;bottom:-2px;transform:scale(1,0);z-index:-1;opacity:0;}
.con-info__box:hover::before,.con-info__box:hover::after{transform:scale(1);opacity:1;}
.con-info__icon{margin-bottom: 15px;}
.con-info__icon img{max-width: 60px;}
.con-info__title{font-size: 24px;color: #000;font-weight: 700;margin:15px 0px;}
.con-info__box a{color: #848484;transition:all 0.3s ease 0s;}
.con-info__box a:hover{color: var(--secondcolor);}
.write-message{padding-bottom: 50px;}
.section-title{margin-bottom: 30px;text-align: center;}
.section-title span{color:#fff;line-height:1;letter-spacing:3px;font-weight:700;padding:7px 20px;margin-bottom:20px;display:inline-block;background-color:var(--maincolor);}
.section-title h2{font-size:60px;line-height:1.13;letter-spacing:-3px;margin-bottom:10px;color: #000;}
.contact-form .form-control{border-radius:0px;box-shadow:none;padding:.775rem 1.05rem;font-size:15px;color:#999;height:50px;font-weight:400;}
.contact-form textarea.form-control{height:auto;min-height:calc(1.5em + .75rem + 2px);}
.send-message{margin-top:10px;display:inline-block;}
.send-message input{position:relative;display:inline-block;padding:10px 30px;background-color:var(--maincolor);color:#fff;font-weight:600;z-index:2;position:relative;border:none;}
.send-message input:hover{text-decoration:none;color:#fff;-webkit-transform:translate3d(0,0px,0);transform:translate3d(0,0px,0);background-color: var(--secondcolor);}
.send-message input:before{display:block;position:absolute;top:0px;right:0px;height:100%;width:0px;z-index:-1;content:'';color:var(--secondary-color)!important;background:var(--secondcolor);transition:all 0.4s cubic-bezier(0.42,0,0.58,1);}
.send-message input:after{content:"";position:absolute;height:0%;left:50%;top:50%;width:150%;z-index:-1;-webkit-transition:all 0.75s ease 0s;-moz-transition:all 0.75s ease 0s;-o-transition:all 0.75s ease 0s;transition:all 0.75s ease 0s;}
.send-message input:hover:before{left:0%;right:auto;width:100%;}
.google-map{padding-bottom: 50px;}
.google-map__inner iframe{width: 100%;max-width: 100%;height: 500px;object-fit: cover;}



/*--------------------------------------------------------------
# Account
--------------------------------------------------------------*/
.account-section{padding:50px 0px;background-color: #f2f2f2;}
.account-wrap{position:relative;margin-top:0;background-color:#fff;border-width:1px;border-style:solid;border-color:#eee #eee #d5d5d5 #eee;box-shadow:0 5px 0 rgb(200,200,200,0.20);}
.account-wrap__inner{padding:30px 20px;}
.account-border-right{border-right:1px solid #ddd;}
.rememberme-lost{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:20px;}
.lost_password a{color: var(--yellowcolor);font-weight: 700;}
.rememberme-lost .form-check-input{margin-top:.15em;}
.account__title{text-align:center;position:relative;margin:0 0 40px;font-size:20px;padding-bottom:10px;}
.account__title i{padding-right: 8px;}
.account__title::after{content:"";width:125px;height:2px;background:#000;position:absolute;bottom:-2px;left:calc(50% - 66px);}
.accountSecBtn button{width: auto;}
.account-wrap__inner .form-control{padding:10px 20px;}
.proceed-to-checkout button{background: var(--maincolor);color:#fff;text-transform:uppercase;font-size:13px;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;line-height:47px;cursor:pointer;font-weight:600;padding: 0 35px;text-transform: uppercase;border: 0;text-align: center;margin-top: 20px;}
.proceed-to-checkout button:hover{background-color: var(--secondcolor);}

.orlogin{display:flex;align-items:center;text-transform:uppercase;}
.orlogin:after,.orlogin:before{content:'';width:150px;height:1px;background:#ddd;margin:0 10px;}
.login-width{margin:20px 0px;}
.login-width ul{list-style-type: none;}
.login-width ul li{padding-right: 10px;display: inline-block;}
.login-width ul li:last-child{padding-right: 0px;}
.login-width ul li a{background-color: #4064AC;padding:10px 20px;color: #fff;font-size: 13px;-webkit-transition:all 0.75s ease 0s;-moz-transition:all 0.75s ease 0s;-o-transition:all 0.75s ease 0s;transition:all 0.75s ease 0s;}
.login-width ul li a:hover{background-color: var(--secondcolor);}
.login-width ul li:last-child a{background-color: #D64937;}
.login-width ul li a i{padding-right: 6px;}
.loginWithsocial ul li a i{padding-right: 6px;}




/*--------------------------------------------------------------
# Dashboard
--------------------------------------------------------------*/
.dashboard{padding:50px 0px;}
.dash-sidebar,.right-dash{box-shadow:-5px 0px 20px 0px rgb(51 51 102 / 8%);padding:20px;overflow:hidden;}
.profile-img img{width:100px;height:100px;border-radius:50%;object-fit:cover;}
.dashmenulist{margin-top:30px;}
.dashmenulist ul{list-style-type:none;}
.dashmenulist ul li{padding:10px 0px;border-bottom:1px solid #ddd;}
.dashmenulist ul li:first-child{font-weight:700;font-size:18px;color:#000;}
.dashmenulist ul li a{color:#777;}
.dashmenulist ul li a:hover{color:var(--maincolor);}
.profile-img h4{font-size:16px;}
.profile-img p{color:var(--maincolor);font-weight:700;}
.right-dash h2{margin-bottom:20px;color:#000;}
.edit-profile{box-shadow:-5px 0px 20px 0px rgb(51 51 102 / 8%);padding:20px;}
.edit-profile h3{color:#000;margin-bottom:30px;}
.edit-profile .form-control{border-radius:0px;box-shadow:none;padding:.775rem 1.05rem;font-size:15px;color:#999;height:50px;font-weight:400;}
span.fileinput-new{padding:8px 12px;cursor:pointer;font-size:14px;font-weight:bold;border:1px solid var(--secondcolor);color: var(--secondcolor);}
.Change-my-info .form-control{height:auto;border-radius:0px;box-shadow:none;padding:.775rem .75rem;font-size:13px;color:#999;}





/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.main-footer{background-color: #222;}
.footer-inner{position: relative;z-index: 1;padding: 50px 30px 50px 0px;color: #bababa;}
.footer-inner:before{position:absolute;content:'';display:block;right:66.66666667%;margin-right:15px;top:0;bottom:0;left:-10000px;z-index:-1;background-color:#191919;}
.footer-inner h4{color:#fff;font-weight:700;font-size:18px;margin-bottom:20px;}
.footer-logo img{max-width: 100px;margin-bottom: 15px;}
.get-in-touch{padding-left: 10px;}
.ft-btn{margin-top: 15px;}
.ft-btn a{color: var(--secondcolor);}
.ft-btn a:hover{color: var(--maincolor);}
.ft-btn a i{padding-left: 6px;}
.ft-coninfo ul{list-style-type: none;}
.ft-coninfo ul li{padding-bottom:12px;webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;color:#bababa;position: relative;padding-left: 37px;}
.ft-coninfo ul li:last-child{padding-bottom: 0px;}
.ft-coninfo ul li a{color:#bababa;position: relative;}
.ft-coninfo ul li:before{position:absolute;left:0;top:5px;font-size:20px;font-weight:400;font-family:FontAwesome;width:1em;margin-right:.2em;text-align:center;display:inline-block;line-height:1em;margin-left:0em;color:var(--secondcolor);}
.ft-coninfo ul li.ft-phone:before{content:'\f098';}
.ft-coninfo ul li.ft-email:before{content:'\f0e0';}
.ft-coninfo ul li.ft-address:before{content:'\f041';}
.ft-coninfo ul li a:hover{color:var(--maincolor);}
.footer-socials{margin:20px 0 0 0;padding:0;}
.footer-socials ul{list-style-type: none;padding:0px;margin:0px;display:flex;}
.footer-socials li{list-style:none;margin:0;display:inline-block;padding-right: 5px;}
.footer-socials li:last-child{padding-right: 0px;}
.footer-socials li a{color:#fff;margin:0 0.3em;transition:all 0.5s;text-align:center;line-height:40px;display:inline-block;width:40px;height:40px;border-radius:50%;background-color: rgba(158,186,196,.1);}
.footer-socials li a:hover{background-color: var(--maincolor);}
.we-serve ul{list-style-type: none;}
.we-serve ul li{padding-bottom:10px;webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;color:#bababa;}
.we-serve ul li:last-child{padding-bottom: 0px;}
.we-serve ul li:hover{padding-left:5px;}
.we-serve ul li a{color:#bababa;position: relative;}
.we-serve ul li a::before{content:"\f105";font-family:FontAwesome;display:inline-block!important;cursor:pointer;line-height:20px;color:#bababa;margin-right:6px;}
.we-serve ul li a:hover,.we-serve ul li a:hover::before{color: var(--maincolor);}
.busines-hours{margin-top: 30px;}
.busines-hours p{margin-bottom: 6px;}
.footer-bottom{padding:10px 0px;}
.fb-box p{font-size: 14px;}
.footer-bottom p{margin:0px;text-align: center;}
.site-credit{text-align: right;}




/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/
.years-experinces{background-color: rgb(245, 248, 252);padding:50px 0px;}
.years-experinces .tb-title p{text-align: center;}
.experice-box{text-align: center;}
.experice-box i{font-size: 28px;color: var(--maincolor);}
.experice-box h3{margin:20px 0px;font-size: 22px;color: #000;}
.experice-box h4{color: var(--secondcolor);font-size: 32px;}



/*--------------------------------------------------------------
# Projects
--------------------------------------------------------------*/

.project-sec{padding: 50px 0px}
.project-short-info{margin-bottom: 30px;}
.project-short-info h2{color: #000;margin-bottom: 20px;}
.project-box{margin-bottom: 30px;background-color:#ffffff;-webkit-box-shadow:0 0 12px 0 rgb(43 52 59 / 8%);-moz-box-shadow:0 0 12px 0 rgba(43,52,59,.08);box-shadow:0 0 7px 0 rgb(43 52 59 / 8%);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-webkit-transition:0.5s;-o-transition:0.5s;-moz-transition:0.5s;transition:0.5s;display: flex;flex-direction: column;justify-content: center;}
.project-box:hover{-webkit-transition:all .3s ease-out;transition:all .3s ease-out;-webkit-box-shadow:0px 3px 5px 1px rgb(0 0 0 / 20%);box-shadow:0px 3px 5px 1px rgb(0 0 0 / 20%);}
.project-desc{padding: 20px;}r
.project-img img{height: 210px;width: 100%;object-fit: cover;}
.project-desc h4{line-height: 22px;margin-bottom: 15px;}
.project-desc h4 a{font-size: 18px;color: #555;}
.project-desc h4 a:hover{color: var(--maincolor);}
.proj-read-more a{color: var(--maincolor);font-size: 13px;font-weight: 600;text-transform: uppercase;}
.proj-read-more a i{padding-left: 6px;}
.proj-read-more a:hover{color: var(--secondcolor);}


/*--------------------------------------------------------------
# Card Block
--------------------------------------------------------------*/
.card-block{padding: 20px 0px;}
.card-box{text-align: center;}
.card-icon{margin-bottom: 20px;}
.card-icon img{max-width: 50px;}
.card-box h4{font-size: 16px;margin: 0px;}
.dhrb-left-title{margin-bottom: 30px;}
.dhrb-left-title h2{font-size: 28px;color: #000;}
.why-dhr-lists ul{list-style-type: none;}
.why-dhr-lists ul li{padding-bottom: 30px;}
.why-dhr-lists ul li:last-child{padding-bottom: 0px;}
.why-dhr-lists ul li img{max-width: 45px;}
.why-dhr-lists ul li h3{font-size: 17px;margin: 0px;}
.why-dhr-lists ul li p{margin: 0px;font-size: 14px;}




/*--------------------------------------------------------------
# Added CSS
--------------------------------------------------------------*/
.view-btn--booknow a{padding:12px 30px;border-radius: 30px;font-size: 18px;}
.view-btn--booknow a::after,.view-btn--booknow a::before{border-radius: 30px;}
.parent-catser--inner{margin-top: 20px;}
.parent-catser--inner ul li{text-align: left;}
.parent-catser--inner ul li::before{content:"\f105";font-family:FontAwesome;display:inline-block!important;cursor:pointer;line-height:20px;color:#656d70;margin-right:6px;}
.servicebtn a{width:auto !important;}

/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/
@media (min-width: 320px) and (max-width: 767px)
{
.hero-content h1{font-size:24px;word-break:break-word;}
.inlineposition{position: relative;z-index: 1;text-align: right;padding:5px 15px;}
.inlineposition a{font-size: 26px;color: #000;}
.header-logo img{max-width: 54px;}
.hero-content h2{margin-bottom: 15px;font-size: 20px;}
.hero-right{margin-top: 20px;}
.hero-right ul{text-align: left;}
.hero-right ul li{font-size: 20px;}
.hero{padding:30px 0px;}
.why-dharabijuli{padding:30px 0px;}
.whyserbox,.dhbl-conbox,.ft-box{margin-bottom: 30px;}
.dhrb-maintenance-contact{padding:30px 0px 0px 0px;}
.testimonials,.footer-inner{padding:30px 0px 0px 0px;}
.fill-out-survey h2{font-size: 20px;text-align: center;margin-bottom: 20px;}
.willtestnow{float: none;text-align: center;margin:0 auto;display: block;}
.blog-tab .nav-tabs .nav-link{padding: 0.6rem 1rem;font-size: 12px;}
.pagination{margin-bottom: 30px;}
.breadcrumb-sec{padding:30px 0px;}
.abt-left{margin-right: 0px;padding-right: 15px;}
.whatwedo-right{margin-left: 0px;padding-left: 15px;}
.section-title h2{font-size: 40px;}
/* Added CSS */
.card-box{margin-bottom: 30px;}
.quality-box{margin: 30px 0px;}
.referearn-img img {max-width: 100%;}
.referearn h1 {margin: 10px 0px;text-align: center;}
}
@media (min-width: 768px) and (max-width: 991px)
{
.inlineposition{position: relative;z-index: 1;text-align: right;padding:5px 15px;}
.inlineposition a{font-size: 26px;color: #000;}
.header-logo img{max-width: 54px;}
.hero-content h2{margin-bottom: 15px;font-size: 20px;}
.hero-content h1{font-size: 25px;}
.hero-right ul li{font-size: 18px;}
.counter-inner h4{font-size: 12px;}
.hero{padding:30px 0px;}
.fill-out-survey h2{font-size: 20px;}
.view-btn a{padding:10px 16px;font-size: 12px;}
}


.quest-box{margin-bottom: 30px;}
.quest-box h4{font-size:18px;color:#222;margin-bottom:10px;}
.quest-box .form-control{border-radius:0px;box-shadow:none;padding:0.775rem 1.05rem;font-size:15px;color:#999;height:40px;font-weight:400;}

.hide{
    display: none;
}

.show{
    display: block;
}