@import url('fonts/ubantu.css');

/*@import url('https://fonts.googleapis.com/css2?family=Imprima&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap'); */

body{
  font-family: "Ubuntu", sans-serif;
}

.home-hero-banner
{
    background-image: url(../img/web/home-hero-banner.jpg);   /*../img/web/home-hero-banner.jpeg*/
   /* background-position: center center;*/
    background-size: 100% 100%;   
    background-repeat:no-repeat;
}

/*------------------ offer ------------------*/

/*
.header-area.style-1
{
   top:63px;
}*/


/*-----------end offer----------------------*/


.header-area.style-1
{ 
    /* top:0px; enable when offers end*/ 
    padding:5px 20px 5px 40px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    background-color:rgba(36, 44, 53, .5); 
    width:95%;
    position: fixed; 
}

.home-hero-banner-pos
{
    top:-80px !important;
}

.header-area.style-1 .header-logo img
{
    width:250px !important;
}


.ubuntu-light {
    font-family: "Ubuntu", sans-serif;
    font-weight: 300;
    font-style: normal;
  }
  
  .ubuntu-regular {
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .ubuntu-medium {
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    font-style: normal;
  }
  
  .ubuntu-bold {
    font-family: "Ubuntu", sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  
  
  .ubuntu-light-italic {
    font-family: "Ubuntu", sans-serif;
    font-weight: 300;
    font-style: italic;
  }
  
  .ubuntu-regular-italic {
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    font-style: italic;
  }
  
  .ubuntu-medium-italic {
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    font-style: italic;
  }
  
  .ubuntu-bold-italic {
    font-family: "Ubuntu", sans-serif;
    font-weight: 700;
    font-style: italic;
  }

  
.text-left
{
    text-align: left !important;
}

.text-white
{
    color:#fff !important;
}


.font-family-ubuntu
{
    font-family: "Ubuntu", sans-serif;
}

.home-hero-banner-title h2
{
    font-size:76px !important;
    line-height:80px !important;
    display: block !important;
    font-weight:600;
}

.home-hero-banner-title
{
  padding-left: 20px;
}

.color-brand-yellow
{
    color: #5f9e72 !important;
}

.home-hero-content-pos-top
{
    margin-top: 130px;
}

.home-hero-content-p
{
    font-size: 25px;
}

.imprima-regular {
    font-family: "Imprima", sans-serif !important;
    font-weight: 400;
    font-style: normal;
  }

  
  .btn-color{
    color: #151515;
  }

  .contact-form-home-hero
  {
    
      background-color: rgb(217, 217, 217, 0.10);          
      padding: 25px;
      border-radius: 20px;

  }

.mb-inputs
{
  margin-bottom: 5px;
}

.btn-w-100
{
   width:100%;
}



.home-hero-pointer-containers
{    
    background: rgb(217, 217, 217, 0.10);
    padding: 20px 40px 20px 40px;
    border-bottom-left-radius: 80px;
    border-top-left-radius: 80px;

}

.home-hero-pointer-pos
{
  position: relative;
  left: 30px;
  bottom: 10px;
}

.hero-banner-pointers h3
{
  
  font-size: 39px;
  font-weight: 600;
  margin-bottom: 0px;
}

.font-gray
{
  color:#ACACAC;
  font-size:19px;
  font-weight: 400;
}

.hero-pointer-rating1
{
  
  font-size: 16px;
  font-weight: 600;
}

.hero-pointer-rating2
{
  
  font-size: 13px; 
}

.pdt-50
{
  padding-top:50px !important;
}

.mb-50
{
  margin-bottom:50px;
}

.text-center
{
  text-align: center;
}

.pdt-15
{
  padding-top: 15px;
}

.mb-15
{
  margin-bottom: 15px;
}

.section-heading-title
{
  font-size:50px;
  font-weight: 600;
}

.text-gray-p
{
  color:#959595;
}

.client-logo-wrapper { 
  height: 100px;
}


.fs-13
{
  font-size: 13px;
}

.why-choose-wrapper
{
  
  border-left: 4px solid #5f9e72;
  padding: 15px;
  border-radius: 15px; 
  background-color: #F8F8F8;
  height:270px !important;
}

.font-family-imprima
{
  font-family: "Imprima", sans-serif !important;  
}

.bg-home-why-choose-us-bg
{
  background-position: top;
  background-repeat: no-repeat;

}

.why-title-mt-40
{
  margin-top:40px
}

.why-choose-wrapper h4
{ 
  font-weight: 600;
}

.why-p-wrapper
{
  width: 800px;
  margin: 0 auto;
}

.container-lg
{
   max-width: 1236px !important;
}


.why-choose-wrapper img {
  margin-top: 15px;
}


.home-vr-section
{
  
  background-image: url(../img/web/vr11_new.gif);
  background-color: #0A0A0A;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;

}


.vr-contect-left .home-vr-heading
{
  font-size:50px;
  font-weight: 600;
  line-height: 50px;
}

.fs-16
{
  font-size: 16px;
}

.text-right
{
  text-align: right;
}


.vr-pos
{
  position: relative;
}

.vr-animation-group-pos
{
  position: absolute;
  top: 0px;
  right: 0px;

}

.vr-lady
{
  position: absolute;
  top: 102px;
  right: -80px;
  
}

.home-vr-object-img
{
  width:490px;
}

.vr-beam-light
{
  position: absolute;
  top: 50px;
  right: 195px;
  z-index: 10000;
}

.vr-home-object {
  position: absolute;
  top: 40px;
  right: 335px;
  z-index: 10000;
}

.home-vr-ptext-wrapper
{
  width: 440px;
}

.bg-timeline
{
  background-color: #FFFBF0;
}

.work-section-timeline-bg
{
  background-color: #FFFBF0;
  background-position: 25px 40px;
  background-repeat: no-repeat;

}

.timeline-point-last::after{
  height: 0% !important;
}


.btn-home-services
{
  padding: 10px !important;
}


.blog-card1
{
  background: #F8F8F8;
  padding: 15px; 
  border-radius: 5px;

}

.blog-card1 .default-h4-fsize
{
  font-size: 20px !important;
}


.home-app-section
{
  background-image: url(../img/web/dotbg.png);
  background-size: cover;
  background-position: center center; 
}

.mb-50{
  margin-bottom: 50px;
}

.mt-10
{
  margin-top:10px;
}

.app-mockup-wrapper
{
  display: inline-block;
}

.app-tilt
{
  object-fit: cover;
    object-position: 39px 7px;
    position: relative;
    top: 50px;
}

.pb-40
{
  padding-bottom: 40px;
}

.banking-section-heading
{
  font-size:50px;
  font-weight: 700;
}

.home-banking-section
{
  
  background-color: #FFFBF0;
  padding-top: 40px;
  padding-bottom: 40px;

}

.remove-image-bg
{
  mix-blend-mode:multiply !important;
}

.home-section-recent-project
{
  background-color: #FFFBF0;
  background-repeat: no-repeat;
  padding-top: 50px;
  padding-bottom: 50px;
  background-position: 10px 50px;
}

 

.in-news-watermark
{
  margin-bottom: -25px;
}

.home-news-logo
{ 
  min-width: 172px !important;
  width: 172px !important;
}

  
.faqs-home-section
{
  background-color: #FFFBF0;
  padding-top: 50px;
  padding-bottom: 50px;
  margin-top: 70px;
}

.faqs-home-section h1{
  font-size: 50px;
  font-weight: 600;
  margin-bottom: 40px;
}

.faqs-wrapper p
{
  font-size: 13px;
  color: #565656;
  margin-bottom: 10px;
}

.faqs-wrapper h4
{
  font-size: 20px;
  margin-bottom:5px;

}

.accordion-button:not(.collapsed)
{
  color: unset !important;
  background-color: transparent !important;
  box-shadow: unset !important;
  border: unset !important;
}

.accordion-item
{
  
  border: 1px solid #5f9e72 !important;
  border-radius: 10px !important;
  margin-bottom: 10px !important;
}

.accordion-button
{
  background-color: transparent !important;
}


.accordion-body
{
  background-color: #FFFBF0;
  border-radius: 10px; 
  padding-top: 0px; 
}



.accordion-button:focus
{
  border-color:unset !important;
  box-shadow:unset !important;
}


button.accordion-button.collapsed {
  
  background: #FFFBF0 !important;
  border-radius: 10px !important;
  font-size: 20px;
  font-weight: bold;
  border-radius: 10px;
}

.accordion-button:not(.collapsed)
{
  background: #FFFBF0 !important;
  border-radius: 10px;
}

button.accordion-button {
  border-radius: 10px !important;
  font-size: 20px;
  font-weight: bold;

}



.home-cta-construct-estimate
{
  padding-top: 70px;
  padding-bottom: 40px;
}

.home-cta-construct-estimate p{
  color:#565656;
  font-size: 16px;
  margin-bottom: 40px;
}

.btn-home-cta
{ 
  background-color: #151515 !important;
  color:#5f9e72;
  border:1px solid #151515;
  border-radius: 15px;
  padding: 15px;

}

.btn-home-cta:hover{
  color:#fff;
}


.home-cta-wrapper {
  background-color: #5f9e72;
  background-image: url(../img/web/cta-home.png);
  border-radius: 10px;
  padding: 40px;
  background-repeat: no-repeat;
  background-position: 420px;
  background-size: contain;
}


.home-cta-wrapper h2
{
  font-size: 39px !important;
}

.w-300
{
  width:300px;
}

.testimonial-section
{
  margin-bottom: 0px;
}

.font-weight-600
{
  font-weight: 600;
}



.footer-contact-heading p
{ 
    font-size: 16px;
}

.cta-phone
{
  
  background: #FFF9E9;
  padding: 10px;
  border-radius: 50px;
  margin-right: 10px;
}


.cta-email
{
  
  background: #FFF9E9;
  padding: 10px;
  border-radius: 50px;
  margin-right: 10px;
}


.call-to-action
{
  margin-top: 30px;
}

.call-to-action a{
   color:#959595;
}

.separator-email-phone
{
  margin-left: 30px;
  margin-right: 30px;
}



.icon-landmark
{
  
  background: #FFF9E9;
  padding: 10px;
  border-radius: 50px;
  margin-right: 5px;
}


.box-shadow-footer-contact
{  

    box-shadow: rgba(144, 131, 191, 0.2) 0px -9px 95px;
    padding: 50px 30px 50px 30px;
    border-radius: 20px;
    background: #fff;
    position: relative;
    display: block;
    z-index: 15;
    top: 67px;
}


 
.contact-branch-wrapper h4
{
    color:#959595;
    font-weight: bold;
    margin-bottom: 5px;
}


 
.contact-branch-wrapper .h4
{
    color:#959595;
    font-weight: bold;
    margin-bottom: 5px;
}


.contact-branch-wrapper p
{
    color:#959595; 
    font-size: 13px;
    padding-left: 40px;
}

.header-fixed-scroll
{
  top:0px !important;
  width: 100% !important;
  background-color:#0A0A0A !important;
  border-top-right-radius:0px !important;
  border-bottom-right-radius:0px !important;
  padding:5px 60px 5px 65px !important;
}

.contact-branch-separator
{
    background-color: #0A0A0A;
    height:80px;
}

.footer-top
{
  padding-top: 30px;
}

.footer-logo
{
  width:250px; 
}

.footer-widget-p1
{ 
    color:#959595;    
    margin-top: 15px; 
}

.footer-widget-p2
{
    font-size: 16px;
    color:#5f9e72;    
    margin-top: 20px;
    
    font-weight: bold;
    margin-bottom: 20px;
}


.footer-phone-icon
{
  
  background-color: rgba(254, 194, 13, .10);
    padding: 10px;
    border-radius: 50px;
    margin-right: 5px;
}

.footer-contact-icons a{
  color:#959595;
  font-weight: bold;
}

.footer-contact-icons
{
  display: flex;
}

.footer-contact-icons img
{
  width:15px;
}

.mr-footer-phone
{
  margin-right:30px;
}


.solial-account img 
{
  width: 18px;
  height: 18px;
}

.mt-30
{
  margin-top: 30px;
}

.single-contact a
{
    color:#5f9e72;
    font-weight: 500;
    font-size: 12px;
}

.solial-account a:hover{
  border-bottom: 2px solid #5f9e72 ;
}

.mb-50
{
  margin-bottom: 50px;
}

.footer-copyright-text
{
  margin: 0 auto;
}

.footer-bottom-pseo p
{
  margin-bottom: 30px;
}

.mb-5{
  margin-bottom: 5px !important;
}

.home-press-marquee img 
{
  width:200px;
  height: 200px;
}



.app-mockup-wrapper-mobile
{
  display: none;
}


.contact-branch-wrapper-border
{
  border-right: 1px solid #959595 !important;
}

.sidebar-area .sidebar-menu-top-area
{
  padding: 7px 2%;
  background: #010101;
}

.sidebar-area .sidebar-menu-top-area .sidebar-menu-logo img
{
  width:160px !important;
}


.modal-dialog input
{
  margin-bottom: 10px !important;
}


marquee.home-press-marquee a
{
  margin-right:50px;
}

.ytd-frames iframe
{
  border-radius: 20px;
}



.testimonial-watermark-pic
{
  margin-bottom: -35px;
}

.contact-branch-wrapper-border h4{
   
  font-weight: 600  !important;
  margin-bottom: 5px;
}

.contact-branch-wrapper-border .h4{
   
  font-weight: 600  !important;
  margin-bottom: 5px;
}


.footer-get-direction
{
    color:#5f9e72;
    font-size: 13px;
    font-weight: 600;
    margin-top: 20px;
}


.footer-get-direction:hover
{
    color:#0A0A0A; 
}
 

.nice-select.open .list
{
  height: 250px;
  overflow-y: scroll;
}

select option
{
  color:#0A0A0A !important;
}

select
{
  background: transparent;
    color: #fff;
    width: 100%;
    height: 46px;
    border-radius: 10px;
    padding: 0 0 0 15px;
    font-size: 14px;


}

 

.header-btn-popup {
  color: #151515 !important;
  font-family: "Ubuntu", sans-serif  !important;
  font-weight: 700  !important;
  font-size: 17px  !important;
  background: #FEC20E  !important;
  line-height: 1;
  display: inline-flex;
  align-items: baseline;
  padding: 15px 20px;
  gap: 8px;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  z-index: 1;
  transition: all .6s;
  border-radius: 50px;
}




.mb-0
{
  margin-bottom: 0px !important;
}



.hero-form-condition
{
  margin-top: 10px;
  line-height: 15px;
  padding: 3px;
  font-size: 11px;
}

.home-pdl-5
{
  padding-left:8px !important;
}



.iti__selected-dial-code {
  color: #fff !important;
}

.iti--separate-dial-code input[type=tel] {
  padding-right:200px !important;
}


.iti__selected-flag {
    padding: 0 6px 0 23px !important;
}


.text-black-gray
{
  color:#797d7f !important;
}


.home-service-p-wrapper
{
  height:175px !important;
  margin-bottom:2px;
}


 

.home-news-heading-wrapper
{
  height:120px !important;
}


.home-news-pwrapper
{
  height:93px !important;
  margin-bottom: 10px;
}




 

.blog-img
{
  height:80px; 
}

.home-services-img
{
  height: auto !important;
}


.refer-form-wrapper
{
  background-color: rgb(217, 217, 217, 0.10);  
  padding: 25px;
  border-radius: 20px;

}

.refer_policy_checkbox
{
  font-size:13px;
}

.btn-mtb-10
{
  margin-top: 10px;
  margin-bottom: 10px;
}


.btn-hover-form:hover{
  background-color: #0A0A0A !important;
  color:#5f9e72 !important;
}

.btn-hover:hover {
	background-color: #0A0A0A !important;
  color:#5f9e72 !important;
}

.btn-outline-form
{
  background-color: transparent !important;
  border: 2px solid #5f9e72;
  color:#5f9e72;  
}



.refer-and-earn-header-info{
  
  width: 460px; 
  margin-left: -20px;
  padding-top: 80px;
}

.refer-and-earn-header-info h2{
  font-size:50px;
}


.section-mtb-gap
{
  margin-top: 60px;
  margin-bottom: 60px;
}



.how-it-work-pheight
  {
    height:auto;
    min-height: auto;
    margin-bottom: 10px;
  }

 

.mobile-home-hero-banner
{
  display: none !important;
}


.section-heading-title-why-refer-us
{
  font-size:49px;
  margin-top: -25px;
  font-weight: 600;
}

.why-refer-watermark
{
  width:430px;
}


.refer-bullets
{
  
  background: #F8F8F8;
  border-left: 3px solid #5f9e72;
  border-radius: 15px; 
  padding: 10px 0;
  margin-bottom: 25px;

}

.refer-bullets p{  
  font-size: 16px;
  color: #151515;
  padding-top: 0px;

}


.how-it-works-left-wrapper h2{
  font-size: 49px;
}

.how-it-works-left-wrapper p{
  color:#F8F8F8;
  font-size:16px
}


.refer-btn
{
  padding: 12px 12px;
}

.outline-btn-hover:hover
{
  border:1px solid #5f9e72;
  color:#5f9e72;
  background-color: transparent;
}

.how-it-works-section
{
  background-image: url(../img/web/dotbg.png);
  background-position: center center;
  background-size: cover;
  padding: 60px 0px;
}

.how-it-work-steps .refer-pointers
{
  color:rgba(254, 194, 13, 0.5);
  font-size:61px;
  margin-bottom: -25px;
}

.how-it-work-steps h4
{ 
  font-size: 25px; 
}

.how-it-work-steps p{
  color:#F8F8F8 !important;
  font-size: 16px !important;
}


.how-it-work-steps {
  margin-top: 25px;
}

.how-it-works-left-wrapper
{
  padding-top: 60px;
}

.section-mtb-gap
{
  margin-top: 100px;
  margin-bottom: 100px;
}

.refer-testimonial-wrapper p
{
  font-size: 16px;
  color:#565656;
}

.refer-testimonial-wrapper
{
  
  width: 650px;
  margin: 0 auto;
}


.refer-reveiew-profile
{
  margin-top: 30px;
  display: flex;
}

.review-by-name
{
  margin-left: 15px;
}

.review-by-name h4
{
  margin-bottom: 5px;
}

.refer-testimonial-grid-wrapper
{
  
  background: #F8F8F8;
  padding: 25px;
  border: 1px solid #5f9e72;
  border-radius: 20px;
}

.refer-review-line
{
  color:#565656;
  font-size: 16px;
}

.refer-tc-wrapper h2{
  font-size:49px;
}


.refer-tc-points
{
  display: flex;
  margin-bottom: 20px;
}

.refer-tc-points p{
  margin-left: 5px;
  color:#565656;
  font-size: 16px;
}

.refer-tc-wrapper
{
  padding: 60px 0;
}


.jae-hero-left-text-wrapper
{  
    margin-left: -20px;
    padding-top: 50px;  
    width: 500px;
}

.jae-hero-left-text-wrapper h2
{
    font-size:49px;
}
 
.jae-tabs-list li a.active
{
    background-color: #5f9e72;
    color: #000 !important;
    font-size: 16px;
    font-weight: 600;
    padding: 10px;
    border-radius: 8px;

}

.jae-tabs-list li a
{
  color: #000 !important;
  font-size: 16px;
  font-weight: 600;
  padding: 10px;
 
}

.jae-tabs-list li
{
  padding-right:30px;
}

.jae-tabs-list 
{
  width: 550px;
  background: #F8F8F8;
  margin: 0 auto;
  padding: 15px;
  border-radius: 10px;
}


.nav-tabs
{
  --bs-nav-tabs-border-color:unset !important;
}


.jae-tab-contents
{
  margin-top:50px;
}
 

.perk-content p{
  font-size: 16px;
  padding-left: 10px;
  color: #565656;
  
  padding: 10px;
}



.perk-benefits-wrapper {
  display: flex;
  background-color: #F8F8F8;
  border-left: 4px solid #5f9e72;
  border-radius: 15px;
  padding: 15px;
  margin-bottom: 15px;
  height:145px;
}

.pos-relative
{
  position: relative;
}

.jae-onboard-section
{
  background-image: url(../img/web/onboard-bg1.png);
  background-position: center;
  background-size: cover;
  padding-top: 80px;
  padding-bottom: 80px; 

}

.jae-onboard-section h1{
  font-size: 49px; 
  font-weight: 600;
}

.onboard-steps-wrapper p
{
  color:#737373;
  font-size: 16px;
}

.onboard-steps-numeric h2{
  font-size:30px;
  
}

.onboard-steps-numeric {
  background: #5f9e72;
  width: 64px;
  height: 64px;
  border: 5px solid #423511;
  margin: 0 auto;
  border-radius: 50px;
  padding: 8px;
}

.onboard-step-info
{
  margin-top:20px;
}
 

.jae-dot-line-pos
{
  position: relative;
  top: 45px; 
}

.life-tdc-img img
{
  height: 323px;
  width: 100%;
}


.column-padding-margin-0
{
  padding: 0px;
  margin: 0px;
}


.jae-cta-wrapper
{  
    background-color: #5f9e72;
    background-image: url(../img/web/watermark-flow.png);
    border-radius: 10px;
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    min-height: 320px !important;
    height: 320px !important;

 
}
 

.jae-cta-left-info
{
  
  padding-left: 30px;
  padding-top: 50px;
}

.jae-lady-cta
{
  margin-top: -62px;
}

.construction-estimate-hero
{
    width: 580px;
    margin: 0 auto;
}

.build-form-wrapper
{
    background: #fff;
    box-shadow: rgba(144, 131, 191, 0.2) 0px -9px 95px;
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    border-radius: 20px;
    padding: 20px;
    top: -33px;
    position: relative;
    z-index: 1;
}


.build-form-wrapper select
{ 
    color: #000;
    width: 100%;
    height: 46px;
    border-radius: 10px;
    padding: 0 0 0 15px;
    font-size: 14px;
    border-color:#e5e7e9;
}


.product-wrapper-active
{
  
  border: 2px solid #5f9e72;
  border-radius: 20px;
  margin-bottom: 30px;
}


.product-wrapper-active-title {
  background-color: #5f9e72;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.product-wrapper
{  
  border: 2px solid #F8F8F8;
  border-radius: 20px;
  margin-bottom: 30px;
}


.product-wrapper-title {
  background-color: #F8F8F8;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.build-cart-btn-pos
{
  margin-top: 15px;
}


.product-wrapper-list
{
  background: #F8F8F8;
  border-radius: 20px;
  padding-bottom: 30px;
  padding-top: 30px;
}


.product-pic-wrapper
{ 
  height:170px;
  padding: 10px;
} 


.product-wrapper-list
{
  min-height: 380px;
  margin-bottom: 50px;
}


.product-add-cart-btn
{  
  position: relative;
  top: 40px;
  font-size: 16px;
}

.cart-sidebar
{
  border-left:1px solid #E4E4E4;
  padding: 15px;
}

.cart-sidebar-info1
{
  border-bottom: 1px solid #E4E4E4;
}


.cart-sidebar-info2 h3{
  font-size: 25px;
}



.btn-w-100
{
  width: 100%;
}


.product-pic-wrapper img 
{
  mix-blend-mode: multiply;
  min-height: 150px;
  height:150px;
}




.cart-left-wrapper
{
    background: #fff;
    box-shadow: rgba(144, 131, 191, 0.2) 0px -9px 95px;
    border-radius: 15px;
    padding: 50px;
}

.cart-review-hero-paint {
  display: flex;
  margin-bottom: 10px;
}

.cart-review-hero-paint p{
  margin-left:5px;
  color:#565656;
  font-size:16px;
}

.cart-review-banner
{
  padding-bottom: 0px !important;
}


.cart-review-section-pos
{
  position: relative;
  top: 130px;
}



.cart-list-section
{
  margin-top: 200px;
}


.cart-item-list h4
{
  color:#565656;
  font-size:20px;
}


.cart-item-value-list h4
{
  color:#000;
  font-size:20px;
  text-decoration: underline;
}


.cart-selected-items-wrapper
{
  
    background: #F8F8F8;
    border: 1px solid #5f9e72;
    border-radius: 15px;
    padding: 30px;
}


.coupon-summary-wrapper
{
  background: #F8F8F8;
  padding: 30px;
  border: 1px solid #5f9e72;
  border-radius: 15px;
}


.coupon-summary-wrapper h4
{
  font-size: 25px;
}

.apply-pdt
{
  padding-top: 5px;
}

.product-list-wrapper
{
    display: flex;

}


.single-product-list
{
  
  border-bottom: 1px solid #E2E2E2;
  padding-bottom: 10px;
  margin-bottom: 30px;
}


.product-list-wrapper-img
{
  margin-left:-40px;
  margin-right: 10px;
}

.product-list-wrapper-img img
{ 
  mix-blend-mode: multiply;
  width: 130px;
}


.coupon-btn
{
  color:#5f9e72;
  padding:0px !important;
}



.modal.show
{
  background-color:rgba(0,0,0,0.5) !important;
}

#login2 .modal-body select
{
  margin-bottom: 5px;
}


.modal-header
{
  background-color: #0A0A0A;
  border-bottom: unset !important;
}

.product-info h4
{
  font-size: 18px;
}

.product-info p{
  font-size: 13px;
}


.modal-header h2
{
  margin-bottom: 0px !important;
}


.btn-popup
{
  padding: 15px 15px !important;
}

.btn-m25
{
  margin-bottom: 25px;
}

.save-cart-btn-pos
{
  padding: 10px;
  margin-top: 20px;
}

.discount-offer h5
{
  font-size: 40px;
  margin-bottom: 0px !important;
  text-align: center;
}

.cart-product-name h4
{
  font-size: 20px;
}


.btn-pay
{
  padding: 10px;
}

.profile-img img
{
  width: 150px;
  height: 150px;
}

.profile-name-wrapper
{
  text-align: center;
  border-bottom:1px solid #ecf0f1;
}

.left-profile-links
{
  border-right:1px solid #ecf0f1;
}


.profile-links-wrapper p{
  font-weight: 600;
  margin-bottom: 15px;
}

.mb-10
{
  margin-bottom: 10px;
}


.btn-w-50
{
  width: 50%;
  padding: 10px !important;
}


.cart-sidebar-info1 h1
{
  font-size: 25px !important;
  font-weight: 500 !important;
}


.modal-dialog
{
  width: 400px;
}

.modal-header h2
{
  font-size: 25px !important;
}



.profile-from-wrapper
{
  
  background: #f4f6f7;
  padding: 30px;
  border-radius: 15px;

}

.profile-form-pic
{
  width: 100px;
  height: 100px;
  mix-blend-mode: multiply;
}

.cart-saved-product img 
{
  width:100px;
  height: 100px;
}

.cart-saved-product
{
  border: 1px solid #aaa;
  padding: 10px;
  border-radius: 5px;
  min-height: 260px;
  margin-bottom: 10px;

}




.franh-reqi-wrapper
{
  display: flex;
}

.franh-reqi-wrapper img{
  margin-right: 5px;

}


.franh-reqi-wrapper p{
    margin-top:5px;
}

.auto-popup-dialog
{
  width: 376px;
}

.auto-popup-dialog-header
{
  background-color: #5f9e72 !important;
}


.auto-popup-form-fields input::-webkit-input-placeholder{
  color:#0A0A0A;
}
.auto-popup-form-fields input:-moz-placeholder {
  color:#0A0A0A; 
}

.auto-popup-form-fields textarea::-webkit-input-placeholder{
  color:#0A0A0A;
}
.auto-popup-form-fields textarea:-moz-placeholder {
  color:#0A0A0A; 
}

.auto-popup-form-fields select{
  color:#0A0A0A;
}

.auto-popup-form-fields p{
  color:#0A0A0A !important;

}

.auto-popup-form-fields input
{
  margin-bottom: 0px !important;
}


.auto-popup-form-fields
{
  padding: 0px !important;
  /*background: url(../img/web/flag-gradient.png)  !important;*/
  background-size: cover !important;
}


.auto-popup-form-fields input
{
  color:#0A0A0A !important;
  border: 1px solid #bdc3c7 !important;
}

.auto-popup-form-fields textarea
{
  color:#0A0A0A !important;
  border: 1px solid #bdc3c7 !important;
}

.auto-popup-form-fields select
{
  color:#0A0A0A !important;
  border: 1px solid #bdc3c7 !important;
}


 

.perk-points p{
  font-size: 16px;
  margin-left: 5px;
}



.perk-points
{
  background-color: #F8F8F8;
  border-left:3px solid #5f9e72;
  border-radius: 10px;
  padding: 20px;

  
  display: flex;
  height: 132px;

}




.perk-vision-section
{
  background-image: url(../img/web/perk-vision-bg.png);
  background-size: cover;
  height:450px;
}

.perk-vision-section p{ 
  color:#F8F8F8;
}


.perk-vision-wrapper
{
  padding: 100px 0px;
  width: 600px;
}


.section-heading-title-general {
  font-size: 49px; 
  font-weight: 600;
}


.row-lr-0
{
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.project-info p{
  color:#565656;
}



.project-info
{
  padding: 15px 15px 15px 0;
}


.mt-10
{
  margin-top: 10px;
}

.project-tabs-list
{
  width: 100%;
}


.prj-info
{
  margin-top: 10px;
}

.prj-info h4
{
  margin-bottom: 5px;
}

.prj-info p
{
  color:#565656;
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.prj-info li
{
  list-style-type: none;
  float: left;
  padding-right: 40px;
}

.prj-info ul
{
  padding-left: 0px;
}

.project-gallery-wrapper
{
  margin-bottom: 80px;
}

.prj-talk-left-wrapper p
{
  color:#F8F8F8;
}

.talk-to-section
{
  
  background-color: #0A0A0A;
  border-radius: 10px;
  padding: 50px 50px 0px 50px;

}

.pd-btn-15
{
  padding: 15px !important;
}


.prj-talk-form
{
  background: rgba(217, 217, 217, 0.10);
  padding: 30px;
  border-radius: 15px;
}


.pdt-section-0
{
  padding-top: 0px !important;
}


.tdc-watermark
{
  width:430px !important;
}


.mgt-minus
{
  margin-top: -10px;
}


 

.line {
  width: 80%;
  height: 1px;
  overflow: hidden;
  position: relative;
  top: 30px;
  z-index: -1;
  left: 115px;
}

.line::before {
  content: "";
  display: block;
  padding: 0 12px;
  margin: 0 auto;
  border-bottom: 2px dashed #5f9e72; 
}
 


.header-how-it-works-wrapper
{
  margin-top: 70px;
}


.header-how-it-works-wrapper p
{
  margin-bottom:20px;
}


.header-contact p
{
    margin-bottom: 10px;
}


.contact-us-wrapper
{
  
  background: #FFFBEE;
  padding: 30px;
  border-radius: 15px;

}


.fs-20
{
  font-size: 20px;
}


.address-icon
{
    background-color: #FFF6DA;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 50px;
    padding: 5px;
}

.address-branch-wrapper
{
  display: flex;
  margin-bottom: 5px;
}

.address-line
{
  padding-top: 10px;
  padding-left: 10px;

}

 

.contact-form-wrapper input::-webkit-input-placeholder{
  color:#0A0A0A;
}
.contact-form-wrapper input:-moz-placeholder {
  color:#0A0A0A; 
}

.contact-form-wrapper textarea::-webkit-input-placeholder{
  color:#0A0A0A;
}
.contact-form-wrapper textarea:-moz-placeholder {
  color:#0A0A0A; 
}

.contact-form-wrapper select{
  color:#0A0A0A;
  margin-bottom: 10px;
}


.contact-form-wrapper input
{
  margin-bottom: 10px;
  color:#0A0A0A;
}

.contact-form-wrapper textarea
{ 
  color:#0A0A0A;
}

.contact-form-wrapper
{
  
  box-shadow: rgba(144, 131, 191, 0.2) 0px -9px 95px;
  background: #fff;
  padding: 40px;
  border-radius: 20px;

}



.contact-form-wrapper
{
    position: relative;
    top: 60px;
    left: -70px; 
}


.careers-benefit-wrapper
{
  margin-bottom: 20px;
  height: 230px !important;
}

 
.opps-section
{
  background-color: #0A0A0A;
  background-image: url(../img/web/ops-bg.png);
  padding: 100px 0px;
  background-size: cover;
}


.job-profile-wrapper-nest
{
  display: flex;
}

.job-profile-wrapper
{
  background: #171717;
  padding: 15px;
  border-radius: 20px;
  margin-bottom: 15px;
}

.job-left-info p{
  color:#959595;
}


.job-left-info 
{
  width: 80%;
  float: left;
}


.job-right-info 
{
  width: 20%;
  float: left; 
  padding-top: 15px;
}

.career-bg-cta-bg
{
  background-color: #5f9e72;
  border-radius: 20px;
  padding: 30px;

}

.career-cta {
  background-color: #5f9e72;
  background-image: url(../img/web/watermark-career-cta.png);
  border-radius: 10px;
  background-repeat: no-repeat;
  background-position: left;
  background-size: contain;
  min-height: 320px !important;
  height: 320px !important;
}


.header-service
{
  margin-top: 70px;
}

.service-p-right-wrapper
{
  width: 460px;
}


.service-left-img
{
  width: 100%;
}


.service-details-cta {
  background-color: #5f9e72;
  background-image: url(../img/web/watermark-service-detail.png);
  border-radius: 10px;
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
  min-height: 280px !important;
  height: 280px !important;
}



.service-detail-main-pos
{
  margin-top:-48px;
}



.popup-lead-form-wrapper
{
  padding: 10px;
}

.service-single-thumb-wrapper
{
  display: flex;
}


.single-service-info
{
  
  width: 450px;
  background: #F8F8F8;
  padding: 50px 30px;
  border-radius:30px;
}



.service-single-numeric-wrapper
{
  display: flex;
}


.service-number-img
{ 
  margin-left: -60px;
  width: 300px;
  margin-top: 20px;
  min-width: 115px;


}
 
.line-service-left { 
  height: 3px;
  overflow: hidden;
  position: relative;
  top: 60px;
  z-index: -1;
  width: 400px;
  left: 40px;
  min-width: 380px !important;

}

.line-service-left::before {
  content: "";
  display: block;
  padding: 0 12px;
  margin: 0 auto;
  border-bottom: 4px solid #5f9e72; 
}

.mt-section-50
{
  margin-top: 50px;
}


.service-number-right-img
{
    margin-left: 0px;
    width: 115px;
    margin-top: 20px;
    min-width: 115px;
    margin-right:-40px;

}



.line-service-right { 
  height: 3px;
  overflow: hidden;
  position: absolute;
  top: 60px;
  z-index: -1;
  width: 400px;
  right: 120px;
  min-width: 380px !important;

}

.line-service-right::before {
  content: "";
  display: block;
  padding: 0 12px;
  margin: 0 auto;
  border-bottom: 4px solid #5f9e72; 
}


.service-single-numeric-wrapper-right
{
  display: block;
}




.about-timeline-circle
{
    background: #5f9e72;
    width: 64px;
    height: 64px;
    border-radius: 50px;
    padding: 15px;
}


.about-timeline-gap
{
  margin-bottom: 20px;
}


.img-w-100-percent
{
  width: 100%;
}
 
 
.line-about-page {
  width: 72%;
  height: 3px;
  overflow: hidden;
  position: relative;
  top: 240px;
  z-index: -1;
  left: -184px;
  rotate: 90deg;
}

.line-about-page::before {
  content: "";
  display: block;
  padding: 0 12px;
  margin: 0 auto;
  border-bottom: 2px dashed #5f9e72; 
}


.section-pd-50
{
  padding: 50px 0px;
}


.team-names-wrapper
{
  background: #5f9e72;
  padding: 15px;
  border-radius: 15px; 
  z-index: 10000;
  position: relative;
  top: -40px;

}



.team-names-wrapper-emp
{
    background: #5f9e72;
    padding: 10px;
    border-radius: 15px;
    z-index: 10000;
    position: relative;
    top: -30px;
}


.auto-popup-close-btn
{
  color: #565656;
  background: rgba(242, 242, 242, 0.5);
  padding: 5px;
  border-radius: 50px;
  width: 32px;
  height: 32px;
  text-align: center;
}



.sidebar-area .sidebar-menu-top-area
{
  margin-bottom:0px !important; 
}

.review-by-image img {
  width: 64px;
  height: 64px;
  border-radius: 50px;
}



.perk-points-hpage
{
  height: 90px !important;
}


.abcRioButtonLightBlue
{
  margin: 0 auto !important;
}


.input-refer-link
{
  background: transparent;
  border: unset;
  color: #fff !important;
  text-align: center;
}

.input-refer-link:focus
{
  background: transparent;
  border: unset;
  color: #fff !important;
  text-align: center;
}

 
.terms-info p
{
    margin-bottom: 10px;
}

.terms-info  h4
{
    margin-top: 10px;
}

.terms-info  a
{
     color:#5f9e72 !important;
}


.in-news-img
{
  width: 220px; 
  border-radius: 10px;
}
 
.in-news-wrapper
{
  padding: 20px;
  background: #0A0A0A;
  border-radius: 10px;
  margin-bottom: 20px; 
}

.news-content-wrapper
{
  height:80px;
}

.project-wrapper:hover a{
  color:#fff !important;
}

.cursor-pointer
{
  cursor:pointer;
}

.mb-2
{
  margin-bottom: 2px;
}


.hero-right-blog-wrapper
{
  margin-bottom: 15px; 
    padding: 10px;
    border-radius: 10px;

}


.blog-news-wrapper
{
  border-left:1px solid #cacfd2;
  padding: 15px;
}

.news-side-content
{
  margin-bottom:10px;
}

.news-list
{
    background: #F8F8F8;
    padding: 15px;
    border-radius: 15px;
}

.recent-blog-wrapper
{
    margin-bottom:20px; 
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
    min-height: 330px;
    border:1px solid #0A0A0A;

}

.recent-blog-wrapper:hover
{
  background-color: #f8f9f9;
}

.blog-hero-left-wrapper 
{
  border: 1px solid #f2f3f4;
  padding: 20px; 
  border-radius: 10px;

}


.recent-blog-wrapper img
{
  
  height: 200px;
  width: 370px;
}


.home-eve-pos
{
  position: relative;
  top: -60px;
}


.eve-hero-content-pos
{
  padding-top: 150px;
}



.service-desc p
{
  font-family: "Ubuntu", sans-serif !important;
}

.channel-partner-wrapper
{
  height: auto !important;
  min-height: 300px;
}

.channel-partner-content
{
  padding: 20px !important;
}

.login-scroll
{
  overflow-y: scroll !important;
}


.tt-magic-cursor
{
  overflow-y: scroll !important;
}



.channel-partner-mt
{
  margin-top: 20px;
}

.career-perkes-wrapper{ 
 padding: 10px;
}

.career-perkes-wrapper h5{
  margin-bottom: 0px;
}


.single-service-wrapper
{
  padding: 30px;
}

.service-nested-wrapper
{
  
  background: #F8F8F8;
  padding: 30px;
  border-radius: 15px;
  margin-bottom: 20px;
  min-height:500px;
}


.service-nested-wrapper h1
{
  
  font-size: 60px;
}


.email-us-icon
{
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 40px;
    padding: 5px;
    background-color: unset !important;

}


.m-benefit-member-wrapper
{
  height: 250px !important;
}


.main-service-nested-wrapper 
{
  min-height: 420px !important;
}

.main-why-choose-wrapper
{ 
  height:245px !important;
}

.inter-service-nested-wrapper
{
  min-height: 580px !important;
}

.inter-why-wrapper
  {
    height:275px !important;
  }

.renov-service-nested-wrapper 
{
  min-height: 740px;

}


.renova-why-choose
{
  height: 260px !important;
}

.arch-service-nested-wrapper
{ 
  min-height: 695px;
}

.eng-service-nested-wrapper
{
  min-height: 560px !important;
}

.eng-why
  {
    height:250px !important;
  }


  .cont-service-nested-wrapper
  {
    min-height: 950px !important;
  }


  .cont-why
  {
      height: 230px !important;
  }
  

  .why-us-state-banner-line
  {
    margin: 0 auto;
    background-color: #5f9e72 !important;
    width: 500px;
  }


.compare-header
{
  padding: 15px;
  height: 70px;
}

.compare-header h3
{
  margin-bottom: 0px;
}

.why-pointers-num
{ 
  background: #f1c40f;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  border: 5px solid #fad7a0;
  padding: 8px;
  border-radius: 50px;
}
 

.why-pointers-num h4
{
  margin-bottom: 0px;
}

.compare-header h5
{
  color:#565656;
  font-size: 16px;
}

.why-pointers-num h3{
  font-size: 21px !important;
}

.why-us-img
{
  border-radius: 30px;
  filter: grayscale();
  width: 900px;
}

.why-seperator-bg
{
  background-position: center;
  background-size: cover;
  height: 500px;
  filter: grayscale(1);
  background-attachment: fixed;

  margin-bottom: 30px !important;
}


.why-title
{
  text-shadow: 0px -1px 0 #5f9e72, 1px 0px 0 #FEC20C, -1px 1px 0 #5f9e72, 1px 1px 0 #5f9e72;
}

.why-section-title
{
  color: #fff;
  padding-top: 200px;
  font-size: 100px;
  text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1);

}


.img-transparent
{
  mix-blend-mode: multiply;
}


.img-border-round
{
  border-radius:20px; 
}


.mm-mobile-lead-form
{
  display: none;
}

.mm-home-counters
{
  display: none;
}


.m-vs
{
    display: none;
}


.prj-img img {
  width: 388px;
  height: 290px;
  border-radius: 20px;
}


.project-gallery-wrapper {
  margin-bottom: 30px;
}


.project-page-head
{
  margin-top: 100px !important;
}


.blog-info-pos
{
    background: #fff;
    position: relative;
    top: -220px;
    width: 650px;
    margin: 0 auto;
    padding: 20px;
    border-radius: 20px;
}


.home-festive-pic
{
	width:300px;
}


.h1-heading-size
{
  font-size: 40px;
  line-height: 40px;
  font-weight: bold;
  margin-bottom:10px;
}

.footer-heading-title
{
  font-size: 20px !important;
  line-height: 20px !important;
  font-weight:500;
}

.popup-heading-title
{
  font-size:25px;
}

.default-h4-fsize
{
  font-size: 1.5rem;
  font-weight: 500 !important;
}

.build-section-title
{
  font-size: 40px !important;
  font-weight: 500 !important;
  line-height: 40px !important;
  margin-bottom:15px;
  margin-top: 10px;
}

.header-service h1
{
  font-size:65px !important;
}


.grid-img-box-shadow
{  
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(36, 7, 70, .08);
}


.page-testimonial-carousel .owl-dots button {
  height: 5px;
  background: #FFC31D !important;
  width: 20px;
  display: inline-block;
  margin: 5px;
  transition: .2s;
  border-radius: 2px;
}

.page-testimonial-carousel button.owl-dot.active {
  background: #000 !important;
  width: 30px;
}

.page-testimonial-carousel .owl-dots {
  text-align: center;
  margin-top: 25px
}

.slider-post-title
{
    font-size: 20px !important;
    line-height: 20px;
    margin-top: 10px;
    margin-bottom: 5px;

}

.blog-slider-img img
{
  width:384px;
  height:256px;
}


.title-grid-section-custom
{

  font-size: 18px;
  color: #000 !important;
  font-weight: 600;
}

.nn-page-wrapper-grid
{

  padding: 15px;
  border: 1px solid #e5e7e9;
  border-radius: 10px;
}


.number-title-fsize
{  
  font-size: 60px;
  color: #a6acaf;
}


.construction-cost-stages
{
  min-height:300px;
}


.nn-page-cta-button
{
  display: ruby-text !important;
}

.team-name-title span
{
  font-size: 16px !important;
  font-weight:600 !important;
}

.offer-header-line
{
  font-size: 16px !important;
}


.section-heading-title-brick-page
{
  font-size: 45px !important;
  font-weight: 600;
}


.brick-page-point-wrapper
{
  box-shadow: rgba(2, 2, 4, 0.2) 0px 0px 2px;  /*rgba(144, 131, 191, 0.2) 0px -9px 95px;*/
  padding: 20px;
  min-height: 320px;
  border-radius: 10px;
}

.home-cost-page-wraper-h
{
  min-height: 310px;
}

.client-home-cost-p
{
  min-height: 266px !important;
}


.civil-contractor-wrapper
{
  min-height:314px !important;
}

.civil-contractor-wrapper-why-choose
{
  min-height:314px !important;
  height: 314px !important;
}

.civil-our-projects-points
{
  background-color:#f8f9f9;
  padding: 40px 0px;
}

.default-civil-pointer-fsize
{
    font-size: 20px;
    font-weight: 500 !important;
    line-height: 20px;
}


.awards-civil-page-img
{
  width:200px !important;
}

.why-pointers-num span
{
  font-size: 21px !important;
  font-weight: 500 !important;
  margin-bottom: 0px !important;
  line-height: 21px;
}

.owork-mb
{
  margin-bottom: 10px !important;
}

.make-my-house-nested-li li
{
  color:#797d7f !important;
  margin-bottom: 5px;
}

.section-pdt-make-my-house
{
  padding: 50px 0px;
}

.section-bg-color
{
  background-color: #f8f9f9 !important;
}

.make-my-house-process-wrapper img
{
  margin-bottom: 10px;
}


.min-height-client-review-make-my-house
{
  min-height:266px !important;
}

.build-page-item-name
{
  font-size: 18px !important;
}

.product-info-nested-build
{
  height:120px;
}

.faridabad-blog-img
{
    height:147px !important;
    min-height:147px !important;
}


.why-choose-wrapper-faridabad {
    border-left: 4px solid #5f9e72;
    padding: 15px;
    border-radius: 15px;
    background-color: #F8F8F8; 
}


.section-heading-title-faridabad{
    font-size: 40px !important;
}

.talk-to-section-faridabad {
    background-color: #0A0A0A;
    border-radius: 10px;
    padding: 35px 35px 0px 35px;
}

.talk-to-section-faridabad p
{
    font-size: 14px;
}

.footer-cta-phone
{
    
    right: 40px;
    bottom: 25px;
    text-align: right;
    position: fixed;
    z-index: 9999999;
}


.blog-section-thumb
{
    border-radius: 5px ;
}

.blog-section-posted
{
    font-size: 11px;
    color:#5f6a6a !important;
}

/* ---------------------------------------- responsive---------------------------*/

@media only screen and (max-width: 650px) and (min-width: 200px) and (orientation: portrait) 
{

  .header-service h1 {
      font-size: 35px !important;
  }

    
  .desktop-hero-banner
  {
    display: none;
  }

  .mobile-home-hero-banner
  {
    
    display: block !important;
    text-align: center;  
    margin-top:140px;

  }

  .mm-mobile-lead-form
  {
    display: block;
  }


  .header-area.style-1
  { 
    background-color:rgba(36, 44, 53, 2.5) !important;
  }


  .mm-home-counters
  {
    display: block; 
  }

  .mm-w-counters
  {
    background-color: #0A0A0A;
  }


  .home-hero-banner-title h2
  {
    font-size: 30px !important;
    line-height: 35px !important;
    text-align: center;
  }

  .home-hero-banner-title p
  {
    
    text-align: center;
    font-size: 16px;
    font-weight: 300;

  }

  .home-hero-content-p
  {
    text-align: center !important;
  }


  .mm-mobile-lead-form
  {
    background-color: #0A0A0A; 
  }

  .mm-w-counters
  {
    width:33.33%;
    float: left;
  }

  .mm-pointers-contents
  { 
    padding: 10px 0;
    border-radius: 5px;
  }
  
  .mm-mt-home-pointers
  {
    margin-top:15px;
  }


  .hero-banner-pointers h3
  {
    font-size: 25px !important;
  }

  .mm-pointers-contents p
  { 
      font-size:10px !important;
  }
  .contact-form-home-hero
  {
    background-color: transparent;
  }

  .primary-btn3
  {
    padding: 10px 10px !important;
  }

  .section-title-2.text-white.home-hero-banner-title.text-left.mb-60
  {
      padding-top: 0px !important;
  }
  select
  {
    border:1px solid #626262 !important;
  }

  .header-area.style-1
  {
      /*top:0px;  enable after offers end */ 
      padding: 0px;
      border-top-right-radius:0px;
      border-bottom-right-radius:0px;
      width: 100%;
      padding: 0px !important;
  }


  .header-area.style-1 .header-logo
  {
    padding: 10px;
  }

  .header-area.style-1 .header-logo img
  {
    width: 160px !important;
  }

  .sidebar-area .sidebar-menu-top-area
  {
      margin-bottom:15px;
      background-color: #0A0A0A;
  }


  .home-hero-banner
  {
    background-position: center center; 
    background-image: url('../img/festive/home-hero-banner.jpg');
  }

  
  .home-hero-banner-title
  {
		padding-left:0px !important;
  }
  
  .home-hero-content-pos-top
  {
	  margin-top:50px;
  }
  .home-hero-pointer-pos
  {

    position: relative;
    left: 0;
    bottom: 0;
    padding: 20px;

  }

  .home-hero-pointer-containers
  {
    padding: 10px; 
    border-radius: 15px;
  }

  .hero-banner-pointers
  {
    margin-bottom: 2px;
  }

  .partner-area .partner-wrap
  {
    padding:10px 0px;
  }



  .section-heading-title
  {
    font-size:30px !important; /* font-size:40px !important; */
  }

  .home1-about-section
  {
    padding: 0px 0;
  }

  .why-p-wrapper
  {
    width: 100%;
  }

  .vr-contect-left .home-vr-heading
  {
    font-size: 35px !important;
    line-height: 35px;
  }


  .home-vr-section
  {
    height: 850px;
  }


  .vr-lady
  {
    
    top: 424px;
    right: -142px;
  }

  .vr-beam-light
  {
    top: 415px;
    right: 133px;
  } 

  .vr-home-object {
    position: absolute;
    top: 454px;
    right: 150px;
    z-index: 10000;
    left: -65px;
  }


  .work-section
  {
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
  }
  
  .timeline-point::after
  {
    left:calc(60% - (10px / 2)) !important;
  }


  .work-section-timeline-bg
  {
    background-image: unset !important;
  }

 
  .m-img-w100
  { 
     width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
  }


  .home-vr-ptext-wrapper
  {
    width:100%;
  }

  .blog-card1
  {
    height: auto;
  }

  .g-5, .gy-5
  {
    --bs-gutter-y: 1rem !important;
  }

  .blog-card1 .blog-img
  {
    display: block;
  }


  .mb-50
  {
    margin-bottom: 10px;
  }


  .app-mockup-wrapper
  {
    display: none;
  }


  .app-mockup-wrapper-mobile
  {
    display: block;
  }


  .banking-section-heading
  {
      font-size: 40px !important;
  }

  .m-bank-column
  {
    width: 50%;
    float: left;
  }


  .testimonial-section
  {
    padding:0 0;
  }

  .testimonial_area
  {
    padding-top: 60px !important;
  }


  .indicators
  {
    display: block !important;
    left:0px;
  }


  .testimonial_area .indicators .testimonial_1
  {
    width: 250px !important;
    height: 250px !important;
  }

  .testimonial_area .indicators .testimonial_1 img
  { 
      
      bottom: 75px !important;
      left: 186px !important;
      
      width: 90px !important;
      height: 90px !important;

  }

  .testimonial_area .indicators .testimonial_2
  { 
    width: 220px !important;
    height: 200px !important;
    left: 5% !important;
  }

  .testimonial_area .indicators .testimonial_2 img
  {
    bottom: 95px !important; 
    right: 0  !important;
    left: -65px  !important;
    
    width: 90px !important;
    height: 90px !important;

  }

  .testimonial_area .indicators .testimonial_3
  {
   
    width: 190px !important;
    height: 190px !important;
    top: 40% !important;
    left: 35px !important;
    right: 0 !important; 
  }


  .testimonial_area .indicators .testimonial_3 img
  {
      right: 0px !important;
      left: 40px !important;
      top: -95px !important;
      
      width: 90px !important;
      height: 90px !important;

  }

  .testimonial_area .indicators .testimonial_4
  {
    width: 160px !important;
    height: 160px !important;
    top: 50% !important;  
    left: 50px  !important;
    right: 0  !important; 

  }

  .testimonial_area .indicators .testimonial_4 img
  { 
      right: 0px !important;
      left: -65px !important;
      top: 130px !important;
      bottom: 0px !important;
      
      width: 90px !important;
      height: 90px !important;

  }



  .testimonial_area .indicators .testimonial_5
  {
    width: 120px !important;
    height: 120px !important;
    top: 50% !important;
    left: 70px !important;
    right:0px !important; 

  }

  .testimonial_area .indicators .testimonial_5 img
  {
    bottom: 0px !important;
    position: absolute !important;
    right: 0px !important;
    left: 55px !important;
    top: 135px !important;
    
    width: 90px !important;
    height: 90px !important;

  }


  .testimonial_area .indicators .round_shap
  {
    width: 55% !important;
  }
  
  .carousel
  {
    display: block;
    height: auto;
    top:0px !important;
  }
 

  .faqs-home-section h1
  {
      font-size:30px !important;
  }

  button.accordion-button.collapsed
  {
    font-size: 18px !important;
  }

  .home-cta-wrapper
  {
    padding:10px !important; 
    background-size: cover;
    background-position: center;
    height: auto;
  }



  .home-cta-construct-estimate
  {
    padding: 15px;
  }



  .contact-branch-wrapper-border
  {
    border-right:unset !important;
  }


  .contact-branch-wrapper
  {
    margin-bottom: 20px !important;
  }


  .footer-logo {
    width: 160px; 
  }

  .footer-contact-icons
  {
    display: grid !important;
  }

  a.mr-footer-phone
  {
    margin-bottom: 25px !important;
  }


  footer .footer-top .solial-account ul li 
  {
    padding-right: 10px !important;
  }


  .m-footer-link-col-half
  {
    width: 50%;
    float: left;
  }

  footer .menu-container ul li a
  {
    gap:0px !important;
  }

  .menu-container {
    margin-bottom: 15px !important;
  }

  footer .footer-top .footer-logo-contact-wrap {
    gap: 0;
    padding: 15px 0px;
  }

  .footer-copyright-text
  {
    margin: 0;
    padding-top: 15px;
    text-align: center;
  }

  li.round_shap img
  {
    width: 120px !important;
    height:120px !important;
  }
   
  .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-prev
  {
    left:5px !important;
  }

  .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-next
  {
    right:-3px !important;
  }

  .separator-email-phone
  {
    display: none !important;
  }

  .call-to-action{
    
    display: grid;
    text-align: left;
  }

  .call-to-action a
  {
      margin-bottom: 20px !important;
  }



  .service-single-thumb-wrapper
  {
      display: block;

  }


  .service-single-thumb-wrapper img 
  {
    border-radius: 30px;
  }


  .single-service-info {
      width: 100%;
      background: #F8F8F8;
      padding: 30px;
      border-radius: 30px;
      margin-top: 10px;
  }

  .service-single-numeric-wrapper
  {
    display: none;
  }

  .service-single-numeric-wrapper-right
  {
    display: none;
  }


  .service-details-cta
  {
    min-height: auto !important;
    height: auto !important;
    background-size:cover !important;
  }


  .jae-cta-left-info {
    padding-left: 0px;
    padding-top: 20px;
  }

  .service-detail-main-pos
  {
    margin-top: 0px;
  }


  .footer-phone-icon
  {
    background-color:transparent !important;
  }


  .auto-popup-dialog {
      width: 95%;
  }


  .service-nested-wrapper
  {
      min-height: auto !important;
  }

  .section-mtb-gap
  {
    margin-bottom: 30px;
    margin-top: 30px;
  }


  footer .widget-title h4
  {
    font-size: 16px !important;
  }


  .m-benefit-member-wrapper
  {
    height: auto !important;
  }

  .renova-why-choose
  {
    height:auto !important;
  }


  .eng-why
  {
    height: auto !important;
  }

  .cont-why
  {
    height: auto !important;
  }


  .why-choose-wrapper
  {
    height: auto !important;
  }



  .why-section-title
  {
    font-size: 50px;
  }

  .why-pointers-num
  {
    margin-bottom: 5px !important;
  }

  .compare-header
  {
    height: auto;
  }
  
  .why-seperator-bg
  {
    height: 400px !important;
  }


  .contact-form-wrapper
  {
    left:0px;
  }

  .talk-to-section
  {
    padding: 30px;
  }

  .construction-estimate-hero
  {
    width: 100%;
  }

  .build-form-wrapper select
  {
    margin-bottom: 10px;
  }


  .modal-dialog
  {
    width:95%;
  }


  .home-cta-construct-estimate p {
    color: #fff;
    font-size: 16px;
    margin-bottom: 26px;
    background: #1a1a1a;
    padding: 10px;
    border-radius: 10px;
  }


  .about-timeline-circle
  {
    width: 60px;
    height: 60px;
  }


  .m-vs
  {
    display: block;
  }

  .m-vs img
  {
    width: 40px;
  }


  .header-area.style-1 .menu-wrap .nav-right
  {
    padding-right:5px;
  }

  .address-branch-wrapper
  {
    display: block;
    margin-bottom: 0px;
  }


  .address-line
  {
    padding-top: 0px;
  }


  .modal-dialog
  {
    width: unset !important;
  }

  .build-cart-btn-pos
  {
    margin-top:0px;
  }


  .cart-left-wrapper
  {
    padding: 20px;
    margin-bottom:10px;
  }


  .cart-review-section-pos
  {
    position: static;
  }


  .product-list-wrapper-img 
  {
    margin-left: 0px;
    margin-right: 0px;
  }


  .jae-hero-left-text-wrapper 
  {
      margin-left: 0px;
      padding-top: 0px;
      width: 100%;
  }

  .jae-hero-left-text-wrapper h2
  {
      font-size: 30px;
  }

  .refer-btn { 
    position: relative;
    top: -20px;
  }

  .refer-form-wrapper { 
    padding: 15px; 
  }

  .jae-tabs-list
  {
    width: 100%;
    padding: 5px;
    
    margin-top: 10px;
  }
  
  .jae-tabs-list li {
    padding-right: 0px;
    margin-bottom: 2px;
	margin: 0 auto !important;
  }


  .jae-tabs-list li a.active
  {
    font-size: 13px;
	padding:5px !important;
  }

  .jae-tabs-list li a
  {
    font-size: 13px;
  }

  .section-heading-title-why-refer-us {
    font-size: 30px;
    margin-top: 0px;
    font-weight: 600;
  }

  .perk-benefits-wrapper
  {
    height: auto !important;
  }



  .jae-onboard-section h1 {
    font-size: 30px; 
  }

  .jae-dot-line-pos
  {
    display: none;
  }


  .onboard-step-info
  {
    margin-bottom: 15px;
  }


  .refer-testimonial-wrapper
  {
    width: 100%;
  }

  .refer-testimonial-grid-wrapper
  {
    margin-bottom: 10px;
  }


  .jae-cta-wrapper
  {
    background-size: cover;
    min-height: auto !important;
    height: auto !important;
  }

  .jae-lady-cta
  {
    margin-top: 0px;
  }


  .line
  {
    display: none;
  }

  .channel-partner-wrapper
  {
    min-height: auto !important;
  }

  .refer-and-earn-header-info 
  {
    width: 100%;
    margin-left: 0px;
    padding-top: 0px;
  }
 
  .refer-and-earn-header-info h2 {
    font-size: 30px !important;
  }

  .refer-and-earn-header-info p {
    margin-bottom: 15px !important;
  }

  .m-text-center
  {
    text-align: center !important;
  }

  .refer-bullets
  {
    
    margin-bottom: 10px;
    margin-top: 10px;
  }

  .m-pd-refer
  {
    padding: 20px;
  }

  .how-it-work-steps .refer-pointers
  {
     margin-bottom: 0px;
  }


  .how-it-work-steps h4
  {
    margin-bottom: 0px;
  }

  .refer-tc-points img
  {
    width:64px;
  }

  .section-heading-title-general
  {
    font-size: 30px;
  }


  .row-lr-0 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }


  .m-table-wrapper
  {
    width: 100%;
    overflow-x: scroll;
  }

  .m-table-wrapper td
  {
    width: 100%;
  }

  .modal-body
  {
    width: 95% !important;
  }


  .m-blog-title
  {
    margin-top: 20px;
    margin-bottom: 0px !important;
  }


  .careers-benefit-wrapper
  {
    min-height: auto !important;
    height:auto !important;
  }

	
	
	.carousel-control-prev, .carousel-control-next
	{
		top:40% !important;
	}



  .cart-selected-items-wrapper .col-lg-6
  {
      width: 50% !important;
      float: left;
  }

  .cart-selected-items-wrapper
  {
    padding: 20px !important;
  }

  .cart-item-list h4 {
    color: #565656;
    font-size: 16px;
  }

  .cart-item-value-list h4 {
    font-size: 16px;
  }

  .cart-selected-item-pdm
  {
    padding: 5px;
  }

  .product-list-wrapper-img
  {
    width: 135px;
  }
	
  .product-list-wrapper-img img {
      min-width: 120px !important;
      width: 120px !important;
  }

  .cart-product-name h4 {
      font-size: 16px;
      margin-bottom: 5px;
  }

  .cart-product-name
  {
    width: 200px;
  }


  .cart-saved-product
  {
    text-align: center; 
  }


  .blog-hero-left-wrapper
  {
    padding:0px !important;
  }

  .blog-info-pos
  {
    width: 100% !important;
    top: 0px;
  }


  .in-news-img {
    width: 100%; 
  }



} /* end of mobile responsive */





@media only screen and (max-width: 740px) and (min-width: 199px) and (orientation: landscape) 
{
  
    .header-area {       
        padding: 10px !important;
        border-top-right-radius: 0px !important;
        border-bottom-right-radius: 0px !important;       
        width: 100% !important; 
    }

    .header-area.style-1 .header-logo
    {
      padding: 0px !important;
    }

    .header-area.style-1 .header-logo img {
      width: 180px !important;
    }

    .careers-benefit-wrapper
    {
      height:auto !important;
    }

    .column-padding-margin-0 
    {
      padding: 10px;
      margin: 0px;
    }


    .life-tdc-img img
    {
      border-radius: 20px;
      height: auto;
    }


    .career-cta
    {
      min-height: auto !important;
      height:auto !important;
      background-size: cover !important;

    }

    .section-heading-title-why-refer-us {
      font-size: 40px;
      margin-top: 0px;
      font-weight: 600;
    }


    .jae-lady-cta
    {
        margin-top: 0px !important;
    }

    .jae-cta-left-info {
      padding-left: 0px;
      padding-top: 0px;
    }

    .contact-branch-wrapper-border
    {
      border-right:unset !important;
    }
    
    .home-hero-banner
    {
      display: none;
    }

    .mobile-home-hero-banner {
        display: block !important;
        top: 80px;
        position: relative;
    }

    .mm-mobile-lead-form
    {
      display: block !important;
    }

    .mm-home-counters
    {
      display: inline-block !important;
      background-color: #0A0A0A !important;
    }

    .mm-mobile-lead-form 
    {
      display: block !important;
      background: #000 !important;
      padding: 110px 0px !important;
    }

    .mm-w-counters
    {
      width: 33.33%;
      float: left;
    }

    .hero-banner-pointers.font-family-ubuntu.mm-pointers-contents
    {
      padding: 10px 0px;
    }


    .section-heading-title
    {
      font-size: 40px !important;
    }

    .why-choose-wrapper
    {
      height: auto !important;
      min-height: auto !important;
    }


    .home-vr-section
    {
      height: 900px;
    }

    .vr-lady {
        position: absolute;
        top: 475px;
        right: -120px;
    }

    .vr-beam-light {
      position: absolute;
      top: 420px;
      right: 160px;
      z-index: 10000;
    }


    .vr-home-object {
      position: absolute;
      top: 500px;
      right: 335px;
      z-index: 10000;
  }

  .why-p-wrapper
  {
    width: 100%;
  }

  .m-bank-column {
    width: 33.33%;
    float: left;  
  }

  .home-news-heading-wrapper
  {
    height:auto !important;
  }

  .home-news-pwrapper
  {
    height: auto !important;
  }


  .about-us-section-1  img
  {
    width: 100% !important;
  }


  .line-about-page
  {
    display: none;
  }

  .about-timeline-gap
  {
    margin-top: 20px !important;
  }


  .m-footer-link-col-half
  {
    width: 33.33%;
    float: left;
  }

  .m-half-column-contact-b {
    width: 50%;
    float: left;
  }

  .contact-form-wrapper
  {
    left:0px !important;
  }

  .service-number-img 
  {
    margin-left: 0px;
    width: 100px;
    margin-top: -20px;
    min-width: 130px; 
  }

  .line-service-left 
  {
    width: 500px;
    left: 100px; 
  }

  .service-number-right-img {
    margin-left: 0px;
    width: 130px;
    margin-top: 10px;
    min-width: 115px;
    margin-right: -40px;
  }

  .line-service-right 
  {
    height: 3px;
    overflow: hidden;
    position: absolute;
    top: 60px;
    z-index: -1;
    width: 500px;
    right: 200px;
    min-width: 380px !important;
  }


  .service-details-cta
  {
    min-height: auto !important;
    height: auto !important;
    background-size: cover !important;
  }


  .service-nested-wrapper
  {
    min-height: auto !important;
  }


  .faqs-home-section h1 {
    font-size: 40px; 
  }


  .section-heading-title-general
  {
    font-size: 40px !important;
  }

  .row-lr-0
  {
      padding-left: 5px !important;
      padding-right: 5px !important;
  }

  .timeline-group
  {
    margin-top: 0px !important;
  }

  .timeline-point::after
  {
    left: calc(60% - (10px / 2)) !important;
  }



  .m-half-width-col 
  {
    width: 50%;
    float: left;
  }

  .build-cart-btn-pos {
    margin-top: 0px;
    text-align: right;
  }

  .build-form-wrapper select
  {
    margin-bottom: 10px;
  }


  .jae-hero-left-text-wrapper {
    margin-left: 0px !important;
    padding-top: 0px !important;
    width: 100% !important;
  } 

  .jae-hero-left-text-wrapper h2 {
    font-size: 40px;
  }


  .refer-btn {
    padding: 12px 12px;
    position: relative;
    top: -30px;
  }


  .perk-benefits-wrapper
  {
    height: auto !important;
  }

  .jae-onboard-section h1 {
    font-size: 40px; 
  }

  .jae-onboard-section {
    
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .jae-dot-line-pos
  {
    display: none;
  }


  .onboard-steps-wrapper {
    margin-bottom: 10px;
  }


  .jae-cta-wrapper {
    background-size: cover;
    min-height: auto !important;
    height: auto !important;
  }

  .line{
    display: none !important;
  }

  .channel-partner-wrapper
  {
    height: auto !important;
    min-height: auto !important;
  }

  .refer-testimonial-grid-wrapper
  {
    margin-bottom: 20px;
  }


  .section-mtb-gap {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .refer-and-earn-header-info {
    width: 100%;
    margin-left: 0px;
    padding-top: 0px;
  }

  .refer-and-earn-header-info h2 {
    font-size: 40px;
  }


  .img-width-full
  {
    width: 100%;
  }

  .m-pd-refer
  {
    padding: 20px;
  }

  .m-text-center
  {
    text-align: center;
  }

  .refer-tc-points img {
    width: 40px;
  }

  /* remove after sales offer */
    .home-eve-pos {
      position: relative;
      top: 80px;
    }


    .mm-home-hero-form-points
    {
      background-color: #0A0A0A;
    }



  /* remove after sales offer */


  .mm-home-counters
  {
    width: 100% !important;
    margin: 0px !important;
    padding: 0px !important;
  }


  .col-lg-3.col-md-6.home-service-blocks {
    width: 50%;
    float: left;
  }

  .mm-project-col
  {
      width: 50% !important;
      float: left;
  }
  

  .cart-selected-item-pdm
  {
    padding:5px !important;
  }

  .cart-selected-items-wrapper .col-lg-6
  {
    width: 50%;
    float: left;
  }

  .product-list-wrapper-img {
    margin-left: 0px;
    margin-right: 0px;
    width: 150px;
    min-width: 150px;
    text-align: center;
  }

  .product-list-wrapper-img img
  {
    min-width:130px !important;
    width: 130px !important;
  }


  .card-saved-wrapper .col-lg-3 {
      width: 50%;
      float: left;
      text-align: center !important;
  }


}  /* end of mobile landscape */


/*----------- ipad-------------------*/
@media only screen and (max-width: 1200px) and (min-width: 700px) and (orientation: portrait) 
{

  select
  {
    border:1px solid #626262 !important;
  }

  .header-area.style-1
  {
      width:100%;
      padding: 0px !important;
  }

  .mb-130
  {
    margin-bottom: 0px !important;
  }

 

  .vr-lady
  { 
    top: 500px;
  }


  .home-vr-section
  {
    height: 850px;
  }


  .vr-beam-light
  {
    top:450px;
  }


  .vr-home-object
  {
    top:497px;
  }

  
  .timeline-event
  {
    width:300px !important;
  }

  .timeline-point::after
  {
    left:calc(60% - (10px / 2)) !important;
  }

  .home1-blog-section
  {
      padding: 54px 0 !important;
  }


  a.blog-img.home-services-img
  {
    width: 100% !important;
  }


  .m-bank-column
  {
    width: 33.33%;
    float: left;
  }


  .testimonial-section
  {
      padding:0px 0;
  }

  .section-heading-title
  {
      font-size:45px;
  }


  
  .testimonial-section
  {
    padding:0 0;
  }

  .testimonial_area
  {
    padding-top: 60px !important;
  }


  .indicators
  {
    display: block !important;
    left:0px;
  }


  .testimonial_area .indicators .testimonial_1
  {
    width: 450px !important;
    height: 450px !important; 

  }

  .testimonial_area .indicators .testimonial_1 img
  { 
       
      top: 95px !important;
      left: 395px !important;
      width: 90px !important;
      height: 90px !important;

  }

  .testimonial_area .indicators .testimonial_2
  { 
    
      width: 380px !important;
      height: 380px !important;
      left: 4% !important; 

  }

  .testimonial_area .indicators .testimonial_2 img
  {
    bottom: 95px !important; 
    right: 0  !important;
    left: -95px  !important;    
    width: 90px !important;
    height: 90px !important;

  }

  .testimonial_area .indicators .testimonial_3
  {
   
        width: 350px !important;
        height: 350px !important;
        top: 40% !important;
        left: 47px !important;
        right: 0 !important; 

  }


  .testimonial_area .indicators .testimonial_3 img
  {
      right: 0px !important;
      left: 40px !important;
      top: -95px !important;
      
      width: 90px !important;
      height: 90px !important;

  }


  .testimonial_area .indicators .testimonial_4 {
    width: 320px !important;
    height: 320px !important;
    top: 50% !important;
    left: 63px  !important;
    right: 0  !important; 
}
   

  .testimonial_area .indicators .testimonial_4 img
  { 
       right: 0px !important;
        left: -79px !important;
        top: 250px !important;
        bottom: 0px !important;
        width: 90px !important;
        height: 90px !important;
  }


  



  .testimonial_area .indicators .testimonial_5
  {
    width: 120px !important;
    height: 120px !important;
    top: 50% !important;
    left: 70px !important;
    right:0px !important; 
 

  }

  .testimonial_area .indicators .testimonial_5 img
  {
    bottom: 0px !important;
    position: absolute !important;
    right: 0px !important;
    left: 320px !important;
    top: 135px !important;
    
    width: 90px !important;
    height: 90px !important;

  }


  .testimonial_area .indicators .round_shap
  {
    width: 55% !important;
  }
  
  .carousel
  {
    display: block;
    height: 700px;
    top:460px !important;
  }

  .testimonial_area .indicators
  {
    left: 160px !important;
  }
 

  .img-w-100
  {
    width: 100%;
  }

  .home-news-heading-wrapper
  {
    height: auto !important;
  }
 

  .home-news-pwrapper
  {
    height: auto !important;
  }



  .m-width-faq-100
  {
    width: 100% !important;
    float: left;
    margin-left: 0px !important;
  }

  .home-cta-wrapper
  {
    margin-left: 0px !important;
  }


  .home-cta-construct-estimate
  {
    padding: 15px;
  }


  .home-ready-to-bulid-wrapper
  {
      width:420px !important;
  }


  .m-half-column-contact-b
  {
    width:50%;
    float: left;
  }


  .box-shadow-footer-contact
  {
    margin-left: 0px;
  }


  .footer-contact-branch
  {
    padding: 20px;
  }


  .m-footer-link-col-half
  {
    width: 25%;
    float: left !important;
  }


  .mm-grid
  {
    display: grid;
  }

  .mm-grid a
  {
    margin-bottom: 20px !important;
  }


  footer .widget-title h4
  {
    font-size: 13px !important;
  }
  
  .footer-contact
  {
    gap: 0px !important;
    margin: 0 auto; 
  }



  .home-hero-banner
  {
    display: none;
  }

  .mobile-home-hero-banner
  {
    display: block !important;
    padding-top:160px !important;
    
  }

  .header-area.style-1
  {
    background-color: #010101;
    width: 100%;
    border-top-right-radius:0px;
    border-bottom-right-radius:0px;
  }

  .mm-mobile-lead-form
  {
    display: block !important;
    background-color: #010101 !important;
    padding: 20px;
  }

  .mm-home-counters 
  {
    display: flex !important;
    background-color: #010101 !important;
  }

  .mm-w-counters
  {
      width: 33.33%;
      float: left;
      padding: 15px;
  }

  .why-choose-wrapper
  {
    height: auto;
  }


  .timeline-group 
  {

    margin-top: 20px;
    grid-template-areas: "point date"
    "point event";
    
    margin-inline: 0px;
  
  }


  .footer-phone-icon
  {
    background-color: transparent;
  }

  .header-area.style-1 .header-logo img {
       width: 180px !important;
  }

  .line-about-page
  {
    display: none;
  }

  .why-choose-wrapper
  {
    height: auto !important;
  } 


  .m-ab-half-width
  {
    width: 50% !important;
    float: left;
  }

  .m-ab-three-width
  {
    width: 33.33% !important;
    float: left;
  }


  .contact-branch-wrapper-border
  {
    border-right:1px solid #fff !important;
  }


  .why-seperator-bg { 
    height: 400px;  
    margin-bottom: 0px !important;
  }

  .m-vs
  {
    display: block;
  }


  .why-section-title
  {
    font-size: 60px !important;
  }

  .compare-header
  {
    height: auto;
  }


  .contact-form-wrapper {
   
    left: 0px;
  }


  .why-p-wrapper
  {
    width: 100%;
  }


  .talk-offset-0
  {
    margin-left: 0px !important;
  }

  .m-build-offset
  {
    margin-left: 0px !important;
  }

  .build-form-wrapper select
  {
    margin-bottom: 10px;
  }

  .m-half-width-col
  {
    width: 50%;
    float: left;
  }

  .build-cart-btn-pos
  {
    margin-top: 0px;
    text-align: right;
  }

  .offset-md-1
  {
    margin-left: 0px;
  }

  .single-service-info
  {
    border-radius: 1px;
  }

  .service-number-img {
    margin-left: 0px;
    width: 150px;
    margin-top: -50px;
    min-width: 115px;
  }

  .line-service-left {
   
    width: 530px;
    left: 100px;
    min-width: 380px !important;
  }

  .service-number-right-img {
    
    margin-top: 15px;
    min-width: 115px;
    margin-right: 0px;
  }

  .line-service-right {
     
    
    width: 600px;
    right: 200px;
    min-width: 380px !important;
  }

  .service-details-cta {
    
    background-size: cover;
    min-height: auto !important;
    height: auto !important;
  }

  .service-nested-wrapper
  {
    min-height: auto !important;
  }


  .section-heading-title-general {
    font-size: 40px;
    font-weight: 600;
  }


  .row-lr-0 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }


  .jae-hero-left-text-wrapper {
    margin-left: 0px;
    padding-top: 0px;
    width: 100%;
  }

  .jae-hero-left-text-wrapper h2 {
      font-size: 40px;
  } 

  .refer-btn {
    padding: 12px 12px;
    position: relative;
    top: -16px;
  }

  .jae-tabs-list
  {
    width: 100%;
  }

  .offset-md-2
  {
    margin-left:0px !important;
  }
  

  .section-heading-title-why-refer-us {
      font-size: 40px;
      margin-top: 0px;
      font-weight: 600;
  } 

  .perk-benefits-wrapper
  {
    height: auto !important;
  }

  .jae-onboard-section h1 {
    font-size: 40px;    
  }


  .jae-dot-line-pos
  {
    display: none;
  }


  .life-tdc-img img
  {
    border-radius: 15px;
    height: auto;
  }

  .column-padding-margin-0 {
    padding: 10px; 
  }

  .jae-cta-wrapper {
    background-size: cover;
    min-height: auto !important;
    height: auto !important;  
  }

  .line
  {
    display: none;
  }

  .channel-partner-wrapper
  {
    min-height: auto !important;
  }


  .refer-testimonial-grid-wrapper
  {
    margin-bottom: 10px;
  }


  .refer-and-earn-header-info {
    width: 100%;
    margin-left: 0px;
    padding-top: 0px;
  }

  .img-width-full
  {
    width: 100%;
    margin-bottom: 10px;
  }

  .m-pd-refer
  {
    padding: 30px;
  }

  .m-text-center
  {
     text-align: center;
  }

  .careers-benefit-wrapper
  {
    height: auto !important;
  }


  .career-cta {
      background-size: cover;
      min-height: auto !important;
      height: auto !important;
  }





}



/*--------------------- ipad landscape-----------------------------------*/

@media only screen and (max-width: 1180px) and (min-width: 700px) and (orientation: landscape) 
{


  .hero-banner-pointers p{
      font-size: 13px;
  }

  .hero-banner-pointers h3
  {
    font-size:35px !important;
  }



  .why-choose-wrapper
  {
    height: 320px !important;
  }

  .vr-lady
  {
    right:-120px;
  }

  .vr-beam-light
  {
    right:150px !important;
  }


  .vr-home-object
  {
      right:265px;
      top:90px;
  }


  .home-vr-object-img
  {
    width: 400px;
  }


  .home-service-p-wrapper
  {
    height: 220px !important;
  }

  .home-news-heading-wrapper
  {
    height: 150px !important;
  }

  .home-news-pwrapper 
  {
    height: 135px !important;
    margin-bottom: 10px;
  }


  .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-prev
  {
    left:5px !important;
  }

  .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-next
  {
    right:0px !important;
  }


  .m-footer-link-col-half
  {
    width: 25%;
    float: left;
  }

  footer .widget-title h4
  {
    font-size: 16px;
  }


  footer .footer-top .footer-logo-contact-wrap .footer-contact .single-contact
  {
    padding-right: 0px !important;
  }


  footer .footer-top .footer-logo-contact-wrap .footer-contact .single-contact::after
  {
    display: none;
  }


  .home-hero-pointer-containers {
     
      padding: 15px 40px 5px 40px; 
  }

  .app-mockup-wrapper-mobile
  {
    display: block;
    margin-top: 115px;
  }

  .app-mockup-wrapper
  {
      display: none;     
  }

  .line-about-page {
    width: 100%;
     
    top: 250px; 
    z-index: -1;
    left: -213px;
    rotate: 90deg;
}

  .why-choose-wrapper
  {
      height:auto !important;
  }

  .team-names-wrapper-emp h5
  {
    font-size: 16px !important;
  }


  .why-seperator-bg {
     
      height: 400px; 
  }

  .footer-contact-icons {
    display: block;
  }
  
  .footer-phone-icon
  {
    background-color: transparent;
  }

  .why-p-wrapper
  {
    width: 100% !important; 
  }

  .single-service-info { 
    border-radius: 0px;
  }

  .service-single-thumb-wrapper img
  {
    width: 100%;
    height: 100%;
  }

  .service-nested-wrapper
  {
    min-height: 600px;
  }

  .main-service-nested-wrapper {
    min-height: 530px !important;
  }


  .m-benefit-member-wrapper
  {
    height:290px !important;
    min-height: 290px !important;
  }

  .service-detail-main-pos
  {
    margin-top: 0px;
  }

  
  .service-details-cta
  {
    background-size: cover; 
    min-height: auto !important; 
    height: auto !important;
  }

  .jae-cta-left-info
  {
    padding-top: 10px;
  }
  

  .service-nested-wrapper {
    min-height: 868px;
  }

  .section-heading-title
  {
    font-size: 40px !important;
  }

  .renova-why-choose
  {
    height: 320px !important;
  }


  .section-heading-title-general {
    font-size: 40px;
    font-weight: 600;
  }

  .row-lr-0 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }


  .header-fixed-scroll
  {
    padding: 5px 60px 5px 10px !important;
  }

    .careers-benefit-wrapper {
      margin-bottom: 20px;
      height: auto;
  }



}




/*----------------------- ipad pro ---------------------------- */

@media only screen and (max-width: 1500px) and (min-width: 1024px) and (orientation: landscape) 
{

  
  

  .why-p-wrapper
  {
    width: 1000px;
  }

  .why-choose-wrapper
  {
    height:300px !important;
  }

  /*
    .civil-contractor-wrapper-why-choose
    {
      min-height:350px !important;
      height:350px !important;
    }
  
  */

  .civil-contractor-wrapper-why-choose
  {
      border-left: unset; 
      padding: 10px;
      border-radius: 10px; 
      background-color: #F8F8F8;
  }


  .renova-why-choose
  {
    height: 260px !important;
  }

  .inter-why-wrapper
  {
    height:275px !important;
  }

  .main-why-choose-wrapper
  { 
    height:245px !important;
  }

    .m-benefit-member-wrapper
  {
    height: 250px !important;
  }


  .eng-why
  {
    height:250px !important;
  }


  .cont-why
  {
      height: 230px !important;
  }
  .vr-lady
  {
    right:-105 !important;
  }

  .how-it-work-pheight
  {
    height:auto;
    min-height: 326px !important;
    margin-bottom: 10px;
  }

  .timeline-date img{
    mix-blend-mode:multiply;
  }


  .single-service-info
  {
    border-radius: 0px;
  }





}



/* bigger size */

@media only screen and (max-width: 4480px) and (min-width: 1800px) and (orientation: landscape) 
{
    
    
}



/* end of responsive */


.project-section-mb
{
  margin-top: 100px;
  margin-bottom: 30px;
}

.insta-feed
{
  padding: 10px;
  margin-top: -50px;
  background-color: #fff;
  border-radius: 10px;
}

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

.project-line-mb-5
{
  margin-bottom: 5px;
}