/*==================================
* Author        : "ThemeSine"
* Template Name : CarVilla  HTML Template
* Version       : 1.0
==================================== */

/*==================================
font-family: 'Poppins', sans-serif;
font-family: 'Rufina', serif;
==================================== */


/*=========== TABLE OF CONTENTS ===========
1.  General css (Reset code)
2.  Top-area
3.  Welcome-hero
4.  Model-search
5.  Service
6.  New-cars
7.  Featured-cars
8.  Client-say
9.  Brand
10. Blog
11. Contact
==========================================*/

/*-------------------------------------
		1.General css (Reset code)
--------------------------------------*/
*{
    padding: 0;
    margin: 0;
}

*{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}
body{
	font-family: 'Poppins', sans-serif;
	font-size:16px;
	color:#818998;
    text-transform:initial;
    max-width:1920px;
    margin:0 auto;
	overflow-x:hidden;
}

a,a:hover,a:active,a:focus {
	display:inline-block;
	text-decoration:none;
	color: red;
	font-size:20px;
	padding:0;
    font-weight: 500;
    text-transform: capitalize;
}


h1,h2,h3,h4,h5,h6 { 
	margin: 0;
	color:#444a57;
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
}
p {
	margin: 0;
	color:#818998;
	font-size:16px;
    line-height: 1.8;
    text-transform: initial;
}
img{border:none;max-width:100%; height:auto;}
/* ul{
	padding: 0;
    margin: 0 auto;
    list-style: none;
}
ul li {
	list-style: none;
    display: inline-block;
	
} */
select,input,textarea,button,.form-control{box-shadow:none;outline:0!important;}
button {background: transparent;border: 0;font-size: 16px;text-transform: capitalize;}

html,body{height: 100%;}

[placeholder]:focus::-webkit-input-placeholder {
  -webkit-transition: opacity 0.3s 0.3s ease; 
  -moz-transition: opacity 0.3s 0.3s ease; 
  -ms-transition: opacity 0.3s 0.3s ease; 
  -o-transition: opacity 0.3s 0.3s ease; 
  transition: opacity 0.3s 0.3s ease; 
  opacity: 0;
}
.owl-carousel {z-index: 0;}
/* section-header */
.section-header{
    position: relative;
    text-align: center;
}
.section-header h2{
    position: relative;
    font-size: 36px;
    font-weight: 500;
    padding-bottom: 35px;
}
.section-header h2:before {
    position: absolute;
    content: "";
    width: 80px;
    height: 2px;
    bottom: 0;
    left: 50%;
    margin-left: -42px;
    background: red;
}
.section-header p{color: #444a57;text-transform: capitalize;margin-bottom:10px;}
.section-header h2 span,.section-header p span{text-transform: lowercase;}

/* section-header */

/*=============Style css=========*/


/*-------------------------------------
        2. Top-area
--------------------------------------*/
nav.navbar.bootsnav {
    background-color: transparent;
    border-bottom: transparent;
}

.navbar-header .navbar-brand img{
    height: 50px;
    width: 50px;
    
}

.header-area1{
    background-color: #000;
}

.wrap-sticky nav.navbar.bootsnav.sticked {background-color: #000;
    box-shadow: 0 2px 5px rgba(0,0,0,.2);
}

/* .navbar-brand
.navbar-header a.navbar-brand,.navbar-header a.navbar-brand:hover,.navbar-header a.navbar-brand:focus{
    display: inline-block;
    color: #fff;
    font-size: 24px;
    letter-spacing: 3px;
    font-family: 'Rufina', serif;
    font-weight: 700;
    padding: 45px 0px;
    text-transform:uppercase;
} */
.navbar-header a.navbar-brand span{display: inline-block;color:red;text-transform:capitalize;}

/* .wrap-sticky nav.navbar.bootsnav.sticked .navbar-header a.navbar-brand,.wrap-sticky nav.navbar.bootsnav.sticked .navbar-header a.navbar-brand:hover,.wrap-sticky nav.navbar.bootsnav.sticked .navbar-header a.navbar-brand:focus {padding:30px 0px;} */
/*.navbar-brand*/

/*.nav li*/
nav.navbar.bootsnav ul.nav > li > a {
    color: #f5f7fa;
    font-size: 16px;
    font-weight: 500;
    text-transform:uppercase;
    -webkit-transition: 0.3s linear; 
    -moz-transition: 0.3s linear; 
    -ms-transition: 0.3s linear; 
    -o-transition: 0.3s linear; 
    transition: 0.3s linear;
}
nav.navbar.bootsnav ul.nav > li > a {padding: 48px 21px;}
nav.navbar.bootsnav ul.nav > li > a:hover,nav.navbar.bootsnav ul.nav > li > a:focus{color:red;}
nav.navbar.bootsnav ul.nav > li.active>a {color: red;}

nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after {
    content: "";
}
nav.navbar.bootsnav ul.nav > li.dropdown span {
    font-size: 8px;
    margin-left: 15px;
}
.wrap-sticky nav.navbar.bootsnav.sticked ul.nav > li > a{padding:30px 25px;}
/*.nav li*/

/*.menu-ui-design*/
.menu-ui-design{overflow-y:scroll;height: 350px;}
.menu-ui-design::-webkit-scrollbar {
    width:5px;
}
.menu-ui-design::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 8px #000;
}
.menu-ui-design::-webkit-scrollbar-thumb {
  background-color: red;
}
/*.menu-ui-design*/

