/* font */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&display=swap');

@font-face {
  font-family: "Font-normal";
  src: url("../Fonts/Nexa/FontfabricNexaRegular.otf");
  font-weight: normal;
}

@font-face {
  font-family: "Font-bold";
  src: url("../Fonts/Nexa/FontfabricNexaBold.otf");
  
}
@font-face {
  font-family: "Font-extra-bold";
  src: url("../Fonts/Nexa/FontfabricNexaExtraBold.otf");
  
}

@font-face {
  font-family: "Font-light";
  src: url("../Fonts/Nexa/GTWalsheimLight.ttf");
}

@font-face {
  font-family: "Font-pro";
  src: url("../Fonts/ZarBrush/SzarDesignZarBrush.otf");
}

@font-face {
  font-family: "Font-black";
  src: url("../Fonts/BlackerDisplay/BlackerDisplayBold.ttf");
}
 

/* Color variables */


:root {
     --main-color: #00b4a4;
     --main-color8: #00b4a4;
     --main-color2: #BBE0E3;
     --main-color3: #ffffff;
     --main-color4: #084346;
     --secondary-color: #D1E3E7;
     --secondary-color-2: #b5cfd4;
     --dark-color:#595959;
     --gray-color:#f5f5f5;
     --footer-color:#1e242e;
     --footer-color-2:#D1E3E7;
     --footer-form-color:#1a1d23;
     --font-color:#fff;
     --page-color:#084346;
     --page-grident-1: radial-gradient(circle, rgba(0,180,164,1) 0%, rgba(0,180,164,1) 50%, rgba(8,67,70,1) 100%);
     --form-color:#fff;
     --tab-color:#fff;
     --light-color: #e1e9ee;
     --light-color2: #bbe0e3;
     --light-color3: #47dfd2;
     --light-color4: #e4ffe6;
     --light-color5: #d1dfee;
     --light-color6: #eeeeef;
     --light-color7: #7AF2BA;
    /* --font-title:  "Font-black";
    --font-page:  "Font-normal";
    --font-bold:  "Font-bold";
    --font-pro:  "Font-pro";
    --font-extra-bold:  "Font-extra-bold"; */

    --font-title:  "Playfair Display', serif;";
    --font-page:  "Font-normal";
    --font-bold:  "Font-bold";
    --font-pro:  "Playfair Display', serif;";
    --font-extra-bold:  "Playfair Display', serif;";

  }
  
  .ui-datepicker-title select{background: var(--main-color) !important;}
  .page-body.checkout-data{background: var(--main-color) !important;}
  .html-checkout-page .page-body.checkout-data{background: transparent !important;}
  .will-packages + form .col-md-7  #checkout-steps{    background: #02988d;
    margin: 30px 0;}
    .will-packages + form   #checkout-steps{background: transparent;    border: none !important;}
  .html-checkout-page  #checkout-form .col-md-5{ background: #02988d;}

body{
 color: #222;
 font-family: Font-bold ;
}
.master-wrapper-page{ background: var(--main-color4);}
/* .page-body{background: var(--page-grident-1);} */

h1, h2, h3, h4, h5, h6{
  font-family: Font-title ;
}
.item .text{
  font-family: Font-title ;
}
.banner .wrapper .fields-wrap .heading{
  font-family: Font-title ;
}
.mid-block{font-family: Font-title ;}
.services-block .block .name a{font-family: Font-title ;}
.services-block .block .name{text-decoration: none;}


