* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}

img,
video {
  max-width: 100%;
}

a,
a:hover,
a:visited,
a:active,
a:focus {
  text-decoration: none;
}

ul {
  margin: 0px;
  padding: 0px;
}

p {
  margin: 0px;
}


body {font-family: 'Cabin', sans-serif;}
header .header-top {padding: 5px 0px; background-color: #eff2f5;}
header .header-top .top-in {align-items: center;}
header .header-top .top-in li a, header .header-top .top-in li {color: #777; font-size: 13PX; text-transform: uppercase;}


header .header-med{padding: 4px 0px;}
header .header-med .row{align-items: center;}
header .header-med .med-logo img{width: 11%;}
header .header-med ul{position: relative;}
header .header-med ul::before {position: absolute; content: ''; background-color: #77777742; height: 60px; width: 1px; right: 191px;}
header .header-med .content h4{font-size: 11px; text-transform: uppercase; margin-bottom: 3; color: #777;}
header .header-med .content h5 a{color: #000; font-weight: 600; font-size: 18px;}

header .header-bottom {padding: 10px 0px 0px; background-color: #000; left: 0px; right: 0px; z-index: 99;}
header .header-bottom .navbar {padding: 0px;}
header .header-bottom .navbar .navbar-brand {width: 22%; padding: 0px; display: none;}
header .header-bottom .navbar .navbar-nav {gap: 25px;}
header .header-bottom .navbar .navbar-nav .nav-link {color: #fff; font-size: 14px; font-family: 'Cabin', sans-serif; text-transform: uppercase; font-weight: 600; position: relative; transition: .5s;}
header .header-bottom .navbar .navbar-nav .nav-link:hover {color: #ff6969}

header .header-bottom .enquery li a {background-image: url(../images/free-quatoe-bg.png); background-repeat: no-repeat; padding: 22px 35px;
margin-top: -20px; font-weight: bold; display: inline-block;}

header .header-bottom .navbar .navbar-nav .nav-link::before {position: absolute; content: ''; width: 1px; height: 18px; background-color: #fff;
bottom: 11px; right: -11px; transition: .5s; z-index: 1;}
header .header-bottom .navbar .navbar-nav .nav-link.nav-link-a::before{display:none;}
header .header-bottom .navbar .navbar-toggler {color: #2196f3; box-shadow: none; border: transparent; border-radius: 0px;}

header .header-bottom .navbar .offcanvas {width: 280px;}
header .dropdown-menu {border-radius: 0; border: 0; padding: 15px 0; box-shadow: 0 0 5px #0000002f;}
header .dropdown-menu li .dropdown-item {padding: 6px 20px; font-size: 18px; font-weight: 500;}
header .dropdown-menu li .dropdown-item:hover {background-color: #01a959; color: #fff;}

/* header ko sticky karna ki */
.sticky {
  background-color: #352463;
  left: 0;
  right: 0;
  z-index: 999;
  position: fixed !important;
  top: 0px;
  animation: slideDown .5s ease-out;
}

@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(10);
  }
}

header .heaberbooyem .offcanvas-title {color: #020202;}

/* .main {
  background: linear-gradient(180deg, #f1f6fa, #f9f8ff);
} */

/* slider */

#slider{background-image: url(../images/banner-d.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 70px 0px;}
#slider .row{align-items: center;}
#slider .iner{background-color: #1e4763; padding-right: 0; -webkit-box-shadow: inset 0px 0px 0px 3px #4080ad; -moz-box-shadow: inset 0px 0px 0px 3px #4080ad; box-shadow: inset 0px 0px 0px 3px #4080ad; margin-top: 35px;}
#slider .iner h3 {background-image: url(../images/contact-heading.png); background-repeat: no-repeat; background-size: 100% auto;
text-align: center; font-size: 20px; display: inline-block; margin: 0 0 20px 0; padding: 19px 0; width: 100%; text-shadow: none;  font-weight: bold; width: 100%; margin-bottom: 10px;}
#slider .iner h3 span{display: block; color: #9c9c9c;}
#slider .iner form {padding: 30px;}
#slider .iner form .form-control{border: 3px solid rgba(255, 255, 255, 0.20); box-shadow: none; border-radius: 0; margin-bottom: 13px;
background-color: #2d404f; border: 3px solid rgba(255, 255, 255, 0.20); padding: 7px 20px; color: #fff;}
#slider .iner form .btn{display: block; background-color: #fff; border: 3px solid #d5dbe0; padding: 8px 40px; font-weight: bold; margin: 17px auto 0;}
#slider .content h3{font-size: 45px; color: #fff; font-weight: 700; width: 85%;}

/* marquee-sec */

#marquee-sec{background-color: #666; padding: 6px 0px 0px 0px; font-size: 18px; width: 100%; color: #fff;}
#marquee-sec .row{align-items: center;}
#marquee-sec h3{font-size: 20px; color: #fff; font-weight: 600;}
#marquee-sec marquee a {border: 2px solid #352463; background-color:#000; box-shadow: 0 4px 0 rgba(33, 150, 243, 0.25); display: inline-block; padding: 8px 20px;
letter-spacing: 1px; margin-right: 20px; border-radius: 0; margin-bottom: 15px;}

/* service-offer */

#service-offer{padding: 30px 0px 60px; border-bottom: 1px solid #d1d1d1;}
#service-offer h2{margin-bottom: 40px;}
#service-offer .row{row-gap: 25px; justify-content: center;}
#service-offer span{font-weight:700; text-transform: uppercase; font-size: 25px;}
#service-offer .iner{padding: 3px 20px; text-align: center;}
#service-offer .iner .imgs{position: relative; z-index: 2; left: 0; right: 0; text-align: center;}
#service-offer .iner .content{box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); display: inline-block; width: 100%; margin-top: -70px; padding: 10px; height: 400px;
    overflow-y: scroll;}
#service-offer .iner .content .text{color:#777; text-align: center; line-height: 24px; margin-top: 0px; margin-bottom: 15px; font-size: 15PX;}
#service-offer .iner .content h4{margin-top: 77px; font-size: 22px; font-weight: 500;}
#service-offer .iner .content a{display: inline-block; padding: 10px 30px; background-color: #2196f3; color: #fff;}

#service-offer .owl-theme .owl-dots .owl-dot{display:none;}

/* house-cleaning */

#house-cleaning{padding: 50px 0px; border-bottom: 1px solid #d1d1d1;}
#house-cleaning .row{row-gap: 25px;}
#house-cleaning h2{font-size: 30px; font-weight: 700; margin-bottom: 40px;}
#house-cleaning .iner{padding: 30px; background-color: #fff; box-shadow: 0px 0px 10px #00000038; height: 100%;}
#house-cleaning .iner h4{text-align: center; margin-bottom: 15px; font-weight: 600; font-size: 18px;}
#house-cleaning .iner .text{text-align: justify; color: #777; font-size: 15px; margin-bottom: 15px;}
#house-cleaning .iner a{border: 2px solid #352463; background-color:#000; box-shadow: 0 4px 0 rgba(33, 150, 243, 0.25); display: inline-block;
padding: 8px 20px; letter-spacing: 1px; margin-right: 20px; border-radius: 0; margin-bottom: 15px; color: #fff; 
transition: .5s;}
#house-cleaning .iner a:hover{box-shadow: 0 4px 0 rgba(243, 231, 33, 0.25); border: 2px solid #ffcb2a;}

/* about-sec */

#about-sec{padding: 50px 0px;}
#about-sec h2{font-size: 30px; font-weight: 600; margin-bottom: 35px; position: relative;}
#about-sec h2::after {background-image: url(../images/welcome-title-bg.png); background-repeat: no-repeat; content: ""; display: inline-block; height: 13px; width: 100%;}
#about-sec .text{font-size: 14px; color: #777; margin-bottom: 20px;}
#about-sec .read-btn a{border: 2px solid #352463; box-shadow: 0 4px 0 rgba(33, 150, 243, 0.25); display: inline-block;
padding: 8px 20px; letter-spacing: 1px; margin-right: 20px; border-radius: 0; margin-bottom: 15px; color: #fff; background-color: #000;
transition: .5s;}
#about-sec .read-btn a:hover{box-shadow: 0 4px 0 rgba(243, 231, 33, 0.25); border: 2px solid #ffcb2a;}

/* highly-trained */

#highly-trained{padding: 20px 0px 40px;}
#highly-trained .row{row-gap: 25px;}
#highly-trained .iner{background-color: #cacaca46; padding: 60px; text-align: center; height: 100%;}
#highly-trained .iner .imgs{overflow: hidden;}
#highly-trained .iner .imgs img{transition: .5s;}
#highly-trained .iner:hover .imgs img{transform: rotate(15deg);}
#highly-trained h5{width: 80%; text-align: center; margin: 30px auto 0px; font-size: 16px; line-height: 29px; text-transform: uppercase; letter-spacing: 2px;}

/* industries-serve */

#industries-serve{padding: 50px 0px;}
#industries-serve .row{row-gap: 25px; align-items:center;}
#industries-serve h3 {margin-bottom: 40px;}
#industries-serve .span-a {font-weight: 700; text-transform: uppercase; font-size: 25px;}
#industries-serve ul{columns: 2; margin-left: 25px; margin-bottom: 15px;}
#industries-serve ul li{margin-bottom: 20px;}
#industries-serve .view-btn{border: 2px solid #352463; box-shadow: 0 4px 0 rgba(33, 150, 243, 0.25); display: inline-block;
padding: 8px 20px; letter-spacing: 1px; margin-right: 20px; border-radius: 0; margin-bottom: 15px; color: #fff; background-color: #000;
transition: .5s;}
#industries-serve .view-btn:hover{box-shadow: 0 4px 0 rgba(243, 231, 33, 0.25); border: 2px solid #ffcb2a;}

#industries-serve .imgs{overflow: hidden; border-radius: 5px;}
#industries-serve .imgs img{transition: 5s;}
#industries-serve .imgs:hover img{transform: scale(1.5);}

/* counter  */

#counter {background-image: url(../images/statistics-bg.png); background-position: center center; background-repeat: no-repeat;
background-size: cover; background-attachment: fixed; padding: 80px 0;}
#counter .row {row-gap: 30px;}
#counter .item {text-align: center;}
#counter .item h2 {color: #fff; margin: 15px 0px; font-size: 40px;}
#counter .item h3 {font-size: 16px; text-transform: uppercase; color: #fff;}
/* #counter .item img {margin: 15px 0px;} */

/* testimonials */

#testimonials {padding: 50px 0px 50px; border-bottom: 1px solid #d1d1d1;}
#testimonials h2 {text-align: center; margin-bottom: 10px; font-weight: 700; text-transform: uppercase; font-size: 25px;}
#testimonials .content {text-align: center; margin-top: 60px;}
#testimonials .row {justify-content: center;}
#testimonials .content .text {font-size: 15px; color: #000; width: 80%; text-align: center; margin: auto;}
#testimonials .content ul {margin-top: 15px;}
#testimonials .content .imgs {margin: 15px 0px 20px;}
#testimonials .content .imgs img {border-radius: 50px; width: 60px; margin: auto;}
#testimonials .content h5 {margin-bottom: 2px; font-size: 17px;}
#testimonials .content h6 {font-size: 14px;}
#testimonials .content ul li i {color: #fbbf24;}
#testimonials .owl-theme .owl-dots .owl-dot {display: none;}

/* faqs */

#faqs{padding: 50px 0px;}
#faqs h3{font-weight: 700; text-transform: uppercase; font-size: 25px; text-align: center; margin-bottom: 40px;}
#faqs .accordion-item{border-radius: 2px;  margin: 14px; box-shadow: none;}
#faqs .accordion-button{ padding: 15px; font-size: 13px; border-radius: 5px; background: #352463; color: #fff; position: relative; box-shadow: none;}
#faqs .accordion-button::after{background-image: url(../images/download.png); position: absolute; content: ''; z-index: 1; right: 15px;}
#faqs .accordion-body{background-color: #fbbf24; border-radius: 5px;}



/* contact */

/* #contact {padding: 60px 0px; background-image: url(../images/bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; padding: 80px 0;}
#contact .row {row-gap: 30px;}
#contact .location {background-color: #f5f5f5ba; padding: 30px 20px; border-radius: 20px;}
#contact .location h2 {font-size: 22px; font-weight: 500; color: #000;}
#contact .location h2 span {font-weight: 700; color: #2196f3;}
#contact .location p {font-size: 16px; color: grey; margin: 20px 0; text-align: justify;}
#contact .location ul li {margin-top: 20px;}
#contact .location ul li i {color: #2196f3; font-size: 18px;}
#contact .location ul li a {color: #000; font-size: 16px; font-weight: 500; transition: .5s;}
#contact .location ul li a:hover, #contact .location ul li:hover {color: #2196f3;}
#contact .location .social {border-top: 1px solid #d1d1d1; margin-top: 15px; padding-top: 15px;}
#contact .location .social a {display: inline-block; height: 35px; width: 35px; line-height: 35px; border-radius: 5px; background-color: #2196f3;
border: 1px solid #2196f3; color: #fff; text-align: center; transition: .5s;}
#contact .location .social a:hover {color: #2196f3; background-color: #fff;}
#contact h6 {color: #000; font-weight: bold; font-size: 22px; margin-bottom: 20px;}
#contact .form-bg {background-color: #f5f5f5ba; padding: 30px 20px; border-radius: 20px;}
#contact form.row {background-position: center center; background-repeat: no-repeat; background-size: cover; row-gap: 15px;}
#contact form .form-control {border: 1px solid #fff; background-color: #fff; border-radius: 5px; color: #000; padding: 10px 20px;}
#contact form .form-control:focus {box-shadow: none; border-color: #2196f3;}
#contact form .form-control::placeholder {color: darkgray;}
#contact form .btn {background-color: #2196f3; color: #fff; border-radius: 10px; padding: 10px 20px; width: 100%;}
#contact form .btn:hover {background-color: #000;}
#contact .map iframe {border-radius: 10px;} */


/* footer */

/* footer {background: linear-gradient(#f7f5ff, #656565); padding: 50px 0px 25px;} */

footer {background-color: #352463; padding: 50px 0px 25px;}
footer .footer-inr img {width: 15%;}
footer .footer-top {padding-bottom: 30px;}
footer .footer-top .row {row-gap: 40px;}
footer .footer-top p {color: #fff; font-size: 16px; width: 73%; text-align: justify;}
footer .footer-top h4 {font-size: 17px; color: hsl(0, 0%, 100%); font-weight: 600; margin-bottom: 10px;}
footer .footer-top .footer-info li {color: #fff;}
footer .footer-top .footer-info li a {margin-bottom: 20px; font-size: 16px; display: inline-block; color: #fff;}
footer .footer-top .footer-icon li a {height: 30px; width: 30px; line-height: 33px; color: #fff; border: 1px solid #fff; border-radius: 50px;
display: inline-block; text-align: center;}
footer .footer-top .footer-add {margin-bottom: 16px;}
footer .footer-top .footer-add li {margin-bottom: 20px; font-size: 16px; color: #fff;}
footer .footer-top .footer-add li a {color: #fff;}

.logoicon .imgsc {text-align: center; border-top: 1px solid #fff; padding-top: 12px;}
.logoicon .imgsc img {width: 270px;}

/* modal */

.modal .modal-title {
  color: #2196f3;
}

.modal .close {
  color: #2196f3;
  font-size: 25px;
  background-color: transparent;
  border: none;
}

.modal .modal-header {
  border-color: #2196f3;
}

.modal form {
  row-gap: 20px;
}

.modal .modal-content {
  background-color: #ffffffd4;
  padding: 15px;
  border-radius: 30px;
}

.modal form .form-control,
.modal form .form-select {
  border: none;
  border-bottom: 1px solid #000000;
  background-color: #85232b00;
  border-radius: 0px;
  color: #000000;
}

.modal form .label {
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}

.modal form .form-control:focus,
.modal form .form-select:focus {
  box-shadow: none;
  border-color: #1f1a17;
}

.modal form .form-control::placeholder,
.modal form .form-select::placeholder {
  color: #000000;
}

.modal form .btn {
  background-color: #2196f3;
  color: #fff;
  width: 100%;
  font-weight: 500;
}


/* whatapp */
.quickcontact {
  width: 40px;
  position: fixed;
  top: 77%;
  right: 30px;
  z-index: 9999;
}