/*.navbar-toggle */
nav.navbar.bootsnav .navbar-toggle {
    position: relative;
    background-color: transparent;
    padding: 10px;
    top: 0;
}
nav.navbar.bootsnav .navbar-toggle i{color: red;}
/*.navbar-toggle */

.book-btn{
    display: inline-block;
    width: 150px;
    height: 50px;
    background-color: red;
    border-radius: 5px;
    margin-top: 20px; 
}

.book-btn a{
    color: #fff;
}

.book-btn:hover{
    background-color: red;
}

/*-------------------------------------
        3.  Welcome-hero
--------------------------------------*/
.welcome-hero {
    position: relative;
    /* background:url(../assets/images/Service/truck-bg.jpg)no-repeat; */
    background:url(../images/Service/truck-bg.jpg)no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 1;
}
.welcome-hero:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    max-width: 100%;
    height: 100%;
}
.header-area{position: absolute;top:0;left:0;width: 100%;z-index: 99;}

/*.welcome-hero-txt*/
.welcome-hero-txt{text-align: left;}
.welcome-hero-txt h2 {
    font-size: 42px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 45px;
}

.welcome-hero-txt h2 span{
    color: orange;
    font-size: 35px;
}

.welcome-hero-txt p {
    font-size: 18px;
    text-transform: initial;
    color: #fff;
    font-weight: 500;
    max-width: 735px;
    margin: 0 auto;
}
.welcome-btn {
    display: inline-block;
    width: 200px;
    height: 60px;
    background: rgba(255, 0, 0, 0.781);
    color: #fff;
    font-size: 20px;
    border-radius: 9px;
    margin-top: 30px;
    -webkit-transition: .3s linear; 
    -moz-transition:.3s linear; 
    -ms-transition:.3s linear; 
    -o-transition:.3s linear;
    transition: .3s linear;
}
.welcome-btn:hover{
    background: red;
}
/*.welcome-hero-txt*/

/*-------------------------------------
        Cars Model 
--------------------------------------*/

.brand{
    padding: 120px 0;
    background-color: #fdf6f6;
}
.brand-area {
    position:relative;
}
.brand-area .item {
    padding: 0 40px 0;
    margin-top: 3rem;
}

.brand-area .item h4{
    margin-top: 1rem;
    margin-left: 1rem;
    font-size: 15px;
}



.brand .brand-area .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    
    border-radius:0;
}

.brand .brand-heading{
    text-align: center;
    margin: 4rem;
    
}

/* group */

.group{
    margin-top: 6rem;
}

.group .group-heading{
    text-align: center;
    margin: 4rem 0;
}

.group .group-heading h1{
    font-weight: 700;
    font-size: 35px;
}

.group .group-contain .group-heading h2{
    font-weight: 700;
    
}

.group .group-img{
    margin-top: 5rem;
}

.group .group-img img{
    border-radius: 15px;
    min-height: 30rem;
    
}

.group .group-contain .group-title h4{
    margin-bottom: 2rem;
}

.group .group-contain .group-title p{
    margin-bottom: 2rem;
    margin-left: 2rem;
}

.showroom .showroom-heading{
    margin: 5rem 0;
    text-align: center;
}

.showroom .showroom-heading h1{
    font-weight: 700;
    color: #000;
    font-size: 30px;
}

.showroom .showroom-image img{
    border-radius: 10px;
    
}

