@charset "utf-8";
/* CSS Document */
form.CUS input.subject { display: none; }
.form-bg input, .bg-sec2 textarea{margin: 10px;border-radius: 8px;height: 40px;width: 45%;padding-left: 1%;}
.form-bg select{background-color: #cfe4ff;border-radius: 8px;height: 40px;margin-left: 2%;margin-bottom: 2%;}
.w-80{width: 80%!important;}
.pe-10{padding-right: 3rem;}
.me-1{margin-right: 5rem!important;}
.me-2{margin-right: 1rem!important;}
body{margin:0;padding: 0;color:#00184b;overflow-x: hidden;font-family: Helvetica, sans-serif;background: rgb(255,255,255);
  background: linear-gradient(0deg, rgba(255,255,255,1) 92%, rgba(228,213,213,1) 100%);}
html{scroll-behavior:smooth}
.row > *,.row {
  padding-right: 0!important;
  padding-left: 0!important;margin:0
}
.bg-info:hover{background-color: #00184b; color: #fff;}
.bg-info:hover{background-color: #00184b; color: #fff;}
.font-small{font-size: 12px;}
/* banner */
.bg-theme{color: #fff;background: rgb(183,236,255);
  background: linear-gradient(90deg, rgba(183,236,255,1) 0%, rgba(41,176,208,1) 48%, rgba(3,29,75,1) 100%);}
.bg-banner{background:url('../img/almo-cleaning-services-houston-banner.webp') no-repeat center;background-size:cover; background-attachment:fixed;}
.margin-theme{margin: 15% 0 15% 0;}
.z-in3{z-index: 2;}
.margin-b{margin-bottom: -2%;}
/* end banner */
.rotateme {
  -webkit-animation-name: rotateme;
  animation-name: rotateme;
  -webkit-animation-duration: 20s;
  animation-duration: 20s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;position: absolute;z-index: -1;right:3rem;top:0
}

@keyframes rotateme {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/*scale*/
.zoom {
    -webkit-animation: zoom 2s alternate infinite;
    animation: zoom 2s alternate infinite;right:-50px;bottom: 10px
}
@keyframes zoom {
    0% {
        transform: scale(0.5);
    }

    100% {
        transform: scale(1.2);
    }
}
/*scale*/
/*button*/
.btn:hover{background:#00184b;border-color:#00184b}
.btn-new{background:#00184b;border-color:#00184b;color:#fff;}
.btn-new:hover{background:#03bce1;border-color:#fff;color:#00184b;}
/*button*/

/*title before*/
.btn-primary{border-color:#00184b;color:#00184b}
/*line*/
/*line*/
/* .navbar-expand-lg .navbar-nav .nav-link,.navbar-brand{color:#fff!important}*/	
.btn-primary{background-color:#03bce1}	
.text-primary{color:#03bce1!important}
/*service box*/	
        /* button f */
        .awesome {
          cursor: pointer;
          overflow: hidden;
          position: relative;
          border: 0;
          border-radius:50px;
          margin: 0;
          padding: 0.7rem 1rem 0.8rem 2rem;
          display: inline-flex;
          background: none;
          color: #152b59;
          font-weight: 600;
          font-size: 24px;
        }
        .awesome::before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          z-index: -1;
          height: 100%;
          width: 100%;
          border-radius: 50px;
          background: linear-gradient(-45deg, #03bce1, #eee 50%);
          opacity: 0;
          transform: translateX(-100%);
          transition: transform 0.4s cubic-bezier(0.25, 0, 0.75, 1), opacity 1s ease;
        }
        .awesome::after {
          content: "❯";
          display: grid;
          place-items: center;
          height: 1.5em;
          width: 1.5em;
          padding: 4px;
          margin-left: 0.65rem;
          border-radius: 50px;
          background: #03bce1;
          color: #152b59;
          font-size: 0.75em;
          line-height: 0;
          transform: translateY(2px);
          transition: background-color 0.25s ease 0.25s;
          margin-top: 1%;
        }
        .awesome:hover::before {
          transform: translateX(0);
          opacity: 1;
        }
        .awesome:hover::after {
          background: #fff;
        }
        /* end button f */
/*service box*/
ul li{list-style: none}
/*FAQ*/

@media (max-width:1400px){.display-top2{display: none!important;}.z-in3{right: 8%;position: static;}.w-80{width: 100%!important;}.me-1{margin-right: 0px!important;}.rounded-end-pill{border-top-right-radius: 0px!important;
  border-bottom-right-radius: 0px!important;} .rounded-pill{
    border-radius: 0px!important }.bg-theme{color: #fff;background: #031d4b!important;}}
/*FAQ*/
/*gallery*/
/*gallery*/
/*counter*/

@media (max-width: 580px) {
  body {
    flex-direction: column;
  }
}
/*counter*/
/*testimonials*/
.bg-img1{background:url('../img/bg-testimonials.webp') no-repeat center top;background-size:100% auto;padding-top:100px}
/*marquee*/
/* Make it move */
/*testimonials*/
/*video*/
.rotateme {
  -webkit-animation-name: rotateme;
          animation-name: rotateme;
  -webkit-animation-duration: 20s;
          animation-duration: 20s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
@keyframes rotateme {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/*video*/
.spam { display:none;}
.form-control{width:90%;float:left;margin-right:2%;border-radius:0; background: #272632; border: none;}
.comment {
  display: block;
  width: 92%;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: none;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;float:left;border-radius:0;background: #00184b;color:#fff;
}
.section3{background:url('../img/form-bg.webp') no-repeat center top;background-size:cover;}
.container-fluid{padding:0;}
.move3 {
  animation-name: example;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  transition: all ease 4s;width: 336px;left:0px;font-weight:900;
	bottom:-6rem;border-radius: 20px}
@keyframes example {
    0% {
      -webkit-transform: translate(-50px);
      transform: translateY(-50px);}
    50% {
      -webkit-transform: translateY(-20px);
      transform: translateY(-20px);}
    100% {
      -webkit-transform: translateY(-50px);
      transform: translateY(-50px);} }
.exp-box {
  max-width: 336px;
  padding: 30px 10px 42px;
  text-align: center;color:#fff;font-weight: bold;position: absolute;
}
.overlay-anim:after {
  background: rgba(255, 255, 255, 0.3);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  opacity: 1;
  z-index: 9;
  pointer-events: none;
}
.overlay-anim:hover:after {
  height: 100%;
  opacity: 0;
  -webkit-transition: all 400ms linear;
  transition: all 400ms linear;
}
.title {
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 2px;
  font-family: var(--title-font2);
}
.bg-dark{background: url(../img/service-section.webp)!important;background-repeat: no-repeat;background-position: center top;}
a{color:#00184b}
/*testimonials*/
/*testimonials*/
.form-bg{background: url("../img/form-bg.webp");background-repeat:no-repeat;background-size: 100%;background-color: #0e2452}
.form-control::placeholder{color: #fff;}
/*youtube*/
/*youtube*/
.row{margin-top:0}
/*process*/
.icon-top{background: #00184b;float:left;padding:20px;transition: 1s}	
.section-counter{background-image: url(../img/section-counter-bg.webp);}
/*process*/
/*footer*/
.footer{color:#fff;background: #00184b}
.footer h2::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 2px;
  background-color: #03bce1;
  bottom: -14px;
  left: 0;
}
.footer h2{font-size:1.5rem;margin-top:30px}
.bg-secondary{padding:5px 10px;color:#fff}
/* Responsive Css Coding Created By Shift Media Solutions| SMS */
/*footer*/
a:link, a:active, a:hover{color:inherit;text-decoration: none}
.footer a{color:#fff}
@media only screen and (max-width:1200px){.nav-link{margin-top:20px}
.bg-img1{background-size:cover}	
	.bg-mobile{background: #00184b}
.navbar{padding-left:2%}
}	
@media only screen and (max-width:850px){	.navbar-toggler{background: #fff}
}
/*banner*/


/* ===================== RESPONSIVE IPAD PRO ============================= */
/* ===================== RESPONSIVE IPAD ============================= */

/* ===================== RESPONSIVE IPAD ============================= */
.icon-top:hover{background: #03bce1;}
/*banner*/
/*water button*/
/*water button*/
/*service-style*/
.service_item.style_one {
    background: #fff;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    padding: 30px;
    margin: 0 15px;
    overflow: hidden;
}
.service_item.style_one:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 80%;
    width: 83%;
    background: #dfe5f1;
    clip-path: polygon(50% 0%, 0 43%, 0 0);
    transition: .5s;
}
.service_item.style_one:before {
    position: absolute;
    content: "";
    top: 0;
    left: -100px;
    height: 80%;
    width: 83%;
    background: #dfe5f1;
    clip-path: polygon(50% 0%, 0 43%, 0 0);
    transition: .5s;
}
.service_item.style_one:hover:before{
  background: #03bce1;
  left:0px;
}
.service_item.style_one:hover:after{
  left: -170px;
}
.service_item.style_one .service_img {
    position: relative;
    z-index: 22;
}
.service_item.style_one .service_content {
    position: relative;
    padding: 8px 0 0px;
}
.service_item.style_one .icon {
    display: inline-block;
    width: 68px;
    height: 68px;
    border-radius: 5px;
    background-color: #062462;
    text-align: center;
    line-height: 68px;
    position: absolute;
    right: 30px;
    top: -45px;
    transition: .5s;
    z-index: 22;
	color:#fff
}
.service_item.style_one:hover .icon{
   background-color: #03bce1;  
}
.service_item.style_one .service_title h2 a {
    font-size: 17px;
    color: #062461;
    font-weight: 600;
    font-family: "Inter";
    margin: 0 0 9px;
    display: inline-block;
}
.service_item.style_one .service_title h2 a:hover{
    color:#03bce1;
}
.service_item.style_one .room-details-button {
    margin-top: 28px;
}
.service_item.style_one .room-details-button a {
    background: #f0f3f9;
    padding: 4px 21px;
    font-size: 15px;
    line-height: 42px;
    color: #062462;
    font-weight: 500;
    display: block;
    transition: .5s;
    border-radius: 5px;
}
.service_item.style_one:hover .room-details-button a{
    background:#052361;
    color:#fff;
}
.service_item.style_one .room-details-button a i {
    margin-right: 8px;
    font-weight: 700;
    transition: .5s;
}
/*service-style*/
/*form*/
.dance2 {
    -webkit-animation: dance2 4s alternate infinite;
    animation: dance2 4s alternate infinite;z-index: -1;
}

@keyframes dance2 {
    0% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(25px, -25px, 0);
    }

    100% {
        transform: translate3d(0, -25px, 25px);
    }
}
/*form*/
.form-control{background: #00184b}
.big-title-font {
  font-size: 50px;
  -webkit-text-stroke: 1px #8f9399;
  -webkit-text-fill-color: transparent;
  line-height: 1;margin-bottom: 50px;margin-top: 50px
}
.fa,.fab{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-blogger-b:before{content:"\f37d"}.fa-clock:before{content:"\f017"}.fa-envelope:before{content:"\f0e0"}.fa-facebook-f:before{content:"\f39e"}.fa-google:before{content:"\f1a0"}.fa-map-marker:before{content:"\f041"}.fa-phone:before{content:"\f095"}.fa-pinterest-p:before{content:"\f231"}.fa-youtube:before{content:"\f167"}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:swap;src:url(../webfonts/fa-brands-400.eot);src:url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:swap;src:url(../webfonts/fa-regular-400.eot);src:url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.woff) format("woff"),url(../webfonts/fa-regular-400.ttf) format("truetype"),url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")}.fab{font-weight:400}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:swap;src:url(../webfonts/fa-solid-900.eot);src:url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa{font-family:"Font Awesome 5 Free"}.fa{font-weight:900}.fa-arrow-circle-right:before{content:"\f0a9"}