/*
Theme Name: Carpet Cleaning Pro
Theme URI: https://www.theclassictemplates.com/products/dry-cleaning-services-wordpress-theme
Author: Theclassictemplates
Author URI: https://theclassictemplates.com/
Description:  The Dry Cleaning Services WordPress Theme is a premium template designed specifically for dry cleaners and laundry services looking to establish a professional online presence. This theme is professionally crafted to offer the best user experience, ensuring that your customers can easily navigate through your website and find the information they need. This theme also offers a Services section, which provides detailed descriptions of all the services your dry cleaning business offers, other sections of the theme includes Pricing Section, allowing customers to view transparent pricing tables for each service, ensuring clarity and trust. The How It Works section guides customers through the process of using your services, presented in an easy-to-understand, step-by-step format. 
Version: 0.0.1
Requires at least: 5.0
Tested up to: 6.0
Requires PHP: 5.6
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: carpet-cleaning-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments

Carpet Cleaning Pro WordPress Theme has been created by Classic Template(Classic Template.net), 2018.
Carpet Cleaning Pro WordPress Theme is released under the terms of GNU GPL

/* Basic Style */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Pridi:wght@200;300;400;500;600;700&display=swap');
.bypostauthor {
  font-weight: 600;
}
.wpcf7-spinner {
  display: none;
}

/*.sticky{
    position: unset;
}*/
/*--------- Site Loader --------------*/

    .preloader{
      display: flex;
      background: #fc7c15;
      height: 100%;
      width: 100%;
      left: 0;
      bottom: 0;
      top: 0;
      position: fixed;
      z-index: 99999;
    }
    .preloader .loading-dot{
        width: 15px;
        height: 15px;
        margin: auto;
        border-radius: 50%;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                    40px 40px 0px 0px #fff,-40px -40px 0px 0px #fff,40px -40px 0px 0px #fff,-40px 40px 0px 0px #fff;
        animation: load 3s infinite linear;
    }
    @keyframes load{
        0% {
            transform: rotate(0deg); 
            box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                        40px 40px 0px 0px #fff,-40px -40px 0px 0px #fff,40px -40px 0px 0px #fff,-40px 40px 0px 0px #fff;
        }
        25%{
            box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                        -40px -40px 0px 0px #fff,40px 40px 0px 0px #fff,-40px 40px 0px 0px #fff,40px -40px 0px 0px #fff;
        }
        50%{
            box-shadow: 0px -40px 0px 0px #fff,0px 40px 0px 0px #fff,-40px 0px 0px 0px #fff,40px 0px 0px 0px #fff,
                        -40px -40px 0px 0px #fff,40px 40px 0px 0px #fff,-40px 40px 0px 0px #fff,40px -40px 0px 0px #fff;
        }
        70%{
            box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                        0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
        }
        75%{
            width:10px;
            height:10px;
            box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                        0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
        }
        80%{
            background-color: #fff;
            width:40px;
            height:40px;
            transform: rotate(360deg); 
            box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                        0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
        }
        85%{
            background-color: #fff; 
            width:40px;
            height:40px;
            transform: rotate(360deg);
            box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                        0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
        }
        90%{
            background-color: #fff; 
            width:10px;
            height:10px;
            transform: rotate(360deg); 
            box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                        0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
        }
        95%{
            box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                        40px 40px 0px 0px #fff,-40px -40px 0px 0px #fff,40px -40px 0px 0px #fff,-40px 40px 0px 0px #fff;
        }
        100%{
            transform: rotate(360deg);
            box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                        40px 40px 0px 0px #fff,-40px -40px 0px 0px #fff,40px -40px 0px 0px #fff,-40px 40px 0px 0px #fff;
        }
    }

    /* ----------- Spinner ------------- */

.spinner-loading-box{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #E59F01;
  cursor: pointer;
  z-index: 9999;
}
.spinner-loading-box .lds-ellipsis {
  display: inline-block;
  width: 80px;
  height: 80px;
  position: absolute;
  left: 50%;
  top:50%;
  transform: translateY(-50%);
}
.spinner-loading-box .lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #fff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.spinner-loading-box .lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.spinner-loading-box .lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.spinner-loading-box .lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.spinner-loading-box .lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}

.single-our_services section#bottomlogo {
  top: 0;
}    
.wpcf7 form .wpcf7-response-output {
  margin: 2em 0.5em 1em;
  padding: 0.2em 1em;
  border: 2px solid #00a0d2;
  color: #000;
}