.showroom .showroom-image{
    border: 1px solid red;
    border-radius: 10px;
    margin: 1rem 0;
}

.showroom .showroom-image:hover{
    box-shadow: 0px 10px 10px 10px rgba(128, 128, 128, 0.418);
}

.showroom .showroom-contain p{
    color: #000;
    text-align: center;
    margin: 1rem 0;
}



/*-------------------------------------
        5. Service 
--------------------------------------*/
.service { padding: 100px 0 87px;}

.service .service-content img{
    max-width: 100%;
    height: auto;
}

.service .service-content .image-heading{
    margin-top: 3rem;
}

.service .service-content .image-heading h2{
    color: red;
    font-size: 36px;
    margin-top: 1rem;
    margin-bottom: 2rem;
}

.service .service-content .image-heading a{
    margin-top: 3rem;
    color: #0b011d;
    text-decoration: underline;
}

/*-------------------------------------
        6. Explore car design
--------------------------------------*/

.explore .explore-heading{
    background: url(../images/Service/bg-1.png);
    padding: 5rem 0;
}

.explore .explore-heading h4{
    color: #fff;
    padding-left: 4rem;
    font-weight: 700;
    font-size: 25px;
    margin-bottom: 2rem;
}

.explore .explore-box{
    padding: 2rem;
    margin-bottom: 3rem;
}

.explore .explore-box h4{
    font-size: 15px;
    text-align: center;
    margin-top: 2rem;
}

.explore .explore-box p{
    font-size: 12px;
    text-align: center;
}

@media (max-width:425px){
    .explore .nav .nav-item .nav-link{
        font-size: 12px;
    }
}

.explore .nav .nav-item .nav-link{
    margin-left: 3rem;
    background-color: #ff000029;
    
}

.rate-box{
    margin: 5rem 0;
    box-shadow: 0 0 5px 5px rgba(218, 201, 201, 0.685);
    padding: 3rem;
    min-height: 320px;
    min-width: 250px;
}

.rate-box p{
    color: #000;
    font-size: 18px;
    font-weight: 600;
    text-align: center;

}

.rate-heading h4{
    text-align: center;
    font-size: 25px;
    font-weight: 600;
    margin-top: 5rem;
}

.rate-box h4{
    font-size: 16px;
    text-align: center;
    margin: 2rem 0;
}
/*-------------------------------------
        6. New-cars
--------------------------------------*/
.new-cars{
    /* background: #cfe6e6; */
    padding:70px 0 50px;
    /* border-top: 2px solid #0102fa; */
}
.new-cars-content{padding-top:96px;}
/*.new-cars-txt*/


.new-cars .new-cars-content .new-cars-txt .new-car-feature{
    list-style-type: disc;
}

.new-cars .new-cars-content .new-cars-txt .new-car-feature .car{
    list-style-type: disc;
    margin-left: 3rem;
}
.new-cars .new-cars-content .new-cars-txt h3{
    margin-bottom: 1rem;
    margin-top: 2rem;
    color: red;
}

.single-new-cars-item{
    margin: 0 40px;
}

.new-cars-txt {margin-left: 29px;margin-bottom: 30px;}
.new-cars-txt h2 a {
    font-size:  30px;
    font-weight:  500;
    margin-bottom: 26px;
}
.new-cars-txt h2 a span {text-transform:  uppercase;}
.new-cars-para2 {margin-top: 30px;}
.welcome-btn.new-cars-btn {
    width: 176px;
    margin-top: 32px;
}
/*.new-cars-txt*/


