html body {background: #fff;}
.row {margin-left: -15px; margin-right: -15px;}
.row > * {padding: 0 15px;}
.section {padding:100px 0; line-height: 25px;}
.adv-head {padding: 60px 0;}
.adv-head .container {position: relative;}
.adv-head-row {color: #fff; display: flex; align-items: center; justify-content: space-between;}
.adv-head-row .right .membership-img {height: 131px;}
.adv-head-row .title {font-size:40px; line-height: 40px; font-weight: 800; margin-bottom:20px; color: #232f3e;}
.adv-head-row .desc {font-size: 19px; font-weight: 300; color: #333; margin-bottom: 15px;}
.adv-head-row .desc2 a {background: #c5daed; padding: 8px 20px; font-size: 14px; display: inline-block; border-radius: 50px; color: #333;}
.adv-head-row .desc2 a:hover {background:#b6cde2;}
.adv-head-row .desc2 svg {vertical-align: middle; margin-right: 5px; width: 20px;}
.adv-head-row .text-white {color: #fff !important; text-shadow: 1px 2px 3px rgba(0,0,0,0.3);}

.sect-head, .sect-head2 {margin-bottom: 40px;}
.sect-head .title {font-size: 28px; color: #232f3e; font-weight: 400;}
.sect-head2 .title {font-size: 28px; color: #232f3e; font-weight: 600;}

.adv-benefits-section {padding-bottom: 30px;}

.adv-benefits-row .item {width: 25%; max-width: 25%; flex-basis: 25%; margin-bottom: 30px;}
.adv-benefits {background: #fff; border:1px solid #0099d9; border-radius: 5px; padding: 25px; height: 100%; position: relative; overflow: hidden;}
.adv-benefits figure {margin:  0 0 10px;}
.adv-benefits figure img {max-width: 100%; max-height: 90px;}
.adv-benefits .title {font-size: 22px; line-height: 30px; color: #232f3e; font-weight: 600;}
.adv-benefits .desc {font-size:16px; line-height: 21px; color:#545454; margin-top: 15px;}
.adv-benefits:hover {box-shadow: 0 0 32px rgba(0,0,0,.1); border:1px solid #333}


.adv-benefits .benefits-hover {position: absolute; color: #fff; width: 100%; height:90px; left: 0; top:100%; padding:20px 15px; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); transition: all 0.4s}
.benefits-hover .title2 {font-size: 19px; font-weight: 600;}
.benefits-hover .desc2 {font-size:15px; line-height: 22px; font-weight: 300; padding-top:7px;}
.adv-benefits:hover .benefits-hover {background: rgba(0,0,0,0.7); top: 0; height: 100%} 

.see-all {color: #333; font-size: 22px; line-height:22px; position: relative; margin-top: 35px;}
/* .see-all:before {position: absolute; content: ''; width: 100px; height: 50px; border:100px solid; border-color: #0099d9 transparent transparent; left: 50%; top: -12px; transform: translateX(-50%); opacity: 0.1;} */
.see-all img {position: absolute; top: -10px; right: -30px; width: 50px;}
.see-all span {position: relative; z-index: 1; text-decoration:underline;}
.see-all a {display: inline-block; width: 22px; height: 22px; line-height: 17px; border-radius: 50px; border:1px solid #0099d9; margin-left: 5px;}
/* .see-all svg {fill: #0099d9; width: 15px; height: 15px; line-height: 1px; vertical-align: middle;} */

.brace {display: none; width: auto; min-width: 35px; padding-bottom: 20px; font-size: 2em; line-height: 2em; position: relative; text-align: center; vertical-align: middle; margin: 0 15px 15px; border: none; background-color: transparent; background-image: radial-gradient(circle at 0 0, rgba(255,255,255,0) 14.5px, #0099d9 15.5px, #0099d9 19.5px, rgba(255,255,255,0) 20.5px), radial-gradient(circle at 35px 0, rgba(255,255,255,0) 14.5px, #0099d9 15.5px, #0099d9 19.5px, rgba(255,255,255,0) 20.5px); background-size: 35px 20px; background-position: center bottom; background-repeat: no-repeat; text-transform: lowercase; font-style: italic; color: #0099d9; filter: drop-shadow(0 1px 1px rgba(0,0,0,0.15)); overflow: visible; }
.brace:before {width: 50%; border-top: 5px solid #0099d9; border-left: 1px solid transparent; 	border-top-left-radius: 20% 30px; height: 100%; content: ""; position: absolute; top: 100%; left: -15px; box-sizing: border-box; margin-top: -5px;}
.brace:after {width: 50%; border-top: 5px solid #0099d9; border-right: 1px solid transparent; border-top-right-radius: 20% 30px; height: 100%; content: ""; position: absolute; top: 100%; right: -15px; box-sizing: border-box; margin-top: -5px;}

.adv-feature-section {padding-top: 0; background: #eeeeee; background: linear-gradient(0deg, #eeeeee 35%, #ffffff 100%);}
.adv-feature {display: flex;}
.adv-feature .left {width: 35%;}
.adv-feature .right {width: 65%;}
.adv-feature-row > .adv-feature {border-bottom: 1px solid #ddd; padding:40px 0;}
.adv-feature-row > .adv-feature:last-child {border:none}
.adv-feature .title {font-size: 24px; color: #0099d9; margin-bottom: 17px;}
.adv-feature-list {display: flex; flex-wrap: wrap; width: 100%; padding: 0; margin: 0; font-size: 17px;}
.adv-feature-list > * {position: relative; padding-left:35px; width: 50%; flex-basis: 50%; max-width: 50%; margin-bottom: 12px; padding-right: 17px; color: #333;}
.adv-feature-list > *:last-child {margin-bottom: 0;}
.adv-feature-list .full {width: 100%; flex-basis: 100%; max-width: 100%;}
.adv-feature-list > *:before {position: absolute;  content: '';  left:0px; top:2px; width: 22px; height: 22px; background: url(../images/membership/icon-check.png) no-repeat; background-size: 100%;}
.adv-feature-list > *:hover {color: #000;}

.need-help {background: #fff; box-shadow: 0 0 32px rgba(0,0,0,.1); border-radius: 7px; border:1px solid #eaeded; display: flex; flex-wrap: wrap; width:100%;}
.need-help .left {padding-right: 50px; width: 60%; flex-basis: 60%; padding: 30px;}
.need-help .right {width: 40%; flex-basis: 40%; padding: 0;}
.need-help .title {font-size: 35px; line-height:40px; margin-bottom: 20px;}
.need-help .desc {font-size: 17px; line-height:25px; margin-bottom: 22px; color: #6c7778;}
.need-help .desc2 {font-size: 17px; line-height:22px;}
.need-help .desc2 svg {width: 25px; height: 25px; vertical-align: middle;}
.need-help figure {border-radius: 7px; position: relative; overflow: hidden; line-height: 1px;}
.need-help figure img {width: 100%;}
.need-help figure span {position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; background: #fff; border-radius: 50%; top: 50%; left: 50%; transform:translate(-50%, -50%);}
.need-help figure span svg {width: 40px; height: 40px; position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); fill: #f00;}

.faq {max-width: 100%; margin: 0 auto;}
.faq .item {border-top: 1px solid rgba(0,0,0,0.2); padding:17px 0;}
.faq .title {position: relative; cursor: pointer; padding-right: 35px; font-size: 19px;}
.faq .title:after {position: absolute; content: ''; border:1px solid #232f3e; border-radius: 50%; top: 50%; right: 0; transform: translateY(-50%); opacity: 0.6; width:25px; height:25px; transition: 0.3s ease-in-out; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 11V5H13V11H19V13H13V19H11V13H5V11H11Z'%3E%3C/path%3E%3C/svg%3E");}
.faq .desc {display: none; font-size: 16px; line-height: 25px; padding:17px 35px 0 0; color: #6c7778;}
.faq .title.active:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 11H5V13H19V11Z'%3E%3C/path%3E%3C/svg%3E");}

.still-help {max-width: 100%; margin: 0 auto; border-radius: 7px; padding:40px 20px; margin-top: 50px; display: flex; justify-content: center; line-height: normal; background: #b9eee7;}
.still-help span {font-size: 40px; line-height: 40px; margin-right: 15px; display: inline-block;}
.still-help .btn {display: inline-block; font-size: 16px; border-radius: 50px; padding: 13px 40px;}

.disclaimer {font-size: 14px; font-weight: 300; line-height: 22px; padding: 40px 0; background: #f7f7f8;}
.note {font-size: 15px; border-bottom: 1px solid #ccc; padding-bottom: 15px; margin-bottom: 25px;}
.note p {margin-bottom: 15px;}
.or a {color: #187ac6; text-decoration: underline;}
.or a:hover {text-decoration:none;}
.or2 {color:#686868;text-transform:uppercase;font-size:13px;text-align:center;border-top:1px solid #ccc;margin-top:40px;position:relative; margin-bottom: 20px;}
.or2 p{background:#fff;display:inline-block;width:155px;position:absolute;left:50%;bottom:-8px;transform:translateX(-50%)}
.text-danger {color: #f00;}

.icon-question {width: 20px; height: 20px; position: relative; display: inline-block;}
.icon-question:after {width: 20px; height: 20px; position: absolute; content: ''; top: 4px; opacity: 0.7; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(0,153,217,1)'%3E%3Cpath d='M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM11 15H13V17H11V15ZM13 13.3551V14H11V12.5C11 11.9477 11.4477 11.5 12 11.5C12.8284 11.5 13.5 10.8284 13.5 10C13.5 9.17157 12.8284 8.5 12 8.5C11.2723 8.5 10.6656 9.01823 10.5288 9.70577L8.56731 9.31346C8.88637 7.70919 10.302 6.5 12 6.5C13.933 6.5 15.5 8.067 15.5 10C15.5 11.5855 14.4457 12.9248 13 13.3551Z'%3E%3C/path%3E%3C/svg%3E");}

.tooltip{position:relative;cursor:pointer; vertical-align: top; position: relative; top:-2px;}.tooltip i{color:#999;font-size:13px!important;}.tooltip-data{position:absolute;background:rgba(0,0,0,.8);color:#fff;width:180px;left:50%;bottom:140%;transform:translateX(-50%);padding:7px;font-size:12px; line-height: 18px; text-align:center;border-radius:5px;display:none; z-index: 99}.tooltip-data:after{position:absolute;content:'';border:10px solid;border-color:rgba(0,0,0,.8) transparent transparent transparent;left:50%;transform:translateX(-50%);top:100%}.tooltip:hover .tooltip-data{display:block}

.adv-action {background: #fff; box-shadow: 0 0 32px rgba(0,0,0,.1); border-radius: 7px;display: flex; justify-content:space-between; align-items: center; width:100%; padding:22px 22px;margin-bottom: 15px;}
.adv-action .left {flex:1}
.adv-ahead {font-size: 23px; font-weight: 600; margin-bottom: 17px;}
.adv-plan-row {display: flex; flex-wrap: wrap;}
.adv-plan-row .item {margin-right: 17px; margin-bottom: 10px;}
.adv-plan {display: flex; min-width: 300px; height: 100%; background: #fff; border:1px solid #ddd; border-radius: 7px; padding:8px 10px 8px 40px; position: relative; cursor: pointer;}
.adv-plan:before, .adv-plan:after {position: absolute; content: ''; top: 7px;}
.adv-plan:before {width: 20px; height: 20px; background: #fff; border-radius: 50%; border:1px solid #ccc; left: 10px;}
.adv-plan:after {width: 10px; height: 10px; background: #fff; border-radius: 50%; background: #1e69c0; top: 12px; left: 15px; display: none;}
.adv-plan.active:after {display: block;}
.adv-plan figure {width: 72px; height: 72px; border-radius: 7px; background: #fff; border:1px solid #ddd; margin-right: 10px;}
.adv-plan figure img {width: 72px; height: 72px; object-fit: scale-down; transform: scale(0.7);}
.adv-plan .title {font-size: 18px; line-height: 22px; font-weight: 600; margin-bottom: 3px;}
.adv-plan .desc {font-size: 15px;}
.adv-plan .desc a {color: var(--primarycolor); text-decoration: underline;}
.adv-plan .disc {margin-top: 7px; font-size: 12px; line-height:normal; background: #4cae4c; border-radius: 50px; padding: 5px 15px; display: inline-block; color: #fff;}
.adv-price-box {text-align: center;}
.adv-price {font-size: 35px; font-weight: 600;}
.adv-desc {font-size: 17px; margin: 10px 0 12px;}
.adv-price-box .btn {border-radius: 50px; padding:8px 45px; font-weight: 600;}
.adv-plan.active {background: #218f21; border-color: #218f21; color: #fff;}
.adv-plan.active .disc {background: #fed167; color: #000;}
.adv-plan.active:before {border-color: #218f21;}
.adv-taxes {color: #666;}

.adv-ahead2 {font-size: 17px; margin: 7px 0 7px;}
.addons .adv-plan .title {font-size: 14px; line-height: 19px; font-weight: 400;}
.addons .adv-plan:before {border-radius: 5px;}
.addons .adv-plan.active {background: #f3f0e9; border:1px solid #ccc; color: #000;}
.addons .adv-plan.active:before {border-color: #1e69c0;}
.addons .adv-plan figure, .addons .adv-plan figure img {width: 60px; height: 60px;}


.testimonial-box {color: #000; background-color: #ebebeb; border-radius:25px; min-height: 100px; margin-bottom: 25px; padding: 30px;}
.testimonial-box.color-1 {background-color: #ebebeb;}
.testimonial-box.color-2 {background-color: #ffe6e6;}
.testimonial-box.color-3 {background-color: #f1f1de;}
.testimonial-box.color-4 {background-color: #e5f7e5;}
.testimonial-box.color-5 {background-color: #efeaff;}
.testimonial-box:hover {background:#fff; box-shadow: 1px 3px 7px rgba(0,0,0,0.3)}
.testimonial-box .desc {font-size: 21px; font-weight: 300; line-height: normal; text-align: center;}
.testimonial-box .desc span:first-child {top: -5px; bottom: auto;}
.testimonial-box .desc span {font-size: 30px; font-weight: 600; font-family:"Times New Roman", Times, serif; line-height: 1px; position: relative; bottom: -20px;}
.testimonial-box .action {text-align: center; font-size: 16px; padding-top: 25px; font-weight: 300; display:flex; align-items: center;}
.testimonial-box .action .user {width: 40px; margin-right: 10px;}
.testimonial-box .action .user figure {border-radius: 50%; width: 40px; height: 40px; overflow: hidden; border:1px solid #ccc;}
.testimonial-box .action .user img {max-width: 100%;}
.testimonial-box .action .company {color:#0066cc}
.testimonial-box.heading {background: rgb(249,159,3); background: linear-gradient(0deg, #111e4c 0%, #2175d9 100%); color: #fff; text-align: center; position: relative;}
.testimonial-box.heading .title {font-size: 35px; line-height: normal; margin-bottom:20px;}
.testimonial-box .rating-star {font-size:25px;}
.testimonial-box .rating-star * {padding: 0 3px}
.testimonial-box .rating-reviews {font-size: 16px; font-weight: 300; text-transform: uppercase;}


@media(max-width: 991px){
	.adv-head {padding: 30px 0;}
	.adv-head-row .title {font-size: 30px; margin-bottom: 10px;}
	.adv-head-row .desc {font-size: 16px;}
	.adv-head-row .desc2 a {font-size: 13px;}
	.adv-benefits-row {flex-wrap: wrap;}
	.adv-benefits-row .item {width: 33.33%; max-width: 33.33%; flex-basis: 33.33%; margin-bottom: 30px;}
	.adv-benefits {padding: 20px;}
	.adv-benefits .title {font-size: 20px; line-height: 28px;}
	.adv-benefits .desc {font-size: 15px;}
	.section {padding: 60px 0;}
	.sect-head, .sect-head2 {margin-bottom: 30px;}

	.adv-feature .title {font-size: 20px;}
	.adv-action {flex-wrap: wrap;}
	.adv-action > * {width: 100%; justify-content: flex-start;}
	.adv-price-box {text-align: left; margin-top: 20px;}

	.testimonial-box-wrap > *:first-child {order: 2}
	.testimonial-box-wrap > *:nth-child(2) {order: 1}
	.testimonial-box-wrap > *:nth-child(3) {order: 3}
	.testimonial-box {margin-bottom: 17px;}
	.testimonial-box.heading:after {position: absolute; content: ''; border:10px solid; border-color:#111e4c transparent transparent transparent; left: 50%; bottom:-20px; transform: translateX(-50%);}
	
	.need-help .title {font-size: 22px; line-height: 25px;}
	.need-help .desc {font-size: 15px; line-height: 22px;}

	.see-all {font-size: 20px; line-height: 25px;}
	.see-all img {display: none;}
	.adv-benefits-section {padding-bottom: 0px !important;}
}

@media(max-width:800px){
	.section {padding:40px 0;}
	.sect-head, .sect-head2 {margin-bottom: 20px;}
	.sect-head .title, .sect-head2 .title {font-size: 20px;}
	.adv-benefits-row {flex-wrap: nowrap; display: block; white-space: nowrap; overflow-x: auto; margin: 0;}
	.adv-benefits-row .item {display: inline-block; width:220px; max-width:220px; flex-basis:220px; margin-bottom: 30px;  vertical-align: top; padding: 0; margin-right: 15px;}
	.adv-benefits {white-space: normal; padding: 15px 12px;}
	.adv-benefits .title {font-size: 16px; line-height: 22px;}
	.adv-benefits .desc {margin-top: 7px;}
	.see-all {margin-top: 0;}
	.adv-feature {flex-wrap: wrap;}
	.adv-feature .left, .adv-feature .right {width:100%;}
	.adv-feature-list {font-size: 15px; line-height: 21px;}
	.adv-feature-list > * {width: 100%; flex-basis: 100%; max-width: 100%; padding-left: 30px; margin-bottom: 10px;}
	.adv-feature-list > *:before {width: 21px; height: 21px; top: 2px;}
	.adv-feature-row > .adv-feature {padding: 30px 0;}
	.faq .title {font-size: 15px;}
	.faq .desc {font-size: 14px; line-height: 20px;}
	.still-help {flex-wrap: wrap;}
	
	.need-help .left, .need-help .right {width: 100%; flex-basis: 100%; padding:20px 15px;}
	.modal-content {padding: 25px 15px;}
}

@media(max-width: 767px){
	.adv-feature .title {font-size: 18px;}
	.adv-feature-list {font-size: 14px;}
	.adv-head-row .title {font-size: 25px; line-height: 30px;}
	.adv-head-row .desc {font-size: 15px; line-height: 21px;}
	.adv-head-row .right .membership-img {height: 80px;}
	.adv-head-row .desc2 a {white-space:nowrap; text-overflow: ellipsis; overflow: hidden; width: 200px; padding: 5px 10px;}
	.testimonial-box-wrap {flex-wrap: wrap;}
	.testimonial-box-wrap > * {max-width: 50%; flex-basis: 50%;}
	.testimonial-box {padding: 20px 15px;}
	.testimonial-box.heading .title {font-size: 22px;}
	.testimonial-box .rating-reviews {font-size: 14px;}
	.testimonial-box .desc {font-size: 15px; line-height: 22px;}
	.still-help {padding:25px 15px;}
	.still-help span {font-size: 30px;}
	.note {font-size: 14px; line-height: 20px;}
	.disclaimer {font-size: 13px; line-height: 19px;}
}

@media(max-width:640px){
	.adv-action {padding: 20px 15px;}
	.adv-ahead {font-size: 20px;}
	.adv-plan-row .item, .adv-plan {width: 100%; margin-right: 0px;}
	.adv-price-box .btn {padding: 8px 45px !important;}
	.adv-plan figure, .adv-plan figure img {width: 60px;height: 60px;}
	.adv-plan .title {font-size: 16px; line-height: 20px; margin-bottom: 2px;}
	.testimonial-box-wrap > * {max-width: 100%; flex-basis: 100%;}
}

@media(max-width:420px){
	.still-help .btn {margin-top:10px;}
}

@media(max-width: 375px){
	.form > li > ul li {max-width: 100%;flex-basis: 100%; padding-left: 0px !important; padding-right: 0px !important;}
	.form > li > ul > li:nth-child(2) {margin-top: 15px !important;} 
}