#order-service .sec_main_heading {
  color: #fff;
}
#order-service p{
  color: #fff;
}
#latest-news .owl-nav {
    display: none;
}


 section{
    padding:70px 0px;
  }

 .sec_small_heading{
    font-family: Poppins;
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.1em;
    text-align: left;
    margin-bottom: 0px;
    color: #001025;
    text-transform: uppercase;
  }
  .sec_main_heading{
    font-family: Poppins;
    font-size: 54px;
    font-weight: 700;
    line-height: 65px;
    color: #001025;
    text-transform: capitalize;
  }
  .section-description{
    font-family: Poppins;
    font-size: 20px;
    font-weight: 400;
    line-height: 40px;
    color: #001025;
  }
  .section-btn{
    font-family: Poppins;
    font-size: 18px;
    font-weight: 700;
    line-height: 34px;
    color: #fff;
    text-align: center;
    background-color: #16285C;
    border-radius: 10px;
    padding:16px 40px;
  }
  .section-btn.btn {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 600;
    line-height: 34px;
    color: #fff;
    text-align: center;
    background-color: #E59F01;
    border-radius: 10px;
    padding: 12px 56px;
    border-color: #E59F01 !important;
  }
  .section-btn:hover{
  border-color:#fff;
  background-color: transparent;
  }
  .btn-primary:active{
    background-color: #E59F01 !important;
    border-color: #E59F01 !important;
  }
  
  .section-btn:hover{
    background-color: #ef851f;
  }
  .btn-check:focus+.btn-primary, .btn-primary:focus{
    box-shadow: none !important;
    border-color: #E59F01 !important;
  }
  .btn-primary:hover {
    color: #fff;
    background-color: #fff !important;
    border-color: #fff !important;
    color:#E59F01 !important;
    box-shadow: 0px 0px 20px 0px #00000026;
} 
  
  .post-main_heading {
    font-size: 1.75rem;
    line-height: 1.2;
    color: #3f3f3f;
    font-weight: 700;
    font-family: 'Open Sans',sans-serif;
  }
  .border-rad{
    border-radius: 20px;
  }
  
  .post-description {
    font-size: 16px;
    line-height: 24px;
    color:#afa6a7;
    font-weight: 500;
  }
  #our_records .main-circle{
    background-color: #001025;
    border-radius: 999px;
    width: 280px;
    height: 280px;
    text-align: center;
    padding-top: 73px;
  }
  .counter-num{
    font-family: Poppins;
    font-size: 54px;
    font-weight: 700;
    line-height: 81px;
    text-align: center;
    color: #fff;
  }
  .counter-title{
    font-family: Poppins;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.1em;
    color: #fff;
    }

/**********about us section ************/
#about .sec_main_heading {
    color: #016CBC;
}
.lefttext {
    margin-top: 26px;
}
.leftaboutbox .lefttext{
  background: linear-gradient(180deg, #016CBC 0%, #001025 100%);
  border: 1px solid #E59F01;
  border-radius: 20px;
  padding: 58px 29px;

}
.leftaboutbox .experiencetext{
  font-family: Poppins;
  font-size: 23px;
  font-weight: 500;
  line-height: 35px;
  text-align: left;
  color: #fff;

}
.imageset .maximgw{
  max-width: 220px;

}
.imageset .imgebottom{
    margin-top: 26px;
}
#about .section-description{
  color: #001025;
}
/*#about .sec_main_heading{
  max-width:100%;
}
#about .section-description{
  color:#0F2239
}
#about{
  position:relative;
}

#about .about-contain{
  position:relative;
}

#about .box-description{
  background-color: #FFFFFF;
  box-shadow: 4px 4px 90px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  border-left: 18px solid #FD9A01;
  border-radius: 15px 0px 0px 15px;
  padding: 20px;
  margin-top: 36px;
  margin-bottom: 52px;

}
  
#about{
  margin-top: 39px;
  padding-top: 148px;
  padding-bottom: 160px; 
}
#about .left-img{
  position: relative;
}
#about .left-img .mainimg{
  position: relative;
  padding: 0px 40px 0px 0px;
}
.rightbox{
  padding-left: 37px;
}
#about .abtim1{
  position: absolute;
  top: 243px;
  right: -104px;
  padding: 0px 40px 0px 0px;
}*/
.postpic:hover .ps_video{
  opacity: 1;
}
/* Inner */
.popup-inner {
  max-width:1000px;
  width:90%;
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  box-shadow:0px 2px 6px rgba(0,0,0,1);
  border-radius:3px;
}
/* Close Button */
.popup-close {
  width:30px;
  height:30px;
  padding-top:4px;
  display:inline-block;
  position:absolute;
  top:0px;
  right:0px;
  transition:ease 0.25s all;
  -webkit-transform:translate(50%, -50%);
  transform:translate(50%, -50%);
  border-radius:1000px;
  background:rgba(0,0,0,0.8);
  font-family:Arial, Sans-Serif;
  font-size:20px;
  text-align:center;
  line-height:100%;
  color:#fff;
}
.popup-close:hover {
  -webkit-transform:translate(50%, -50%) rotate(180deg);
  transform:translate(50%, -50%) rotate(180deg);
  background:rgba(0,0,0,1);
  text-decoration:none;
}