/*.owl-dots */
.new-cars .owl-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    margin: 0px 4px;
    background: transparent;
    border: 1px solid #6a7781;
    border-radius: 50%;
}
.new-cars .owl-theme .owl-dots .owl-dot.active span,.new-cars .owl-theme .owl-dots .owl-dot:hover span {background: #6a7781;}
.new-cars .owl-theme .owl-nav.disabled+.owl-dots {margin-top: 62px;}
/*.owl-dots */



/*-------------------------------------
        12. Contact
--------------------------------------*/
.contact {
    background: #000;
}
.footer-top {padding: 80px 0 52px;}

/*.footer-logo*/
.footer-logo a,.footer-logo a:hover,.footer-logo a:focus{
    display: inline-block;
    color: #fff;
    font-size: 24px;
    letter-spacing: 3px;
    font-family: 'Rufina', serif;
    font-weight: 700;
    text-transform:uppercase;
}
.single-footer-widget p {
    font-size: 14px;
    color: #eeeff6;
    max-width: 300px;
    margin:40px 0 20px;
}

.footer-copyright p a:hover{
    color: red;
}

.footer-contact p {
    margin: 0;
    color: #d1d7e9;
}
/*.footer-logo*/

.single-footer-widget {margin-bottom: 40px;}
.single-footer-widget h2 {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 43px;
}
.single-footer-widget ul li {
    display:  inherit;
    -webkit-transition: .5s; 
    -moz-transition:.5s; 
    -ms-transition:.5s; 
    -o-transition:.5s;
    transition: .5s;
}
.single-footer-widget ul li:hover{
    -webkit-transform:translateX(10px);
    -moz-transform:translateX(10px);
    -ms-transform:translateX(10px);
    -o-transform:translateX(10px);
    transform:translateX(10px);
}
.single-footer-widget ul li a {
    font-size:  14px;
    color:  #cfd0e3;
    font-weight:  300;
    padding-bottom: 13px;
}
.single-footer-widget ul li a span {text-transform: lowercase;}
.footer-newsletter p{
    color: #aeafc2;
    font-size: 14px;
    font-weight: 300;
    margin: 0 0 15px;
}
/*hm-foot-email*/
.hm-foot-email{position: relative;}
.foot-email-box .form-control {
    background: rgba(219, 130, 130, 0.699);
    display: block;
    padding: 15px 20px;
    outline:0!important;
    box-shadow:0 5px 15px rgba(0,0,0,.2);
    border:0;
}
.foot-email-box input[type="text"]{
    font-size: 12px;
    color: #666c81;
    font-weight: 300;
}
.foot-email-subscribe {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 100%;
    background: transparent;
    color: #666c81;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.foot-email-box .form-control:hover{
    box-shadow:0 5px 15px rgba(0,0,0,.4);
}
/*hm-foot-email*/
/*.footer-copyright */
.footer-copyright {
    padding: 20px 0 17px;
    border-top: 1px solid #434859;
}
.footer-copyright p,.footer-copyright p a {
    color: #a8a9bf;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
}
.footer-social{text-align: right;}
.footer-social a i {
    color: #fff;
    opacity: .40;
    font-size: 14px;
    margin-left: 16px;
    -webkit-transition: .3s; 
    -moz-transition:.3s; 
    -ms-transition:.3s; 
    -o-transition:.3s;
    transition: .3s;
}
.footer-social i:hover{opacity: .70;}
/*.footer-copyright */

/*===============================
    Scroll Top
===============================*/
#scroll-Top  .return-to-top {
    position: fixed;
    right: 30px;
    bottom: 30px;
    display: none;
    width: 40px;
    line-height: 40px;
    height: 40px;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    color: #fff;
    background:red;
	border:1px solid red;
	border-radius:50%;
	-webkit-transition: .5s; 
	-moz-transition:.5s; 
	-ms-transition:.5s; 
	-o-transition:.5s;
    transition: .5s;
	z-index: 2;
}
#scroll-Top  .return-to-top:hover {
    background:#fff;
    color: red;
	border:1px solid red;
}

#scroll-Top  .return-to-top i{
    position:relative;
    bottom:0;

}

#scroll-Top  .return-to-top i{
    position: relative;
    animation-name: example;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-duration:1s;
}
@keyframes example {
    0%   {bottom:0px;}
    100%  {bottom:7px;}

}


/* ------------------------------------
            About Page
 -----------------------------------------*/

 .about{
    margin: 5rem 0;
 }

 .about-text1 p{
    color: #000;
    padding: 0 15px;
    margin-bottom: 2rem;
 }

 .about .about-image img{
    border-radius: 5px;
 }

 .about h2{
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 3rem;
    text-align: center;
    margin-top: 2rem;
 }

 .founding{
    margin: 5rem 0;
    text-align: center;
 }


.about-text p{
    color: #000;
    margin-top: 1rem;
    font-size: 12px;
 }

 .founding h1{
    color: #000;
    font-weight: 700;
    font-size: 30px;
    margin: 1rem 0;

 }

 .founding p{
    color: #000;
    font-size: 20px;
 }

 .email_a{
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    text-transform: none;
 }

 .office .icon-contain .contact_a{
    color: red;
 }
 .email_c{
    font-size: 16px;
    font-weight: 400;
    color: #000;
    text-transform: none;
 }

 .email_c:hover,.email_c:active,.email_c:focus{
    font-size: 16px;
    font-weight: 400;
    color: black;
    text-transform: none;
 }

