@charset "utf-8";
/*.............. fonts..............*/
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;500;700;900&display=swap');
/*.............. fonts..............*/


/*..............common styles..............*/

html, body { margin: 0; padding: 0; font-size:16px; color:#000; font-family: 'Lato', sans-serif;  scroll-behavior: smooth; width: 100%;}
h1, h2, h3, h4, h5, h6 { margin:0 0 20px; padding:0; color:#000000;   font-weight: 700; font-family: 'Lato', sans-serif;   }
h1{ font-size:45px;font-weight: 900; }
h2{ font-size:45px;font-weight: 900;}
h3{ font-size:30px;font-weight: 900;}
/*h4{ font-size:23px;}*/
h5{ font-size:24px;}
h6{ font-size:20px;}
p{ font-size:16px; margin:0 0 20px; padding:0;  color:#000000;  font-family: 'Lato', sans-serif; line-height: 1.4; font-weight: 500;}
img{ max-width: 100%;}
a, img{ border:0; text-decoration: none; outline: none; color: #000000;}
a:visited, a:focus, a:hover { color:#00b31c; outline: none; text-decoration: none; transition:all 0.3s ease 0s;}


input, textarea, select{  font-weight: 400; font-size: 16px; outline: none; width: 100%;  padding: 13px 10px; border:none; color: #777777; margin-bottom: 10px; background-color: transparent; border:1px solid #a9a8a8; }

dl, ol, ul {margin: 0; padding: 0;}
input[type="submit"]:hover { background-color: #183964; }
label { font-weight: 500; }


/* --- for placeholder color --- */
::-moz-placeholder{color:#777777; opacity:1;}
:-ms-input-placeholder{color:#777777;}
::-webkit-input-placeholder{color:#777777;}
/* --- for placeholder color --- */



/* --- Button Styles --- */
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow:none !important;
    border:1px solid !important ;
}




input[type="submit"] { outline: none !important; min-width:140px; text-transform: uppercase; position: relative; font-weight: 500; border: none;color: #FFFFFF; padding: 15px 20px 15px; font-size: 16px; line-height: 1; border-radius: 0; background-image: linear-gradient(to right, #8cc401 49%, #124c1a 50%);  background-size: 205% 100%; background-position: right bottom; transition: all .5s ease-out; }
input[type="submit"]:hover {    background-position: left bottom;    }

.btn.no-ls { letter-spacing: normal; }

.btn.round { border-radius: 6px; }



.btn.btn-inline:hover { color:#124c1a !important}
.btn.btn-inline  { background: transparent !important; color:#8cc401; position: relative; padding-left: 0; padding-right: 0; min-width: 1px}
.btn.btn-inline:after  {content:''; position: absolute; bottom: 0; left: 0; right: 0; display: block; background-color:#8cc401; height: 2px; }




.btn.btn-white {   background-image: linear-gradient(to right, #8cc401 49%, #FFFFFF 50%); color: #000; font-weight: 600; }

/* --- Button Styles --- */


/*INNER PAGES CSS*/
.profile-img { width: 93px;display: block;margin:-80px auto 15px;position: relative;z-index: 2; border: solid 3px #26252a;
    border-radius: 50%;}
.cote-img { width: 60px; height: 41px; display:block;margin:0 auto 15px;}
.profile-img img{border-radius: 50%;}
.clients.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 10px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -60px;
}
.owl-theme .owl-dots .owl-dot span { background: #e4e4e4; border:0;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #2a9ed0;}
.stories-box {
    position: relative;
    padding: 60px;margin-top: 50px;
    background: #124c1a;
    text-align: center;
}
.post-img { display: flex; justify-content: center; align-items: center;}
.post-desc p{font-size: 16px;  text-align: center;color: #fff;}
.post-desc .post-img h6 {color: #fff; margin-bottom: 0;}
.post-desc .post-img h6 span { display: block;}
.stories-box:before {
    position: absolute;
    content: "";
    height: 10px;
    left: 0;
    right: 0;
    top: 10px;
    background: #8cc401;
}
.owl-carousel.owl-theme.clients button.owl-next span {
    position: absolute;
    right: -50px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 40px;    background: #124c1a;color: #fff;
    width: 40px;
    height: 40px;
    line-height: 32px;
}
.owl-carousel.owl-theme.clients button.owl-prev span {
    position: absolute;
    left: -50px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 40px;background: #124c1a;color: #fff;
    width: 40px;
    height: 40px;
    line-height: 32px;
}
.owl-carousel.owl-theme.clients button.owl-prev:hover span, .owl-carousel.owl-theme.clients button.owl-next:hover span{background: #c92139;  border: solid 1px #c92139;color: #fff;}
.owl-carousel.owl-theme.clients .owl-dots { bottom: 0;}
.owl-carousel.owl-theme.clients .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #808080;}

.gray-bg-one{background: #f5f5f5;}
.our-clients-hd h2 {
    color: #124c1a;
}
.login-law {
    position: relative;
    z-index: 3; padding: 100px 45px;
    text-align: center;
}
.login-law h6{font-size: 18px;color: #fff;}
.login-law h6 a{color: #e5ffa5;}
.login-form h6 {
    text-align: center;
}
.login-form h6 a{
    color: #276c30;
}
.login-hd h1 {
    text-align: center;
    color: #fff;
}
footer.cmn_pad.pb-0.custom-footer { padding: 0;}
footer.cmn_pad.pb-0.custom-footer .footer-bottom{margin: 0;}


.our-process-hd h2{color: #276c30;}
section.our-process{ background: #f4f4f4; position: relative; z-index: 1;}
.our-benefits-info {
    box-shadow: 0 0 15px rgb(0 0 0 / 0.2);
    padding: 40px;
    margin-bottom: 40px;
}
section.our-benefits h6 {
    font-weight: normal;
}

.our-video-info h2 {
    color: #276c30;
    margin: 20px 0;
}
.our-video-info a {  color: #000;display: inline-block; border: solid 2px #276c30; padding: 10px 20px;}
.number-step {
    background: #99c53c;
    width: 206px;
    height: 206px;
    text-align: center;
    border-radius: 50%;
    margin: 0 auto 30px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.number-step-ctn {
    width: 143px;
    background: #edf1f4;
    height: 143px;
    line-height: 143px;
    border-radius: 50%;
    font-size: 40px;position: relative;z-index: 5;
    font-weight: bold;
    box-shadow: 0 0 15px rgb(0 0 0 / 0.3);
}
section.our-process .row .col-lg-4:nth-child(2) .number-step { background: #ebbd18;}
section.our-process .row .col-lg-4:nth-child(2) .number-step:after {  position: absolute; content: ""; width: 100%; height: 10px; background: #dfdfdf; top: 50%;transform: translateY(-50%); left: -100%; z-index: -1;}
section.our-process .row .col-lg-4:nth-child(2) .number-step:before {position: absolute; content: ""; width: 28px; height: 28px; background: #fff; top: 50%; left: -50%; border: solid 6px #99c53c; z-index: 1; border-radius: 50%; transform: translateY(-50%);}
section.our-process .row .col-lg-4:last-child .number-step { background: #50b4ac;}
section.our-process .row .col-lg-4:last-child .number-step:after {  position: absolute; content: ""; width: 100%; height: 10px; background: #dfdfdf; top: 50%;transform: translateY(-50%); left: -100%; z-index: -1;}
section.our-process .row .col-lg-4:last-child .number-step:before {position: absolute; content: ""; width: 28px; height: 28px; background: #fff; top: 50%; left: -50%; border: solid 6px #ebbd18; z-index: 1; border-radius: 50%; transform: translateY(-50%);}

.bg-white{background: #fff;}
.login-form {
    padding: 45px;
}
.login-form label {
    display: block;font-size: 18px; font-weight: bold;
}
.login-form label input[type="checkbox"] {
    display: inline-block;
    width: auto;
    margin-right: 10px;
}
.login-form label input.form-control {
    height: 45px;
    border: solid 1px #ccc !important;
    margin: 20px 0;
}
.login-form label span {
    display: block;
    font-size: 14px;
}




.feedback-post label {
    display: block;
    color: #fff;
}
.feedback-post {
    position: relative;background-size: cover !important;
    padding: 40px;
}
.feedback-post:after {
    position: absolute;
    content: "";
    background: rgb(18 76 26 / 0.90);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.feedback-post h5, .feedback-post form{position: relative;color: #fff; z-index: 2;}
.feedback-post .form-control {
    background: transparent;
    border: solid 1px #fff !important;
    opacity: 1;
    color: #fff;
    height: 45px;
}
.feedback-post .form-control::-moz-placeholder{color:#fff; opacity:1;}
.feedback-post .form-control:-ms-input-placeholder{color:#fff;}
.feedback-post .form-control::-webkit-input-placeholder{color:#fff;}
.feedback-post input[type="submit"] {color: #000; background-image: linear-gradient(to right, #34ea11 49%, #ffd31f 50%);}
.row.graybg { background: #f5f5f5; padding-bottom: 30px; margin: 30px 0;}
.member-reviews { padding: 30px 0 0 30px;}
.member-video-wrap { padding: 40px; background: #f5f5f5;}
.member-slider { padding: 40px;}
.member-slider .owl-prev {position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.member-slider .owl-next {position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.post-country span {
    width: 40px;
    margin-right: 10px;
}
.post-country {
    display: flex;margin-bottom: 20px;
    align-items: center;
}
.post-country p{margin-bottom: 0;color: #6b6b6b;}
.post-country p strong{color: #2dace1;}
.member-reviews>p {color: #282828;}


.shop-ship-area .btn-text h6 a { padding: 0;}
.btn-text {margin: 20px 0;}



.work-icon-info h6 {font-weight: 900;}
.work-icon-info p a {color: #2b6093;}
section.our-work-process { background-size: cover !important;}
section.perfect-plan { background: #f8f8f8;}
.perfect-plan-hd {margin-bottom: 200px;}
.gap-top{padding-top: 50px;}
.price-plan {  position: relative;}
.top-box-green {
    position: absolute;
    top: -106px;
    text-align: center;
    border: solid 1px #ddd;
    left: 0;
    right: 0;border-radius: 15px 15px 0 0;
    padding: 0 20px 20px;
}
.price-plan .top-box-green h6 {
    background: #99c53c;
    font-size: 20px;
    font-weight: bold;
    padding: 30px 0;
    margin: 0;
    border-radius: 0 0 15px 15px;
}
.price-plan .top-box-green.yellow h6{ background: #ffd420;}
.price-plan .top-box-green.yellow {top: -167px;margin: 0 -1px;}
.price-plan .top-box-green.yellow img { margin-top: 20px;}
.price-plan .top-box-green.blue h6{ background: #50b4ac;}
.our-work-process-hd h6{color: #fff;}

.last-box-green .btn, .last-box-yellow .btn, .last-box-blue .btn {border-radius: 6px;color: #fff;}
.last-box-blue .btn {background: #50b4ac;}
.col-lg-8 .col-lg-4:last-child p { border-right: solid 1px #dddddd;}
section.perfect-plan .gray-bg p { background: #f8f8f8;}

.choise label.checkcontainer {
    margin-right: 15px;
}
.last-box-blue{
    text-align: center;
    padding: 12px;
    border: solid 1px #ddd;
    border-top: 0;
    border-radius: 0 0 15px 15px;
}
.price-plan h6 {
    background: #124c1a;
    margin: 0;
    padding: 14px;
    color: #fff;    font-size: 16px;
    font-weight: normal;
}
.price-plan p {
    padding: 12px;
    margin: 0;    border-left: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
}
.price-plan p span {
    width: 30px;
    height: 2px;
    background: #b3d15a;
    display: inline-block;
}
.last-box-green {
    text-align: center;
    padding: 12px;
    border: solid 1px #ddd;
    border-top: 0;
    border-radius: 0 0 15px 15px;
    margin-right: -1px;
}
.choise label.checkcontainer {
    display: inline-block;
}
.last-box-yellow {
    text-align: center;
    padding: 12px;
    border: solid 1px #ddd;
    border-top: 0;
    border-radius: 0 0 15px 15px;
    margin-right: -1px;
}
.price-plan .last-box-yellow p{border: 0;font-size: 15px;margin: 0;}
.choise {
    margin-top: 20px;
}






.wallet-area-table {
    margin: -100px auto;
    width: 60%;
    background: #fff;
    position: relative;
    top: -100px;
    padding: 50px;
    box-shadow: 0 0 15px rgb(0 0 0 / 0.1);
}
.wallet-area-table table.wallet-box-tbl tr td, .wallet-area-table table.wallet-box-tbl tr th { padding: 10px;}

.wallet-area-table table.wallet-box-tbl tr { border-bottom: solid 1px #ddd;}
svg.svg-inline--fa.fa-check.fa-w-16 {color: #8dba08;}
svg.svg-inline--fa.fa-times.fa-w-11 { color: #c5353c;}
svg.svg-inline--fa.fa-star.fa-w-18 {
    color: #8dba08;
    font-size: 20px;
    margin: 2px;
}
.profile-info, .profile { margin-top: 50px;}
.profile-info h6 { font-weight: normal;}
.profile {
    border: solid 2px #011c53;
    border-radius: 50%;
    width: 92px;
}
.average-year {position: relative;}
.average-year:before { position: absolute;top: 0; right: 0; bottom: 0; left: 0; content: "";background:rgb(37 102 47 / 0.95);}

.your-offer{position: relative;}
.your-offer:before { position: absolute;top: 0; right: 0; bottom: 0; left: 0; content: "";background:rgb(113 113 113 / 95%);}
.your-offer-desc h6{color: #fff;}
.your-offer-desc h6 span{font-weight: normal;}
.your-offer-desc h6 strong {position: relative;     z-index: 1;padding: 16px 20px;}
.your-offer-desc h6 strong:after {    z-index: -1;
    background: url(../images/shape-circle.png);
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 115px;
    height: 53px;
}
.average-year-hd h3{color: #fff;}
.average-year-opt {
    background: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 40px;
}
.average-year-opt h6 {
    margin: 0 50px 8px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.average-year-opt h6 span{font-weight: normal;}
.or {
    position: absolute;
    top: -35px;
    background: #fff;
    border: solid 2px #0e689c;
    width: 75px;
    height: 75px;
    text-align: center;
    line-height: 75px;
    border-radius: 50%;
    font-size: 30px;
    font-weight: bold;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.estimate-costs-hd h2{color: #276c30;}
.custom-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.custom-two input.form-control {
    width: 30px;
    display: inline-block;
    vertical-align: middle;margin:0 5px 0 0;
}
.custom-two label{margin-right: 20px;}
.custom-wrap-two { display: flex; margin: 30px 0 0;}
.radiobtn { position: absolute;top: 3px;left: 0;height: 20px;width: 20px;background-color: #fff;border-radius: 50%;border: solid 2px #5f8a04;}
.checkcontainer input { position: absolute;opacity: 0;cursor: pointer;}
.checkcontainer {display: block; position: relative; padding-left: 25px; margin-bottom: 12px; cursor: pointer; font-size: 17px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.checkcontainer input:checked ~ .radiobtn:after { display: block;}

.checkcontainer .radiobtn:after {top: 2px; left: 2px; width: 12px; height: 12px; border-radius: 50%; background: #80ba00;}
.radiobtn:after { content: "";position: absolute;display: none;}
.custom-wrap-mid {
    float: left;
    margin: 0 20px 20px 0;
}
.estimate-costs-form h6 {
    font-size: 18px;
    display: block;
    clear: both;
}
.estimate-costs-form input.w-75{border-radius: 6px;margin-bottom: 20px;
    background-image: linear-gradient(to right, #124c1a 49%, #8cc401 50%);}
.estimate-costs-form {
    padding: 65px;
    box-shadow: 0 0 15px rgb(0 0 0 / 0.1);
}
.estimate-costs-form .form-control {
    color: #000;
    background-color: #e6ebef;
    border: 1px solid #ddd !important;
}



.bdr{border:solid 1px #124c1a !important;}
.padding-top{padding-top: 70px;}
.padding-bottom{padding-bottom: 70px;}
.fifty{padding-bottom: 30px;}
.sm-gap{padding-top: 30px;}
section.inner-banner { position: relative;}
section.inner-banner:after { position: absolute;top: 0; right: 0; bottom: 0; left: 0; content: "";background:rgb(0 0 0 / 0.50);z-index: 1;}
.inner-banner-hero-desc { position: absolute; top: 50%; transform: translateY(-50%); left: 0;  right: 0;z-index: 2;  text-align: center;}
.inner-banner-hero-desc h1{margin-bottom: 0;color: #fff;}

.blog-list-desc .post-date p { font-size: 15px; margin-bottom: 10px;}
.blog-list-desc p, .blog-details-desc p, .blog-details-desc ul li { font-size: 20px;}
.blog-list-img{position: relative;margin: 20px 0;}
.blog-list-img:after { position: absolute;top: 0; right: 0; bottom: 0; left: 0; content: "";background:rgb(0 0 0 / 0.10);z-index: 1;}
.breadcrumbs ul li { display: inline-block;  padding: 0 1px;}
.pagination-area ul.pagination {  justify-content: center; margin: 20px 0 0 0;}
.breadcrumbs ul li {  display: inline-block; padding: 0 1px; color: #767676;}
.blog-details-img{padding: 50px 0;}
.blog-details-desc .bd-img{padding: 20px 0;}
.blog-details-desc ul li{margin-left: 20px;}
.blog-details-desc p a{color: #0e689c;}

.comments-form textarea.form-control { height: 150px;  background: #f4f4f4;  border: 0 !important;}
.comments-form input.form-control { border: solid 1px #878787 !important; height: 55px;  margin-bottom: 20px;}
.comments-form input.btn {  width: 185px; background: #8cc401;  border-radius: 4px;}
.blog-details-desc { padding-bottom: 40px;}
.comments, .comments-form {padding-top: 40px;}
.comments h6, .comments-form h6{color: #3e3e3e;}

.welcome-area-desc h6{font-weight: normal;}
.our-work-process{position: relative;}
.our-work-process:before { position: absolute;top: 0; right: 0; bottom: 0; left: 0; content: "";background:rgb(18 76 26 / 0.95);}
.our-work-process-desc {
    background: #fff;
    border-radius: 10px;
    padding:25px 33px;
    display: flex;
    margin: 15px 0;
    align-items: center;
}
.work-icon-box {
    width: 96px;
    min-width: 96px;
    border: solid 5px #124c1a;
    border-radius: 50%;
    margin-right: 35px;
}
.our-work-process-desc p, .work-step-desc p{font-size: 20px;}
.our-work-process h2{color: #fff;}
.work-step-desc h2{color: #276c30;}
.work-step-desc h6{color: #276c30;margin-bottom: 5px;}
section.work-step .step-now:nth-child(odd) {background: #f7f7f7;}

.shipping-costs ul li {
    list-style: none;
    background: #f6f6f6;
    border: solid 1px #ddd;
    font-size: 20px;
    margin: 3px;display: block;border-radius: 6px;

}
.shipping-costs ul li a{color: #000;display: block;padding: 5px 10px;border-radius: 6px;}
.shipping-costs ul li a span{color: #6e7180;}
.shipping-costs ul li a:hover{color: #fff; background: #124c1a;}

.select-country select.form-control {
    height: 50px;
    border: solid 1px #dadada !important;
    font-size: 20px;
    font-weight: bold;
}

.country-list {
    background: #ededed;
    text-align: center;
    border-radius: 6px;
    padding: 10px;height: 80px; position: relative;
    margin-bottom: 80px;
}
.country-list h6{font-size: 15px;margin: 13px 0;}
.country-list span {
    margin: -60px auto 0;
    display: block;
    border: solid 1px #ededed;
    width: 82px;
    height: 82px;
    border-radius: 50%;
}
.shipping-costs {
    margin-bottom: 50px;
}

.guide-area {position: relative;}
.guide-area:before { position: absolute;top: 0; right: 0; bottom: 0; left: 0; content: "";background:rgb(37 102 47 / 0.95);}
.guide-area-hd h3{color: #fff;}
.guide-area-hd .select-country select.form-control {
    border: solid 1px #fff !important;
    background: transparent;
    color: #fff;
}
.guide-area-hd .select-country select.form-control option{color: #000;}
.shop-ship-area{background: #124c1a;}
.shop-ship-area h2, .shop-ship-area h6{color: #fff;}
.shop-ship-area h6 a{display: block; color: #FFF; text-decoration: underline; padding-top: 50px;}
.shop-ship-area h6{font-weight: normal;}

.shopping-girl {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 315px;
}
section.shop-ship-area { position: relative;}
.custom-search .search-form-inner { margin: 20px auto;}
.custom-search .search-form-inner input[type="submit"] { background-image: linear-gradient(to right, #9a9a9a 49%, #8cc401 50%);}
.custom-search .search-form-inner .form-control {
    padding: 10px;
    height: 47px;
    background: transparent;
    color: #fff;
    border: solid 1px #fff;
}
.custom-search .search-form-inner .form-control::-moz-placeholder{color:#fff; opacity:1;}
.custom-search .search-form-inner .form-control:-ms-input-placeholder{color:#fff;}
.custom-search .search-form-inner .form-control::-webkit-input-placeholder{color:#fff;}

.experience-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 80px;
    position: relative;
}
.experience-box:after { position: absolute;top: 0; right: 0; bottom: 0; left: 0; content: "";background:rgb(37 102 47 / 0.70);}
.experience-box div{position: relative; z-index: 1;}
.experience-box h2, .experience-box p{color: #fff;}
.our-featured-box:hover {box-shadow: 0 0 15px rgb(0 0 0 / 0.2);}
.our-featured-box {
    text-align: center;border: solid 1px #f2f2f2;
    border-radius: 6px;
    padding: 50px;
    margin-bottom: 30px;
}
.our-featured-box span {
    border: solid 2px #8cc401;
    display: inline-block;
    border-radius: 50%;
    margin-bottom: 20px;
}
.panel-group .panel {border-radius: 0;  box-shadow: none;  border-color: #EEEEEE;}
.panel-default > .panel-heading {padding: 0;border-radius: 0;color: #212121;background-color: #FAFAFA;border-color: #EEEEEE;    }
.panel-title {font-size: 20px;border-top: 0;background: #f1f1f1; padding: 15px 60px 15px 15px;}
.panel-title > a {display: block; color: #000; text-decoration: none;}
.more-less {  color: #276c30; float: right;}
.panel-default > .panel-heading + .panel-collapse > .panel-body {background: #fff; padding: 15px 15px 1px 15px;border-top-color: #EEEEEE;}

.panel-title a i.glyphicon-plus, .panel-title a i.glyphicon-minus { position: relative;}
.panel-title a i.glyphicon-plus:before{position: absolute; left:8px; top: -4px; content: "+"; width: 30px; height: 30px; font-style: normal; font-size: 24px; border: solid 2px #276c30; display: inline-block; border-radius: 50%; text-align: center;line-height: 1;}
.panel-title a i.glyphicon-minus:before{content: "-"; position: absolute; left:8px; top: -4px; width: 30px; height: 30px; font-style: normal; font-size: 24px; border: solid 2px #276c30; display: inline-block; border-radius: 50%; text-align: center;line-height: 1;}
.accordion-hd{margin-bottom: 30px;}
.career-area-image img { border-radius: 50%;}
.accordion-hd h2{color: #276c30;}


.bnr-price-btn-wrap a.pricebtn {
    background: #fff;
    color: #000;
    font-size: 24px;
    font-weight: 600;
    border-radius: 6px;
    padding: 5px 10px;
    margin: 12px 1px;
    display: inline-block;
}









/*INNER PAGES CSS*/


/*..............common styles..............*/

*:not(svg):not(path):not(.resp-tab-content):not(.wow):not(body):not(.slick-track) { transition: 250ms ease-in }

.cmn_pad { padding-top: 70px;padding-bottom: 70px; }
.cmn_px { padding-left: 75px; padding-right: 75px; }


.overflow_hidden { overflow:hidden; }



/*for header css*/
.nav_btn, .nav_close, .mobile_logo { display: none; }
header .logo_box img { max-width:260px; transition: none !important  }


.top-header { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #d3d3d3 }
.top-header .menu-col ul { display: flex; list-style: none }
.top-header .menu-col ul li a { text-transform: uppercase; color: #767676; font-size: 14px; }
.top-header .menu-col ul li a:hover { color: #00b31c;  }
.top-header .menu-col ul li { margin-right: 15px; }

.top-header .search-col .btn  { padding: 10px 15px 10px; min-width: 100px; font-size: 14px;}

.search-form-inner { width: 345px; margin-left: 20px; }
.search-form-inner .form-control { border-color:#9a9a9a; font-size: 14px; padding: 10px 15px 10px; border-radius: 6px}
.search-form-inner input[type="submit"] {  background-image: linear-gradient(to right, #8cc401 49%, #9a9a9a 50%); font-size: 14px; padding: 11px 15px 11px; max-width: 90px; min-width: 1px; margin-bottom: 0; border-radius:0 6px 6px 0}


.menu-container { padding-top:10px; padding-bottom: 10px;}


.all_menu_wrap { display: flex; display: -ms-flexbox; justify-content: space-between; align-items: center; }
.header-bottom img { width: 100%; max-height: 65px; object-fit: cover }

.header_menu ul { display: flex; list-style: none; }
.header_menu ul li:not(:last-child) { margin-right: 22px; }

.header_menu ul li a { text-transform: uppercase; color: #0e689c; font-size: 16px; }
.header_menu ul li a:hover { color: #00b31c; }

.hdr_fix .menu-container {background: #FFF;  left: 0; position: fixed; top: 0; width:100%; z-index: 1999; box-shadow:0 0 12px rgba(0, 0, 0, 0.4); transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transition: all 0.5s; animation: slide-down 0.7s; -ms-animation: slide-down 0.7s; -webkit-animation: slide-down 0.7s;}
.hdr_fix .logo_box img { max-width: 260px; }


.menu-btn a { font-weight: 600; color: #000 !important; text-align: center; outline: none !important; min-width:140px; text-transform: uppercase; position: relative; font-weight: 500; border: none;color: #FFFFFF; padding: 10px 20px 10px; font-size: 16px; line-height: 1; border-radius: 0; background: linear-gradient(to right, #8cc401 49%, #ffd31f 50%);  background-size: 205% 100%; background-position: right bottom; transition: all .5s ease-out; border-radius: 6px; }
.menu-btn:hover a {  background-position: left bottom;}

@keyframes slide-down {

0% {transform: translateY(-100%);
-moz-transform: translateY(-100%);
-webkit-transform: translateY(-100%);
-o-transform: translateY(-100%);
-ms-transform: translateY(-100%); }
100% {
transform: translateY(0);
-moz-transform: translateY(0);
-webkit-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0); }
}

.menu-bottom-notice { background: #8cc410; color: #fff; font-size: 17px; padding-top: 8px; padding-bottom: 6px;}
/*for header css*/







/*Banner section css*/
.banner_sec .slick-next { right: 60px; }
.banner_sec .slick-prev { left: 60px;  }
.banner_sec .slick-arrow { height: 50px; background: rgba(0, 0, 0, 0.45); width: 50px; border-radius: 50%; z-index: 5; }

.slick-prev::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f053"; color: #FFFFFF; font-size: 20px; margin-right: 4px; }
.slick-next::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f054"; color: #FFFFFF; font-size: 20px; margin-left: 4px; }


.banner_image  { display: flex; justify-content: space-between; align-items: flex-end;}
.banner_image  .banner-image-left { padding-top: 40px;  margin-left: -85px;}
.banner_holder { position: relative; }

.banner_text { position: absolute; }
.banner_text { width: 100%; margin-left: auto;margin-right: auto; z-index: 2; bottom:60px;}


.banner-btn-holder { margin-bottom: 35px; }
.banner-btn-holder .btn-inline { margin-left: 20px; }

.banner_text-inner { max-width: 573px }
.banner_text-inner h3 { font-weight: 600; }

/*Banner section css*/


.green-text, .green-text * { color: #276c30; }


.icon-section h2 { margin-bottom: 80px;  }
.icon-section { background-color: #f9f9f9; }
.icon-box { text-align: center; }
.icon-box img { margin-bottom: 30px; }


.curve-inforow {background-color: #74bbf9; position: relative; overflow: hidden; padding-top: 140px; padding-bottom: 90px; }
.curve-inforow-inner { max-width: 970px; text-align: center; position: relative; z-index: 2; }
.curve-inforow-inner h3 { line-height: 1.7; margin-bottom: 50px;}
.curve-bg { position: absolute; right: -60px; top: 50%; transform: translateY(-50%); z-index: 1; }


.logo-box-row { display: flex; }
.logo-box-row .logo-box {  width: 7.69%; flex:0 0 7.69%; }
.logo-box-row .logo-box .logo-box-inner { position: relative; padding-bottom: 100%;  background-color: #eeeeee;  border-radius: 10px}
.logo-box-row .logo-box .logo-box-inner img { position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); max-height: calc(100% - 15px) ;  max-width: calc(100% - 15px) }

.logo-box-row .logo-box:nth-child(6), .logo-box-row .logo-box:nth-child(8)  { margin-top: 20px; }
.logo-box-row .logo-box:nth-child(5), .logo-box-row .logo-box:nth-child(9) { margin-top: 50px; }
.logo-box-row .logo-box:nth-child(4), .logo-box-row .logo-box:nth-child(10) { margin-top: 89px; }
.logo-box-row .logo-box:nth-child(3), .logo-box-row .logo-box:nth-child(11) { margin-top: 130px; }
.logo-box-row .logo-box:nth-child(2), .logo-box-row .logo-box:nth-child(12) { margin-top: 170px; }
.logo-box-row .logo-box:first-child, .logo-box-row .logo-box:last-child { margin-top: 229px; }



.process-sec { background: #eaeaea; padding-bottom: 0; padding-top: 90px;}
.process-row { display: flex; }
.process-row .process-3 { margin-left: auto;}


.emploee-of-month:before { content:''; position: absolute; bottom: 0; left: 0; right: 0; height: 90px; background: #fff; z-index: 1;}
.emploee-of-month { background-image: url('../images/emploee-bg.jpg'); background-size: cover; padding-bottom: 0; position: relative;}
.employee-inner { background: #fff; padding: 70px; box-shadow: 0 3px 24px rgba(0,0,0,.17); position: relative; z-index: 5; }
.emp-text p { font-size: 20px; }
.emp-img-inner { position: relative; }
.emp-img-inner .emp-text { position: absolute; left: 0; right: 0; bottom: 0; font-size: 16px; color: #FFF; font-weight: 600; background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,0.8071603641456583) 0%, rgba(0,0,0,0) 100%); padding-bottom: 20px; padding-top: 60px;}



.emploee-of-month .slick-next { right: -70px; }
.emploee-of-month .slick-prev { left: -70px;  }
.emploee-of-month .slick-arrow { height: 40px; background:#ffd31f; width: 40px; z-index: 5; }

.slick-prev:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f053"; color: #000; font-size: 20px; margin-right: 4px; }
.slick-next:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f054"; color: #000; font-size: 20px; margin-left: 4px; }

.test-icon { position: absolute; top: -25px }

.test-avatar { width: 102px; height: 102px; border: 2px solid #276c30; border-radius: 50%; overflow: hidden; margin-left: auto; margin-right: auto; }
.test-avatar img { width: 100%; height: 100%; object-fit: cover }

.teste-inner {margin-top: 60px; padding: 30px 47px; border:1px solid #b9b7b6; max-width: 865px; margin-left: auto; margin-right: auto; position: relative; }
.test-text p { font-size: 18px; text-align: center; }
.test-text { margin-top: 20px; }
/* the slides */
.slick-slide { margin: 0 15px; }
/* the parent */
.slick-list { margin: 0 -15px; }

.test-name { font-size: 18px; width: 100%; text-align: center; }
.test-name .full-name { display: inline-block; position: relative;  }
.test-name .full-name:after { content:''; position: absolute; left: -79px; width: 59px; height: 2px; background: #c0c0c0; top: 15px;  }
.test-name .full-name:before { content:''; position: absolute; right: -79px; width: 59px; height: 2px; background: #c0c0c0; top: 15px;  }


.teste-scroll .slick-next { right: -200px; }
.teste-scroll .slick-prev { left: -200px;  }
.teste-scroll .slick-arrow { height: 50px; background:#FFF; width: 50px; z-index: 5; border:2px solid #d6d6d6;}



.ready-ship-sec { background: #f9f9f9 }
.ready-ship-sec p { font-size: 20px; }
.ready-ship-sec p a.link { font-size: 20px; color: #276c30; text-decoration: underline; }


.address-col { margin-top: 30px; }

.footer-menu ul { list-style: none; padding-left: 0; }
.footer-menu ul li a { color: #276c30; font-weight: 500; }
.footer-menu ul li a svg { margin-right: 8px; font-size: 25px; transform: translateY(5px);}
.footer-menu ul li { margin-bottom: 5px; }
.footer-menu ul li a:hover { color: #000; }

.footer-bottom { background-color:#8cc401; padding-top: 14px; padding-bottom: 14px; margin-top: 50px;}
.footer-bottom p { margin-bottom: 0; color: #fff; }
.footer-bottom p a  { color: #fff; }

.cookie-notice { padding-top: 20px; }
.cookie-notice p { color: #707070; }




/*---------- Multistep Form Css---------------------*/
/*DASHBOARD CSS 24-12-2020*/
.top-account { background: #f1f1f1; padding: 30px;margin-bottom: 20px;}
.top-account h6 strong { display: block;}
.top-account .bdr-right { border-right: solid 2px #0e689c;}
.top-account h6{margin-bottom: 0;}
.facility-form input.facility-control { width: auto; display: inline-block;}
.facility-form span.bold{ font-size: 18px; font-weight: bold; padding: 0 5px;}
.loading-view a{position: relative;}
.loading-view a span { position: absolute;top: -20px;right: -10px;background: #124c1a;border-radius: 50%;color: #fff;font-size: 16px;height: 22px;line-height: 22px;width: 22px;text-align: center;}
.loading-view>span { font-size: 20px; padding: 15px 0 0 20px;}
.facility-form { display: flex;margin: 20px 0 50px 0; align-items: center;}
.facility-form .radio-wrapper { margin-right: 20px;}

.address-box-text{background:#f1f1f1;padding: 20px;}
.settings-part{background:#f1f1f1;padding: 20px;margin-top: 2px; text-align: center;}
.address-box-more { background: #124c1a; display: flex; justify-content: space-between; padding: 10px; align-items: center;}
.settings-part h6 {margin-bottom: 0;}
.settings-part h6 a{color: #124c1a;}
.expected-package .email-upload { margin: 2em 0 1em;}
.expected-package .email-upload .block { background: #f3f3f4; border: 1px solid #c4c4c4; position: relative;}
.expected-package .email-upload .heading { font-size: 18px; margin: 10px 0; text-align: center;}
.expected-package .email-upload .block .inner { padding: 0 10px 10px 95px;}
.expected-package .email-upload .img { position: absolute; top: 50%; bottom: 50%; left: 10px;width: 75px;}
.expected-package .email-upload .file-form { background: #fff; border: 1px dashed #767676; border-radius: 3px;}
.expected-package .email-upload .file-form .fieldset { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; padding: 10px;}
.expected-package .email-upload .file-form .drop { color: #3a3a3a; font-weight: 800; margin: 0; padding: 10px;}
.expected-package .email-upload .file-form .indicator { display: none; padding: 10px 30px 10px 10px; position: relative;}
.expected-package .email-upload .file-form .field-file { margin: 0; padding: 10px;cursor: pointer; display: inline-block; padding: 5px; position: relative;}


.expected-package .email-upload .file-form .btn-link { white-space: nowrap; background: #124c1a; border-radius: 4px; color: #fff; padding: 12px 25px;}
.expected-package .email-upload .file-form .btn-secondary { display: none; margin: 0;}
button.link.openmodal { border: 0; padding: 0; background: transparent; color: #00b115;}
.documents-tab a.nav-item.nav-link { background: #f1f1f1;border-radius: 0;padding: 17px; border: 0;color: #124c1a;}
.documents-tab a.nav-item.nav-link span{display: block; text-align: center; width: 25px; height: 25px; border: solid 1px #124c1a; border-radius: 50%; margin: 0 auto; color: #124c1a;}

.documents-tab a.nav-item.nav-link.active, .documents-tab a.nav-item.nav-link:hover { background: #124c1a;color: #fff;}
.documents-tab a.nav-item.nav-link.active span, .documents-tab a.nav-item.nav-link:hover span{ border: solid 1px #fff;color: #fff;}
.data-table {background-color: #fff;}
.data-table svg{color:#0e689c !important;}
.data-table th.align-center { text-align: center;}
.data-table>thead th:last-child { width: 204px;}
.data-table>thead th:nth-child(4) { width: 100px;}
.data-table tbody td { font-size: 13px;}
.data-table td.tracking table tr td.add { text-align: center;}
.data-table>thead .action-btn-cell { padding: 0; vertical-align: middle; width: 44px;}
.data-table>thead th { border: 1px solid #c4c4c4; padding: 8px 15px; position: relative; color: #767676; font-size: 14px;}
.data-table th { background-clip: padding-box; box-sizing: border-box; color: #4b4b4b; font-size: 10px; font-weight: 500; text-align: left; text-transform: uppercase; vertical-align: bottom;}
.data-table td.expand-button-holder, .data-table td .link { padding: 0;}

.data-table td:first-child { position: relative;}
.data-table td {background-clip: padding-box;border: solid #c4c4c4;border-width: 0 1px 1px;box-sizing: border-box;padding: 12px 10px;font-weight: 600;}
.expected-package .data-table .invoice .list { list-style: none; margin: 0; padding: 0; text-align: left;}
.data-table>thead th:nth-child(2) { width: 182px;}
.data-table td ul.list {list-style: none;padding: 0;margin: 0;border: 0;}
.data-table td.tracking table tr td { padding: 0; border: 0;}
.data-table td.tracking table tr td.numbers { width: 140px;}
.data-table td.tracking table tr td.numbers ul li.item { display: flex;}
.data-table td.tracking table tr td.numbers ul li.item div span { padding-right: 7px;}

.expandable-content td.inside-box{background-color: #effafe;border-color: #c4c4c4;border-width: 1px 1px 1px;padding: 10px 42px 13px;}
.expandable-content td.inside-box table.data-table-inner{width: 100%;}

.data-table-inner td { background-color: #e8e7e7; border-top-width: 1px; padding: 9px 15px;}
.expandable-content td.inside-box table.data-table-inner tr:nth-child(even) td { background: #fff;}

.estimated-price { background: #f1f1f1; padding: 20px; margin: 20px 0;}
.estimated-price h6 { font-size: 16px; display: flex; justify-content: space-between; font-weight: normal;margin-bottom: 10px;}
.estimated-price label { display: inline-block;margin: 20px 0;}
.estimated-price label .form-control { width: auto; height: 20px; display: inline-block; vertical-align: middle; line-height: 1; margin: 0px 5px 0 0;}
.estimated-price a.btn { border-radius: 4px; margin-bottom: 20px;}
label.field-file input.selected-file { display: none;}

/*DASHBOARD CSS 24-12-2020*/


#grad1 {
    background-color:  #9C27B0;
    background-image: linear-gradient(120deg, #FF4081, #81D4FA)
}

#msform {
    text-align: center;
    position: relative;
    margin-top: 20px
}

#msform fieldset .form-card {
    background: white;
    border: 0 none;
    border-radius: 0px;
    box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);
    padding: 20px 40px 30px 40px;
    box-sizing: border-box;
    width: 94%;
    margin: 0 3% 20px 3%;
    position: relative
}

#msform fieldset {
    text-align: left;
    border: 0 none;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-bottom: 20px;
    position: relative;
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
}

#msform fieldset.review_order_step { max-width: 100%; }
#msform fieldset.review_order_step .graybg { background: #f1f1f1; padding:60px}
#msform fieldset.review_order_step .graybg.white { background: #FFFFFF; padding:30px 60px 10px 60px; border: 3px solid #f1f1f1 ; border-right: 3px solid #f1f1f1 ;}
#msform fieldset.review_order_step .review_order_step_table  { margin-bottom: 0; }
#msform fieldset.review_order_step .review_order_step_table thead tr th { background-color: #276c30; color: #FFF;}
#msform fieldset.review_order_step .review_order_step_table thead tr th:first-child { width: 30%;}


#msform fieldset.review_order_step .order_value_table thead tr th { background-color: transparent; border-bottom:2px solid  #276c30; color: #000; border-top:0}
#msform fieldset.review_order_step .order_value_table tr td span { font-size: 18px; color: #000 ; font-weight: 600;}
#msform fieldset.review_order_step .order_value_table tr td:last-child { text-align: right;}
#msform fieldset input:not([type="checkbox"]), #msform fieldset select{ margin-bottom: 20px; }
#msform fieldset input[type="checkbox"] { width: 19px; }
#msform fieldset .btn { margin-top: 20px; margin-bottom: 0; }

#msform fieldset:not(:first-of-type) {
    display: none
}

#msform fieldset .form-card {
    text-align: left;
    color: #9E9E9E
}

.multi-step-heading { text-align: center; margin-bottom: 40px; margin-top: 60px;}

.card {
    z-index: 0;
    border: none;
    border-radius: 0;
    position: relative
}


#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: lightgrey
}

#progressbar .active {
    color: #000000
}

#progressbar li {
    list-style-type: none;
    font-size: 16px;
    width: 25%;
    float: left;
    position: relative
}

#progressbar #account:before {
    content: "1"
}

#progressbar #personal:before {
    content: "2"
}

#progressbar #payment:before {
    content: "3"
}

#progressbar #confirm:before {
    content: "4"
}

#progressbar li:before {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 18px;
    color: #ffffff;
    background:#276c30;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #276c30;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1
}

#progressbar li.active:before,
#progressbar li.active:after {
    background:#99c53c
}


/*---------- Multistep Form Css---------------------*/



/*INNER PAGES CSS 12-01-2021*/
.converter-box { box-shadow: 0 0 15px rgb(0 0 0 / 0.2); border-radius: 6px;margin:45px 0;}
.converter-desc h6{font-weight: 400;}
.converter-desc h6 a, .privacy-note table tr td a{color: #0e689c;}
/*footer>.container { border-top: solid 1px #b9b7b6;  padding-top: 70px;}*/
.scholarships-gallery {margin-top: 40px; display: flex; align-items: center;}
.scholarships-gallery .img{margin: 0 2px;}
.converter-desc ul{list-style: none;margin: 0; padding: 0;}
.converter-desc ul li{font-size: 20px; color: #006d9f; font-weight: 400;padding-left: 20px; position: relative;}
.converter-desc ul li:after{position: absolute; left: 0; top: 13px; content: ""; background: #051d47; border-radius: 50%;width: 7px; height: 7px;}
.privacy-note table tr td {padding: 10px 13px; font-size: 16px; border: solid 1px #e9e9e9;}
.privacy-note table tr th:first-child{width: 20%;}
.privacy-note table tr th{background: #eaeaea;font-weight: 600;padding: 15px 13px; font-size: 16px; border: solid 1px #e9e9e9;}
.privacy-note table {box-shadow: 0 0 5px rgb(0 0 0 / 0.3);margin: 40px 0;}

.partner-tab a.nav-item.nav-link { background: #124c1a;border-radius: 0;display: inline-block; padding: 17px 30px !IMPORTANT; border: 0;color: #fff;margin: 0 -1px;font-weight: 600;}
.partner-tab a.nav-item.nav-link span{display: block; text-align: center; width: 25px; height: 25px; border: solid 1px #124c1a; border-radius: 50%; margin: 0 auto;    color: #fff;}
.partner-tab a.nav-item.nav-link.active, .partner-tab a.nav-item.nav-link:hover { background: #f9f9f9;color: #000;}
.partner-tab a.nav-item.nav-link.active span, .partner-tab a.nav-item.nav-link:hover span{ border: solid 1px #fff;color: #fff;}
.nav.nav-tabs.nav-fill.partner-tab {margin-left: 2px;display: inline-block;}
.partner-tab-info { padding: 40px;}
.partner-tab-info .retailers-box p { font-weight: 600; margin: 20px 0 50px;}
.partner-tab-info ul{list-style: none;margin: 0; padding: 0;}
.partner-tab-info ul li{font-size: 20px; color: #000; font-weight: 400;padding-left: 20px; position: relative;}
.partner-tab-info ul li:after{position: absolute; left: 0; top: 13px; content: ""; background: #051d47; border-radius: 50%;width: 7px; height: 7px;}
.partner-tab-info h6{font-size: 20px; color: #000; font-weight: 400;}
.partner-with-groupyard-area {border: solid 1px #d4d4d4;}
.top-histry-box { border: solid 1px #f2f2f2;border-radius: 6px;margin-bottom: 30px;}
.top-histry-info {padding: 30px;border-top: solid 1px #f2f2f2;}
.top-histry-info p{color: #616161;}
.st-category-info input[type="checkbox"] { display: inline-block; width: auto; vertical-align: middle; margin: 0 5px 5px 0;}
.st-category-info { background: #f1f1f1; padding: 25px;}
.st-category-box h6 { padding: 18px 25px; margin-bottom: 0; background: #124c1a; color: #fff;font-size: 16px;}
.st-category-info p, .st-category-info label { font-size: 16px; color: #616161;}
.st-category-info select.form-control {background: #fff; border: 0 !important; margin-bottom: 10px; border-radius: 0; color: #000;}
.st-category-box input.form-control { border: 0 !important; border-radius: 0; color: #000;}
.st-category-box { margin-bottom: 30px;}



/* payment-method css*/
.modal { z-index: 9999;}
.payment-method-wrap .card-header p {  font-size: 16px; font-weight: 600; text-transform: uppercase; margin-bottom: 0;}
.payment-method-wrap .card-body h4.card-title { font-weight: 600; font-size: 16px;}
.payment-method-wrap .card-body p.card-text { margin-bottom: 4px; padding-bottom: 4px; border-bottom: 1px solid #f1f1f1; font-size: 14px;}


.payment-method-wrap .card-list-holder { margin-top: 30px; padding: 30px 15px; border: 1px solid #eaeaea; overflow: hidden;}
.payment-method-wrap .card-list-holder ul { margin: 0; padding: 0; list-style: none;}
.payment-method-wrap .card-list-holder ul { display: flex; flex-wrap: wrap; justify-content: space-between;}
.payment-method-wrap .card-list-holder ul li { padding: 15px;}
.payment-method-wrap .card-list-holder ul li .button-wrap { display: flex; justify-content: space-between;}
.payment-method-wrap .card-list-holder ul li .button-wrap .form-row { position: relative; width: auto; margin: 0; cursor: pointer !important;}
.payment-method-wrap .card-list-holder ul li .button-wrap input.form-check-input { position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: 0;z-index: 999;    opacity: 0; height: 100%; cursor: pointer;}
.payment-method-wrap .card-list-holder ul li .button-wrap input.form-check-input.disabled {visibility: hidden; cursor: inherit;}
.payment-method-wrap .card-list-holder ul li .button-wrap .form-row label.active { opacity: 0.5;}
.payment-method-wrap .card-list-holder ul li .button-wrap .form-row label { padding: 4px; font-size: 14px; color: #1a4c1a;}
.payment-method-wrap .card-list-holder ul li .button-wrap .form-row a { padding: 4px; font-size: 14px; color: #1a4c1a;}
.payment-method-wrap .add-card-wrap { margin-top: 20px;}
.payment-method-wrap .add-card-wrap .addCcard {margin-top: 20px;}
.payment-method-wrap button#add-ccard-btn span { margin-right: 8px;}
/* payment-method css*/

/* address-book css*/
.address-book .card-header p { font-size: 20px; font-weight: 600; text-transform: uppercase;  margin-bottom: 0;}
.address-book .card-header p {  font-size: 20px; font-weight: 600; text-transform: uppercase; margin-bottom: 0;}
.address-book .card-body h4.card-title { font-weight: 600; font-size: 18px;}
.address-book .card-body p.card-text { margin-bottom: 4px; padding-bottom: 4px; border-bottom: 1px solid #f1f1f1; font-size: 18px;}
.address-book .card-footer .form-check { position: relative;}
.address-book .card-footer .form-check input { position: absolute; width: auto;}
/* address-book css*/

/* customer dashboard css*/
.uploader-wrap form.dropzone { text-align: center;}
.uploader-wrap form.dropzone label.field-file {  display: block; text-align: center;}
.uploader-wrap form.dropzone label.field-file button { margin: auto; border: none;  background: #1a4c1a; padding: 8px 19px; border-radius: 5px;}
.uploader-wrap form.dropzone .dz-preview.dz-image-preview { border: 1px solid #eaeaea; padding: 4px;}
.packages-table .data-table .open-show.show svg { transform: rotate(90deg); -ms-transform: rotate(90deg);}
.packages-table .data-table tr.odd.shown td svg{ transform: rotate(90deg); -ms-transform: rotate(90deg);}
.packages-table .data-table tr.even.shown td svg{ transform: rotate(90deg); -ms-transform: rotate(90deg);}

#imageModal .img-holder { width: 100%; height: 320px; text-align: center;}
#imageModal .img-holder img { height: 100%; width: 100%; object-fit: contain;}

.chip {margin-top: 30px !important; width: 100% !important; max-width: 50px;}
.cardlist .data .pan { overflow: hidden; font-size: 15px; margin-bottom: 20px;}
.cardlist .data .exp-date-wrapper .exp-date { font-size: 14px;}
.cardlist .data .exp-date-wrapper .exp-date .date { font-size: 13px; margin-top: 5px;}
.cardlist .data .exp-date-wrapper  .left-label { margin-top: 5px;}
.cardlist .data .name-on-card { margin-top: 25px; font-size: 12px;}
.cardlist .data .card-brand-name { margin-top: 19px; font-size: 14px; height: auto; width: auto; padding: 5px 10px; border-radius: 4px;}
.address-book .check-box {position: relative !important; }
.account-sec .account-allertBox {
    position: relative;
    max-width: 260px;
    margin-left: auto;
    top: 0;
    margin-top: -70px;
    margin-bottom: 30px;
}
/* customer dashboard css*/

/* shipping  css*/
.address-book input.form-check-input { position: relative; width: auto; height: auto; vertical-align: middle; margin: 0 5px 0px 0px;}
.address-book  .form-check { padding: 5px 0;}
.address-book .form-check label { font-size: 14px; font-weight: 500; width: auto; margin: 0;}
.form-check-holder {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}
.address-book  a.cancl-btn { margin-top: -30px;}
.form-check-holder a.ab-question { margin-left: 10px; position: relative;}
.form-check-holder a.ab-question .dtl {
    width: 1000%;
    font-size: 12px;
}

.dtl { width: 100%; background: #eaeaea; padding: 20px 10px;}
.dtl * { font-size: 14px;}
.ship-p-opt-tbl { width: 100%; padding: 15px 10px;  background: #f1f1f1;}
.ship-p-opt-tbl * { font-size: 14px;}
.account-sec .address-box-text {padding: 0px;}
.address-box-text span.user-name { display: block; padding: 20px 20px 5px;}
.address-box-text span.suite { padding: 0 20px;}
.address-box-text .pg-head1 { padding: 5px 20px;}
.address-box-text .pg-head2 { padding: 15px 20px; background: #dedcdc;}
/* shipping  css*/


.checkcontainer { font-size: 13px; display: inline-block;}
.choise { display: flex;}
.choise label.checkcontainer { margin: 0; font-size: 13px; display: flex; align-items: center; margin: 0 5px;}
.error-form-msg { display: block;}
span.invalid-feedback { display: block; margin-top: -18px; font-size: 13px; margin-bottom: 10px;}
div#card-errors { color: red; font-size: 14px;}

.choise label.checkcontainer { display: flex !important; align-items: center; font-size: 13px; margin: 5px !important}
.choise label.checkcontainer input[type="radio"] { margin: 0; position: absolute; margin: 0; padding: 0 !important;}
.choise label.checkcontainer span.radiobtn { width: 15px; height: 15px;}
/*INNER PAGES CSS 12-01-2021*/

/*where-we-ship page css */
.result-show .list-pannel {
    padding: 90px 50px;
    background: #eaeaea;
    margin: 20px 0;
    border-radius: 10px;
}
.review-pannel .img-thumbnail {
    height: 190px;
    margin-bottom: 15px;
	box-shadow: rgb(0 0 0 / 16%) 0px 3px 6px, rgb(0 0 0 / 23%) 0px 3px 6px;
}
.list-group .post-date span {padding: 5px;}
.review-pannel .img-thumbnail iframe {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover !important;
}
.review-pannel button.owl-prev, .review-pannel button.owl-next {
    top: 40%;
}
.feed-succ {
    position: relative;
    z-index: 2;
}
.feed-succ p {margin-bottom: 0px;}
#currency-form .row:first-child {
    background: #fff;
    padding: 30px 20px 0px;
    max-width: 610px;
    margin: 0 auto 30px;
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
}

form#currency-form {
    margin-bottom: 30px;
}
.member-review-pannel {
    background: #eaeaea;
    padding: 30px !important;
    margin: 15px 0;
    border-radius: 15px;
}
/*where-we-ship page css */

/* about page css */
.about-holder-wrap p { font-size: 16px; line-height: 1.7;}
.about-holder-wrap .content-holder img { height: 600px !important; width: 100% !important; object-fit: cover; margin: 10px 0; box-shadow: 0px 5px 10px -1px rgba(0,0,0,0.28); -webkit-box-shadow: 0px 5px 10px -1px rgba(0,0,0,0.28); -moz-box-shadow: 0px 5px 10px -1px rgba(0,0,0,0.28);}
.inner-banner .inner-banner-hero-img img { width: 100%; object-fit: cover;}
/* about page css */
/* job page css */
.job-listing-holder .blog-list-desc { margin: 10px 0;}
.job-listing-holder .blog-list-desc p { font-size: 16px;}
.joblist-wrap .row:nth-child(even) .blog-list-desc .list-group a { background: #f5f5f5;}
.apply-form form {
    margin: auto;
    padding: 50px 80px;
    background: #fff;
    box-shadow: 0px 2px 17px 0px rgb(0 0 0 / 19%);
    -webkit-box-shadow: 0px 2px 17px 0px rgb(0 0 0 / 19%);
    -moz-box-shadow: 0px 2px 17px 0px rgba(0,0,0,0.19);
}
/* job page css */

/* sitemap page css */
.site-map-list .list-group {
    max-width: 580px;
    padding: 60px 30px;
    border: 1px solid #eaeaea;
    margin: 20px auto 0;
}

.site-map-list .list-group.text-center a.list-group-item {
    display: block;
    color: #000;
    border: none;
    background: #d6d6d6;
    margin: 5px 0;
    border-radius: 0;
}

.site-map-list .list-group.text-center a.list-group-item:nth-child(even) {
    background: #efefef;
}

/* sitemap page css */

/* contact  page css */
.contact-form-wrap { padding: 50px 80px; background: #fff; box-shadow: 0px 2px 17px 0px rgb(0 0 0 / 19%); -webkit-box-shadow: 0px 2px 17px 0px rgb(0 0 0 / 19%); -moz-box-shadow: 0px 2px 17px 0px rgba(0,0,0,0.19);}
.show-map iframe {  box-shadow: 0px 2px 17px 0px rgb(0 0 0 / 19%);-webkit-box-shadow: 0px 2px 17px 0px rgb(0 0 0 / 19%); -moz-box-shadow: 0px 2px 17px 0px rgba(0,0,0,0.19);}
.show-map { margin-top: 40px;}

/* dashboard  page adjustment css */
.track-wrap { display: flex;}
.track_pkg_wrapper {margin-top: 19px;}
.track-wrap input#track_pkg {max-width: 75%; flex: 0 0 75%;}
.track-wrap button.track_pkg_btn { width: 80%; margin-left: 15px; height: 49px; border: 1px solid #a6a6a6 !important;}
.inner-tr-note span { font-size: 12px;  font-weight: 300;  margin: 10px 0 10px; display: block;}
.ph-message {  display: flex; align-items: center;}
.ph-message .pkg-photo {margin-right: 8px;}
.ph-message .pkg-photo button {  border: 1px solid #7b7b7b; font-size: 14px; background: #eaeaea;  padding: 3px 12px;}
.ph-message a {  font-size: 15px;}
.ph-message a svg {  color: #0075ff !important;}
.ph-modle ol#photothumb {transition: none !important;background: #e8e8e8;bottom: -56px;}
.ph-modle ol#photothumb li {position: relative;transition: none !important;height: 25px;display: block;margin: 0 10px;width: 37px;}
.ph-modle ol#photothumb li a {transition: none !important;position: absolute;z-index: 999;left: 0;right: 0;text-align: center;margin: auto;top: 0;bottom: 0;width: 100%;height: 100%;display: block;}
.ph-modle ol#photothumb li a img{transition: none !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%;}
.modal-body.ph-modle { padding-bottom: 70px;}

.estimate-wrap .custom-wrap { max-width: 750px;}
.estimate-wrap select { width: 100% !important; background: #e6ebef;  border-radius: 5px; border: 1px solid #e6ebef;  color: #000;}
.estimate-wrap .ship-country-wraper { max-width: 750px;}
.estimate-wrap label.checkcontainer span.radiobtn:after {top: 3px;left: 3px;}
.estimate-wrap .custom-wrap-two {margin-top: 43px;}

.shiping-success-msg .est-cost {
    background-color: #e7e7e7;
    font-family: Avenir W01,sans-serif;
    font-size: 18px;
    line-height: 26px;
    list-style: none;
    margin: 0;
    padding: 20px 40px;
    margin-top: 35px;
}

.shiping-success-msg ul {list-style: none;}

.shiping-success-msg ul li {
    border-radius: 5px;
    background-color: #fff;
    margin-bottom: 25px;
    padding: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 50px 30px;
}
/* dashboard  page adjustment css */

/* shipping-request  page adjustment css */
.shiping-holder-wrap .shiping-details-info .holder { padding: 80px 20px 0 0px;}
.shiping-holder-wrap .shiping-details-info  .shiping-cost-holder { text-align: center;}
.shiping-holder-wrap .shiping-details-info .shiping-cost-holder h3 {  font-size: 22px;}
.shiping-details-info ul { margin: 0;  padding: 0; list-style: none;}
.shiping-holder-wrap .shiping-details-info .shiping-info-edit { display: flex; justify-content: space-between; margin: 15px 0;}
.shiping-holder-wrap .data-table { width: 100%;}
.shiping-holder-wrap .data-table th {  width: 16%;}
.shiping-holder-wrap .ship-details-option { padding: 80px 20px; background: #f1f1f1;}
.shiping-holder-wrap .ship-details-option h3 { font-size: 18px; text-transform: capitalize; margin-bottom: 10px;}
.shiping-holder-wrap .ship-details-option p { font-size: 13px;}
.shiping-holder-wrap .ship-details-option a { font-size: 12px; margin-bottom: 10px; display: block; color: #1a4c1a;}
.shiping-holder-wrap .ship-details-option .hd-wrap { display: flex; align-items: center; justify-content: space-between;}
.shiping-holder-wrap .ship-details-option .hd-wrap p { font-weight: 700;}
.shiping-holder-wrap .ship-details-option ul {  margin: 0; padding: 0; list-style: none;}
.shiping-holder-wrap .ship-details-option ul .radio-wrapper {display: flex;align-items: center;}
.shiping-holder-wrap .ship-details-option ul .radio-wrapper label { font-weight: 300; font-size: 14px;}
.shiping-holder-wrap .ship-details-option ul .radio-wrapper label input { display: inline-block; width: auto;  vertical-align: -webkit-baseline-middle;
    margin-right: 6px;}
.shiping-holder-wrap .ship-details-option ul .radio-wrapper label span.radio-text { display: inline-flex; max-width: 89%;}
.shiping-holder-wrap .ship-details-option a.btn {  color: #fff; font-size: 17px;}
/* shipping-request  page adjustment css */
select#phone_code { padding-bottom: 14px;}
input.stageTwo {padding: 12px 12px;}
.checkcontainer span.price {margin-left: 5px;}

/*Media Query css*/
@media only screen and ( min-width: 1599px )  {
    .container.big-container { max-width: 1520px }
}


@media only screen and ( min-width: 1200px )  {
    .container { max-width: 1200px }
}



@media only screen and ( max-width: 1899px )  {
	.banner_image .banner-image-left { padding-right: 300px; }
	.banner_text-inner { margin-left: 60px; }

}

@media only screen and ( max-width: 1599px )  {
	.banner_text-inner { margin-left: 100px; }
	h1{ font-size:40px; }
	h2{ font-size:40px;}
	h3{ font-size:25px;}

	h5{ font-size:20px;}

	.banner_text-inner { max-width: 493px; }
	.banner_text { bottom: 40px; }
	.banner-btn-holder { margin-bottom: 20px; }

	.curve-bg { right: -280px; }
}


@media only screen and ( max-width: 1440px ) {

}


@media only screen and ( max-width: 1199px ) {

}


@media only screen and ( max-width: 991px ) {


}

@media only screen and ( max-width: 767px ) {

}

@media only screen and ( max-width: 359px ) {

}

/*Media Query css2*/

/*Media Query css*/