body{background: #f6f6f6;}

body,html {font-family: 'Graphik-Light',sans-serif;font-weight: 300; overflow-x: hidden;}
/* .main{padding-top: 113px !important;} */
.sales-center-container{max-width:1454px; margin:0 auto; width: 100%;}
.col-md-6 {flex: 0 0 50%;max-width: 50%; padding-left: 15px; padding-right: 15px;}
.h1{font-family: Graphik-Light,sans-serif;font-weight: 300;font-size: 60px; line-height: 64px; margin-bottom: 26px;}
.h2{font-family: Graphik-Light,sans-serif;font-weight: 300; font-size: 40px; line-height: 44px; margin-bottom: 26px;}
.h4{font-family: Graphik,sans-serif; font-weight: 400; font-size: 20px; line-height: 26px; margin-bottom: 16px;}
p{font-family: Graphik,sans-serif;font-weight: 300; font-size: 16px; line-height: 26px; margin-bottom: 16px;}
.py-8 { padding-left: 8%; padding-right: 8%; }
.v-align{display: flex; align-items: center;}
.link{color: #228800;font-family: 'Graphik-Medium',sans-serif; font-size: 16px; line-height: 16px; }
.green-txt{color: #228800;}
.banner-lft{padding-top: 90px; padding-bottom: 90px;}
.card{margin-top: 20px; display: inline-block; border: 1px solid #F0F0F0; background-color: #FFFFFF; padding: 40px;    box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);}
.pin-popup-card{
    padding:0;
}
.pin-popup-card .pin-pop-spacing{
    padding: 40px 40px 30px;
}
.pin-popup-card .pin-code-utility{
    font-family: 'Graphik-Medium';
    font-weight: normal;
    font-size: 14px;
    margin: 0;
    padding: 10px 40px;
    background-color: #F8F8F8;

}
.pin-popup-card .pin-code-utility .local-pin{
    color: #228800;

}
.pin-popup-card .pin-code-utility .edit-local-pin{
    cursor: pointer;
}
.reg-message{
     margin: 0 10px 0 0;
}
/* new */
.hederEdit{
    padding: 1px;
}
.center {
    text-align: center;
  }
  .center .local-pin {
    color: #228800;
    cursor: pointer;
}
.center .edit-local-pin{
    cursor: pointer;
}

/* new end */
/* PopUp zipcode */
.accord-btn{
    display: none;
}
.zipcode-update-popup{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 604px;
    height: 346px;
    z-index:44;
    display: none;
}
.zipcode-update-popup .zipcode-container{

    width: 100%;
    background: #FFFFFF;
    margin: auto;

    /* padding: 16px; */
    text-align: center;
    position: relative;
}
.overlay-zipcode{
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    z-index: 43;
    display: none;
}
.zipcode-update-popup .zipcode-container label{
    display: block;
    position: unset;
    margin: 0 0 4px;
}
.zipcode-update-popup .zipcode-container .close{
    position: absolute;
    top: 0;
    right: 0;
    margin: 16px 16px 0;
}
.zipcode-update-popup .zipcode-container .close img{
    cursor: pointer;
}
.zipcode-update-popup .zipcode-container h2{
    font-family: "Graphik-Light";
    font-size: 32px;
    margin: 0 0 56px;
    font-weight: lighter;
}
.inner-content{
    padding: 58px 117px;
}
.zipcode-update-popup .zipcode-container form{
    text-align: left;
}
.zipcode-update-popup .zipcode-container form .update-zip-field{
    font-family: 'Graphik-Medium';
    font-size: 16px;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #979797;
    padding: 10px 0;
    margin: 0 0 32px;
}
.zipcode-update-popup .zipcode-container form input:focus{
    outline: none;
}
.zipcode-update-popup .zipcode-container form .update-btn{
    text-align: center;
}
.zipcode-update-popup .zipcode-container form .update-btn .f_button{    margin-top: 0px !important;}
.zipcode-update-popup .zipcode-container form .update-btn .btn-green{
    font-family: 'Graphik-Medium';
    font-size: 13px;
    padding: 12px 35px;
    background: #228800;
    border: 0;
    color: #FFFFFF;

}
.hidden-spacing{
    height: 30px;
}
   .mobile-br{
       display:none;
   }
.col-row { position: relative; display: flex; align-items: normal; z-index: 8; }
.col-75 { width:430px; padding-right: 40px; }
.card .list-unstyled a {color: #228800;font-family: 'Graphik-Medium',sans-serif;font-size: 16px;line-height: 26px;padding: 10px  0;display: flex;align-items: center;}
.card .list-unstyled a img{padding-right: 16px;}
.card .list-unstyled .phone{font-family: 'Graphik',sans-serif;font-size: 24px;font-weight: normal;line-height: 30px;}
.operating-hours{padding-top: 25px;font-family: 'Graphik',sans-serif;font-size: 13px;line-height: 21px;color: #000;margin: 0px;}
.operating-hours b{font-family: 'Graphik-Medium',sans-serif; font-weight: normal;}
.user-profBox { align-items: center; display: flex; padding-top: 10px; }
.user-profile-cnt p { font-size: 13px; font-family: 'Graphik',sans-serif; line-height: 21px; color: #000; margin: 0; }
.user-profile-cnt { position: relative; top: -3px; padding-left: 16px; }
.btns { border: 1.5px solid #D8D8D8; background-color: #FFFFFF; color: #000000; font-family: 'Graphik-Medium'; font-size: 12px; font-weight: normal; letter-spacing: 0.5px; line-height: 13px; text-transform: uppercase; padding: 17px 40px; display: inline-block; margin-top: 5px; }
.white-section{background: #FFFFFF;}
.gray-section{background: #F0F0F0; }
.light-green-section{background: #EEFFEE;}
.pl-6{padding-left: 6%; padding-right: 6%;}
.banner-lft .card .mob-hide{display: block !important;}
.desk-hide{display: none;}
.paddingBtm{padding-bottom: 76px;}
.banner-rgt{display: flex;}
.paddingTopR{padding-top: 0;}
.flexp{
    display: flex;
    flex-direction: column;
}
.phoneR {    font-family: 'Graphik',sans-serif;
    font-size: 24px;
    font-weight: normal;
    line-height: 30px;}
h1 + p {
    width: 450px;
  }
#chat_now1{padding-bottom: 0;}
.font-medium{font-family: 'Graphik-Medium',sans-serif; font-weight: normal;letter-spacing: .2px}
.col-row2 .operating-hours{padding-top: 0px !important;}
.col-row2 ul.list-unstyled{margin-top: 50px;}
.timeavailable.col-row2 .operating-hours{padding-top: 40px !important;}
.mob_block{display: none;}
.generalUpdate {padding: 20px 0;}
.generalUpdate .center p b{    font-weight: 400;     margin-right: 10px; font-size: 16px;}
.generalUpdate .center p{margin-bottom: 0 !important;}
.generalUpdate .center p .f_button{    width: 83px;min-width: 83px !important; min-height: 38px !important; padding: 0; margin-top: 0 !important;}
@media screen and (max-width:1200px) {
.h1{font-size: 48px; line-height: 48px;}
.h2{font-size: 36px; line-height: 40px;}
.py-8 { padding-left: 5%; padding-right: 5%; }
p{font-size: 15px; line-height: 22px; margin-bottom: 12px;}
.col-75 { width:400px; padding-right: 30px; }
.banner-rgt{display: inline-block;}
.paddingTopR{    padding-top: 10px;}
.operating-hours{padding-top: 15px;}
.link {font-size: 15px; line-height: 16px; }
.card .list-unstyled a {font-size: 15px; line-height: 22px; padding: 8px 0; }
.minheight{
    min-height: auto !important;

}

}

@media screen and (max-width:992px) {
.h1 { font-size: 42px; line-height: 42px; margin-bottom: 18px; }
.h2{font-size: 32px; line-height: 36px;}
.py-8 { padding-left: 5%; padding-right: 5%; }
p{font-size: 14px; line-height: 20px; margin-bottom: 12px;}
.user-profBox + p.mob-hide{padding-top: 14px !important;}
/* .user-profBox{padding-top: 30px;} */
.operating-hours{padding-top: 0px;letter-spacing: -0.2px;}
.notreadytotalk{padding-top: 15px;}
.card .h4 br, .operating-hours br:last-child{display: none;}
.card .h4{font-size: 18px; line-height: 22px; margin-bottom: 10px;}
.link {font-size: 14px; line-height: 16px;     margin-top: 5px !important; }

.paddingTopR,.paddingTopR a{ padding: 0;}
.card .list-unstyled a {font-size: 14px; line-height: 18px; padding: 8px 0; }
.banner-lft { padding-top: 15px; padding-bottom: 15px; }
.card .list-unstyled .phone {font-size: 18px; line-height: 24px; }
.verticalscroll{
    margin: 0 !important;
}
h1 + p {
    width: 395px;
  }
}

@media screen and (max-width:767px) {
    h1 + p {
        width: 100%;
    }

}
@media screen and (max-width:850px){
.paddingBtm{padding-bottom: 0;}
.col-md-6 { flex: 0 0 100%; max-width: 100%; padding-left: 15px; padding-right: 15px; }
.col-75 {width: 100%; padding: 0; }
.h1 { font-size:30px; line-height: 36px; margin-bottom: 18px; }
.h2{font-size: 32px; line-height: 36px;}
.py-8 { padding-left: 30px; padding-right: 30px; }
p { font-size: 14px; line-height: 22px; margin-bottom: 20px; }
.card { margin-top: 30px; padding: 25px 25px 10px; }
.user-profBox{padding-top: 17px;}
.operating-hours,.user-profile-cnt p{padding-top: 0px;letter-spacing: -0.2px; font-size: 12px;}
.card .h4{font-size: 18px; line-height: 22px; margin-bottom: 10px;}
.link {font-size: 14px; line-height: 16px; }
.card .list-unstyled{padding-top: 20px;}
.card .list-unstyled a {font-size: 14px; line-height: 20px; padding: 0px 0 15px; }
.banner-lft {padding: 45px 25px 40px 25px; }
.card .list-unstyled .phone { font-size: 14px; line-height: 20px; font-family: 'Graphik-Medium',sans-serif; }
.col-row{display: block; z-index: 1;}
.card .h4 br, .operating-hours br:last-child { display: block; }
.banner-rgt{padding: 40px 25px 0; background: #FFFFFF;}
.gray-section{padding:40px 20px; background: #fff;}
.desk-hide{display: block;}
#chat_now{padding-bottom: 0px;}
.mob-hide,.banner-lft .card .mob-hide{display: none !important;}
.white-section .sales-center-container .col-md-6{padding:25px 40px 40px;}
.user-profile-cnt P{display: block !important;}
/* .card, p.desk-hide{transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear;-o-transition: all 0.3s linear; -o-transition: all 0.3s linear;} */
/* p.desk-hide{display: block !important; opacity: 0; height: 0px !important;} */

.collapse-btn2 {padding: 23px !important; margin: 0 25px;}
.collapse-btn2::before{margin-top: -8px !important;}
.collapse-btn1, .collapse-btn2 { display: flex !important; align-items: center; justify-content: center; font-size: 14px; line-height: 20px; font-family: 'Graphik-Medium',sans-serif; border-top: 1px solid #DADADA; padding:23px 0 14px; color: #000000; text-decoration: none; position: relative; }
.collapse-btn1::before, .collapse-btn2::before { position: absolute; left: 66%; top: 54%; margin-top: -3px; content: ''; width: 16px; height: 16px; background: url(https://connect.clover.com/rs/215-EWB-051/images/down-arrow-v3-new.png) no-repeat center center / 14px; }
.expand-collapse1 .collapse-btn2::before,.expand-collapse2 .collapse-btn1::before{left: 63%; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg);     margin-top: -3px;}
.expand-collapse1 p.desk-hide,.expand-collapse2 p.desk-hide{padding-top: 20px;}
.expand-collapse1 p.desk-hide,.expand-collapse2 p.desk-hide{display: block !important; opacity: 1; height: 130px !important;}
.expand-collapse1 p.firstp{display: block !important; opacity: 1; height: 85px !important;}
.test{display: block;}
.card, p.test{transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear;-o-transition: all 0.3s linear; -o-transition: all 0.3s linear;}
p.test{display: block !important; opacity: 0; height: 0px !important;}
.expand-collapse2 p.test{padding-top: 10px;}
.expand-collapse2 p.test{display: block !important; opacity: 1; height: 163px !important;}

p.show{display: block !important;}
.flexp{
    flex-direction: column-reverse;
}
.calendly-popup{
    top: 0px !important;
}

.calendly-popup-close {

    right: 35px  !important;
    width: 32px !important;
    height: 34px !important;
}
.calendly-overlay .calendly-popup-close {
    background: url(https://connect.clover.com/rs/215-EWB-051/images/close-icon-v3-new.svg) no-repeat !important;
}
.rowalign{
    margin: 0 !important;
}
.expired{
    display: block !important;
}
.listtop{
    padding-top: 25px !important;
}
/* .banner-lft .col-row[data-aos^=fade][data-aos^=fade].aos-animate .list-unstyled.paddingBtm{padding-bottom: 0 !important;} */
.timeavailable.col-row2 p.show{padding-top: 24px !important;}
.timeavailable.col-row2 p.operating-hours{padding-top: 0px !important;}
.timeavailable.col-row2 .card{padding-bottom: 23px !important;margin-top: 20px;}
.mob_block{display: block;}
.col-75:first-child .card{margin-top: 20px !important;}
}
@media only screen and (min-width:2500px)
{
    .paddingTopR{padding-top: 0px;}
}

@media not all and (min-resolution:.001dpcm) {
    @media {
   .repdetails p b{letter-spacing: -1px;}
    }
  }
.banner-lft .col-row[data-aos^=fade][data-aos^=fade].aos-animate .list-unstyled.paddingBtm{padding-bottom: 40px;}
@media only screen and (min-width:992px) and (max-width:1200px)
{
    .banner-lft .col-row[data-aos^=fade][data-aos^=fade].aos-animate .list-unstyled.paddingBtm{padding-bottom: 43px;}
}
@media only screen and (min-width:769px) and (max-width:991px)
{
    .banner-lft .col-row[data-aos^=fade][data-aos^=fade].aos-animate .list-unstyled.paddingBtm{padding-bottom: 55px;}
}
@media screen and (max-width:400px) {
    .fixed-top .navbar .left-sub .dropdown{padding: 0 .39rem;}
    .fixed-top .navbar .left-sub .dropdown:last-child{padding-right: 0px !important;}
    .fixed-top .navbar .left-sub .mini-mark{padding-right: 15px;}
}


@media(max-width:991px){
    .pin-popup-card{
        padding: 0;
    }
    .pin-popup-card .pin-pop-spacing{
        padding: 25px 25px 0 25px;
    }
    .pin-popup-card .pin-code-utility{
        padding:10px 25px;
    }
    .hidden-spacing{
        height: 0;
    }

    .banner-lft{
        display: block;
    }
    .card,.banner-lft{
        width: 100%;
    }
    .collapse-btn1::before,.collapse-btn2::before{
        transition: 0.2s all ease;
    }
   .active-acc .collapse-btn1::before,.active-acc .collapse-btn2::before{
        transform: rotate(180deg);
    }
    .banner-lft .col-row .card .list-unstyled{
        padding: 24px 0 !important;
    }
    .card p.desk-hide{
        margin: 0;
    }
    .desk-hide.firstp{
        padding: 0 25px!important;
        /* margin-bottom: 0!important; */
      }
      .card .h4{
          margin: 0;
      }
    .hidden-spacing{
        display: none;
    }
    .user-profBox{
        padding-top: 24px;
    }

    .accord-btn{
        display: block;
        padding: 24px;
        text-align: center;
        font-family: 'Graphik-Medium',sans-serif;
        border-top: 1px solid #DADADA;
    }
    .accord-btn .btn-text{
        margin: 0 10px 0 0;
        font-family: "Graphik-Medium";
        font-weight: lighter;
    }
    /* .acc-arrow{
        vertical-align: bottom;
    } */
    .acc-arrow img{
        width: 14px;
        height: 14px;
        transition: 0.3s all ease;
        vertical-align: middle;
    }
    p.desk-hide .operating-hours{
        display: block;
        margin-top: 16px;
    }
   .rotate-arrow{
       transform: rotate(180deg);
   }

   .card .accord-btn-2{
       margin: 0 25px;
   }
   .active-acc .accord-btn{
    margin: 24px 0 0;
    }
    .active-acc .accord-btn-2{
        margin: 24px 25px 0;
    }
    .contact-card{
        padding-bottom: 0;
    }
    .pin-pop-spacing .operating-hours{
        padding-bottom: 12px !important;
    }
    .generalUpdate .center p .f_button{
        border-radius: 0;
        background-color: #228800;
        -webkit-appearance: none;
    }
    .timeavailable.col-row2 p.show{
        padding-top: 0 !important;
    }
}
@media(max-width:767px){
    .zipcode-update-popup .zipcode-container h2{
        margin: 0 0 40px;
    }
    .generalUpdate{margin-top: 12px;}
    .zipcode-update-popup{
        width: 90%;
    }
    .inner-content{
        padding: 54px 32px;
    }
    .zipcode-update-popup .zipcode-container h2{
        font-size: 28px;
    }
    .reg-message{
        display: block;
       margin: 0 0 15px 0;
    }
    .mobile-br {
        display: block;
    }
    .generalUpdate .center p b{
        margin: 0;
    }
}

@media (max-width:360px) {
    .zipcode-update-popup .zipcode-container h2{
        font-size: 23px;
    }
}