.footer-contact .footer_a{
    color: red;
 }

 .email_a:hover,.email_a:active,.email_a:focus{
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    text-transform: none;
 }

 .about .about-text p{
    padding: 0 15px;
 }

 .part2 .quality{
	margin-top: 3rem;
}

.part2 .quality .inner-quality{
  display: table;
  content: " ";
}

.part2 .quality .inner-quality .icon{
  width: 65px;
  margin-right: 15px;
  float: left;
  text-align: center;
}

.part2 .quality .inner-quality .icon .calendar{
  font-size: 40px;
  color: #df8821;
}

.part2 .quality .inner-quality .icon .dollar{
  font-size: 40px;
  color: #22b7d2;
}

.part2 .quality .inner-quality .icon .desktop{
  font-size: 40px;
  color: #dd276c;
}

.part2 .quality .inner-quality .icon .thumb{
  font-size: 40px;
  color: #2e84cc;
}

.part2 .quality .inner-quality .icon .award{
  font-size: 40px;
  color: #12b1c4;
}

.part2 .quality .inner-quality .icon .shield{
  font-size: 40px;
  color: #cc6119;
}

.part2 .quality .inner-quality .quality-heading{
  overflow: hidden;
}

.part2 .quality .inner-quality .quality-heading .h4{
  margin-bottom: 17px;
  color: #232628;
  font-weight: 700;
  font-size: 16px;
}

.part2 .quality .inner-quality .quality-heading p{
  padding-right: 16px;
    color: #888;
    font-size: 13px;
    line-height: 19px;
    margin: 0 0 14px;
}

.part7{
    margin: 5rem 0;

}
 