.ps_video {
  position: absolute;
  top: 44%;
  transform: translate(-50%, -50%);
  left: 40%;
  margin: 0 auto;
  text-align: center;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  background-color: #fff;
  z-index: 1;
}
.ps_video i {
  color: #fd9a01;
  font-size: 23px;
  padding-left: 10px;
  position: relative;
  padding-top: 53px;
  text-align: center;
  cursor: pointer;
}
/* Outer */
.popup {
  width:100%;
  height:100%;
  display:none;
  position:fixed;
  top:0px;
  left:0px;
  background: rgba(0, 0, 0, 0.77);
  z-index: 9999;
}
/* Inner */
.popup-inner {
  max-width:1000px;
  width:90%;
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  box-shadow:0px 2px 6px rgba(0,0,0,1);
  border-radius:3px;
}
/* Close Button */
.popup-close {
  width:30px;
  height:30px;
  padding-top:4px;
  display:inline-block;
  position:absolute;
  top:0px;
  right:0px;
  transition:ease 0.25s all;
  -webkit-transform:translate(50%, -50%);
  transform:translate(50%, -50%);
  border-radius:1000px;
  background:rgba(0,0,0,0.8);
  font-family:Arial, Sans-Serif;
  font-size:20px;
  text-align:center;
  line-height:100%;
  color:#fff;
}
.popup-close:hover {
  -webkit-transform:translate(50%, -50%) rotate(180deg);
  transform:translate(50%, -50%) rotate(180deg);
  background:rgba(0,0,0,1);
  text-decoration:none;
}



#why-choose .section-btn.btn,#about .section-btn.btn,#order-service .section-btn.btn{
  background-color: #E59F01;
  border-color: #E59F01 !important;
  text-transform: capitalize;
}

.border-rad{
    animation: floatY 4s ease-in-out infinite;
}

@keyframes floatY{
    0%,100%{
        transform: translateY(0);
    }
    50%{
        transform: translateY(-12px);
    }
}


/***********  our services section ************/
#our-services .sec_small_heading,#our-services .sec_main_heading{
  color: #fff;
}
#our-services .service-box{
  position: relative;
  margin-bottom: 58px;
  overflow: hidden;
}
#our-services .sericon{
  position: absolute;
  margin-top: -53px;
  left: 40px;
}
#our-services .sericon img{
  width: auto;
}
#our-services h3 a{
  font-family: Poppins;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  color: #fff;
  margin-top: 56px;
  margin-bottom: 0px;
}
#our-services .hover-title{
  margin-top: 56px;
}
#our-services .descp{
  font-family: Poppins;
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
  color: #fff;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;

}
#our-services .arrow-paading i{
  padding-top: 11px;
}
#our-services .arrow-paading{
  width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    color: #16285C;
    background-color: #fff;
    display: inline-block;
    margin: auto;
}

.wp-singular #bottomlogo {
  top: 0;
}
.search #bottomlogo {
  top: 0;
}

.search #bottomlogo {
  top: 0;
}


#our-services .service-box img:hover {
    transform: scale(1.1);
    border-radius: 20px;
}


/***********  Pricing plan section ************/
 #pricingplan .sec_small_heading,#pricingplan .sec_main_heading{
    color: #fff;
}
/**************price section **************/
  #pricingplan .cart-box{
  background: #FFFFFF;
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.05);
  border-radius: 20px;
  position: relative;
  }
   #pricingplan .imgtop{
    osition: absolute;
    top: -104px;
    text-align: center;
    left: 0px;
    right: 0px;
   }
    .imgtop img:hover {
    transform: scale(1.1);
  }
  #pricingplan .price-cart{
    /*padding: 30px 20px;*/
  }
   .price-cart .plan_tiltle{
    font-family: Poppins;
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: 0.1em;
    color: #000;
    padding-bottom: 18px;

   }
   #pricingplan .pridiv{
    background: #001025;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.05);
    padding: 30px 0px;
   }
  #pricingplan .pridiv .price{
    font-family: Poppins;
    font-size: 40px;
    font-weight: 700;
    line-height: 50px;
    text-align: center;
    color: #fff;
    margin-bottom: 0px;
   }

   #pricingplan .plandesc{
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    padding: 30px 20px;
  }

   .price-card-btn .btn-plan {
    color: var(--color-primary);
    border-radius: 30px;
    border-color:var(--color-primary);
    border:1px solid var(--color-primary);
    padding: 10px 20px;
  }
   #pricingplan .arrow-paading{
  width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    background-color: #E59F01;
    display: inline-block;
    margin: auto;
}
 #pricingplan .arrow-paading i {
    padding-top: 10.5px;
    text-align: center;
    padding-left: 2px;
}
#pricingplanv .pricehead{
  margin-top: 120px;
}