.will-packages{background: var(--main-color4) !important;}
a:hover{color:var(--secondary-color-2) !important}
.header-menu .top-menu li{padding: 30px 18px 15px;}
.header-menu .top-menu a{text-transform: uppercase;color: var(--main-color3) !important;font-family: Font-bold !important;letter-spacing: 1px;font-weight: 600;line-height: 31px;padding: 0;border-bottom: 2px solid transparent;transition: 0.3s;font-size: 14px;}
.header-menu .top-menu li:hover > a, .header-menu .top-menu a:hover {/* background-color:var(--light-color3) !important; */background: transparent;border-bottom: 2px solid #ffff;}
.will-packages .heading p{color: var(--font-color); font-family: Font-bold ;}
.will-packages .heading-below span{color: var(--font-color);}
.header-menu .top-menu .dropdown-menu a{background:var(--main-color4) !important}
.services-block .block a{color:#fff !important;text-decoration: none;}

.header-logo a img{width: 200px;padding: 15px 0;}
/* .services-block .block{background:var(--main-color4) !important} */
.button-1{background:var(--secondary-color) !important;color: #222;font-family: Font-bold !important;}
.button-1:hover{color: #222;color:var(--main-color4) !important}
/* .services-block .block:nth-child(odd){background:var(--main-color3) !important} */
.willpartbox{background:var(--tab-color) !important }
.lock-b:before{background:var(--secondary-color) !important ; opacity: 0.5;}

.will-packages .package .buy-btn .button-1 {background: var(--secondary-color) !important;color: #222;font-weight: 900;font-family: "Font-extra-bold" !important;transition: 0.3s;}
.will-packages .package .buy-btn .button-1:hover {
    color: #222 !important;
    background: var(--secondary-color-2) !important;
}
.master-wrapper-content{display: flex;height: 100%;}
.master-column-wrapper{background: var(--page-grident-1);width: 100%;}
/* .checkout-page{background: var(--main-color4)} */
.checkout-data .buttons {margin: 0;    padding: 0 0 30px;}

  .will-packages.only-bgcolor{background: var(--dark-color);}
  .will-packages:before{background: transparent;/* background: #ffec85; */}
  .opc .step{background: transparent;border: none;padding: 0;}
  .footer-contact input, .footer-contact textarea{background: var(--footer-form-color);}
  .footer{background: var(--footer-color);}
.footer-powered-by{color:#444}
  .footer-lower:before{background: var(--footer-color-2);}
.html-home-page .h-header, .html-home-page .home-banner-sections{background:transparent}
.footer-lower{padding:20px 15px}

/* a{color: var(--main-color);} */
.banner .wrapper .btn{background: var(--main-color); color:var(--main-color4);}
a{color: var(--secondary-color)}
.cart a,.data-table a,.forum-table a{color: var(--font-color)}
.cart .product a:hover,.data-table .product a:hover,.data-table .info a:hover{color: var(--main-color);}
.cart .product .edit-item a{color: var(--main-color)}
.cart td.subtotal .discount,.cart td.subtotal .discount-additional-info{color: var(--main-color)}
.ui-dialog-content .back-in-stock-subscription-page .button-1{background-color: var(--main-color);}
.eu-cookie-bar-notification button{background-color: var(--main-color);}
.eu-cookie-bar-notification a{color: var(--main-color)}
.header-links a:hover{color: var(--main-color)}
.header-menu .menu-toggle {background:  var(--main-color);}
.header-menu .menu-toggle svg path[fill="#ffffff"]{fill:  var(--main-color4);}
.header-menu .top-menu .dropdown-menu {background: var(--main-color);width: fit-content;left: 0;}
.header-menu .top-menu .dropdown-menu a:hover{background:  var(--main-color);}
.search-box .search-box-button{background-color: var(--main-color);}
.footer-contact .buttons .btn{background: var(--main-color4);}
.footer-tax-shipping a{font-weight:700;color: var(--main-color)}
.footer-powered-by a{font-weight:700;color: var(--main-color)}

.account-header-wrapper {background:  var(--main-color4);}
.account-logo-wrap {width:220px;}
.account-menu-left .dropdown > a {color:var(--main-color);}
.info-tab-box li a {color: #fff;}
.account-menu-left .dropdown a:hover {/* color:var(--main-color4) !important; */}

/************* HOMEPAGE *************/

.banner .wrapper .btn {background: var(--main-color);}
.services-block .block .nr{color: var(--main-color);}
.will-packages .heading h1 {color: var(--font-color); font-family: "Font-black";}
.will-packages .package h4{color: var(--main-color4);font-family: "Font-black";font-size: 28px;}
.will-packages .package .price{ /* color: var(--font-color); */}
.will-packages .package .bullet-points li{ /* color: var(--font-color); */}
.will-packages .package .price div{color: var(--main-color);}
.wills-text h3{margin:0 0 35px;color: #222;}
.will-steps {background: var(--main-color4);}
.block .list .active > a{color: var(--main-color)}
.block .list a:hover{color: var(--main-color)}
.block .view-all a{color: var(--main-color)}
.block .tags li a:hover,.product-tags-all-page li a:hover{color: var(--main-color)}
.breadcrumb a:hover{color: var(--main-color)}
.contact-vendor .button-2{border:none;background-color: var(--main-color);}
.product-filter .group li a:hover{color: var(--main-color)}
.filtered-items .item{color: var(--main-color)}
.item-box .product-title{color: var(--main-color)}
.item-box .tax-shipping-info a{color: var(--main-color)}
.item-box .product-box-add-to-cart-button{background-color: var(--main-color);}
.manufacturer-grid .title a:hover{color: var(--main-color)}
.vendor-grid .title a:hover{color: var(--main-color)}
.pager li span{border-color:transparent;background-color: var(--main-color);}
.overview .discontinued-product h4{color: var(--main-color)}
.product-review-links a:hover{color: var(--main-color)}
.overview .value a,.variant-overview .value a{color: var(--main-color)}

.overview .tax-shipping-info a,.variant-overview .tax-shipping-info a{color: var(--main-color)}
.tier-prices .item-price{color: var(--main-color)}
.overview .add-to-cart-button,.variant-overview .add-to-cart-button{background-color: var(--main-color)}
.variant-overview .variant-name{color: var(--main-color)}
.ui-datepicker-header{position:relative;height:32px;background-color: var(--main-color);}
.ui-datepicker-calendar .ui-state-active{outline:2px solid  var(--main-color);color: var(--main-color);color: var(--main-color)!important}
.attribute-squares .selected-value .attribute-square-container{background-color: var(--main-color)}

/********** PRODUCT REVIEWS **********/

.product-reviews-page h1 a{color: var(--main-color)}
.write-review .review-rating div.first{color: var(--main-color)}
.write-review .button-1{background-color: var(--main-color)}
.product-review-item .review-info a,.product-review-helpfulness .vote{color: var(--main-color)}
.wishlist-content .update-wishlist-button,.wishlist-content .wishlist-add-to-cart-button{background-color: var(--main-color)}
.wishlist-page .share-info a:hover{color: var(--main-color)}
.compare-products-page .clear-list{background-color: var(--main-color);}
.compare-products-table .remove-button:hover{color: var(--main-color)}
.compare-products-table .product-name td a:hover{color: var(--main-color)}
.topic-page .page-body h2{color: var(--page-grident-1);}
.enter-password-form input[type="submit"]{background-color: var(--main-color)}
/*********** CONTACT & EMAIL A FRIEND & APPLY FOR VENDOR ACCOUNT ***********/
.contact-page .button-1,.email-a-friend-page .button-1,.apply-vendor-page .button-1{background-color: var(--main-color);}
.email-a-friend-page .title h2{color: var(--main-color)}
.apply-vendor-page .terms-of-service span,.apply-vendor-page .terms-of-service a{color: var(--main-color)}
.inputs.accept-consent span,.inputs.accept-consent a{color: var(--main-color)}
.return-request-page h1 a{color: var(--main-color)}
.login-page .returning-wrapper .inputs.reversed a:hover{color: var(--main-color)}
.external-auth-errors{color: var(--main-color)}
.external-auth-association a{color: var(--main-color)}
.add-more-external-records a{color: var(--main-color)}
.gdpr-tools-page .result{color: var(--main-color)}
.address-list-page .button-2:hover,.order-list-page .button-2:hover{color: var(--main-color)}
.return-request-list-page a{color: var(--main-color)}
.shopping-cart-page .common-buttons input:first-child{background-color: var(--main-color)}
.cart-total .order-total{font-size:20px;color: var(--main-color4)}
.min-amount-warning{margin:0 0 20px;padding:0 30px;color: var(--main-color4)}
.terms-of-service a{margin:0 0 0 3px;color: var(--main-color4)}
.cart-footer .checkout-button{background-color: var(--main-color4)}
.cart-collaterals .message-failure{color: var(--main-color4)}
.checkout-page .button-1{color: #222;}
.checkout-page .button-1:hover{background-color:  var(--main-color);}
.order-completed .details a{color: var(--main-color4)}
.opc .back-link a:hover{color: var(--main-color)}
/****** ORDER DETAILS & SHIPPING DETAILS ******/
.order-details-page .page-title a.print-order-button{background-color: #4b716e}
.order-details-page .order-overview .order-total strong{color: #1f3332;}
.order-details-page .repost .button-2{background-color: var(--main-color);}
.order-details-page .download a{font-weight:400;color: var(--main-color)}
.user-agreement-page .button-1{background-color: var(--main-color);}
.order-details-page .tax-shipping-info a{color: var(--main-color)}
.order-details-page .actions input:first-child{background-color: var(--main-color)}

.search-input .button-1{background-color: var(--main-color);}
.search-results .warning,.search-results .no-result{color: var(--main-color)}
.sitemap-page .entity a:hover{color: var(--main-color)}
.post-title:hover,.news-title:hover{color: var(--main-color)}
.blog-page .tags a,.blogpost-page .tags a{color: var(--main-color)}
.blog-posts .buttons .read-comments:hover{color: var(--main-color)}
.blog-posts .buttons .read-more,.news-items .buttons .read-more{background-color: var(--main-color);}
.blog-posts .buttons .read-more:hover,.news-items .buttons .read-more:hover{background-color:  var(--main-color);}
.new-comment .button-1{background-color: var(--main-color);}
.new-comment .button-1:hover{background-color:  var(--main-color);}
.comment-info a.username:hover{color: var(--main-color)}
.news-list-homepage .view-all a:hover{color: var(--main-color)}
.forum-search-box .advanced a:hover{color: var(--main-color)}
.forum-search-page .search-error,.forum-search-page .no-result{color: var(--main-color)}
.forums-table-section-title a:hover{color: var(--main-color)}
.forums-table-section .forum-title a:hover,.forums-table-section .topic-title a:hover{color: var(--main-color)}
.forums-table-section .view-all a{background-color: var(--main-color);}
.topic-post a.username:hover{color: var(--main-color)}
.topic-post .post-actions .edit-post-button:hover,.topic-post .post-actions .delete-post-button:hover{color: var(--main-color)}
.topic-post .post-actions .post-link-button{color: var(--main-color)}
.forum-edit-page .buttons .button-1,.move-topic-page .buttons .button-1,.private-messages .buttons .button-1{background-color: var(--main-color)}
.private-message-send-page a{font-size:14px;color: var(--main-color)}
.ui-tabs-nav li.ui-state-active a{color: var(--main-color)}
.private-messages-page td.subject a.pm-unread{color: var(--main-color)}
.latest-posts .topic-title a:hover{color: var(--main-color)}
.redtext {color: var(--main-color) !important;}
.willpage a{color: var(--main-color);}
.btn-red {background: var(--main-color3); color:var(--main-color4) !important;}
.btn-red:hover {background: var(--main-color3);}
.btn-red:focus {background: var(--main-color3);}
.willheader {border-bottom:5px solid  var(--main-color);}
.willheader .menu li a:hover {color: var(--main-color);}
.willheaderbuy .menu li a:hover {color: var(--main-color);}
.skin-blue .main-header li.user-header {background: var(--main-color) !important;}
.subwayBox li a.after .subwayRound:before {background:  var(--main-color)!important;}
.subwayBox li a.after .subwayRound:after {background:  var(--main-color)!important;}
.subwayBox li a.active .subwayRound:before {background:  var(--main-color)!important;}
.subwayBox li a.active .subwayRound {background:  var(--main-color)!important; border-color:  var(--main-color) !important;}
.subwayBox li a.after .subwayRound {color:  var(--main-color) !important;border-color:  var(--main-color) !important;}
.home-link a:hover{color: var(--main-color);}
.info-tab-box li a:hover{border-bottom: 2px solid transparent;color: var(--main-color) !important;}
.info-tab-box li a.active{color: #fff;border-bottom: 2px solid #ffffff;}

.from-btn{background:  var(--main-color);}
.url-p b{display: inline-block;/* position: absolute; */top: 10px;right: 10px;color:  var(--main-color);font-weight: 600;cursor: pointer;width: 100px;text-align: right;min-width: 70px;}
.window-popup  .nav-item.active a{background: var(--main-color);}
.window-popup  .nav-link{color:  var(--main-color) !important;}
.window-popup .nav-link.active{background: var(--main-color);}
.window-popup  .tab-content{border: 1px solid  var(--main-color);}
.nav-tabs{border-bottom: 1px solid  var(--main-color);}

.redtext{color: var(--main-color)!important}
.willpage a{color:var(--main-color)}


.btn-red:focus,.btn-red:hover{background: var(--main-color3)!important;}
.willheader{border-bottom:5px solid var(--main-color)!important}
.willheader .menu li a:hover{color:var(--main-color)!important}
.skin-blue .main-header li.user-header{background:var(--main-color)!important}
.ui-datepicker-title select option{background:var(--main-color) !important}
.AddBenefitBtn{background:var(--main-color) !important;}
.SplitWrapper label{color: var(--main-color) !important;}
.SplitWrapper2 label{color: var(--main-color) !important;}
.overview-btn-wrppaer .overview-btn{ background: var(--main-color) !important;}
.willpartbox.active{background: var(--secondary-color-2) !important;color: #222 !important;}
.willpartbox.active h1{color: #222 !important;}
.btn-danger{background:var(--secondary-color) !important;border-color: var(--secondary-color) !important;color:#222;font-family: var(--font-extra-bold);}
.will-packages.only-bgcolor{
}
.will-packages .title h1{color: #fff;font-family: "Font-black";text-transform: capitalize;}
.opc .step-title{background: transparent;border: none;min-height: 40px;}
#opc-payment_method .step-title {padding: 0 15px !important;text-transform: capitalize;}
.cart td, .data-table td, .forum-table td{color: #fff !important;background-color: #02988d;border: none;padding: 0;text-align: right;text-align: left;line-height: 20px;padding-left: 15px;padding: 10px 15px;}

.master-column-wrapper-2{    padding: 15px;background: #fff;}
.formcolumn h2{color: #fff;font-family: 'Font-black';}
.notescolumn{color: var(--font-color) !important;}
.form-group label{font-family: Font-bold;color: #fff;text-transform: uppercase ;}
.content-header{}
input[type="text"], input[type="email"], input[type="tel"], input[type="password"], textarea, select, input[type="number"]{
  background-color: var(--light-color) !important;
  border-color: var(--main-color2) !important;
  border-color: #fff !important;
}
.form-control{background-color: #fff;border-color: #fff;}
.mid-block{color:#fff}
.how-we-work .heading{color:var(--font-color);}
.how-we-work .blocks .item h5{color:var(--font-color);}
.how-we-work .heading h2{color: var(--font-color);}
.recent-news .head h3{color: var(--font-color);}
.will-packages .package{
    border-radius: 25px;
}
.info-fields .f-info{   }
.cart th, .data-table th, .forum-table th{color:#222}
.s-table-info-wrapper{    color: #222;}
.fieldset .title, .section .title{color: #fff;}
.datepicker-panel > ul > li{color: #222;}
.recent-news .news p{color: #fff;}

.opc .allow .step-title .number, .opc .allow .step-title .title{
  font-family: var(--font-title);
  text-transform: capitalize;
  color: #fff;
  padding: 0;
}
.inputs label{font-family: var(--font-bold);color: #fff;}
.swal2-popup .swal2-styled.swal2-confirm{background-color: var(--secondary-color) !important;color: #222 !important;font-family: var(--font-extra-bold);}
.swal2-popup .swal2-styled.swal2-cancel{color: #fff !important;font-family: var(--font-extra-bold);}
.addressFinder-box-wrapper .add-wrapper button{background-color: var(--secondary-color) !important;color: #222 !important;font-family: var(--font-extra-bold);}
.customer-info-page h2{color:#fff}
hr{border-top: 1px solid rgb(253 253 253 / 66%);}
.form-control.btn{background-color: var(--secondary-color) !important;color: #222 !important;font-family: var(--font-extra-bold);}
.btn {background-color: var(--secondary-color) ;color: #222 ;font-family: var(--font-extra-bold);}
.from-btn{color: #222  !important}
.from-btn:hover{color: #222  !important}
.progress-wrapper h3{font-family: var(--font-title);color: #fff;}
.progress-circle span{color: var(--secondary-color);}
.value-bar{border: 0.45em solid var(--secondary-color) !important; }
.progress-wrapper .progress-circle{    background-color: #fff;}
.progress-circle:after{    background-color: #f0f0f0 !important;}
.sidenav  + .col-md-8  .btn-red{background-color: var(--secondary-color) !important;color: #222 !important;font-family: var(--font-extra-bold);}
.btn-red:hover{background-color: var(--secondary-color) !important;color: #222 !important;font-family: var(--font-extra-bold);}
.sidenav  + .col-md-8{background: transparent;padding-top: 20px;padding-bottom: 20px;border-radius: 5px;}
.sidenav  + .col-md-8 .content-header{background: transparent !important;}
.form-fields{background: transparent;}
.addressFinder-box-wrapper{background: #f0f0f0 !important;}

/* .top-menu{display: none !important;} */
.footer-upper{display: none !important;}
.footer-info{color:var(--font-color); }
.footer a{color:var(--main-color4); text-decoration:underline}

.footer-disclaimer{color: #222  !important}
.r-foot-email h3{color: #222  !important}
.registration-result-page .result{color:#222;}
.modal-content{background: #f0f0f0;}
.btn-red{    background: #ffec85 !important;color: #222!important;}
.modal-content .btn-red{    background: #ffec85 !important;color: #222!important;}

#getaddress_dropdown{    background: #fff;color: #222;}
.mylivechat_inline{display:none !important}

.will-packages{padding-top: 50px;padding-bottom: 10px;}
.will-steps{padding-bottom: 100px;}
.will-packages .heading h1{font-size: 40px;}

.will-steps .step-title{font-family: var(--font-title);}
.checkout-page .col-md-12  #checkout-steps{border-top: 2px solid #fff;}
.small-mesg{color: #404040;}
#postcode_lookup{margin: 0;}
.opc .step-title .number, .opc .step-title .title{color: #fff;padding: 0;min-height: 0;text-transform: capitalize !important;font-family: Font-bold;}
.overviewBox.allgreen .btn-submit {background: #f5f5f5;}
.back-button-wrapper{margin-left: 15px;}
.cart .product *{color: #fff;font-family: Font-bold;}
.checkout-page .total-info{background: transparent;color:#fff;padding: 0;}
.cart-total td{color:#fff}
.section.totals .cart-total td{color: #000 ;}
.breadcrumb{display: none;}
.overviewBox .btn-submit{color: #000 !important;background: #fff !important;border: 1px solid !important;}
.progress-wrapper .status-progress h4{color: #fff;}
.login-page .returning-wrapper .form-fields{    height: 230px;}
.account-header-wrapper{    margin: 0;}
.account-logo-wrap a img{}
.html-account-page .page-body{background: transparent;}
.order-list ,.service-list{padding-top: 20px;}
.html-account-page .master-column-wrapper{padding-top: 20px;}
.html-customer-info-page .customer-info-page p{color: var(--font-color); }
.url-p span{text-align: center;}
#btnSearch{background-color: var(--secondary-color) !important;color: #000 !important;}
#btnSearch:hover{background-color: var(--secondary-color-2) !important;color: #000 !important;}
.html-account-page .dataTables_wrapper .bottom .dataTables_paginate a.paginate_button.current{background-color: var(--secondary-color) !important;color: #000 !important;}
.main-row{    background: var(--page-grident-1);}
.modal .form-group label{color: #000;}
.page {color :#fff;}
.page h1, .page h2 ,.page h3  ,.page h4 ,.page h5 ,.page h6 {color :#fff;}
.html-order-list-page .table-bordered td, .html-order-list-page .table-bordered th{    border: 1px solid #084346;background: #307c80;}
.page-dark .card-header{background: #084346;}
.page-dark .card-body{    background: #307c80;}
.itembox h1{ color:#fff !important;}
.itembox h2{color: #fff !important;}
.wills-text h3{font-size: 28px;}
.checkout-form .master-column-wrapper{background: #fff !important;}
.checkout-form .master-column-wrapper .inputs label{color: #000;}
.allow .step-title .title{color: #000 !important;}
#online-will-draf{display:none}



@media (max-width:992px){
  footer{    background: var(--footer-color-2) !important;}
  .footer-lower{position: static;background: var(--footer-color-2) !important;}
  .modal-body{max-height: 1000px !important;}
}


.html-account-page * {color:#444;}
.html-account-page  .inputs label{color:#444;}
.html-account-page .customer-info-page p{color:#444;}
.header-menu .top-menu li:hover .dropdown-menu{background: transparent;border: 1px solid #fff;}