.part7 .repair .motor{
    background-color: rgba(252, 235, 0, 0.808);
    margin-left: -15px;
    margin-right: -15px;
    padding: 5rem 2rem;
    
  }
  
  .part7 .repair .motor .motor-heading h2 span{
    color: #fff;
    font-size: 34px;
  }
  
  .part7 .repair .motor .motor-heading h2{
    line-height: 36px;
    font-weight: 600;
    font-size: 25px;
    color: red;
    text-transform: none;
  }
  
  .part7 .repair .motor .brand-logo img{
   width: 60px;
   height: 60px;
    float: right;
    margin: 5px 5px 20px 20px;
  }
  
  .part7 .repair .motor .repair-para{
    margin-bottom: 14px;
  }
  
  .part7 .repair .motor .repair-para p{
    color: #191d21;
      line-height: 24px;
      margin-bottom: 23px;
      display: block;
  }
  
  .part7 .repair .motor .list-style{
    padding-left: 0;
      counter-reset: section;
      list-style: none;
  }
  
  .part7 .repair .motor .list-style li{
    position: relative;
      margin-bottom: 23px;
      padding-left: 56px;
      font-size: 13px;
      line-height: 18px;
  }
  
  .part7 .repair .motor .list-style li:before{
    position: absolute;
      left: -1px;
      top: 1px;
      width: 38px;
      height: 38px;
      text-align: center;
      line-height: 34px;
      border: 2px solid #fff;
      border-radius: 50%;
      font-weight: 900;
      font-size: 16px;
      color: #191d21;
      counter-increment: section;
      content: counter(section);
  }
  
  .part7 .repair .automotive{
    margin-left: -15px;
    margin-right: -5px;
    background-image: url(../images/Service/repair1.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    padding: 11rem 1rem;
  }
  
  .part7 .repair .automotive .automotive-heading{
    padding: 4rem 1rem;
  }
  
  .part7 .repair .automotive .automotive-heading h2{
    color: #fff;
    margin-bottom: 80px !important;
    line-height: 36px;
    font-weight: 700;
    font-size: 30px;
  }
  
  @media (max-width: 991px){
    .part7 .repair .automotive .automotive-heading h2{
      text-align: center !important;
    }
  }
  
  .part7 .repair .automotive .happy .happy-inner{
      float: left;
      width: 120px;
      height: 120px;
      margin-right: 13px;
      border: 3px solid #22b7d2;
      border-radius: 50%;
      line-height: 114px;
      text-align: center;
      font-size: 40px;
      font-weight: 900;
      color: #fff;
  }
  
  
  .part7 .repair .automotive .happy .happy-label h4{
    margin-top: 35px;
      color: #fff;
      font-size: 16px;
      line-height: 22px;
      font-weight: 700;
      font-style: normal;
      text-align: center;
  }
  
  @media (max-width: 991px) and (min-width: 768px){
    .part7 .repair .automotive .happy .happy-inner{
      width: 140px !important;
      height: 140px !important;
      line-height: 134px !important;
    }
  }
  
  @media (max-width: 1740px){
    .part7 .repair .automotive .happy .happy-inner{
      float: none !important;
      margin: 0 auto !important;
    }
  }

  .achievement{
    margin: 4rem 0;
  }


  .achievement .achievement-heading{
    text-align: center;
    margin: 3rem 0;
  }

  .achievement .achievement-heading h1{
    font-weight: 600;
    text-decoration: underline;
    text-transform: uppercase;
    color: red;
  }

  .achievement .achievement-contain{
    margin: 3rem;
  }

  .achievement .achievement-contain ul{
    color: #000;
  }

  .achievement .achievement-contain li{
    margin-bottom: 2rem;
    font-size: 15px;
  }


  /*--------------------------
             service page 
----------------------------------*/

.part1{
    margin: 5rem 0;
}

/* .part1 .service-contain h2{
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 3rem;
} */

.part1 .color1{
    background-color: skyblue;
}

.part1 .color2{
    background-color: rgb(208, 230, 238);
}

.part1 .about-service{
    min-height: 300px;
    min-width: 300px;
    margin-left: -15px;
    margin-right: -15px;
}

.part1 .part1-heading h1{
    font-weight: 700;
    color: #fff;
    font-size: 25px;
    text-align: center;
    margin: 4rem 0;
}

.part1 .part1-heading{
    background: url(../images/Service/bg-1.png);
    margin: 4rem 0;
    padding: 4rem 0;
}


.part1 .about-service .service-image{
    text-align: center;
}

.part1 .about-service .service-image .service-title p{
    font-size: 12px;
    color: #000;
    margin-top: 1rem;
    padding: 1rem;
}

.part1 .about-service .service-image .service-logo{
    margin-top: 2rem;
}

.part1 .about-service .image2 .service-logo{
    margin-top: 5rem;
}

.part3 .service{
	padding-top: 52px !important;
    padding-bottom: 52px !important;
    background-image: url(../images/Service/bg-1.png) !important;
    background-position: 0 0 !important;
    background-repeat: repeat !important;
	margin-top: 4rem;
}

.part3 .service .nav-item .nav-link{
    color: #ec7424;
    border-top: 2px solid #ec7424;
    margin-right: 3rem;
}

.part3 .service h2{
	color: #fff;
	font-weight: 800;
    font-size: 30px;
    margin-bottom: 2rem;
}

.wrapper .bg1{
	background: url(../images/Service/service1.jpg);
	margin-bottom: 3rem;
}

.wrapper .Maintenance1{
	background-size: cover;
    background-position: 100% 0;
    padding: 50px 35px 29px;
    box-shadow: inset 0 0 92px rgba(0,0,0,.1);
}

.wrapper .title{
	/* min-height: 72px; */
    margin-bottom: 18px;
    padding-right: 45px;
    font-size: 24px;
    line-height: 24px;
    font-weight: 900;
    text-transform: uppercase;
    color: #000;
}

.wrapper .service-price{
	background-color: #a677e0;
	display: inline-block;
    min-width: 108px;
    margin-bottom: 31px;
    padding: 12px 5px 11px 14px;
    font-weight: 900;
    color: #fff;
}

.wrapper .price-level{
	margin-bottom: 1px;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 12px;
}

.wrapper .price-value{
	text-indent: -2px;
    font-size: 24px;
}

.wrapper .content ul{
	list-style: none;
    padding: 0;
}

.wrapper .content ul li:before{
	position: absolute;
    content: "";
    display: block;
    top: 10px;
    left: 0;
    width: 3px;
    height: 3px;
    background-color: #555;
    border-radius: 50%;
}

.wrapper .content ul li{
	position: relative;
    padding-left: 7px;
    margin-bottom: 2px;
    font-size: 13px;
}

.wrapper .bg2{
	background: url(../images/Service/service2.jpg);
	margin-bottom: 3rem;
}

.wrapper .title-color{
	color: #fff;
}

.wrapper .service-color{
	background-color: #d91f20;
}

.wrapper .content-color ul li{
	color: #fff;
}

.wrapper .content-color ul li:before{
	background-color: #fff;
}

.wrapper .bg3{
	background: url(../images/Service/service3.jpg);
	margin-bottom: 3rem;
}

.wrapper .service-color1{
	background-color: #ec7424;
}

.wrapper .bg4{
	background: url(../images/Service/service4.jpg);
	margin-bottom: 3rem;
}

.wrapper .service-color2{
	background-color: #4c88c1;
}

.wrapper .bg5{
	background: url(../images/Service/service5.jpg);
	margin-bottom: 3rem;
}

.wrapper .service-color3{
	background-color: #ecbf24;
}

.wrapper .bg6{
	background: url(../images/Service/service6.jpg);
	margin-bottom: 3rem;
}

.wrapper .service-color4{
	background-color: #7ac42a;
}

.tab-content{
    margin: 4rem 0;
}

.rate-heading h4{
    color: red;
}


/* contact page */

.query{
    margin: 5rem 0;
}

.query .query-heading .query-title{
    margin-bottom: 3rem;
    font-size: 34px;
    font-weight: 600;
    text-align: center;
}

.query .query-contain h5{
    margin-bottom: 2rem;
    font-weight: 600;
}

.query .query-contain p{
    color: #000;
}

.query .query-contain .office{
    margin-top: 2rem;
}

.query .query-contain .office .icon1{
    width: 50px;
    height: 50px;
    background-color: red;
    border-radius: 5px;
    background-size: contain;
    transition: .5s;
    transform: rotate(45deg);
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
}

.query .query-contain .office .icon1 i{
    transform: rotate(-45deg);
    color: #fff;
    font-size: 2rem;
}

.query .query-contain .office .icon-contain{
    overflow: hidden;
    padding-left: 2rem;
}

iframe{
   
    border-radius: 10px;
   
}

.form-floating{
    margin-bottom: 2rem;
}

.query .query-contain .query-address{
    margin-top: 5rem;
}

.contact-img img{
    border-radius: 15px;

}



/* modal popup */

.modal {
    display: none; 
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    color: black;
    /* width: 100%;
    height: 100%; */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }
  
  /* Modal Content/Box */
  .modal-content {
    /* background-color: rgba(255, 0, 0, 0.658); */
    margin: 6% auto; 
    padding: 20px;
    border: 1px solid red;
    width: 50%; /* Could be more or less, depending on screen size */
  }

  .modal-content label{
    color: #fff;
  }

  .modal-content input{
    background-color: #ffffff2a;
    color: #fff;
  }
  

  .modal-content select{
    background-color: #ffffff2a;
    margin-top: 2rem;
  }
  
  .modal-content h1{
    text-align: center;
    font-weight: 700;
    font-size: 25px;
    color: #f70a0a;
  }
  /* The Close Button */
  .close {
    color: #fff;
    float: right;
    font-size: 28px;
    font-weight: bold;
  }
  
  .close:hover,
  .close:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
  }
  
  .modal_open_button {
    /* border: 1px solid black;
    background-color: white;
    height: 50px; */
    color: #fff;
    display: inline-block;
    width: 150px;
    height: 50px;
    background-color: red;
    border-radius: 5px;
    margin-top: 20px; 
  }
  
  .modal_open_button:hover {
    background-color: rgba(255, 0, 0, 0.671);
  }


/* Product page */

.product{
    padding: 5rem 0;
    background-color: rgba(255, 0, 0, 0.062);
}

.product .product-mainheading{
    margin-bottom: 3rem;
    text-align: center;
}

.product .product-mainheading h2{
    font-weight: 700;
    font-size: 25px;
    color: #000;
}

.product .product-mainheading p{
    color: #000;
}

.product .product-image{
    min-height: 250px;
    
}

.product .product-image .product-heading h2{
    margin: 10px 0;
    text-align: center;
    font-weight: 700;
    color: #000;
}

.product .product-image img{
    border-radius: 10px;
}

.product .product-image img:hover{
    
}
.whatsapp-float img{
    width: 50px;
    position: fixed;
    bottom: 40px;
    left: 20px;
    border-radius: 10px;
    z-index: 1;
}
/* [5:54 PM, 1/5/2024] Bhaba Smita Sahoo: whatsapp integration */
 



/*========================Thank you=================