@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
    --primary-color: #0FB1C7;
    --secondary-color: #FF8C00;
    --heading-font-color: #101828;
    --base-secondry-color: #667085;
    --para-main-color: #010101;
    --icon-bg-color: rgba(15, 177, 199, .2);
    --white-color: #ffffff;
    --black-color: #000000;
    --promo-color: #D0EAEE;
    --light-color: #E6F3F8;

     --skyGreen: #11b1c7;
     --grey400: #535353;
     --borderColor: #9a9a9a1c;
}

.body {
    color: var(--para-main-color);
    background-color: var(--white-color);
    font-family: Poppins, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6em;
}

.ui-widget {
    font-family: Poppins, sans-serif;
    font-size: 18px;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Poppins, sans-serif;
}

.header-section {
    width: 100%;
    height: 100%;
    color: var(--para-main-color);
}

.custom-container {
    max-width: 1420px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 25px;
    padding-right: 25px;
}

.custom-header {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.header-top-sec {
    background: var(--light-color);
    /* padding: 10px 0; */
}

.header-top-inner {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.logo-div {
    width: 160px;
}

.header-top-social {
    display: flex;
    align-items: center;
    gap: 10px;
}

.header-top-social a,
.header-login-mob a {
    padding-left: 25px;
    font-size: 16px;
    font-weight: 400;
    color: var(--heading-font-color);
    text-decoration: none;
    position: relative;
}

.header-top-social a.header-comp-btn {
    font-size: 16px;
    padding: 8px 15px;
    color: var(--white-color);
    font-weight: 500;
}

.header-top-social .login-top,
.header-login-mob .login-top {
    font-size: 20px;
    padding-left: 30px;
    font-weight: 500;
}

.header-top-social .login-top {
    border: 1px solid var(--primary-color);
    padding: 8px 10px 8px 40px;
    border-radius: 10px;
    margin-left: 25px;
}

.header-top-social span {
    text-decoration: underline;
}

.header-top-social .email-top::before {
    content: "";
    background: url(../images/icon/mail-icon.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0px;
    top: 4px;
}

.header-top-social .call-top::before {
    content: "";
    background: url(../images/icon/phone-call.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0px;
    top: 4px;
}

.header-top-social .login-top::before,
.header-login-mob .login-top::before {
    content: "";
    background: url(../images/icon/lock.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 5px;
    top: 4px;
}

.header-top-social .login-top::before {
    top: 10px;
    left: 10px;
}

.header-navbar-sec {
    background: var(--primary-color);
    position: relative;
    border-top: 4px solid #4bbdcd;
    /* box-shadow: 0 5px 10px #06060645; */
}

.header-navbar-sec.sticky-header {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 9999;
}

.header-inner {
    display: flex;
    align-items: center;
    padding: 15px 0;
}

.tab-mob {
    display: none;
}

.header-login-mob {
    display: none;
}

.main-banner-sec {
    background-image: url('../images/Banner-bg-img.jpg');
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}

.main-banner-inner {
    padding: 40px 0 130px;
}

.header-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    padding-left: 0;
    width: 100%;
    transform: unset !important;
}

.nav-menu-item.hide-mob.w-nav-link {
    margin-left: 0 !important;
}

.nav-menu-item:hover {
    color: var(--light-color);
}

.nav-menu-item.w--current {
    color: var(--light-color);
}

.nav-dropdown-item.w-dropdown-toggle {
    display: flex;
    align-items: center;
    padding: 0;
}

.menu-button.w--open {
    background-color: rgba(0, 0, 0, 0);
}

.dropdown-list.w--open {
    min-width: 220px;
    color: var(--heading-font-color);
    background-color: #F6FBFC;
    border: 1px solid rgba(0, 0, 0, .08);
    padding: 15px 15px 30px 15px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, .08);
}

.dropdown-list.dropdown-list-right {
    position: absolute;
    left: 0;
    width: 100%;
    margin-top: 10px;
    border: 1px solid #EAECF0;
}

.dropdown-link {
    color: #4a5366;
    margin-right: 0px;
    padding: 5px 10px 0 16px;
    font-family: Poppins, sans-serif;
    font-weight: 400;
    font-size: 14px;
    position: relative;
    white-space: unset;
    text-decoration: none;
}

.dropdown-link::before {
    content: ">";
    font-size: 16px;
    position: absolute;
    left: 0px;
    top: 7px;
}

.nav-dropdown-item.w-dropdown-toggle.w--open .dropdown-icon {
    transform: rotate(180deg);
}

.close-button.header-menu-close {
    display: none;
}

.dropdown-link:hover {
    color: #0fa5b9;
}

.dropdown-link.w--current {
    color: #0fa5b9;
}

.comp-btn-head {
    padding-top: 40px;
}

.dropdown-link.compare {
    background-color: #FF8C00;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    color: var(--white-color);
    text-decoration: none;
    padding: 12px 20px;
    color: var(--white-color);
    border-radius: 8px;
    max-width: 300px;
    margin-left: 0px;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

.dropdown-link.compare:hover {
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.dropdown-link.compare::before {
    content: "";
}

.w-nav-overlay [data-nav-menu-open] {
    background: #F6FBFC;
}

.w-layout-grid {
    grid-row-gap: 16px;
    grid-column-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.dropdown-grid {
    grid-column-gap: 0px;
    grid-template-rows: auto;
}

.dropdown-grid-column {
    min-width: 180px;
}

.nav-menu-icon-svg {
    color: var(--heading-font-color);
}

.dropdown-menu-inner {
    display: flex;
    max-width: 1400px;
    margin: auto;
    justify-content: center;
    gap: 40px;
}

.dropdown-menu-col {
    width: 30%;
}

.dropdown-menu-heading {
    color: var(--primary-color);
    font-size: 16px;
    font-weight: 600;
    position: relative;
    padding: 10px 5px 0 0;
    width: max-content;
    display: block;
    margin-bottom: 20px;
}

.dropdown-menu-heading::after {
    content: "";
    background: var(--primary-color);
    position: absolute;
    width: 100%;
    height: 1px;
    padding-bottom: 1px;
    left: 0;
    bottom: -10px;
    z-index: 999;
}

.px-2 {
    padding-right: 20px;
}

.px-1 {
    padding-right: 10px;
}

.pxy-1 {
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
}

.login-btn {
    color: var(--white-color);
    text-decoration: none;
}

.call-btn {
    width: 205px;
    grid-column-gap: 10px;
    color: var(--primary-color);
    background-color: var(--white-color);
    border-radius: 32px;
    align-items: center;
    padding: 8px 10px;
    text-decoration: none;
    display: flex;
}

.span-clr {
    color: var(--primary-color) !important;
}

.logo-div.mob {
    display: none;
}

.d-flex {
    flex-wrap: wrap;
    align-items: center;
    display: flex;
}

.pt-1 {
    padding-top: 10px;
}

.pt-2 {
    padding-top: 20px;
}

.pt-3 {
    padding-top: 30px;
}

.pt-4 {
    padding-top: 40px;
}

.pt-6 {
    padding-top: 60px;
}

.pb-6{
    padding-bottom: 60px;
}

.pt-8 {
    padding-top: 80px;
}

.ptb-6 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.ptb-8 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.ptb-4 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.plr-2 {
    padding: 0 20px;
}

.col-50 {
    width: 50%;
}

.col-40 {
    width: 40%;
}

.col-30 {
    width: 30%;
}

.col-60 {
    width: 60%;
}

.col-70 {
    width: 70%;
}

.col-100{
    width: 100%;
}

.col-80{
    width: 80%;
}

.col-20{
    width: 20%;
}

.pr-1{
    padding-right: 10px;
}

.pl-1{
    padding-left: 10px;
}

.h1 {
    color: var(--white-color);
    margin-top: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.4em;
}

.h1.black {
    color: var(--para-main-color);
}

.p-main {
    color: var(--white-color);
    font-size: 20px !important;
    line-height: 1.5em;
}

.wrap-wdth{
    width: 100%;
    max-width: 785px;
}

.h1.wrap-wdth{
    font-size: 55px;
}

.name-check-search {
    width: 500px;
    align-items: center;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.name-check-input {
    width: 75%;
    min-height: 60px;
    border-radius: 8px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
}

.name-check-input::-ms-input-placeholder {
    color: var(--base-secondry-color);
    font-size: 16px;
    font-weight: 400;
}

.name-check-input::placeholder {
    color: var(--base-secondry-color);
    font-size: 16px;
    font-weight: 400;
}

.name-check-btn {
    color: var(--white-color);
    background-color: var(--secondary-color);
    border-radius: 8px;
    margin: 0px;
    padding: 12px 30px;
    font-size: 18px;
    font-weight: 500;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%;
    min-height: 60px;
}


.search_inline_wrap .name-check-search {
    width: 100%;
    max-width: 785px;
}

.search_inline_wrap .name-check-input {
    width: 100%;
    min-height: 60px;
    border-radius: 30px;
    padding: 8px 20px;
}

.search_inline_wrap .name-check-btn {
    border-radius: 30px;
    margin: 0px;
    padding: 12px 30px;
    font-size: 18px;
    font-weight: 500;
    position: absolute;
    top: auto;
    bottom: auto;
    left: auto;
    right: 10px;
    min-height: 30px;
    line-height: 20px;
}

.ptb-2 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.mtb-2 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.left-auto {
    margin-left: auto;
}

.rev-col {
    display: flex;
    gap: 15px;
    align-items: center;
    width: max-content;
    max-width: 380px;
    background: rgba(199, 199, 199, 0.30);
    border: 1px solid var(--promo-color);
    border-radius: 10px;
    padding: 20px;
    backdrop-filter: blur(25px);
}

.rev-inner {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.rev-col.comp-pack{
    max-width: 650px;
    background: rgb(8 168 138);
    border: 1px solid rgb(8 168 138);
    margin-top: 50px;
    width: auto;
    gap: 0;
}

.rev-col.comp-pack .rev-logo-small{
    position: relative;
    width: 110px;
}
.rev-col.comp-pack .rev-logo-small img{
    width: 240px;
    height: auto;
    margin-top: -50px;
    margin-left: -16px;
}
.rev-col.comp-pack .rev-bottom a{
    text-decoration: underline;
}
.rating {
    width: 49%;
    grid-column-gap: 3px;
    grid-row-gap: 3px;
    display: inline-block;
}

.star-icon {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.rev-top {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.rev-bottom {
    border-left: 3px solid #a2f8d1;
    padding-left: 10px;
}

.rev-col p {
    margin-bottom: 0px;
}

.rev-col-out {
    margin-top: 20px;
}

.rev-col-out-div {
    color: var(--white-color);
    gap: 12px;
    border-left: 3px solid #a2f8d1;
    padding-left: 10px;
}
.live-rev-desktop{
    display: block;
    margin-top: 10px;
    border-left: 3px solid #a2f8d1;
    overflow: hidden;
}
.live-rev-mob{
    display: none;
    border-left: 3px solid #a2f8d1;
}
.live-rev-desktop iframe{
    max-width: 850px;
    margin-left: -138px;     
}
.live-rev-mob iframe{
    max-width: 200px;
    margin-left: -2px;
}
.rev-col-out-div p {
    margin: auto 0;
}

.rev-logo-out .rev-logo-pilot {
    width: 110px;
    height: 30px;
    object-fit: contain;
}

.rev-logo-out .rev-logo-star {
    width: 140px;
    height: 30px;
    object-fit: contain;
}

.rev-col-package .rev-col-out-div {
    color: var(--black-color);
}

.rev-card-info{
    padding-top: 20px;
}
.rev-card-txt{
    color: var(--white-color);
    border-left: 3px solid #a2f8d1;
    margin-bottom: 20px;
    padding-left: 10px;
}
.rev-card-txt h4{
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 0;
}
.rev-card-img{
    display: flex;
    align-items: flex-start;
}
.rev-card-wrap{
    max-width: 110px;
    padding-right: 10px;
}
.rev-col-nw{
    width: 48%;
}
.rev-col-nw p,
.rev-col-out-nw p{
    font-weight: 500;
    margin-bottom: 0;
}

.mt-2 {
    margin-top: 20px;
}

.mb-2 {
    margin-bottom: 20px;
}
.mb-4 {
    margin-bottom: 40px;
}
.total-reviews,
.rating-total {
    width: 49%;
}

.para-2 {
    color: var(--white-color);
}

.rev-logo-div {
    width: 120px;
    height: 40px;
}

.rev-logo-small img {
    width: 65px;
    height: 40px;
    object-fit: contain;
}

.main-banner-inner-cont {
    display: flex;
    flex-wrap: wrap;
}

.main-banner-wrap-cont {
    width: auto;
}
.main-banner-wrap-cont:nth-child(1){
   max-width: 780px;
}
.main-banner-wrap-cont-img {
    max-width: 320px;
    /* padding-left: 30px; */
    /* margin-left: 60px; */
}

.features-section {
    margin-top: -65px;
    position: relative;
    z-index: 1;
}

.features-inner.d-flex-space {
    align-items: stretch;
}

.features-item {
    width: 24%;
    background-color: var(--white-color);
    padding: 20px;
    border-radius: 10px;
    border: 1px solid var(--promo-color);
}

.feat-icon {
    width: 35px;
    height: 35px;
    background-color: var(--icon-bg-color);
    border-radius: 50%;
    margin-right: 15px;
    padding: 8px;
    margin-bottom: 10px;
    min-width: 35px;
}

.feat-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.features-para {
    color: var(--heading-font-color);
    margin-bottom: 0;
}

.features-span {
    font-size: 20px;
    font-weight: 600;
}

.d-flex-space {
    display: flex;
    grid-row-gap: 30px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.h2 {
    margin-top: 0;
    font-size: 40px;
    font-weight: 600;
    line-height: 50px;
    margin-bottom: 20px;
}

.h3 {
    color: var(--heading-font-color);
    margin-top: 0;
    font-size: 32px;
    font-weight: 500;
    line-height: 45px;
}

.h4 {
    color: var(--heading-font-color);
    margin-top: 0;
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
}

.h4.white {
    color: var(--white-color);
}

.sub-heading {
    color: var(--primary-color);
    margin-top: 0;
    font-size: 18px;
    font-weight: 400;
}

.grey {
    color: var(--base-secondry-color);
}

.black {
    color: var(--heading-font-color);
}

.clr-orng {
    color: var(--secondary-color);
}

.info-section .col-50:first-child {
    padding-right: 60px;
}

.hr-line,
.hr-line-center {
    position: relative;
}

.h2.hr-line,
.h2.hr-line-center,
.h3.hr-line,
.h3.hr-line-center,
.h4.hr-line,
.h4.hr-line-center {
    margin-bottom: 15px;
}

.hr-line::after {
    content: unset;
    background: var(--primary-color);
    position: absolute;
    width: 100px;
    height: 3px;
    padding-bottom: 1px;
    left: 0;
    bottom: -16px;
}

.hr-line-center::after {
    content: unset;
    background: var(--primary-color);
    position: absolute;
    width: 100px;
    height: 3px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 1px;
    bottom: -16px;
}

.star-logo-img {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

.star-logo-img .logo-trst {
    width: 140px;
}

.star-logo-img .logo-star {
    width: 140px;
}
.star-logo-img p{
    text-decoration: none;
}
.info-logos {    
    display: flex;
    grid-column-gap: 3.2%;
    grid-row-gap: 30px;
    justify-content: center;
    background-color: var(--white-color);
    flex-wrap: wrap;
    margin-left: 30px;
    padding: 30px;
    border: 1px solid var(--promo-color);
    border-radius: 20px;
}

.info-logo-div {
    width: 22%;
    align-items: center;
    display: flex;
}

.logo-info {
    display: block;
}

.info-logo-btm-txt {
    text-align: center;
    font-size: 18px;
    color: var(--heading-font-color);
    position: relative;
}

.info-logo-btm-txt a {
    color: var(--heading-font-color);
    padding-left: 30px;
    position: relative;
}

.info-logo-btm-txt a::before {
    content: "";
    background: url('../images/users-02.svg') center center no-repeat;
    background-size: contain;
    position: absolute;
    left: -5px;
    top: 5px;
    width: 20px;
    height: 20px;
}

/* .info-section-card .main-btn{    padding-inline: 40px;} */
.designed-sec-inner {
    width: 100%;
    min-height: 350px;
    background-image: url('../images/woods.jpg');
    background-position: center center;
    background-size: cover;
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.20);
}

.woods-icon-list {
    background-color: rgba(102, 112, 133, .9);
    border-radius: 80px;
    margin-right: 5%;
    padding: 10px;
}

.wood-img {
    width: 60px;
    height: 60px;
    display: block;
}

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

.white {
    color: var(--white-color);
}

.design-sec-wood-bg {
    width: 100%;
    background-image: url('../images/wood.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
}

.mb-8 {
    margin-bottom: 80px;
}

.pricing-inner {
    margin-bottom: 40px;
}

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

.mt-0 {
    margin-top: 0 !important;
}

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

.mtb-120 {
    margin-top: 120px;
    margin-bottom: 120px;
}

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

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

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

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

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

.txt-width-70 {
    width: 64%;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
}
.txt-width-65{
    width: 65%;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
}
.wd-80 {
    width: 80%;
}

.ptb-120 {
    padding-top: 120px;
    padding-bottom: 120px;
}

.pt-120 {
    padding-top: 120px;
}

/*below also pb-120**/
.pb-120 {
    padding-bottom: 120px;
}

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

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

.pb-700 {
    padding-bottom: 600px;
}

.pb-860 {
    padding-bottom: 960px;
}

.plc-pack .pb-860 {
    padding-bottom: 1100px;
}

.bespoke-pack .packagepg-sec-btm {
    padding-bottom: 380px;
}

.property-management .packagepg-sec-btm.pb-200 {
    padding-bottom: 180px;
}

.print-pack .packagepg-sec-btm {
    padding-bottom: 0;
}

.packagepg-sec-btm ul{
    padding-left: 24px;
}
.packagepg-sec-btm ul li,
.packagepg-sec-btm ol li{
    font-size: 18px;
    color: var(--base-secondry-color);
    line-height: 30px;
}

.pricing-list {
    display: flex;
    flex-wrap: wrap;
    /* border-block: 1px solid #f2f2f2; */
}

.pricing-list-item {
    /* width: 25%; */
    width: 20%;
    background-color: var(--white-color);
    padding: 20px 0 0;
    position: relative;
    border: 1px solid #f2f2f2;
    border-right: 0;
}

.pricing-list-item:first-child {
    border-radius: 20px 0 0 20px;
}

.pricing-list-item:last-child {
    border-radius: 0 20px 20px 0;
    border-right: 1px solid #f2f2f2;
}

.pricing-head {
    padding-left: 20px;
    padding-right: 20px;
}

.pricing-icon {
    width: 40px;
    height: 40px;
    background-color: var(--icon-bg-color);
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    padding: 8px;
}

.pricing-icon-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.pricing-heading {
    color: var(--primary-color);
    text-align: center;
    /* font-size: 20px; */
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    margin-top: 15px;
}

.pricing-head .house-fee {
    font-size: 16px;
    text-align: center;
}

.house-fee-sm{
    font-size: 14px;
    text-align: center;
    line-height: 1.2em;
    padding-top: 10px;
}

.pricing-amount {
    color: var(--heading-font-color);
    text-align: center;
    font-size: 48px;
    font-weight: 600;
    line-height: 51px;
    margin-top: 10px;
}

.pricing-description {
    color: var(--base-secondry-color);
    text-align: center;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 400;
}

.pricing-features {
    color: var(--heading-font-color);
    margin-top: 30px;
    margin-bottom: 230px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
}

.pricinglist,
.pricinglist-div {
    list-style: none;
}

.pricinglist-item {
    justify-content: space-between;
    /* padding-bottom: 10px; */
    padding-block: 5px;
    display: flex;
}

.pricinglist-div .line {
    border-bottom: 1.5px solid #e5e5e5;
    width: 90%;
    margin-block: 10px;
    margin-inline: auto;
}

.pricing-list-item.most-popular {
    background-color: var(--light-color);
    position: relative;
}

.pricing-list-item.most-worth {
    position: relative;
}

.cc-comp-col.most-popular,
.cc-comp-col.most-worth {
    position: relative;
}

.pricing-list-item.most-popular::before,
.pricing-list-item.most-worth::before,
.cc-comp-col.most-popular::before,
.cc-comp-col.most-worth::after {
    content: "Most popular";
    position: absolute;
    top: -24px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    color: var(--secondary-color);
    font-size: 16px;
    font-weight: 500;
    border-radius: 24px;
    background: #F8D6AC;
    padding: 4px 12px;
    width: max-content;
}

.pricing-list-item.most-worth::before,
.cc-comp-col.most-worth::after {
    content: "Worth £800+";
}

.tick-icon {
    width: 20px;
    height: 20px;
    min-width: 25px;
    margin-top: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tick-svg {
    width: 15px;
    height: 15px;
    display: inline-block;
}

.pricinglist-item-plus {
    color: var(--heading-font-color);
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 500;
}

.pricing-features-text {
    width: calc(100% - 38px);
    color: var(--heading-font-color);
    margin-bottom: 0;
    font-size: 16px;
}

.packagepg-list .pricing-features-text strong {
    font-weight: 400;
}

.pricing-btn-div {
    border-top: 1px solid #f2f2f2;
    padding: 30px 20px;
    position: absolute;
    top: auto;
    /* bottom: 0%; */
    bottom: -1%;
    left: 0%;
    right: 0%;
    padding-bottom: 0;
    text-align: center;
}

.cstm-grey {
    color: #9f9f9f;
}

.cashback-txt {
    color: var(--heading-font-color);
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 15px;
}

.cashback-txt span {
    color: var(--primary-color);
    font-size: 24px;
}

.read-more-pricing {
    /* color: var(--primary-color); */
    color: var(--heading-font-color);
    font-size: 18px;
    font-weight: 500;
    text-decoration-line: underline;
    text-align: center;
    margin-top: 10px;
    display: inline-block;
    width: 100%;
}

.bdr-tp {
    border-top: 1px solid #f2f2f2;
}

.bdr-rt {
    border-right: 1px solid #f2f2f2;
}

.bdr-tp-bt {
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
}

.bdr-radius-top-left {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.bdr-radius-right {
    border-top-right-radius: 20px;
}

.bdr-radius-rght-bottom {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.bdr-radius-left {
    border-bottom-left-radius: 20px;
}

.bdr-lft {
    border-left: 1px solid #f2f2f2;
}

.main-btn {
    color: var(--white-color);
    text-align: center;
    background-color: var(--secondary-color);
    border-radius: 8px;
    padding: 12px 28px;
    font-weight: 500;
    text-decoration: none;
    display: inline-block;
}

.main-btn:hover {
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.round-btn {
    background: transparent;
    border: 1px solid #ff8c00;
    color: #ff8c00;
    border-radius: 50px;
}

.round-btn.white{
    color: #fff;
    border-color: #fff;
    padding: 5px 20px;
}

.round-btn img {
    margin-left: 10px;
    transition: all 0.5s;
}

.round-btn:hover img {
    margin-left: 20px;
    transition: all 0.5s;
}

.round-clr-btn{
    border-radius: 50px;
}
.round-clr-btn img {
    margin-left: 10px;
    transition: all 0.5s;
}
.round-clr-btn:hover img {
    margin-left: 20px;
    transition: all 0.5s;
}

.main-round{
    border-radius: 50px;
}

.round {
    border-radius: 50px;
    margin-top: 35px;
    margin-bottom: -25px;
}

.round img,
.main-round img{
    margin-inline: 5px;
    transition: all 0.5s;
    width: 30px;
}

.round:hover img,
.main-round:hover img {
    margin-left: 10px;
    transition: all 0.5s;
}

.comp-btn-mob .main-round img{
    width: 30px;
    padding-left: 5px;
}
.payment-img-icon-all {
    text-align: center;
}

.payment-icon-all {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: auto 0;
}

.payment-icon-all img {
    width: 48px;
    height: 30px;
    object-fit: cover;
    border-radius: 4px;
}

.payment-icon-fixed-width {
    max-width: 300px;
    margin: auto;
}

.width-100 {
    width: 100%;
}

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

.payments-icon-list {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

.payment-icon {
    width: 45px;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
}

.payment-svg {
    width: 100%;
}

.setup-comp-sec {
    background: var(--light-color);
    padding: 60px 0;
}

.setup-comp-inner {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    margin-top: 80px;
    flex-wrap: wrap;
}

.setup-comp-item {
    width: 23%;
}

.setup-comp-img-col {
    padding: 30px 20px;
    border-radius: 10px;
    border: 1px solid #D0EAEE;
    background: #FBFDFE;
    position: relative;
    height: 220px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}

.setup-step {
    padding: 14px 20px;
    font-size: 16px;
    font-weight: 600;
    color: var(--primary-color);
    background: aliceblue;
    border-radius: 50%;
    width: min-content;
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.setup-comp-img {
    text-align: center;
}

.setup-comp-item h4 {
    font-weight: 600;
}

.have-qsn-inner {
    padding: 60px;
    background: url(../images/qsn-bg.png) center right no-repeat;
    background-size: contain;
    background-color: var(--light-color);
    border-radius: 20px;
}

.have-qsn-img {
    width: 80px;
}

.have-qsn-contact {
    display: flex;
    gap: 30px;
    margin-top: 30px;
}

.qsn-contact-inner {
    display: flex;
}

.qsn-contact-inner h4 {
    font-weight: 600;
}

.qsn-contact-inner a {
    font-size: 20px;
    font-weight: 400;
    text-decoration: none;
    color: var(--primary-color);
}

.qsn-ask-img-col {
    max-width: 500px;
    margin-left: auto;
}

.qsn-ask-circle-one img,
.qsn-ask-circle-two img {
    width: 220px;
    height: 220px;
    object-fit: cover;
    border-radius: 50%;
}

.qsn-ask-circle-one {
    padding-left: 70px;
}

.qsn-ask-circle-two {
    text-align: right;
    margin-top: -130px;
    margin-right: 30px;
}

.qsn-ask-circle-two img {
    box-shadow: -10px 0px 5px #9f9f9f45;
}

.package-section {
    min-height: 500px;
    background-image: url('../images/package-bg.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0px;
}

.package-lists.d-flex-space {
    align-items: stretch;
}

.package-item {
    width: 32%;
    background-color: var(--white-color);
    border-radius: 20px;
    padding: 30px;
}

.package-item h4 {
    min-height: 60px;
}

.read-more {
    color: var(--base-secondry-color);
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
}

.package-price {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.package-price-amt {
    color: var(--primary-color);
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 500;
}

.package-price-span {
    font-weight: 400;
}

.sun-icon {
    width: 40px;
}

.steps-div-inner {
    display: flex;
}

.seps-div-col {
    width: 46%;
    justify-content: center;
    align-items: center;
    display: flex;
}

.mt-4 {
    margin-top: 40px;
}

.steps-line {
    width: 8%;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
}

.steps-btn-col {
    min-height: 300px;
    min-width: 300px;
    background-image: url('../images/steps-bg.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    justify-content: center;
    align-items: center;
    display: flex;
}

.steps-btn {
    width: 230px;
    grid-column-gap: 10px;
    background-color: #d0eaee;
    border-radius: 10px;
    justify-content: flex-start;
    align-items: center;
    padding: 20px 15px;
    text-decoration: none;
    display: flex;
    box-shadow: 0 2px 10px 10px var(--icon-bg-color);
}

.steps-btn-icon {
    width: 30px;
}

.steps-btn-txt {
    color: #141414;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
}

.steps-txt-div {
    background-color: var(--white-color);
    border-radius: 20px;
    padding: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.steps-number {
    width: 40px;
    height: 40px;
    background-color: var(--promo-color);
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    display: flex;
}

.number {
    width: 100%;
    color: var(--primary-color);
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
}

.dot-50 {
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: 50%;
}

.line-50 {
    width: 100%;
    height: 49%;
    justify-content: center;
    align-items: center;
    margin-bottom: 3px;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.steps-line-dotted {
    width: 4px;
    height: 100%;
    border-right: 4px dashed var(--promo-color);
    display: flex;
}

.steps-div-inner--rev {
    display: flex;
    flex-direction: row-reverse;
}

.line-50-top {
    width: 100%;
    height: 49%;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
}

.para-link {
    color: var(--base-secondry-color);
}

.video-sec-top-icon {
    text-align: center;
    margin-bottom: 20px;
}

.video-sec-top-icon img {
    width: 60px;
    height: 60px;
    object-fit: contain;
}

.video-txt {
    width: 50%;
}

.video-main-div {
    padding-left: 30px;
}

.video-thumbnails {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    margin-top: 60px;
    gap: 25px;
}

.video-inner .home_shorts_slider{
    max-width: 1200px;
    margin: auto;
    padding-top: 40px;
}
.video-thumb {
    width: max-content;
    /* width: 31%; */
    border-radius: 10px;
    border: 1px solid var(--promo-ladle-1, #D0EAEE);
    background: var(--white-color);
    padding: 20px;
    margin: auto;
}

.video-thumb h5 {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3em;
}
.home_shorts_slider .owl-dots{
    text-align: center;
    margin-top: 20px;
}
.home_shorts_slider .owl-dots button.owl-dot{
    border: 1px solid var(--secondary-color);
    background: white;
     border-radius: 50%;
     height: 15px;
     width: 15px;
     position: relative;
     margin: 0 5px;
  }
.home_shorts_slider .owl-dots button.owl-dot.active, 
.home_shorts_slider .owl-dots button.owl-dot:hover {
   background: var(--secondary-color);
}

.works-section {
    background-image: url('../images/works-bg.png');
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: contain;
}

.works-process {
    display: flex;
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    flex-wrap: wrap;
    justify-content: center;
    padding: 30px;
}

.work-process-item {
    width: 31%;
}

.work-process-item h5 {
    color: var(--heading-font-color);
    font-size: 24px;
    font-weight: 500;
}

.work-process-item h5 span {
    color: var(--primary-color);
}

.work-process-item h5 b,
.work-process-item h5 strong{
    font-weight: 600;
}

.works-icon {
    width: 40px;
    height: 40px;
    background-color: var(--icon-bg-color);
    border-radius: 50%;
    padding: 8px;
}

.h5 {
    color: var(--heading-font-color);
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
}

.p-small {
    font-size: 16px;
}

.p-esm{
    font-size: 14px;
}

.bdr-rt-grey {
    border-right: 1px solid var(--promo-color);
    padding-right: 10px;
}

.bdr-btm-grey-cstm {
    border-bottom: 1px solid var(--promo-color);
    margin-right: 8px;
    position: relative;
    bottom: -12px;
}

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

.pt-60 {
    padding-top: 60px;
}

.residentail-img {
    max-width: 600px;
    padding-right: 40px;
}

.residential-image {
    border-radius: 20px;
}

.d-flex-center {
    justify-content: center;
    align-items: center;
    display: flex;
}

.non-residential-inner {
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
}

.d-none {
    display: none;
}

.partner-inner-img-wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 40px;
    margin: 40px auto;
    max-width: 1200px;
}

.partner-logo-info{
    width: 95%;
    max-width: 200px;
    height: 60px;
    object-fit: contain;
}

.partner-img-col{
    width: 22%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.partner-section {
    background-image: url('../images/package-bg.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 00px;
}

.partner-icons-div {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    display: flex;
}

.partner-icon-item {
    width: 47%;
    max-width: 280px;
    background-color: var(--white-color);
    border-radius: 20px;
    padding: 20px;
    box-shadow: 0 2px 10px 5px rgba(20, 20, 20, .2);
}

.partner-image {
    object-fit: contain;
    height: 30px;
}

.pb-0 {
    padding-bottom: 0;
}

.partner-image-div {
    height: 30px;
}

.partners-text {
    padding-left: 30px;
}

.partner-inner-bm {
    background-color: var(--white-color);
    background-image: url('../images/partner-bg.png');
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 30px;
    flex-wrap: wrap;
    align-items: flex-end;
    padding: 40px 30px;
    display: flex;
}

.partner-cards-rght {
    display: flex;
    justify-content: center;
}
.cards-cashback-txt{
    font-size: 18px;
    color: #174859;
    font-weight: 600;
    text-align: center;
}
.cards-div {
    /* width: 33%; */
    width: 30%;
    padding: 5px;
}

.cards-image {
    width: 100%;
    max-height: 165px;
    filter: drop-shadow(3px 3px 3px #c4c4c4);
}

.pb-1 {
    padding-bottom: 10px;
}

.pb-2 {
    padding-bottom: 20px;
}

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

.align-btm {
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-end;
}

.position-realtive {
    position: relative;
}

.help-woods-sec {
    background: url('../images/icon/plant-icon.png') 15% top no-repeat, url('../images/icon/plant-icon.png') 45% 15% no-repeat, url('../images/icon/plant-icon.png') right 90% no-repeat, url('../images/icon/Nature-icon.png') -3% 104% no-repeat, url('../images/icon/Nature-icon.png') 40% 80% no-repeat;
    background-color: var(--light-color);
    padding: 80px 0;
}

.climate-sec-inner {
    width: 100%;
    min-height: 350px;
    background: url('../images/climate-change-bg.png'), linear-gradient(90deg, rgba(0, 0, 0, 0.34) 0%, rgba(0, 0, 0, 0.00) 100%, rgba(0, 0, 0, 0.11) 100%), url(<path-to-image>), lightgray -64.031px -130.377px / 144.252% 203.863% no-repeat;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    border-radius: 20px;
    padding: 60px 40px;
}

.climate-icon-list {
    width: max-content;
    grid-column-gap: 15px;
    background-color: var(--primary-color);
    border-radius: 80px;
    align-items: center;
    padding: 0px 10px;
    display: flex;
}

.climate-des-item {
    background-color: var(--white-color);
    border: 1px solid var(--promo-color);
    border-radius: 10px;
    padding: 20px;
}

.woods-img-col {
    text-align: center;
    position: relative;
    max-width: 750px;
    margin-left: auto;
}

.woods-top-right {
    position: absolute;
    right: 0;
    top: -40px;
}

.woods-bottom-left {
    position: absolute;
    left: 0;
    bottom: -40px;
}

.climate-icon-update {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    align-items: center;
    margin-top: 30px;
}

.climate-ecologi {
    max-width: 150px;
}

.pr-4 {
    padding-right: 40px;
}

.pl-4 {
    padding-left: 40px;
}

.pr-2 {
    padding-right: 20px;
}

.reg-process-inner {
    display: flex;
    align-items: stretch;
    gap: 30px;
    flex-wrap: wrap;
    justify-content: center;
}

.reg-process-item {
    width: 48%;
    background-color: var(--white-color);
    border-radius: 20px;
    border-radius: 10px;
    border: 1px solid var(--promo-color);
}

.reg-process-img img {
    width: 100%;
    height: 380px;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
}

.reg-process-item-txt {
    padding: 40px;
}

.reg-process-item-txt h3 {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.4em;
}

.reg-process-item.custom {
    padding-bottom: 60px;
}

.btn-tag {
    color: var(--primary-color);
    background-color: var(--icon-bg-color);
    border-radius: 20px;
    padding: 6px 10px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    display: inline-block;
}

.orange {
    color: var(--secondary-color);
    background-color: rgba(255, 140, 0, .2);
}

.mt-8 {
    margin-top: 80px;
}

.mt-min80 {
    margin-top: -80px;
}

.green {
    color: #00b67a;
    background-color: rgba(0, 182, 122, .2);
}

.reg-process-div {
    width: 48%;
    flex-wrap: wrap;
}

.txt-width-80 {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.btn-center {
    width: 300px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.services-section-header .sub-heading {
    font-size: 22px;
}

.services-inner {
    margin-top: 60px;
}

.services-list {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    flex-wrap: wrap;
    display: flex;
}

.services-item {
    width: 48%;
    background-color: var(--white-color);
    border: 1px solid var(--promo-color);
    border-radius: 10px;
    /* padding: 20px; */
    padding: 40px;
    position: relative;
}

.hm_service {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}

/* .services-item h4 {    margin-top: 10px;} */
.services-item p {
    /* margin-bottom: 40px; */
    margin-bottom: 20px;
}

.services-item .read-more.underline {
    text-decoration: underline;
    color: var(--primary-color);
    position: absolute;
    bottom: 0;
    display: block;
    margin: 20px 0;
}

.advisior-inner {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.col-advisior {
    width: 49%;
}

.sub-heading-inner {
    font-size: 20px;
    font-weight: 500;
    color: var(--primary-color);
}

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

/* .advisor-txt h2{    margin-top: 20px;} */
.advisior-img-main {
    border-radius: 10px;
}

.advisor-list {
    /* padding-left: 20px; */
    padding-left: 0;
    margin-top: 30px;
    margin-bottom: 15px;
    list-style: none;
}

.advisior-list-item {
    padding-bottom: 10px;
}

.advisior-list-item:last-child {
    padding-bottom: 0;
}

.advisior-list-item p {
    font-size: 18px;
}

.reviews-section {
    /* background-color: var(--primary-color); */
    /* padding: 60px 0; */
    color: var(--white-color);
}
.reviews-section-inner{
    background: linear-gradient(90deg, rgb(15 177 199) 0%, rgb(15 177 199) 35%, rgb(16 178 199 / 17%) 100%);
    padding: 60px;
    border-radius: 20px;
}
.reviews-section-inner .main-round{
    margin-top: 20px;
}
.plateformBg {
    background: var(--primary-color);
    padding: 5px 30px;
    border-radius: 15px;
    color: #fff;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 20px;
}

.register-company-section {
    background: url('../images/register-comp-bg.png') center top;
    background-repeat: no-repeat;
    background-size: cover;
}

.register-comp-inner {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.register-comp-form {
    width: 52%;
    padding-top: 80px;
    padding-bottom: 80px;
}

.register-comp-text {
    width: 40%;
    text-align: center;
    background-color: var(--primary-color);
    border-radius: 20px;
    padding: 60px 40px;
}

.call-txt {
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 500;
    text-decoration: none;
}

.call-icon {
    width: 25px;
    height: 25px;
    object-fit: contain;
}

.margin-auto {
    margin-left: auto;
    margin-right: auto;
}

.faq-inner {
    min-height: 450px;
    display: flex;
    margin-top: 40px;
}


/**Blog section**/
.western {
    display: none
}

.blogfeed {
    margin-top: 30px;
}

.blog-panel {
    margin-bottom: 30px;
    border-radius: 10px;
    border: 2px solid #D0EAEE;
    background: var(--white-color);
}

.blog-panel a.article-thumbnail {
    width: 100%;
}

.blog-panel img {
    min-height: 300px;
    min-width: 100%;
    width: 100%;
    object-fit: cover;
    max-height: 300px;
    border-radius: 10px 10px 0 0;
}

.blog-panel .container-heading {
    margin-bottom: 30px;
}

.blog-panel .blog-title {
    color: #101828;
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    text-decoration: none;
}

.blog-panel .blog-para {
    color: #667085;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
}

.blog-panel .article-grid-heading {
    padding: 20px 20px 0px 20px;
    min-height: 120px;
}

.blog-panel .button.w-inline-block {
    color: var(--primary-color);
    font-size: 16px;
    font-weight: 500;
    padding: 0 20px 20px 20px;
}

/**Blog sec end***/
.accordion-trigger {
    min-height: 80px;
    grid-column-gap: 10px;
    border-radius: 15px;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding-left: 30px;
    padding-right: 30px;
    transition: all .2s;
    display: flex;
}

.accordiantitle,
.faq-section .accordiantitle h2{
    color: var(--black-color);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    transition: all .2s;
}

.accordion-trigger {
    cursor: pointer;
}

.accor-active {
    border-radius: 15px;
    background: #E6F3F8;
}

.accor-active .accordion-trigger .line1 {
    transform: rotate(180deg);
}

.accor-active .accordion-content {
    height: 100%;
    padding: 0px 30px 4px;
    background-color: #E6F3F8;
}

.accor-active .accordion-content .accordion-txt {
    display: inline-block;
    height: 100%;
}

.plus-wrapper {
    color: var(--black-color);
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    min-width: 25px;
}

.accordion-content {
    height: 0;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 15px;
    padding-left: 40px;
    padding-right: 40px;
    /* transition: all .375s cubic-bezier(.645, .045, .355, 1); */
    overflow: hidden;
}

.accordion-txt {
    height: 0;
    color: var(--heading-font-color);
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 15px;
    font-size: 16px;
    line-height: 26px;
    display: none;
}

.accordion-content p,
ul li,
ol li {
    font-size: 18px;
    color: var(--heading-font-color);
    line-height: 24px;
    font-weight: 400;
}

.accordion-wrapper {
    margin-bottom: 10px;
}

.accordion-trigger-2 {
    height: 80px;
    background-color: var(--white-color);
    border-radius: 15px;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding-left: 40px;
    padding-right: 40px;
    transition: all .2s;
    display: flex;
    box-shadow: 0 0 20px rgba(0, 0, 0, .23);
}

.arrow-down {
    width: 100%;
    object-fit: contain;
    margin-top: -3px;
    font-size: 30px;
    font-weight: 400;
}

.footer-section {
    background-color: #174859;
    padding-top: 60px;
    padding-bottom: 30px;
}

.footer-inner {
    display: flex;
    flex-wrap: wrap;
}

.footer-col {
    width: 20%;
    /* padding-right: 20px; */
    padding-left: 60px;
}

.footer-col:nth-child(1) {
    /* padding-right: 12px; */
    padding-right: 0;
    padding-left: 0;
}

.footer-logo-div {
    width: 160px;
}

.ft-award-col {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.ft-award-img {
    width: 75%;
    padding-right: 3%;
    max-width: 300px;
}

/* .ft-award-planting{    width: 24%;} */
.contact-icons-footer {
    display: flex;
    gap: 10px;
    margin-top: 15px;
}

.contact-icons-footer .works-icon {
    background-color: var(--primary-color);
}

.h6 {
    margin-top: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
}

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

.fnt-w5 {
    font-weight: 500;
}

.fnt-4 {
    font-weight: 400;
}

.footer-menu-item {
    color: #eaecf0;
    padding-bottom: 5px;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    display: block;
}

.footer-bottom {
    border-top: 1px solid #475467;
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
    padding-top: 30px;
    display: flex;
}

.footer-contact {
    word-break: break-word;
}

.terms-p {
    color: #98a2b3;
    margin-bottom: 0;
    font-size: 16px;
    display: inline-block;
    margin-top: 15px;
}

.social-icon-item {
    width: 25px;
    height: 25px;
    object-fit: contain;
    margin-right: 15px;
}

.terms-link {
    text-decoration: underline;
    color: #98a2b3;
}

.terms-link.w--current {
    color: #98a2b3;
    text-decoration: underline;
}

.logo-footer {
    width: 100%;
}

/*Checkout page**/
.checkout-banner-sec {
    background: url(../images/checkout-bg.png) center center no-repeat;
    background-size: cover;
    padding: 60px 0;
}

.checkout-steps-top {
    display: flex;
    justify-content: space-between;
}

.chk-step {
    display: flex;
    gap: 20px;
    align-items: center;
    min-width: 23%;
    border-bottom: 3px solid var(--base-secondry-color);
    padding-bottom: 16px;
    position: relative;
}

.chk-icon-div {
    width: 40px;
    height: 40px;
}

.chk-txt {
    color: var(--base-secondry-color);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.chk-step::after {
    content: ">";
    color: var(--base-secondry-color);
    font-size: 20px;
    position: absolute;
    right: 10px;
}

.chk-step:hover {
    border-color: var(--primary-color);
}

.chk-step:hover .chk-txt {
    color: var(--primary-color);
}

.chk-step:hover .chk-icon-div svg path {
    stroke: var(--primary-color);
}

.chk-step:hover::after {
    color: var(--primary-color);
}

.chk-step.active {
    border-color: var(--primary-color);
}

.chk-step.active .chk-txt {
    color: var(--primary-color);
}

.chk-step.active .chk-icon-div svg path {
    stroke: var(--primary-color);
}

.chk-step.active::after {
    color: var(--primary-color);
}

.img-txt {
    display: flex;
    align-items: center;
    gap: 20px;
}

.img-txt-img-div img {
    min-width: 60px;
    height: 60px;
}

.check-plan-inner {
    position: relative;
    padding: 30px 30px 130px 30px;
    background-color: var(--white-color);
    border-radius: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    max-width: 400px;
    margin: auto;
}

.chk-qsn-inner {
    background: url('../images/check-bg.png') no-repeat center center;
    background-size: cover;
    padding: 60px;
    border-radius: 20px;
}

.sub-head-check {
    font-size: 24px;
    font-weight: 400;
    color: var(--white-color);
}

.sub-head-check span {
    font-weight: 600;
}

.payments-icon-checkout .payments-icon-list {
    justify-content: flex-start;
}

.txt-width-50 {
    width: 50%;
    margin: auto;
}

.txt-width-40 {
    width: 40%;
    margin: auto;
}

.payments-icon-list-left .payment-icon-all {
    justify-content: flex-start;
}

.review-inner .p-tag.txt-center.grey {
    font-weight: 400;
}

.trustpilot-box {
    max-width: 1180px;
    margin: auto;
    margin-top: 50px;
}

.trustpilot-reviews-col {
    max-width: 665px;
}

.trustpilot-reviews-inner {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.trustpilot-reviews-item {
    width: 48%;
    border-radius: 8px;
    border: 1px solid var(--promo-color);
    padding: 20px;
}

.trustpilot-reviews-item .reviews-star {
    width: 130px;
    padding-bottom: 10px;
}

.reviews-heading h5 {
    font-size: 16px;
    font-weight: 600;
    color: #000000;
}

.reviews-txt p {
    font-size: 14px;
    color: #000000;
    padding-bottom: 10px;
    font-weight: 400;
}

.reviews-name-time p {
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    margin-bottom: 0;
}

.reviews-name-time strong {
    font-weight: 500;
}

.trustpilot-widget.serv-pg {
    margin-top: 30px;
}

.chk-customer-div {
    text-align: right;
    padding-left: 30px;
    position: relative;
    max-width: 420px;
    margin-left: auto;
    margin-bottom: 60px;
}

.chk-customer-main {
    max-width: 320px;
    border-radius: 50%;
    box-shadow: -5px 0px 25px lightgray;
}

.chk-customer-1 {
    max-width: 180px;
    border-radius: 50%;
    position: absolute;
    left: 35px;
    bottom: -62px;
    box-shadow: -5px 0px 25px lightgray;
}

.chk-customer-2 {
    max-width: 130px;
    border-radius: 50%;
    position: absolute;
    left: 0px;
    bottom: 75px;
    box-shadow: -10px 0px 10px lightgray;
}

.chk-customer-img {
    max-width: 350px;
}

/*Choose package**/
.star-text {
    display: flex;
    align-items: center;
    gap: 10px;
}

.star-text .rating {
    width: auto;
    margin-top: -3px;
}

.info-logos.ch-yr-comp {
    background: none;
    border: 0px;
}

.tab {
    display: none;
}

.hide-dsk {
    display: none;
}

.hide-all{
    display: none;
}

.active-tab {
    display: block;
}

.tab-button {
    cursor: pointer;
    padding: 10px 15px;
    font-size: 18px;
    font-weight: 500;
    color: var(--base-secondry-color);
    border-radius: 6px;
    border: 1px solid var(--promo-color);
}

.most-popular .choose-comp-tab-scroll {
    overflow-x: scroll;
    overflow-y: hidden;
    padding-bottom: 25px;
}

.most-popular .choose-comp-tab-scroll::-webkit-scrollbar {
    height: 8px;
}

.most-popular .choose-comp-tab-scroll::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 2px;
}

.most-popular .choose-comp-tab-scroll::-webkit-scrollbar-thumb {
    background: var(--primary-color);
    border-radius: 5px;
}

.choose-comp-menu .comp-menu-ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    /* justify-content: center; */
}

.choose-comp-menu ul {
    padding-left: 0;
    margin: 0;
}

.choose-comp-menu .comp-menu-li {
    position: relative;
    width: max-content;
    font-size: 20px;
    cursor: pointer;
    padding: 0;
    color: var(--primary-color);
    border-radius: 8px;
    background: transparent;
    border: 1px solid var(--primary-color);
}
.comp-menu-li.back-blue-arrow{
    position: relative;    
    padding-left: 50px;
}
.comp-menu-li.back-blue-arrow a::before{
    content: "";
    position: absolute;
    background: url(../images/back-arrow-blue.png) center left no-repeat;
    background-size: contain;
    width: 40px;
    height: 12px;
    left: 20px;
    top: 16px;
}

.comp-menu-li.back-blue-arrow:hover a::before{
    filter: grayscale(100%) brightness(100);
    -webkit-filter: grayscale(100%) brightness(100);
}
.choose-comp-menu .tab-button.comp-menu-li::after {
    content: unset;
}

/* .choose-comp-menu .sub-menu-header {    padding-bottom: 10px;    margin-bottom: 6px;    cursor: pointer;    display: block;    color: #fff;    border-bottom: 2px solid #000;} */
.choose-comp-menu .comp-menu-li:hover {
    color: var(--white-color);
    background-color: var(--primary-color);
}

.choose-comp-menu .comp-menu-li a {
    display: block;
    padding: 10px 15px;
    border-radius: 8px;
    color: var(--primary-color);
    text-decoration: none;
}

.choose-comp-menu .comp-menu-li:hover a {
    color: var(--white-color);
    background-color: var(--primary-color);
}

.choose-comp-menu .comp-menu-li.active-button {
    color: var(--white-color);
    background-color: var(--primary-color);
}

.choose-comp-menu .comp-menu-li.active-button a {
    color: var(--white-color);
}

/* .choose-comp-menu .sub-menu-header:hover {    color: var(--primary-color);    border-color: var(--primary-color);} */
.choose-comp-menu .menu-button {
    cursor: pointer;
}

.choose-comp-menu .comp-sub-menu {
    list-style: none;
    display: none;
    position: absolute;
    top: 45px;
    left: 0;
    width: max-content;
    z-index: 999;
    border-radius: 8px;
    padding: 0 8px 12px 8px;
    background: var(--promo-color);
}

.comp-sub-menu-inner {
    padding-top: 12px;
}

.comp-sub-menu-inner:hover {
    color: var(--primary-color);
}

.choose-comp-tab {
    display: flex;
    gap: 10px;
    margin: auto;
    width: max-content;
}

.choose-comp-tab-content.partner-off {
    margin-top: 40px;
}

.tab-button.active-button {
    color: var(--heading-font-color);
    border-radius: 6px;
    background: var(--promo-color);
    position: relative;
}

.tab-button.active-button::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid var(--promo-color);
}

.choose-comp-tab-content {
    margin-top: 60px;
}

.cc-comp-inner {
    display: flex;
    align-content: stretch;
    justify-content: center;
}

.cc-comp-col {
    width: 16.5%;
    border: 1px solid var(--promo-color);
    border-radius: 16px;
}

.cc-comp-col:nth-child(1) {
    border: 0;
}

.cc-comp-header {
    /* padding: 20px; */
    padding: 15px;
    min-height: 440px;
}

.cc-comp-pay-img {
    text-align: center;
}

.cc-comp-pay-img img {
    height: 190px;
}

.p-14 {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4em;
    color: var(--heading-font-color);
}

.cc-comp-header.plant-tr-img {
    padding: 0;
    display: flex;
    align-items: flex-end;
    margin-top: 1px;
}

.cc-comp-10k {
    width: 100%;
    padding: 40px 20px 20px 20px;
    background: var(--promo-color);
    text-align: center;
    border: 1px solid var(--promo-color);
    border-radius: 8px 8px 0 0;
}

.cc-comp-10k-img {
    text-align: center;
}

.cc-comp-10k-img img {
    width: 50%;
    margin-top: -70px;
    margin-bottom: 20px;
}

.cc-comp-10k-txt {
    font-size: 16px;
}

.pricing-amount-cc {
    color: var(--heading-font-color);
    text-align: center;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.6em;
    letter-spacing: -0.64px;
    margin: 10px 0;
}

.pricing-strke-cc {
    color: var(--base-secondry-color);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-decoration-line: line-through;
    margin: 0;
}

.pricing-save-cc {
    color: var(--primary-color);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.cc-comp-header a {
    text-decoration: none;
}

.cc-comp-header a.hide-mob {
    font-size: 18px;
    color: var(--primary-color);
    text-decoration: underline;
}

.cc-comp-header a.main-btn.hide-mob {
    font-size: 16px;
    color: var(--white-color);
    text-decoration: none;
}

.cc-comp-header a.hide-dsk {
    font-size: 16px;
    color: var(--primary-color);
    text-decoration: underline;
}

ul.cc-comp-item-ul {
    list-style-type: none;
    padding: 0;
}

li.cc-comp-item {
    display: flex;
    align-items: center;
    color: var(--heading-font-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    padding: 5px 10px;
    min-height: 114px;
}

li.cc-comp-item:nth-child(odd) {
    border-top: 1px solid var(--promo-color);
    border-bottom: 1px solid var(--promo-color);
}

/* li.cc-comp-item:nth-child(even):nth-last-child(), */
.hide-mob li.cc-comp-item:last-child,
.cc-comp-lmt-col:nth-child(1) li.cc-comp-item:last-child {
    border-bottom: 1px solid var(--promo-color);
}

li.cc-comp-item:last-child {
    border-bottom: 0;
}

.cc-comp-content.lmt-col li.cc-comp-item {
    border-left: 1px solid var(--promo-color);
}

.cc-comp-item.bdr-btm {
    border-bottom: 1px solid var(--promo-color);
}

.cc-comp-item.bdr-btm-0 {
    border-bottom: 0px !important;
}

.bold-cc-item {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.6em;
    margin: 0 10px;
}

.cc-mob {
    display: none;
}

.show-mob-btn{
    display: none;
}

.secondary-btn{
    color: var(--heading-font-color);
    text-align: center;
    border-radius: 8px;
    padding: 12px 28px;
    font-weight: 500;
    text-decoration: none;
    display: inline-block;
    border: 1px solid var(--heading-font-color);
}
.secondary-btn:hover {
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.qsn-img {
    min-width: 30px;
    height: 28px;
    margin-right: 8px;
    background-color: transparent;
    background-image: url(../images/help-circle.svg);
    background-position: 0px 0px;
    background-size: 28px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.qsn-img.tooltip span,
.qsn-img.tooltip .span {
    z-index: 10;
    display: none;
    padding: 20px;
    margin-top: -30px;
    margin-left: 35px;
    width: 500px;
    border-radius: 10px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    line-height: 22px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    color: var(--heading-font-color);
}

.qsn-img.tooltip:hover span,
.qsn-img.tooltip:hover .span {
    display: inline;
    position: absolute;
    background: var(--white-color);
    border: 3px solid #d7d7d7;
}

.qsn-img.tooltip ul li,
.qsn-img.tooltip ol li {
    font-size: 16px;
}

.qsn-img.tooltip strong{
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
    display: block;
}

.tick-mark {
    width: 100%;
    height: 30px;
    background-color: transparent;
    background-image: url(../images/Check-icon.svg);
    background-position: center center;
    background-size: 30px;
    background-repeat: no-repeat;
}

.cc-item-txt {
    width: 100%;
    text-align: center;
}

.cc-item-txt span.tick-txt {
    background: #d8f2f6;
    padding: 5px 15px;
    border-radius: 20px;
    margin-top: 10px;
    display: inline-block;
    color: #18b4c9;
    font-size: 14px;
}

.cc-item-head {
    color: var(--primary-color);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.6em;
}

.cc-item-para {
    color: var(--heading-font-color);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4em;
}

.minus-mark {
    width: 100%;
    height: 30px;
    background-color: transparent;
    background-image: url(../images/minus-icon.svg);
    background-position: center center;
    background-size: 30px;
    background-repeat: no-repeat;
}

.fund-section {
    background-color: var(--light-color);
    padding: 60px 0;
}

.partner-bg-white .fund-section,
.bg-white {
    background-color: var(--white-color);
    padding: 0;
}

.fund-inner-item {
    width: 80%;
    max-width: 1200px;
    margin: auto;
}
.fund-inner-item .d-flex-space{
    justify-content: center;
    gap: 2%;
}
.fund-icon-item {
    width: 32%;
    background-color: var(--white-color);
    border-radius: 20px;
    padding: 20px;
    box-shadow: 0px 0px 13px 0px rgba(115, 115, 115, 0.12);
}

.fund-item-heading {
    color: var(--heading-font-color);
    font-size: 24px;
    font-weight: 600;
    line-height: 1.6em;
    padding-top: 10px;
}

.p-space {
    color: #7D8A96;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.6em;
    text-transform: capitalize;
}

.cc-comp-lmt-inner {
    display: flex;
    align-content: stretch;
    justify-content: center;
}

.cc-comp-lmt-col:nth-child(1) {
    width: 51%;
    margin-top: 1px;
}

.cc-comp-lmt-col {
    width: 22%;
}

.cc-comp-lmt-col:not(:first-child) {
    border-radius: 16px;
    border: 1px solid var(--promo-color);
}

.cc-inc-head {
    color: var(--heading-font-color);
    font-size: 24px;
    font-weight: 600;
    line-height: 1.6em;
}

.cc-comp-lmt-col .cc-comp-header {
    min-height: 410px;
}

.Guarantee .cc-comp-lmt-col .cc-comp-header {
    min-height: 395px;
}

.cc-comp-lmt-col.pmcc:nth-child(1),
.cc-comp-lmt-col.rtm:nth-child(1) {
    width: 70%;
}

.cc-comp-lmt-col.pmcc,
.cc-comp-lmt-col.rtm {
    width: 25%;
}

.cc-comp-lmt-col:nth-child(1) .cc-comp-header {
    padding-left: 0;
}


.p-cc-lmt {
    color: var(--base-secondry-color);
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4em;
    min-height: 80px;
}

.cc-comp-lmt-col .pricing-heading {
    margin-top: 0;
}

.cc-comp-lmt-col ul li.cc-comp-item {
    min-height: 70px;
}

.min-h-4 {
    min-height: 400px !important;
}

.cc-sub-heading {
    color: var(--primary-color);
    font-size: 24px;
    font-weight: 600;
    line-height: normal;
}

.cc-comp-header.hd-btm {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.cc-comp-header-btm {
    width: 100%;
}

.cc-comp-lmt-col.pmcc .cc-comp-header {
    min-height: 500px;
}

.Charity .cc-comp-lmt-col.pmcc .cc-comp-header {
    min-height: 400px;
}

.cc-top-heading {
    padding: 0 2.5%;
    width: 70%;
}

.cc-comp-lmt-col.rtm .cc-comp-header {
    min-height: 312px;
}

.cc-comp-lmt-col .cc-comp-header.lpp {
    min-height: 370px;
}

.plc .cc-comp-lmt-col .cc-comp-header {
    min-height: 500px;
}

.cc-comp-header ul li {
    color: var(--base-secondry-color);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6em;
    /* 28.8px */
}

/**Completed Search*/
.search-sec.checkout-banner-sec {
    background: var(--light-color);
}

.search-again {
    padding-left: 35px;
    position: relative;
    display: block;
    text-decoration: none;
}

.search-again::before {
    content: "";
    position: absolute;
    width: 25px;
    height: 25px;
    background: url('../images/repeat-04.svg') center center no-repeat;
    background-size: contain;
    left: 0;
}

.completed-tst-point {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: right;
}

.completed-tst-point-inner {
    border-radius: 20px;
    border: 1px solid var(--promo-color);
    background: var(--white-color);
    box-shadow: 0px 0px 13px 0px rgba(115, 115, 115, 0.12);
    display: inline-block;
    padding: 30px;
    width: auto;
    max-width: 480px;
}

.namecheck-box h5 {
    font-size: 18px;
}

.namecheck-box h3 {
    font-size: 30px;
    margin: 15px 0;
}

.namecheck-box .text-large,
.namecheck-box p {
    font-size: 20px;
    color: var(--base-secondry-color);
}

.namecheck-box .w-button {
    border-radius: 8px;
    background: var(--secondary-color);
}

.namecheck-box .link-with-arrow.searchagain {
    display: flex;
    align-items: center;
    color: var(--base-secondry-color);
    margin-top: 15px;
}

.complete-search-bx-center{
    text-align: center;
    width: 100%;
}
.complete-search-bx-center form{
    margin: 20px auto;
}

.namecheck-box .pack-name{
    margin: 20px 0;
}

#efNameCheckResult_RED {
    .display-heading-cross{
        margin: 15px 0;
        font-weight: 600;
    }
    .continue-block{
        margin-top: 15px;
    }
    .text-large.red{
        color: #ff0000;
    }

}
.trustpoint-img {
    display: flex;
    align-items: center;
    gap: 8px;
}

/**Additional Services*/
.services-banner-sec {
    background: url(../images/address-bg.jpg) center center no-repeat;
    background-size: cover;
}

.services-banner-sec.documents {
    background: url(../images/documnets-bg.png) center center no-repeat;
    background-size: cover;
}

.main-btn.min-wth {
    min-width: 200px;
}

.map-bfr {
    padding-left: 40px;
    position: relative;
    display: block;
    text-decoration: none;
}

.map-bfr::before {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    background: url('../images/map-pin.svg') center center no-repeat;
    background-size: contain;
    left: 0;
    top: 5px;
}

ul.list-tick {
    list-style: none;
    position: relative;
    padding-left: 35px;
}

ul.list-tick li {
    font-size: 16px;
    color: var(--white-color);
    margin-bottom: 10px;
    position: relative;
}

ul.list-tick li::before {
    content: "";
    background: url(../images/icon/Check-icon.svg) center center no-repeat;
    background-size: contain;
    width: 22px;
    height: 22px;
    position: absolute;
    left: -35px;
}

.pr-8 {
    padding-right: 80px;
}

.services-price-col {
    padding-left: 35px;
    max-width: 380px;
    margin-left: auto;
}

.services-price-col-inner {
    text-align: center;
    padding: 30px 20px;
    background-color: var(--white-color);
    border-radius: 20px 20px 0 0;
}

.serv-subheading {
    color: var(--primary-color);
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4em;
}

.serv-pricing {
    font-size: 48px;
    font-weight: 600;
    color: var(--heading-font-color);
    padding: 15px 0;
}

.srv-buy-btn {
    padding: 20px 20px 30px 20px;
    border-top: 1px solid #F2F2F2;
    background-color: var(--white-color);
    border-radius: 0 0 20px 20px;
}

.services-img-col {
    width: 100%;
    padding-left: 30px;
    position: relative;
    display: flex;
    justify-content: flex-end;
    padding-right: 85px;
}

.service-prdt-img {
    width: 85%;
    max-width: 700px;
    border-style: solid;
    border-width: 10px;
    border-color: #fff;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
}

.service-prdt-img img {
    border-top-right-radius: 35px;
    border-bottom-left-radius: 35px;
    width: 100%;
}

.case-study-logo-wrapper {
    position: absolute;
    left: auto;
    top: 25%;
    right: -3%;
    bottom: 25%;
    z-index: 1;
    overflow: visible;
    height: 180px;
    padding: 20px;
    border-radius: 50px 0px;
    background-color: #fff;
    color: #174859;
    font-size: 20px;
    text-align: center;
}

.case-study-logo-wrapper.product {
    height: 150px;
    min-width: 200px;
}

.service-price-products {
    color: var(--primary-color);
    font-size: 40px;
    font-weight: 600;
}

.service-price-products span {
    font-size: 24px;
}

.cst-prdt-flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: min-content;
}

.w-100 {
    width: 100%;
}

.p-services {
    color: var(--heading-font-color);
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}

.services-details-inner {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.col-left-service {
    width: 70%;
}

.col-right-service {
    width: 30%;
    padding-left: 35px;
    max-width: 380px;
    margin-left: auto;
}

.col-right-service .boxed {
    border-radius: 10px;
    border: 1px solid var(--promo-color);
    background: #FFF;
    margin-bottom: 30px;
}
.col-right-service .table-of-content{
    border-radius: 10px;
    border: 1px solid var(--promo-color);
    background: #FFF;
    margin-bottom: 30px;
    
}
.col-right-service .table-of-content h2,
.col-right-service .boxed h4 {
    color: var(--heading-font-color);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6em;
    padding: 20px;
    background: #E5F2F5;
    border-radius: 10px 10px 0 0;
    margin: 0;
}
.box-toc-list{
    padding: 20px 20px 10px 40px;
    list-style: none;
}
.box-toc-list li a{
    display: block;
    font-size: 18px;
    color: var(--heading-font-color);
    line-height: 26px;
    font-weight: 400;
    margin-bottom: 10px;
    text-decoration: none;
    position: relative;
}
.box-toc-list li a::before{
    content: ">";
    position: absolute;
    left: -20px;
    top: 1px;
    font-size: 22px;
}
.box-toc-list li:hover a{
    color: var(--secondary-color);
}
.box-toc-content{
    height: 400px;
    overflow-y: scroll;
}
.box-toc-content::-webkit-scrollbar {
    width: 8px;
  }
  
.box-toc-content::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(128, 128, 128, 0.53);
    border-radius: 5px;
  }
  
.box-toc-content::-webkit-scrollbar-thumb {
    background: var(--secondary-color);
    border-radius: 5px;
  }
  
.col-right-service .list-grid-vertical {
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
    background: #FFF;
    gap: 15px;
    border-radius: 0px 0px 10px 10px;
}

.col-right-service .list-grid-vertical .list-grid-link {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    color: var(--heading-font-color);
    text-decoration: none;
    font-weight: 400;
}

.col-right-service .boxed.coloured h4,
.col-right-service .boxed.meeting h4 {
    background: var(--white-color);
}

.col-right-service .boxed.coloured div strong,
.col-right-service .boxed.meeting .text-primary-1 {
    color: var(--primary-color);
    font-size: 16px;
    padding: 20px 20px 0 20px;
    display: block;
    font-weight: 400;
}

.list-grid-vertical.sidebar {
    padding-top: 0px !important;
}

.col-right-service .list-grid-vertical .list-grid-item {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
}

.col-right-service .list-grid-vertical .check-circle {
    min-width: 25px;
    height: 25px;
}

.col-right-service .boxed.meeting .meeting-image {
    width: 100%;
    border-radius: 10px 10px 0 0;
}

.col-right-service .boxed.meeting p {
    font-size: 16px;
    font-weight: 400;
    padding: 0 20px;
}

.col-right-service .boxed.meeting .text-center.extar-padding {
    text-align: center;
}

.boxed-review {
    padding: 20px;
}

.boxed-review .p-review {
    font-size: 16px;
    font-style: italic;
    color: var(--heading-font-color);
    padding-bottom: 10px;
    font-weight: 500;
}

.boxed-review .p-name {
    font-size: 16px;
    color: var(--heading-font-color);
    font-weight: 500;
}

.boxed-review .reviews-star-side {
    width: 130px;
}

.boxed.sideplant {
    border: 0px;
    background: linear-gradient(0deg, rgba(0, 56, 63, 0.50) 0%, rgba(0, 56, 63, 0.50) 100%), url(../images/sidepanel-plant.png), lightgray 50% / cover no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 20px;
}

.boxed.sideplant h3 {
    font-size: 24px;
    color: var(--white-color);
    font-weight: 600;
    margin: 0 0 70px 0;
}

.climate-icon-list.sideplant-icon {
    grid-column-gap: 12px;
}

.climate-icon-list.sideplant-icon img {
    width: 35px;
    height: 35px;
}

.add-serv {
    margin: 0 20px 20px 20px;
}

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

.additional-sev-details .page-title {
    padding-bottom: 15px;
    border-bottom: 1px solid #D0D5DD;
}

.additional-sev-details p,
.additional-sev-details ul li,
.additional-sev-details ol li {
    color: var(--base-secondry-color);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6em;
}

.additional-sev-details h3,
.additional-sev-details .h3 {
    color: var(--heading-font-color);
    font-size: 24px;
    font-weight: 600;
}

.additional-sev-details h2.hr-line,
.additional-sev-details h3.hr-line,
.additional-sev-details h4.hr-line,
.additional-sev-details h5.hr-line {
    margin-bottom: 30px;
}

.additional-sev-details .w-layout-grid.grid-address-cta,
.additional-sev-details .w-layout-grid.grid-address-box {
    margin-top: 20px;
    align-items: center;
}

.additional-sev-details .w-layout-grid.grid-address-cta img {
    border-radius: 10px 0px 0px 10px;
}

.additional-sev-details b,
.additional-sev-details strong {
    font-weight: 500;
}

.additional-sev-details h2.hr-line:not(:first-child) {
    margin-top: 30px;
}

.additional-sev-details h3,
.additional-sev-details h4,
.additional-sev-details h5 {
    margin-bottom: 0px;
    line-height: 1.6em;
}

.payments-icon-list.adds-serv {
    justify-content: flex-start;
    grid-column-gap: 8px;
    width: 100%;
    margin-top: 20px;
}

.payments-icon-list.adds-serv .payment-icon {
    width: auto;
}

.payments-icon-list.adds-serv .payment-icon img {
    width: 26px;
    height: 26px;
    object-fit: contain;
    border-radius: 0;
}

.payment-SAFE {
    width: 100px;
}

.adds-buy-price {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.adds-buy-price .price-products {
    color: var(--primary-color);
    text-align: center;
    font-size: 40px;
    font-weight: 600;
}

.cstm-p {
    padding-top: 8px;
    margin: 15px 0;
}

.additional-sev-details ul li,
.additional-sev-details ol li {
    padding-bottom: 10px;
}

.additional-serv-points {
    border-radius: 10px;
    border: 1px solid var(--promo-color);
    padding: 30px 20px;
    margin: 20px 0;
}

.adts-serv-pts-inner {
    display: flex;
    flex-wrap: wrap;
}

ul.adts-serv-pts-list {
    list-style: none;
    position: relative;
    padding-left: 30px;
    margin-top: 30px;
}

ul.adts-serv-pts-list li {
    padding: 10px 0;
    font-size: 16px;
    position: relative;
}

ul.adts-serv-pts-list li::before {
    content: ">";
    font-size: 30px;
    font-weight: 300;
    position: absolute;
    left: -30px;
    color: var(--base-secondry-color);
}

.adts-serv-pts-price {
    background: #F6FBFC;
    text-align: center;
    max-width: 320px;
    margin-left: auto;
}

.adts-serv-pts-price-inner {
    border-radius: 10px 10px 0px 0px;
    border: 1px solid var(--promo-color);
    border-bottom: 0px;
    padding: 40px 20px;
}

.adts-srv-buy-btn {
    padding: 20px;
    border: 1px solid var(--promo-color);
    border-radius: 0px 0px 10px 10px;
}

.add-serv-three-step {
    border-radius: 10px;
    background: #E6F3F8;
    padding: 60px 30px;
    margin: 80px 0 40px 0;
}

.setup-comp-inner.add-services .setup-comp-item {
    width: 32%;
}

.setup-comp-inner.add-services .setup-comp-item p {
    color: var(--heading-font-color);
}

.main-btn.cstm-btn {
    padding: 8px 30px;
}

.popular-services-sec {
    background: var(--light-color);
    padding: 60px 0;
}

.popular-serv-inner {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    margin-top: 40px;
    gap: 20px;
}

.popular-serv-item {
    width: 31.5%;
}

.popular-serv-item-img img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
}

.popular-serv-item-inner {
    background: var(--white-color);
    border-radius: 0 0 10px 10px;
    padding: 40px;
    position: relative;
}

.popular-serv-item .btn-tag {
    padding: 6px 15px;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
}

.popular-serv-item h5 {
    font-weight: 500;
}

.popular-serv-item .minh {
    min-height: 205px;
}

.popular-serv-item .main-btn {
    padding: 8px 20px;
    font-size: 16px;
    min-width: 220px;
}

/**About service**/
.sec-bg {
    background: var(--light-color);
}

.about-banner {
    background: url(../images/about-bg.png) center center no-repeat;
    background-size: cover;
}

.banner-col-img img {
    border-style: solid;
    border-width: 10px;
    border-color: #fff;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
}

.aboutpg-trustpoint {
    display: flex;
    justify-content: flex-end;
}

.about-exp-col {
    display: flex;
    justify-content: space-between;
    margin: 60px 0;
}

.about-team-expert h4 {
    font-weight: 600;
}

.about-exp-col:nth-child(2n) {
    flex-direction: row-reverse;
}

.about-exp-lft,
.about-exp-right {
    width: 47%;
}

.about-exp-lft-inner {
    max-width: 640px;
    float: right;
    padding: 0 0 0 20px;
}

.about-exp-col:nth-child(2n) .about-exp-lft-inner {
    max-width: 640px;
    float: left;
    padding: 0 20px 0 0px;
}

.about-exp-img {
    max-width: 640px;
    width: 100%;
    padding: 0 20px 0 0;
}

.abt-p {
    padding-top: 20px;
    font-weight: 600;
}

.about-exp-col:nth-child(2n) .about-exp-img {
    float: right;
    padding: 0 0px 0 20px;
}

.about-exp-img img {
    width: 100%;
}

.about-exp-col:nth-last-child() {
    margin-bottom: 0;
}

.extra-about-col {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 30px;
}

/**terms page*/
.btop-btm {
    margin-bottom: 20px;
}

.inner-richtext {
    padding-left: 0px;
}

.inner-richtext .inner-richtext {
    padding-left: 20px;
}

.d-flex-content {
    display: flex;
    flex-wrap: wrap;
}

.term-sec .col-20 {
    width: 20%;
}

.term-sec .col-80 {
    width: 80%;
}

.term-sec .col-20 strong {
    font-size: 20px;
    font-weight: 500;
}

.term-sec p {
    color: var(--base-secondry-color);
}

.term-sec h3,
.term-sec h4,
.term-sec h3 strong,
.term-sec h4 strong {
    font-weight: 600;
}

.term-sec h4 {
    padding-top: 20px;
    padding-bottom: 10px;
}

.term-sec ul li,
.term-sec ol li {
    font-size: 18px;
    color: var(--base-secondry-color);
    line-height: 28px;
}

/**terms table**/
.wrapper-table {
    display: flex;
    overscroll-behavior-x: contain;
    overflow-x: auto;
    padding: 20px 2px;
}

.wrapper-table table {
    border-spacing: 0;
    overflow: hidden;
    inline-size: 100%;
    text-align: left;
    background-color: inherit;
    border: 1px solid lightgray;
    box-shadow: 0px 4px 6px -2px rgba(14, 30, 37, 0.12);
}

.wrapper-table :is(th, td) {
    padding: 1rem;
    min-inline-size: 10rem;
    border-block-end: 1px solid lightgray;
}

.wrapper-table tfoot :is(th, td) {
    border-block-end: unset;
}

.wrapper-table tfoot tr {
    background-color: whitesmoke;
}

.wrapper-table :is(th, td):not(:first-child) {
    border-inline-start: 1px solid lightgray;
}

.wrapper-table .visually-hidden {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.wrapper-table p {
    font-size: 16px;
}

/**Learning page*/
.learning-tab-inner {
    display: flex;
}

.learning-tab-btn {
    width: 30%;
}

.learning-tab-content {
    width: 70%;
    padding-left: 30px;
}

.learning-tab-btn-inner .tab-button {
    color: var(--heading-font-color);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4em;
    padding-left: 20px;
    border-left: 4px solid #E6F3F8;
    border-radius: 0;
}

.learning-tab-btn-inner .tab-button.active-button {
    border-left: 4px solid var(--primary-color);
    position: relative;
}

.learning-tab-btn-inner .tab-button.active-button::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    right: -16px;
    margin-top: auto;
    margin-bottom: auto;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 25px solid var(--promo-color);
    border-right: unset;
}

.image-link-box-col {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 30px;
}

.image-link-box-item {
    width: 49%;
}

.image-link-box-content {
    margin-top: 20px;
    position: relative;
}

.image-link-box-item a {
    text-decoration: none;
    width: 100%;
    color: var(--primary-color);
}

.image-link-box-img img {
    border-radius: 10px;
    width: 100%;
    height: 320px;
    object-fit: cover;
}

.image-link-box-item p:hover {
    text-decoration: underline;
}

.image-link-box-content p::after {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    background: url('../images/arrow-up-right.png') center center no-repeat;
    background-size: contain;
    right: 0;
}

.learning-hub-lst-search {
    margin-top: 60px;
}

.sidegrow-search {
    .name-check-search {
    width: 100%;
    max-width: 310px;
    }
   .name-check-input{
    min-height: 45px;
    width: 72%;
    font-size: 15px;
    padding: 2px 12px;
   }
    .name-check-btn{
    min-height: 45px;
    padding: 8px 12px;
    font-size: 15px;
    }
    .name-check-input::-ms-input-placeholder {
        font-size: 12px;
    }
}

.search_wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #93dae3;
    padding: 20px 30px;
    border-radius: 8px;
}

.search_wrapper .learning-hub-lst-search-text h4 {
    font-size: 26px;
    font-weight: 500;
    line-height: 35px;
}

.search_wrapper .name-check-search {
    /* width: 500px; */
    width: 50%;
    align-items: center;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.search_wrapper .name-check-input {
    width: 100%;
    min-height: 60px;
    border-radius: 8px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    padding-right: 140px;
}

.search_wrapper .name-check-btn {
    color: var(--white-color);
    background-color: var(--secondary-color);
    border-radius: 8px;
    margin: 0px;
    padding: 12px 30px;
    font-size: 18px;
    font-weight: 500;
    position: absolute;
    top: auto;
    bottom: auto;
    left: auto;
    right: 1%;
    min-height: 30px;
    line-height: 20px;
}

/**Contact page*/
.contact-pg-banner {
    background: url('../images/contact-bg-img.png') center center no-repeat;
    background-position: 100%;
    background-size: cover;
}

.contact-info-call {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.contact-wrap {
    display: flex;
    flex-wrap: wrap;
}

.faq-col-contact {
    border-radius: 10px;
    border: 1px solid var(--promo-color);
    padding: 20px;
}

.contact-item {
    width: 49%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.contact-icon {
    width: 45px;
    height: 45px;
    background-color: var(--icon-bg-color);
    border-radius: 50%;
    padding: 11px;
    margin-top: 10px;
}

.contact--icon-img {
    display: block;
    width: 100%;
}

.contact-txt {
    width: calc(100% - 60px);
}

.contact-txt a {
    text-decoration: none;
    color: var(--base-secondry-color);
}

.contact-txt h6 {
    color: var(--heading-font-color);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6em;
}

.contact-left,
.contact-right {
    width: 49%;
}

.map-contact-iframe {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}

.contact-icons-list {
    display: flex;
    gap: 10px;
    margin-bottom: -50px;
}

.key-info td:nth-child(1) {
    width: 40%;
}

.key-info td:nth-child(2) {
    width: 60%;
    padding-left: 20px;
}

.key-info a {
    color: var(--heading-font-color);
    text-decoration: none;
}

.form-block-contactpg #efPageContent {
    margin-top: 20px;
    padding: 0;
}

.form-block-contactpg label {
    font-size: 14px;
    font-weight: 500;
    color: var(--base-secondry-color);
}

.form-block-contactpg input {
    font-size: 16px;
    border-radius: 8px;
}

.form-block-contactpg textarea {
    min-height: 140px;
    font-size: 16px;
    border-radius: 8px;
}

.form-block-contactpg #efContactSubmitButton {
    color: var(--white-color);
    text-align: center;
    background-color: var(--secondary-color);
    border-radius: 8px;
    padding: 12px 60px;
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
    display: inline-block;
    border: 0px;
    min-height: auto;
}

/**Banking**/
.services-banner-sec.banking {
    background: url(../images/banking-bg.png) center center no-repeat;
    background-size: cover;
}

.services-banking-col {
    text-align: right;
}

.services-banking-col-inner {
    position: relative;
    max-width: 420px;
    margin-left: auto;
    margin-bottom: 15px;
}

.services-banking-main {
    max-width: 320px;
    border-radius: 50%;
    box-shadow: -5px 0px 25px #d3d3d317;
}

.services-banking-time {
    max-width: 180px;
    border-radius: 50%;
    position: absolute;
    left: 0px;
    top: 25%;
    box-shadow: -5px 0px 25px #d3d3d317;
}

.services-banking-logo {
    max-width: 130px;
    border-radius: 50%;
    position: absolute;
    left: 55px;
    bottom: -15px;
    box-shadow: -5px 0px 25px #d3d3d317;
}
.pg-cstm-logo{
    padding: 30px;
    max-width: 150px;
    background: #001921;
    display: inline-block;
    position: absolute;
    left: 55px;
    bottom: -40px;
    min-height: 150px;
    box-shadow: -5px 0px 25px #d3d3d317;
    border-radius: 50%;
    display: flex;
}
.pg-cstm-logo .services-banking-logo {
    max-width: 100%;
    border-radius: 0%;
    position: relative;
    object-fit: contain;
    vertical-align: middle;
    left: unset;
    bottom: unset;
    box-shadow: none;
}

/**Package start*/
.packagepg-sec {
    background: #E5F2F5;
}

.packagepg-sec-inner {
    display: flex;
    align-items: start;
    flex-wrap: wrap;
}

.packagepg-sec-inner .col-60,
.packagepg-sec-btm .col-60 {
    padding-right: 60px;
}

.packagepg-sec-inner .col-60 .main-btn {
    min-width: 220px;
    /* margin-top: 10px; */
    margin-block: 30px;
}

.packagepg-list {
    max-width: 445px;
    margin: auto;
    position: relative;
    margin-bottom: 60px;
}

.packagepg-list .pricing-icon {
    width: 80px;
    height: 80px;
    background-color: var(--white-color);
    padding: 15px;
    margin-top: -40px;
    position: relative;
    z-index: 9;
}

.pricing-image img {
    width: 100%;
    height: 340px;
    border-radius: 5px;
    object-fit: cover;
}

.pricingpg-list-item {
    margin-bottom: -160%;
}

.pricingpg-list-item.full-lg {
    margin-bottom: -310%;
}

.pricingpg-list-item.full-ext-lg {
    margin-bottom: -400%;
}

.plc-pack .pricingpg-list-item.full-lg {
    margin-bottom: -410%;
}

/* .digital-pack .packagepg-sec-btm {    padding-bottom: 100px;} */
.rtm-pack .packagepg-sec-btm.pb-270 {
    padding-bottom: 380px;
}

/* .privacy-pack .packagepg-sec-btm {    padding-bottom: 440px;} */
.llp-pack .packagepg-sec-btm.pb-700 {
    padding-bottom: 900px;
}

.packagepg-list .pricing-list-item {
    width: 100%;
    border-radius: 10px;
    border: 1px solid var(--promo-color);
}

.packagepg-list .pricing-list-item .pricing-features {
    margin-top: 50px;
    margin-bottom: 10px;
}

.packagepg-list .pricinglist-item {
    padding-bottom: 20px;
}

.packagepg-list .pricing-list-item .pricingpg-btn-div {
    padding: 20px;
    border-top: 1px solid #F2F2F2;
}

.packagepg-list .pricing-list-item .pricing-head .p-tag.grey.text-center{
    font-size: 10px;
}

.packagepg-sec-btm h4 {
    font-weight: 600;
}

.packagepg-sec-btm {
    display: flex;
    align-items: start;
    flex-wrap: wrap;
}

.packagepg-steps{
    padding-bottom: 40px;
}

.packagepg-steps-inner{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 16px;
}

.packagepg-steps-count{
    display: flex;
    gap: 8px;
    align-items: center;
}

.packagepg-steps-number{
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--light-color);
    border-radius: 50%;
    color: var(--base-secondry-color);
    font-size: 16px;
}

.packagepg-steps-txt{
    font-size: 17px;
    color: var(--base-secondry-color);
    position: relative;
    padding-right: 15px;
}

.packagepg-steps-txt::after{    
    content: ">";
    color: var(--base-secondry-color);
    font-size: 20px;
    position: absolute;
    right: 0px
}

.packagepg-steps-count.one .packagepg-steps-txt{
    text-decoration: underline;
}

.packagepg-steps-count:last-child .packagepg-steps-txt{
  padding-right: 0;
}
.packagepg-steps-count:last-child .packagepg-steps-txt::after{
    content: unset;
}

.key-feature-list {
    margin-top: 40px;
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.key-feature-item {
    width: 32%;
    padding: 20px;
    border: 1px solid var(--promo-color);
    border-radius: 10px;
}

/**compare pack sec*/
.comp-pack-sec.checkout-banner-sec {
    background: var(--light-color);
}

.choose-pack-col .sub-heading,
.boxed-choose-pack .sub-heading {
    font-size: 20px;
    font-weight: 500;
}

.choose-pack-row {
    margin-top: 40px;
}

.boxed-choose-pack .pricing-amount {
    text-align: left;
}

.boxed-choose-pack {
    padding: 20px;
    border: 1px solid var(--primary-color);
    border-radius: 15px;
    width: 48%;
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.09);
    background-color: var(--white-color);
}

.boxed-choose-pack:nth-child(2n) {
    background-color: #1e2749;
    color: var(--white-color);
}

.boxed-choose-pack:nth-child(2n) h4,
.boxed-choose-pack:nth-child(2n) .pricing-amount {
    color: var(--white-color);
}
.pb-120 {
    padding-bottom: 120px;
}
.comp-pck-logo-wrap{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 20px;
}
.comp-pck-logo-item{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    box-shadow: 3.53px 3.53px 18.81px rgba(0, 0, 0, 0.06);
    border-radius: 9px;
    border: 2px solid #ffffff;
}
.comp-pck-logo-item img{
    max-height: 30px;
}
.comp-pack-msg{
    background: url('../images/bg-compare-packages.png') center center no-repeat;
    background-size: cover;
    padding: 35px 20px;
    border-radius: 12px;
    margin-top: 60px;
    display: flex;
    justify-content: flex-end;
}
.comp-pack-msg-txt{
    width: 55%;
    text-align: left;
    p{
        margin: 0;
    }
}
.comp-pack-wrap h2 a{
    color: var(--heading-font-color);
}
.comp-pck-logo-wrap{
    .barclays{
        background: #E2F7FF;
    }
    .TSB{
        background: #BFE4FE;
    }
    .HSBC{
        background: #FFF4F5;
    }
    .mozo{
        background: #DEE7FF;
    }
    .net-west{
        background: #F4E2FE;
    }
    .Airwallex{
        background: #FFF0E8;
    }
    .go-daddy{
        background: #ECECEC;
    }
    .Payoneer{
        background: #FAF5FF;
    }
    .counting-up{
        background: #FFE4E1;

    }
    .tik-tok{
        background: #E9FCFF;
    }
    .world-first{
        background: #FFF4F5;
    }
    .revolt-business{
        background: #ECECEC;
    }
    .go-cardless{
        background: #FCF5E1;
    }
    .zempler{
        background: #D8F4FF;
    }
    .anna{
        background: #FFF2F0;
    }
    .wise{
        background: #DBF5FF;
    }
}
.comp-pack-logo-btm{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
    .comp-pack-lg-txt{
        padding: 10px 12px 10px 30px;
        border: 1px solid #2196533D;
        border-radius: 6px;
        position: relative;
        background: url('../images/icon/cashback-icon.svg') top left no-repeat;
        background-size: 60px;
    }
    p{
        font-size: 16px;
        margin: 0;
    }
    span{
        font-weight: 500;
        font-size: 18px;
    }
    .grn{
        color: #219653;
        font-size: 20px;
    }
    a{
        color: var(--heading-font-color);
    }
    img{
        max-width: 24px;
        margin-right: 10px;
    }
}

.business-cards-list{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 20px;
    row-gap: 50px;
    margin-top: 40px;
    max-width: 1340px;
    margin: auto;
    margin-top: 40px;
}
.business-cards-list-item img{
    border-radius: 10px;
}
.business-cards-list-item.many-more img{
    margin-top: -40px;
}
.sub-heading-green{
    padding: 6px 12px;
    font-size: 20px;
    border: 1px solid #219653;
    border-radius: 12px;
    color: #219653;
    background: #21965414;
    width: max-content;
    margin: auto;
    margin-bottom: 20px;
    max-width: 100%;
    text-align: center;
}
.blue-btn{
    color: var(--white-color);
    text-align: center;
    border-radius: 8px;
    padding: 12px 28px;
    font-weight: 500;
    text-decoration: none;
    display: inline-block;
    border: 1px solid #51AEC4;
    background: #51AEC4;
}
.blue-btn:hover {
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}
/**Package end*/
/**Login start*/
.login-section {
    position: relative;
}

.login-section::before {
    content: "";
    background: url(../images/login-bg.png);
    background-size: cover;
    width: 50%;
    position: absolute;
    top: 0;
    left: 0px;
    height: 100%;
    z-index: -1;
}

.login-section::after {
    content: "";
    background: var(--white-color);
    width: 50%;
    position: absolute;
    top: 0;
    right: 0px;
    height: 100%;
    z-index: -1;
}

.lg-left {
    padding-right: 60px;
}

.lg-right {
    padding-left: 60px;
    padding-right: 20px;
}

.lg-right .efloginbox h2 {
    font-size: 32px;
    font-weight: 600;
    color: var(--heading-font-color);
    margin-bottom: 30px;
}

.lg-right #efLoginBox {
    border: 0px;
    max-width: 450px;
}

.lg-right #efLoginBoxHeader {
    background: none;
    border: 0px;
    color: var(--base-secondry-color);
    font-size: 16px !important;
    font-weight: 400 !important;
}

.efPanelContent.ui-corner-bottom label {
    font-size: 14px;
    font-weight: 500 !important;
    color: var(--base-secondry-color);
    width: 100%;
}

.efPanelContent.ui-corner-bottom input {
    width: 100%;
    font-size: 16px !important;
    min-height: 42px;
    border-radius: 8px;
    border: 1px solid var(--gray-300, #D0D5DD);
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    padding: 10px;
}

.efPanelContent.ui-corner-bottom input:focus {
    border-color: var(--base-secondry-color);
    outline: none;
}

.efPanelContent.ui-corner-bottom input.efButton {
    color: var(--white-color);
    text-align: center;
    background: var(--secondary-color);
    border-radius: 8px;
    padding: 12px 60px;
    font-weight: 500;
    text-decoration: none;
    margin: 20px 0;
    font-size: 16px !important;
    width: max-content !important;
    border: 0px;
}

.forget-psd a {
    color: var(--primary-color);
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
}

.efPanelContent.ui-corner-bottom input::-ms-input-placeholder {
    color: var(--base-secondry-color);
    font-size: 16px;
    font-weight: 400;
}

.efPanelContent.ui-corner-bottom input::placeholder {
    color: var(--base-secondry-color);
    font-size: 16px;
    font-weight: 400;
}

.efWidget.ui-state-highlight {
    border: 1px solid var(--primary-color);
    background: var(--light-color);
    color: var(--heading-font-color);
}

.efWidget.ui-state-error {
    font-size: 16px;
}

.efWidget.ui-state-error .ui-icon.ui-icon-alert {
    margin-top: 8px;
}

.ui-dialog.ui-widget.ui-widget-content.ui-draggable {
    padding: 20px;
    border-radius: 10px;
    background: var(--white-color);
    box-shadow: 0px 5px 8px 0px rgba(150, 150, 150, 0.25);
    width: 680px !important;
}
.ui-dialog-content.ui-widget-content{
    height: 520px !important;
}
.ui-dialog-titlebar.ui-widget-header {
    background: white;
    border: 0px;
    padding: 0;
}

.ui-dialog.ui-widget.ui-widget-content.ui-draggable #reminder {
    padding: 0;
}

.ui-dialog-titlebar.ui-widget-header .ui-dialog-title {
    color: var(--heading-font-color);
    font-size: 24px;
    font-weight: 600;
    padding: 15px;
}

.ui-dialog .ui-dialog-content {
    padding: 15px;
}

.ui-dialog.ui-widget.ui-widget-content.ui-draggable p {
    font-size: 18px;
    color: var(--base-secondry-color);
    font-weight: 400;
}

.ui-dialog.ui-widget.ui-widget-content.ui-draggable input {
    width: 100% !important;
    font-size: 16px !important;
    min-height: 45px;
    border-radius: 8px;
    border: 1px solid var(--gray-300, #D0D5DD);
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    padding: 10px;
}

.ui-dialog .ui-dialog-titlebar-close{
    z-index: 9;
    width: 20px;
    height: 20px;
    margin: 0;
    right: 15px;
}

.efMoreInfo h3{
    font-weight: 500 !important;
}

.ui-dialog.ui-widget.ui-widget-content.ui-draggable input:focus {
    border-color: var(--base-secondry-color);
    outline: none;
}

.ui-dialog.ui-widget.ui-widget-content.ui-draggable input.efButton {
    color: var(--white-color);
    text-align: center;
    background: var(--secondary-color);
    border-radius: 8px;
    padding: 12px 60px;
    font-weight: 500;
    text-decoration: none;
    margin: 20px 0;
    font-size: 16px !important;
    width: max-content !important;
    border: 0px;
    float: left !important;
}

.ui-dialog-titlebar-close.ui-corner-all span {
    background: url(../images/x-close-icon.png) center center no-repeat;
    background-size: contain;
    width: 24px;
    height: 24px;
    margin: -1px;
}

.ui-dialog-titlebar-close.ui-corner-all:hover span {
    margin: 0;
}

.ui-dialog-titlebar-close.ui-state-hover {
    border: 0px;
    background: none;
}

#efReminderForm{
    padding: 20px;
}

/**Login end*/
/**Register*/
.register-banner {
    background: url(../images/contact-bg-img.png) center center no-repeat;
    background-position: 100%;
    background-size: cover;
}

.registration-form-inner {
    padding: 30px 20px;
    margin-top: 20px;
    border-radius: 10px;
    border: 1px solid var(--promo-color);
    background: var(--light-color);
}

.registration-form-inner h2 {
    margin-top: 0;
    font-weight: 600;
}

.registration-form-inner .efRegisterUserWrapper.ui-widget-content.ui-corner-top,
.registration-form-inner .efRegisterUserAddressWrapper.ui-widget-content.ui-corner-top {
    background: transparent;
    border: 0px;
}

.registration-form-inner .ui-corner-top.ui-widget-header.efPanelHeader {
    font-size: 24px;
    font-weight: 500;
    background: transparent;
    border: 0px;
    color: var(--heading-font-color);
    padding: 10px 0;
}

.registration-form-inner .ui-corner-bottom.efPanelContent,
.registration-form-inner .efPanelContent.ui-corner-bottom {
    padding: 0;
}

.registration-form-inner .efRegisterUser {
    width: 100%;
}

.registration-form-inner .efRegisterUser tbody,
.registration-form-inner .efRegisterUserAddress tbody {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    row-gap: 15px;
}

.registration-form-inner .efRegisterUser tr:nth-child(n),
.registration-form-inner .efRegisterUserAddress tr:nth-child(n) {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-right: 15px;
}

.registration-form-inner .efRegisterUser tr:nth-child(2n),
.registration-form-inner .efRegisterUserAddress tr:nth-child(2n) {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-left: 15px;
    padding-right: 0;
}

.registration-form-inner .efRegisterUser tr td,
.registration-form-inner .efRegisterUserAddress tr td {
    width: 100%;
}

.registration-form-inner .efRegisterLabel {
    text-align: left;
}

.efPanelContent.ui-corner-bottom select {
    width: 100%;
    font-size: 16px !important;
    min-height: 42px;
    border-radius: 8px;
    border: 1px solid var(--gray-300, #D0D5DD);
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    padding: 10px;
}

.registration-form-inner .efTogglePasswordControl {
    top: 12px;
}

.registration-form-inner #password-constraints ul li {
    padding-bottom: 0;
    font-size: 16px;
}

.registration-form-inner .efButton.ui-button.ui-state-default.ui-button-text-only {
    margin-top: -42px;
    float: right;
    display: none;
}

.registration-form-inner .efRegisterTermsWrapper.ui-widget-content {
    background: transparent;
    border: 0;
    padding: 10px 0;
}

.registration-form-inner .efRegisterTermsWrapper.ui-widget-content label {
    font-size: 14px;
    font-weight: 500 !important;
    color: var(--base-secondry-color);
    width: 100%;
}

.registration-form-inner #efRegisterSubmitButton {
    float: left;
    margin-top: 20px;
}

.registration-form-inner #efRegisterSubmitButton br {
    display: none;
}

.registration-form-inner #efRegisterSubmitButton .efButton.ui-button {
    color: var(--white-color);
    text-align: center;
    background: var(--secondary-color) !important;
    border-radius: 8px;
    padding: 12px 20px !important;
    font-weight: 500;
    text-decoration: none;
    display: block;
    border: 0;
}

.registration-form-inner #efRegisterSubmitButton .efButton.ui-button span {
    padding: 0;
}

.registration-form-inner .ui-state-error.efAlert {
    font-size: 16px;
}

.registration-form-inner .ui-icon.ui-icon-alert {
    margin-top: 7px;
}

.registration-form-inner .efErrorMessages li {
    padding-bottom: 0;
    font-size: 16px;
}

/**Register end*/
/**name-check-pg*/
.hero-subscribe-form {
    margin: 20px 0;
}

.namecheckpg-banner-inner .col-60 {
    padding-right: 40px;
}

.name-check-pg .secure-text {
    padding-left: 30px;
    color: var(--base-secondry-color);
    text-transform: uppercase;
    position: relative;
}

.name-check-pg .secure-text::before {
    content: "";
    padding-left: 30px;
    background: url(../images/lock-icon.svg) center center no-repeat;
    background-size: contain;
    position: absolute;
    left: -15px;
    width: 25px;
    height: 25px;
}

.namecheckpg-banner-inner {
    margin-top: 30px;
}

.namecheck-product {
    max-width: 480px;
    margin-left: auto;
    background-color: var(--white-color);
    padding: 20px 0 30px 0;
    border-radius: 10px;
    border: 1px solid var(--promo-color);
}

.namecheck-product .pricing-icon {
    width: 80px;
    height: 80px;
    background-color: var(--white-color);
    padding: 15px;
    margin-top: -40px;
    position: relative;
    z-index: 9;
}

.namecheck-product .pricing-heading {
    color: var(--heading-font-color);
    font-size: 32px;
    font-weight: 600;
}

.namecheck-product .pricing-amount {
    color: var(--primary-color);
}

/**name-check-pg-end*/
/**FAQ page*/
.faqpg-banner {
    background: url(../images/faq-banner-bg.png) center center no-repeat;
    background-size: cover;
}

.faq-search.name-check-search {
    width: 750px;
    margin: auto;
    flex-wrap: wrap;
}

.faq-search .name-check-input {
    width: 80%;
}

.faq-search .name-check-btn {
    position: static;
}

.faq-main-inner {
    display: flex;
    flex-wrap: wrap;
    column-gap: 25px;
    row-gap: 30px;
}

.faq-inner-col {
    width: 48%;
}

.faq-main-col {
    margin-bottom: 40px;
}

.faq-main-inner h3 {
    color: var(--primary-color);
    font-weight: 600;
    margin-bottom: 20px;
}

.is-hidden {
    display: none !important;
}

/**FAQ page end*/
/**Learning center inner**/
.learning-center-inner {
    background: #E5F2F5;
}

.learning-center-banner-img {
    padding: 20px;
    border-radius: 10px;
    border: 1px solid var(--promo-color);
    max-width: 480px;
    margin-left: auto;
    background: var(--white-color);
}

.learning-center-banner-img img {
    width: 100%;
    border-radius: 10px;
}

.learning-hub-banner {
    background: url(../images/learning-center-new.png) center center no-repeat;
    background-size: cover;
}

.txt-width-71 {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

.partnerLogo .owl-stage-outer {
    padding-block: 20px;
}

.partnerItem {
    padding: 14px;
    display: flex;
    gap: 10px;
    height: 100px;
    align-items: center;
    justify-content: space-between;
    border-radius: 20px;
    background-color: #fff;
    /* box-shadow: 0 0 4px #00000038; */
}

.partnerItem .partnerImg {
    width: 30%;
    height: 60px;
    border: 1px solid #9e9c9c;
    display: flex;
    align-items: center;
    border-radius: 10px;
    justify-content: center;
}

.partnerCont {
    width: 65%;
}

.partnerCont h4 {
    font-size: 16px;
    margin-bottom: 0;
}

.partnerCont p {
    font-size: 12px;
    line-height: 18px;
}

.learning-hub-ft-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.learning-hub-ft-wrapper {
    width: 31.5%;
    border-radius: 10px;
    border: 1px solid var(--promo-color);
}

.partner-off .learning-hub-ft-wrapper {
    width: 24%;
}

.most-popular-wrap .learning-hub-ft-wrapper {
    /* width: 19%; */
}

.learning-hub-ft-img img {
    width: 100%;
    height: 280px;
    border-radius: 10px 10px 0 0;
    object-fit: cover;
}

.learning-hub-ft-txt {
    padding: 20px;
}

.learning-hub-ft-wrapper ul,
.learning-hub-ft-wrapper ol {
    padding-left: 30px;
}

.learning-hub-ft-wrapper ul li,
.learning-hub-ft-wrapper ol li {
    color: var(--base-secondry-color);
    padding-bottom: 6px;
}

.learning-hub-ft-wrapper ul li a,
.learning-hub-ft-wrapper ol li a {
    color: var(--base-secondry-color);
    line-height: 28px;
    text-decoration: none;
}

.learning-hub-ft-wrapper .main-btn {
    min-width: 200px;
}

.learning-hub-msg-inner {
    border-radius: 10px;
    background: rgba(208, 234, 238, 0.50);
    padding: 20px 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.learning-hub-msg-inner-txt {
    width: 75%;
}

.learning-hub-msg-inner-video {
    width: 25%;
    text-align: right;
}

.learning-hub-msg-inner h6 {
    font-size: 20px;
    font-weight: 400;
    margin: 0;
    width: 72%;
    position: relative;
}

.learning-hub-thumb-iframe iframe {
    width: 100%;
    min-height: 180px;
    border-radius: 13px;
}

.learning-play-btn {
    display: inline-block;
    position: relative;
}

.youtube-play-icon {
    width: 75px;
    height: 75px;
    position: absolute;
    left: -46px;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
}

.click-here-btn {
    background: var(--primary-color);
    font-size: 18px;
    font-weight: 500;
    color: var(--white-color);
    text-decoration: none;
    padding: 10px 60px 10px 40px;
    border-radius: 8px;
    position: relative;
    margin-left: auto;
}

.click-here-btn::before {
    content: "";
    background: url(../images/corner-right-down.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    width: 20px;
    height: 20px;
    right: 28px;
    top: 18px;
}

.learning-list-row {
    display: flex;
    flex-wrap: wrap;
    padding-top: 60px;
}

.learning-list-col-img {
    width: 30%;
    padding-right: 30px;
}

.learning-list-col-txt {
    width: 70%;
    padding-left: 20px;
}

.learning-list-in-div {
    display: flex;
    flex-wrap: wrap;
}

.learning-list-in-wrap {
    width: 50%;
}

.learning-list-in-wrap:nth-child(1) {
    padding-right: 20px;
}

.learning-list-in-wrap:nth-child(2) {
    padding-left: 20px;
}

.learning-list-img img {
    border-radius: 4px 4px 0 0;
}

.learning-list-colan-txt {
    padding: 10px 10px 10px 52px;
    border-left: 1px solid var(--promo-color);
    border-right: 1px solid var(--promo-color);
    border-bottom: 1px solid var(--promo-color);
    border-radius: 4px;
}

.learning-list-colan-txt .quote {
    color: #000;
    font-size: 20px;
    font-style: italic;
    font-weight: 500;
    line-height: normal;
    position: relative;
}

.learning-list-colan-txt .quote::before {
    content: "";
    background: url(../images/quote-new.svg) center center no-repeat;
    background-size: contain;
    position: absolute;
    width: 30px;
    height: 30px;
    left: -42px;
}

.learning-list-colan-txt .name {
    font-size: 20px;
    font-weight: 500;
    position: relative;
}

.learning-list-ul {
    padding-left: 25px;
    padding-top: 10px;
}

.learning-list-ul li {
    list-style: none;
    position: relative;
    color: var(--base-secondry-color);
    padding-bottom: 15px;
}

.learning-list-ul li a {
    color: var(--base-secondry-color);
    line-height: 28px;
}

.learning-list-ul li::before {
    content: ">";
    position: absolute;
    left: -20px;
    top: 5px;
    font-size: 20px;
}

/**Modal Box**/
/* The Modal (background) */
.modal-custom {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 9999999;
    /* Sit on top */
    padding-top: 100px;
    /* Location of the box */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.8);
    /* Black w/ opacity */
}

/* Modal Content */
.modal-box-btn {
    background: transparent;
}

.modal-box-btn h2 {
    color: #B20000;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.4em;
    position: relative;
    padding: 0px 45px;
    margin-top: 0;
}

.modal-box-btn h2::before {
    content: "";
    background: url(../images/crs-txt-before.png) left top no-repeat;
    background-size: contain;
    width: 40px;
    height: 40px;
    top: -10px;
    left: 0;
    position: absolute;
}

.modal-box-btn h2::after {
    content: "";
    background: url(../images/crs-txt-after.png) left top no-repeat;
    background-size: contain;
    width: 40px;
    height: 40px;
    top: -10px;
    right: 0;
    position: absolute;
}

.modal-box-btn img{
    width: 160px;
    margin-top: -21px;
}
.modal-custom .modal-content {
    position: relative;
    background: radial-gradient(50% 34.41% at 50% 34.41%, #D50B07 0%, #7C0101 100%);
    margin: 30px auto;
    padding: 0;
    border: 5px solid #C8D3E0;
    border-radius: 10px;
    width: 80%;
    max-width: 900px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.modal-custom .modal-content-inner {
    text-align: center;
    color: var(--white-color);
    padding: 100px 80px 140px 80px;
    background: url(../images/crs-bell.png) 20px top no-repeat, url(../images/crs-lamp.png) 98% top no-repeat, url(../images/crs-snow-land.png) center bottom no-repeat;
    background-size: 80px, 100px, 100%;
}

.modal-custom .centa-cap {
    position: absolute;
    top: -110px;
    width: 180px;
    height: 180px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.modal-custom .modal-content p {
    font-size: 16px;
    text-align: center;
    line-height: 1.5em;
    margin-bottom: 6px;
    word-break: break-word;
}

.modal-custom .modal-content h4 {
    font-size: 24px;
    font-weight: 700;
    padding: 18px 0;
    line-height: 1.5em;
}

.modal-heading {
    position: relative;
}

.modal-heading h4::before {
    content: "";
    background: url(../images/crs-txt-deisgn.png) center center no-repeat;
    background-size: contain;
    width: 160px;
    height: 20px;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    left: 0;
    position: absolute;
}

.modal-heading h4::after {
    content: "";
    background: url(../images/crs-txt-deisgn.png) center center no-repeat;
    background-size: contain;
    width: 160px;
    height: 20px;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    right: 0;
    position: absolute;
}

.modal-highlighted-txt {
    border-radius: 10px;
    background: #ffffff57;
    margin: 30px 0;
    padding: 20px;
}

.modal-link-txt a {
    color: #FFDC51;
}

.modal-footer-heding {
    text-transform: uppercase;
}

/* The Close Button */
.modal-custom .modal-close-icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    background: #C8D3E0;
    border-radius: 0 0 0 10px;
    text-align: center;
    padding: 11px;
}

.modal-custom .close {
    color: black;
    font-size: 58px;
    font-weight: 300;
}

.modal-custom .close:hover,
.modal-custom .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-custom .modal-body {
    padding: 2px 16px;
}

/**Order page*/
.header-order .w-nav:before,
.header-order .w-nav:after,
.header-order .w-container:before,
.header-order .w-container:after {
    display: none !important;
}

#efContinueExistingPackageOrder tr td {
    padding: 10px !important;
}

/**Blog inner page*/
.blogpg-inner .additional-sev-details h2.hr-line:not(:first-child) {
    margin-top: 10px;
}

.breadcrumb-inner ul {
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 0px;
}

.breadcrumb-inner ul li {
    font-size: 18px;
    padding-bottom: 0px;
}

.breadcrumb-inner ul li a {
    padding-right: 20px;
    margin-right: 10px;
    font-weight: 500;
    color: var(--primary-color);
    text-decoration: underline;
    position: relative;
}

.breadcrumb-inner ul li a::after {
    content: ">";
    font-size: 20px;
    position: absolute;
    right: 0px;
}

.breadcrumb-inner .p-small{
    font-size: 16px !important;
}

.blogpg-inner-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--promo-color);
    padding: 20px;
    border-radius: 8px;
    margin: 0 0 20px 0;
}

.blogpg-inner-heading h1 {
    margin: 0px;
    padding-right: 40px;
    font-size: 32px;
}

.blogpg-inner .col-right-service {
    max-width: 430px;
    padding-left: 10px;
    position: relative;
}

.blogpg-inner .col-left-service.pr-8 {
    padding-right: 120px;
}

.blogpg-inner {

    .h2,
    .h3,
    .h4,
    .h5,
    .h6 {
        margin-bottom: 10px;
    }
}

.blogpg-inner .h4 {
    font-weight: 500;
}

.sidegrow-comp {
    background: linear-gradient(0deg, rgb(0 56 63 / 11%) 0%, rgb(0 56 63 / 27%) 100%), url(../images/green-forest.png) 50% / cover no-repeat;
    padding: 30px;
    border-radius: 10px;
    margin-bottom: 30px;
}
.side-sticky-pan{
    position: sticky;
    top: 100px;
}

.sidegrow-comp-img {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
    margin-top: 30px;
}

.sidegrow-comp-img .ecologi-img {
    width: 120px;
}

.blog-inner-search {
    background: url(../images/blog-inner-btm-DragonFrame.png) right bottom no-repeat, url(../images/blog-inner-btm-bg.png) center center no-repeat;
    background-size: contain, cover;
    border-radius: 10px;
    padding: 80px 40px;
    margin-top: 120px;
}

.blog-inner-search .h2 {
    margin-bottom: 30px;
}

.blogpg-inner ul li ul {
    list-style: disc;
    margin-bottom: 0;
    margin-top: 10px;
}

.blogpg-inner ol li ol,
.blogpg-inner ol li ul,
.blogpg-inner ul li ol {
    margin-bottom: 0;
    margin-top: 10px;
}

.blogpg-inner td {
    border: 1px solid #d5d5d5;
    padding: 8px 10px;
}

.blogpg-inner .blogpg-inner-heading {
    margin-top: 0;
}

.blog-feed-bg .section{
    background: var(--light-color);
    padding: 60px 0;
}
/* Progress bar */
.progress-bar-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: var(--light-color);
    z-index: 9999;
}

.progress-bar {
    height: 100%;
    background-color: var(--secondary-color);
    transition: all 0.3s ease;
}

/* Account registration */
.ac-register-sec {
    background: #E5F2F5;
}

.ac-register-sec .p-main {
    color: var(--base-secondry-color);
}

.most-popular .learning-hub-ft-img {
    background: #f1f1f1;
    height: 280px;
    text-align: center;
    border-radius: 10px 10px 0 0;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
}

.most-popular .learning-hub-ft-img img {
    width: 80%;
    max-width: 150px;
    max-height: 40%;
    height: auto;
    object-fit: contain;
    border-radius: 0;
}

.most-popular h4 a {
    color: var(--heading-font-color);
    text-decoration: none;
}

/* Account registration details */
.ac-register-dtls-sec {
    background: url(../images/banner-reg-image.png) top right 13% no-repeat;
    background-size: auto 95%;
    background-color: #E5F2F5;
    color: var(--heading-font-color);
}
.ac-register-dtls-sec.bg-none{
    background: unset;
    background-color: #E5F2F5;
}

.partner-top-wrap{
    max-width: 600px;
    margin-left: auto;
    text-align: right;
}
.partner-top-wrap a img{
    max-height: 400px;
}
.ac-register-dtls-sec p {
    font-size: 22px;
    color: var(--base-secondry-color);
}

.ac-register-details-wrap {
    display: flex;
    flex-wrap: wrap;
}

.ac-register-details-wrap .pr-6 {
    padding-right: 60px;
}

.ac-reg-cta {
    border-radius: 10px;
    border: 1px solid var(--promo-color);
    background: #f1f1f1;
    padding: 30px 20px;
    max-width: 600px;
    margin-left: auto;
}

.ac-reg-cta-logo {
    max-width: 280px;
    height: 60px;
    object-fit: contain;
    padding-bottom: 20px;
}

.ac-reg-cta-logo-lg {
    max-width: 280px;
    height: 110px;
    object-fit: contain;
    padding-bottom: 20px;
}

.ac-reg-cta-logo img {
    max-height: 100%;
    object-fit: contain;
    max-height: 100%;
}

.ac-reg-cta-logo-lg img {
    max-height: 100%;
    object-fit: contain;
    max-height: 100%;
}

.ac-reg-cta .offer-txt {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
}

.ac-reg-cta-btn {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: space-between;
    align-items: center;
}

.ac-reg-cta-btn h5 {
    font-size: 20px;
}
.learning-centre-search{
    background: #e5f2f5a1;
    padding: 30px;
    border: 1px solid var(--primary-color);
    border-radius: 12px;
    margin-bottom: 20px;
}
.insights-box{
    color: var(--heading-font-color);
    background: #16c60c12;
    border: 1px solid #16c60c;
    padding: 30px 40px 20px;
    min-height: 35px;
    border-radius: 12px;
    border-bottom: 3px solid #16c60c;
}
.insights-content img{
    width: 30px;
}
.insights-box.brown{
    border: 1px solid #ffc83d;
    border-bottom: 3px solid #ffc83d;
    background: #ffc83d1c;
}
.img-contain-radius{
    border-radius: 12px;
}
.img-contain-logo{
    max-width: 300px;
}
.custom-accordion-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;

    h2, h3{
        width: 94%;
    }
    .h5{
        font-size: 22px;
        line-height: 1.6em;
    }
  }
  .custom-accordion-header-open .h5{
    font-size: 22px;
    line-height: 1.6em;
  }
  
  .custom-accordion-icon {
    width: 20px;
    height: 20px;
    background-size: cover;
    background-image: url('../images/icon/plus-icon.png');
  }
  
  
  .custom-accordion-header.active .custom-accordion-icon {
    background-image: url('../images/icon/minus-icon.png'); /* Add your minus icon image path */
  }
  
  .custom-accordion-content {
    display: none;
  }

  .custom-accordion-header.active + .custom-accordion-content {
    display: block;
  }
  
.partner-table-wrap{
    margin-top: 30px;
    max-width: 600px;
    margin-left: auto;
}
.partner-ul-list{
    padding-left: 25px;
}

.partner-ul-list li{
    margin-bottom: 10px;
    font-size: 20px;
}
.partner-table-wrap h3{
    font-weight: 600;
}

.partner-table{
    width: 90%;
}
.partner-table tr{
    border-bottom: 3px solid #f1f1f1;
}
.partner-table tbody tr:last-child{
    border-bottom: 0;
}
.partner-table td{
   font-size: 20px;
   min-width: 80px;
   padding: 8px;
}
.partner-table td:nth-child(1){
    font-weight: 600;
 }
/*vat registration*/
.vat-reg-banner {
    background: var(--light-color);
    padding: 40px 0 80px 0;
}

.vat-reg-ban-point {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding-bottom: 40px;
}

.vat-reg-ban-point-wrap {
    display: flex;
    gap: 18px;
    align-items: center;
    width: 20%;
}

.vat-reg-ban-point-logo img {
    width: 28px;
    height: 28px;
    object-fit: contain;
}

.vat-reg-ban-point-wrap h5 {
    font-size: 20px;
    color: var(--heading-font-color);
    font-weight: 500;
}

.vat-reg-banner-inner .payment-icon-all img {
    width: 38px;
    height: 26px;
}

.text-logo-vat {
    display: flex;
    gap: 20px;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.text-logo-vat img {
    width: 80px;
}

.setup-comp-vat-col {
    text-align: center;
    padding-bottom: 30px;
}

.setup-step-vat {
    padding: 30px 40px;
    display: inline-block;
    font-size: 30px;
    font-weight: 600;
    color: var(--primary-color);
    background: aliceblue;
    border-radius: 50%;
}

.setup-vat-steps-ul {
    list-style: none;
    padding-left: 0;
}

.setup-vat-steps-ul li {
    display: flex;
    align-items: center;
}

.setup-vat-steps-ul .tick-icon {
    max-width: 30px;
    width: 30px;
    height: 30px;
    min-width: 25px;
    margin-top: 2px;
}

.setup-vat-steps-ul li h4 {
    font-size: 18px;
    font-weight: 500;
    padding-left: 15px;
}

.main-btn-icon {
    color: var(--white-color);
    text-align: center;
    background-color: var(--secondary-color);
    border-radius: 8px;
    padding: 12px 40px;
    font-weight: 500;
    text-decoration: none;
    display: inline-block;
}

.main-btn-icon img {
    width: 40px;
    padding-left: 8px;
}

.main-btn-icon:hover {
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.vat-reg-list .services-item p {
    margin-bottom: 0;
}

.works-icon-vat img {
    width: 120px;
    height: 120px;
    object-fit: contain;
    padding-bottom: 30px;
}

.vat-online-service {
    background: var(--light-color);
    padding: 80px 0;
}

.vat-online-service-inner {
    display: flex;
    flex-wrap: wrap;
    padding-top: 40px;
    gap: 60px;
}

.vat-online-service-item {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.vat-online-service-item:nth-child(2n) {
    flex-direction: row-reverse;
}

.vat-online-service-img,
.vat-online-service-txt {
    width: 45%;
}

.vat-online-service-item .vat-online-service-img {
    text-align: center;
}

.table th,
.table td {
    border: 1px solid var(--heading-font-color);
    padding: 8px 10px;
}

.table th {
    text-align: left;
    font-weight: 600;
}

.most-pop-vat.mb-0 .popular-services-sec.mb-120 {
    margin-bottom: 0;
}

.CompareBtn {
    text-align: center;
    margin-bottom: 30px;
}

.CompareBtn .main-btn {
    background: var(--primary-color);
    /* padding-inline: 40px; */
}

.feature_offerSec {
    background: #E5F2F5;
    padding-block: 80px;
}

.feature_offer_cont {
    padding-right: 50px;
}

.feature_partnerLogo {
    max-width: 400px;
    display: flex;
    align-items: center;
    margin-block: 50px;
}

.featured_partnerLogo-card {
    padding-bottom: 10px;
}

.feature_offer_cont h4 {
    font-size: 35px;
}

.feature_offer_card {
    text-align: center;
    background: #fff;
    box-shadow: 0 0 10px #0fb1c79e;
    max-width: 475px;
    padding: 30px;
}

.feature_offer_card .h3 {
    font-size: 34px;
    font-weight: 600;
    font-style: italic;
}

.feature_offer_card_cont {
    margin-block: 50px;
}

.feature_offer_card_cont h4 {
    font-size: 24px;
    font-weight: 600;
    line-height: 40px;
}

.feature_offer_card .ac-reg-cta-btn {
    justify-content: center;
}

.feature_offer_card p {
    font-size: 16px !important;
}

.ulpartner-offer{
    li{
        font-size: 20px;
        line-height: 1.5em;
    }
}
.partner-details-Img {
    text-align: center;
    width: 70%;
    max-width: 200px;
    margin: auto;
}

.partner-detailspg .feature_offer_card_cont {
    margin-block: 30px;
}

.all-partner {
    margin-top: 0;
}

.learning-hub-ft-wrapper.partner-wrapper-inner .learning-hub-ft-img {
    flex-wrap: wrap;
    align-content: center;
    text-decoration: none;
    padding: 15px;
}

.learning-hub-ft-wrapper.partner-wrapper-inner .learning-hub-ft-img h4 {
    text-decoration: none;
    margin: 15px 0 0 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6em;
    width: 100%;
}

.learning-hub-ft-wrapper.partner-wrapper-inner .learning-hub-ft-txt p {
    text-align: center;
}

.learning-hub-ft-wrapper.partner-wrapper-inner .learning-hub-ft-txt a {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6em;
    text-align: center;
    text-decoration: none;
    color: var(--base-secondry-color);
}

.all-partner-pg .prt-av {
    font-size: 20px;
}

.deservesDiv .col-50 {
    padding-right: 140px;
}

/* New Header Styling */
.header_bnr{
    color: #fff;
    font-size: 18px;
    text-align: center;
    padding-block: 10px;
    background-color: #174859;
    position: relative;
}
.header_bnr.fnd-mr{
    font-size: 17px;
    padding: 0;
    display: none;
    /*opacity: 0;
    transform: translateY(-100%);
    transition: opacity 0.5s ease, transform 0.5s ease; */
}
.header_bnr.fnd-mr.show {
    display: block; 
    /* opacity: 1;
    transform: translateY(0); */
}
.offer_notify{
    padding: 10px;
    position: relative;
    z-index: 99;
}
.header_bnr p,
.header_bnr p a{
    margin: 0;
    color: #fff;
}
.header_bnr p a:hover{
    color: #0fb1c7;
}
a.find-out-more{
    display: inline-block;
    padding: 2px 15px;
    margin-left: 8px !important;
    background: #ff8c00;
    border-radius: 20px;
    text-decoration: none;
}
a.find-out-more:hover{
    background: #0fb1c7;
    color: #fff !important;
}
.close-hdr-br{
    position: absolute;
    top: 14px;
    right: 20px;
    color: #fff;
    font-size: 20px;
    z-index: 9;
    cursor: pointer;
}

.header-section{
    padding-block: 20px;
    background: var(--light-color);
}
.logo-div {
    width: 240px;
    margin-bottom: -25px;
    position: relative;
    z-index: 2;
}
.header-top-social {
    gap: 20px;
}

.header-top-social .email-top,
.header-top-social .call-top {
    border-radius: 30px;
    padding: 5px 30px 5px 50px;
    border: 2px solid #fff;
    transition: all 0.5s;
    color: #2e5172c2;
    font-weight: 600;
}

.header-top-social .email-top span {
    text-decoration: underline;
}

.header-top-social .email-top::before,
.header-top-social .call-top::before {
    left: 20px;
    top: 10px;
}

.header-top-social .email-top:hover,
.header-top-social .call-top:hover {
    background-color: #fff;
    transition: all 0.5s;
}

.header-top-social a {
    font-weight: 600 !important;
    text-transform: uppercase;
}

.header-top-social span {
    text-decoration: none;
}

.headerSec .login-top-bg,
.headerSec .round {
    line-height: 33px;
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 16px;
}

a.login-top-bg {
    background: var(--primary-color);
}

a.login-top-bg,
.header-top-social a.header-comp-btn {
    padding-left: 0;
    color: #fff;
    font-size: 18px;
    padding: 5px 20px;
    border-radius: 30px;
    letter-spacing: 1px;
}

a.login-top-bg img {
    width: 30px;
    transition: all 0.5s;
}

a.login-top-bg:hover img {
    margin-left: 10px;
    transition: all 0.5s;
}
.header-inner{
    padding-block: 0;
}
.header-navbar-sec{
    border: 0;
    background: var(--light-color);
}
.header-navbar-sec.sticky-header {
    padding-block: 20px;
}
.header-menu{
    gap: 28px;
    justify-content: flex-end;
}
.nav-menu-item{
    color: #2e5172 !important;
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    margin: 0;
}
.w-dropdown{
    margin: 0;
}
.nav-menu-item:hover,
.nav-menu-item.w--current {
    color: #2e5172c7;
    text-decoration: underline;
    text-decoration-color: #ccc;
    text-underline-offset: 4px;
}
.nav-menu-item,
.nav-menu-item.w--current {
    position: relative;
}
/* .nav-menu-item:hover::after,
.nav-menu-item.w--current::after {
    bottom: 3px;
    left: 50%;
    content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    transform: translateX(-50%);
    border-bottom: 2px solid #ccc;
} */
.w-dropdown-toggle .dropdown-icon {
    filter: invert(1);
}

/* update styling */
.text-center{
    text-align: center;
}
.packagepg-sec-inner .round:hover img{
    margin-right: 10px;
}
.packagepg-sec-inner .round-btn{
    margin-left: 20px;
}
.pricingpg-btn-div .round,
.srv-buy-btn .round{
    margin-block: 0;
}
/**account**/
.services-banner-inner.account{
    text-align: center;
}
.account-wrap .name-check-search{
    margin: auto;
}
.custom-account-sec .row{
    display: flex;
    flex-wrap: wrap;
}
.custom-account-sec{
    a,
    p,
    h1,h2,h3,h4,h5,h6{
        text-decoration: none;
    }
}
.efAccountMenu.ui-corner-all{
    background: var(--promo-color);
    padding: 20px 15px;
    border: 1px solid var(--primary-color);
}
.efAccountMenuTabs {.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
    padding: 5px;
}
}
.efWebStateCompanySearch input{
    min-width: 245px;
    padding: 10px;
}
#efMyAccountOrderControls{
    .ui-widget-header{
        background: var(--promo-color);
        color: var(--para-main-color);
        border-color: var(--primary-color);
    }
}
.hidden-acc-sec{
    display: none;
}
.dashboard__link {
    border: 1px solid var(--primary-color);
    background-color: var(--light-color);
    padding: 15px;
    margin-bottom: 20px;
    box-sizing: border-box;
    min-height: 165px;
    display: block;
    color: var(--para-main-color);
}
.dashboard__link h2{
    color: var(--para-main-color);
    margin-top: 0;
}
.dashboard__link h3{
    margin-top: 0;
}
.dashboard__link:hover {
    background-color: var(--promo-color);
    color: #fff;
}

.dashboard__link:hover h3,
.dashboard__link:hover h4,
.dashboard__link:hover p,
.dashboard__link:hover strong {
    color: #000!important;
}

.dashboard__link:hover .dashboard__my-companies li {
    color: #fff!important;
}

.dashboard__link h3 {
    color: var(--para-main-color);
    font-weight: 600;
}

.dashboard__link h4 {
    color: var(--para-main-color);
    font-weight: 600;
    margin-bottom: 10px;
}

.dashboard__link p {
    margin-bottom: 0;
}

.dashboard__link--partnerships {
    position: relative;
    padding: 25px 15px;
    border-color: #ff8c00;
    background: linear-gradient(109.6deg, rgb(255 140 0) 11.2%, rgb(255 176 5 / 69%) 100.2%);
}

.dashboard__link--partnerships .dashboard__tag {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    padding: 0.45rem 0.8rem 0.3rem 0.8rem;
    background-color: #fe7323;
    color: #fff;
    font-size: 1rem;
}
.dashboard__link.dashboard__link--partnerships{
    min-height: auto !important;
}

.dashboard__link--partnerships h3,
.dashboard__link--partnerships p,
.dashboard__link--partnerships p strong {
    color: var(--para-main-color);
}

.dashboard__link--partnerships:hover h3,
.dashboard__link--partnerships:hover p,
.dashboard__link--partnerships:hover p strong {
    color: #fff;
}

.dashboard__link .dashboard__my-companies {
    margin-top: 10px;
    float: left;
    width: 100%;
}

.dashboard__link .dashboard__my-companies ul#my-latest-companies {
    padding-top: 15px;
    float: left;
    width: 100%;
    border-top: 1px dotted var(--primary-color);
}

.dashboard__link .dashboard__my-companies ul#my-latest-companies li {
    margin-bottom: 10px;
    border-radius: 3px;
    color: var(--para-main-color);
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dashboard__link .dashboard__my-companies ul#my-latest-companies li:before {
    margin-right: 6px;
    font-size: 16px;
    content: 'f0a9';
    float: left;
    position: relative;
    top: -1px;
}

.dashboard__credit {
    color: var(--primary-color);
    background-color: #fff;
    border: 1px solid var(--primary-color);
    margin-bottom: 20px;
}

.dashboard__credit.red {
    border-color: #d61b1b;
}

.dashboard__credit.red h3 {
    background-color: #d61b1b;
    color: #fff!important;
}

.dashboard__credit.red h3 i {
    color: #d61b1b;
}

.dashboard__credit.red p {
    color: #721c24;
}

.dashboard__credit-body {
    padding: 15px;
}

.dashboard__credit-pay-off {
    display: flex;
    justify-content: flex-end;
}

.dashboard__credit-button {
    font-size: 14px;
    font-weight: 400;
    padding: 10px 20px;
    background-color: var(--secondary-color);
    color: #fff!important;
    text-align: center;
}

.dashboard__credit-button:hover,
.dashboard__credit-button:focus {
    text-decoration: none;
    background-color: var(--secondary-color);
}

.dashboard__credit h3 {
    width: 100%;
    padding: 15px;
    background-color: var(--primary-color);
    box-sizing: border-box;
    margin: 0 !important;
    color: #fff !important;
    font-weight: 600;
}

.dashboard__credit h3 i {
    background-color: #fff;
    padding: 2px 6px;
    border-radius: 20px;
    font-size: 16px;
    margin-right: 5px;
    color: var(--secondary-color);
}

.dashboard__credit p {
    color: var(--heading-font-color);
    margin-top: 0;
}

.dashboard__credit p:last-child {
    margin-bottom: 0;
    border: 0;
}

.dashboard__customer-service {
    padding: 20px;
    border: 1px solid var(--primary-color);
}

.dashboard__customer-service h3 {
    margin-top: 0 !important;
    font-weight: 600;
}

.dashboard__customer-service p:last-child {
    margin-bottom: 0;
}

.acc-contact{
    display: flex;
    gap: 10px;
    color: var(--para-main-color);
    margin: 12px 0;
    font-weight: 500;
}
.acc-contact img{
    width: 25px;
}
.align-left {
    text-align: left!important;
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
}
.efTextInput.number{
    text-align: left;
}
#efUserDetailsPageWrapper{
    h2{
        margin: 20px 0;
    }
    .ui-widget-header{
        background: var(--promo-color);
        border-color: var(--primary-color);
        color: var(--heading-font-color);
    }
    .ui-widget-content{
        border-color: var(--primary-color);
    }
    .efPanelContent.ui-corner-bottom input[type='checkbox']{
        min-height: auto;
        width: 18px;
    }
    .efPanelContent.ui-corner-bottom td,
    .efPanelContent.ui-corner-bottom td label{
            font-size: 16px !important;   
            text-align: left;     
            font-weight: 500 !important;
            color: var(--base-secondry-color);
    }
    .efPanelContent.ui-corner-bottom input{
        padding: 5px;
    }
    .efButton.ui-widget{
        border-radius: 30px;
        background: var(--secondary-color);
        border-color: var(--secondary-color);
    }
    .efButton.ui-widget:hover {
        box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    }
}
#efAuthenticatedContent{
    h1,
    h2{
        margin: 20px 0;
    }
    .ui-widget-header{
        background: var(--promo-color);
        border-color: var(--primary-color);
        color: var(--heading-font-color);
    }
    .ui-widget-content{
        border-color: var(--primary-color);
    }
    .efAccountPanel .efEditButton img, .efDetailsButton img {
        margin: 0 5px;
    }   
    .efAccountPanel .efEditButton .ui-button-text, .efDetailsButton .ui-button-text {
        display: flex;
        align-items: center;
    } 
    .efButton.ui-widget{
        border-radius: 30px;
        background: var(--secondary-color);
        border-color: var(--secondary-color);
        width: max-content;
        display: inline-block;
    }
    .efButton.ui-widget:hover {
        box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    }
    select.efSelectInput{
        min-width: 200px;
    }
    .efSelectInput, .efTextInput, .efTextarea {
        font-size: 16px !important;
        font-family: Poppins, sans-serif !important;
    }
    form[action="/companies/"],
    form[action="/services/"]{
        margin: 10px 0;
    }
    .ui-button-text-only .ui-button-text{
        display: flex;
        align-items: center;
    }
    #mainlookupform .ui-corner-all.ui-widget-content{
        padding: 15px 10px;
    }

}
/*Payment*/
.payment-page{
    .efPaymentDetailsWrapper{
      width: 50%;
    }
    .efOrderContentsWrapper {
    width: 40%;
    }
    .efCustomerTypeWrapper .efCustomerType {
        font-size: 18px;
        font-weight: 500;
    }
    .efCustomerTypeWrapper input[type="radio"].ef-toggle + label::after {
    background: var(--primary-color);
    color: #fff;
    }
    .efCustomerTypeWrapper .efCustomerType{
    border: 3px solid var(--primary-color);
    }

    .efCustomerTypeWrapper input[type="radio"].ef-toggle:checked + label { color: #fff; }

    .efTextInput { padding:12px; font-size:16px!important; border-radius:8px }

    .efButton{
        color: var(--white-color);
        text-align: center;
        background: var(--secondary-color);
        padding: 5px 20px;
        border-radius: 30px;
        font-weight: 500;
        text-decoration: none;
        display: inline-block;
        border-color: var(--secondary-color);
    }
    .efButton:hover{
        background: var(--primary-color);
        border-color: var(--primary-color);
    }
    .efOrderContentsWrapper{
    border: 1px solid var(--promo-color);
    border-radius: 20px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 30px;
    h1{
        font-size: 28px;
        font-weight: 600;
    }
    h3 span{
        font-weight: 600;
    }
    .efPaymentGatewayTitle{
        margin-top: 0;
    }
    }
    .efCustomerStatusWrapper.ef-js-customer-status-wrapper{
        padding-right: 14px;
    }
    .efNewCardWrapper.ef-js-new-card-wrapper{
        padding-right: 19px;
    }
    .efCardDetailsField, .efPaymentGatewayField{
        margin: 6px 10px 0 0;
        width: 48%;
        display: inline-block;
    }
    .efPaymentGatewayBillingDetails .efPaymentGatewayField:nth-child(2){
        width: 12%;
    }
    .efPaymentGatewayBillingDetails .efPaymentGatewayField:nth-child(3),
    .efPaymentGatewayBillingDetails .efPaymentGatewayField:nth-child(4) {
        width: 41%;
    }
    .efPaymentGatewayField.efPaymentGatewayAddressWrapper{
        width: 100%;
    }

    .efPaymentGatewayAccountDetails .efPaymentGatewayField:last-child,
    .ef-js-existing-customer-form .efPaymentGatewayField:last-child{
        width: 100%;
    }

    h1{
        font-size: 28px;
        font-weight: 600;
    }
    h2 {
        font-size: 26px;
        font-weight: 600;
    }
    label {
        font-size: 18px;
        font-weight: 400;
        padding-bottom: 0;
        margin-bottom: 5px;
    }
    .efBillingAddressBtn {
        margin-bottom: 20px;
    }
    .efPaymentGatewayField #password-constraints{
        background: var(--promo-color);
        padding: 20px;
        border-radius: 20px;
        margin-top: 10px;
    }
    .efPaymentGatewayField #password-constraints ul,
    .efPaymentGatewayField #password-constraints ul li:last-child {
        margin-bottom: 0;
    }
    .efPaymentGatewayDetailsError, .efPaymentGatewayLoginError, .efPaymentGatewayMainError {
        background-color: #ff675f;
        border-radius: 6px;
        margin-right: 19px;
    }
    .ef-js-payment-form{
        padding: 20px;
        border: 1px solid var(--base-secondry-color);
        border-radius: 10px;
        background: var(--light-color);
        position: relative;
    }
    .ef-js-payment-form .efButton.efPayButton{
        margin-top: 25px;
        padding: 5px 20px !important;
    }
    .ef-js-payment-form::after{
        content: '';
        position: absolute;
        bottom: -7px;
        right: -28px;
        background: url(../images/powered-by-stripe.svg) no-repeat center center;
        background-size: contain;
        width: 220px;
        height: 110px;
    }
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable{
    .ui-dialog-titlebar .ui-dialog-title{
        display: none;
    }
    .efGetAddressNew h3{
        font-style: 600;
        margin: 0 0 12px 0;
    }
    .efWidget.efPostcodeLookup,
    #efNewAddressFormFields{
        padding: 0;
    }
    #efNewAddressFormData b{
        width: 100%;
        margin-right: 0px;
        font-weight: 400;
    }
    .efWidget.efPostcodeLookup input,
    .efWidget.efPostcodeLookup{
        position: relative;
    }
    #efNewAddressFormData #_PostCodeLookup_{
        min-height: 60px;
    }
    #ef-postcode-look-up{
        position: absolute;
        right: 10px;
        top: 44px;
        span{
            padding: 0;
        }
    }
    #ef-postcode-look-up,
    #efSubmitNewAddressButton,
    .efButton{
        color: var(--white-color);
        text-align: center;
        background: var(--secondary-color);
        padding: 5px 20px;
        border-radius: 30px;
        font-weight: 500;
        text-decoration: none;
        display: inline-block;
        border-color: var(--secondary-color);
    }
    #ef-postcode-look-up:hover,
    #efSubmitNewAddressButton:hover,
    .efButton:hover {
        background: var(--primary-color);
        border-color: var(--primary-color);
    }
    #efSubmitNewAddressButton{
        float: left;
    }
    #efNewAddressFormData select{
        width: 100%;
        min-height: 45px;
        border-radius: 8px;
        background: var(--borderColor);
    }
    #efGenericAddressGetter{
        height: 100% !important;
    }
}



/*Payment end*/
/*sustainability**/
.sustainability-banner {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(33, 33, 33, 0.3)), url(../images/climate-change-bg.png) center center no-repeat;
    background-size: cover;
}
.sust-ban-images-wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 3%;
    row-gap: 30px;
    max-width: 960px;
    margin: 0 auto;
    padding-top: 50px;
}
.sust-ban-images-col{
    width: 30%;
    text-align: center;
}
.sust-ban-images-col .sust-ban-image{
   max-width: 90px;
   padding-bottom: 20px;
   margin: 0 auto;
}
.sust-partner-block{
    padding-top: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 40px;
}
.sust-partner-col{
    width: 31%;
    text-align: center;
    border: 1px solid var(--promo-color);
    border-radius: 10px;
    padding: 20px;
}
.sust-partner-image img{
    min-width: 100%;
    height: 230px;
    object-fit: cover;
    margin-bottom: 20px;
}
.sust-partner-col h3{
    min-height: 60px;
    font-weight: 600;
}
.sust-partner-col .read-more{
    display: block;
}
.Ecologi-partner{
    overflow: hidden;
    background: linear-gradient(90deg, rgb(244 245 249) 0%, rgb(230 243 248 / 54%) 35%, rgb(230 243 248) 100%);
}
.Ecologi-top p{
    font-size: 15px;
}
.Ecologi-partner-col{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 40px;
    margin-bottom: 60px;
    border-radius: 20px;
    background: #ffffff;
    box-shadow: rgba(50, 50, 93, 0.08) 0px 13px 20px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -2px
}
.Ecologi-partner-col:last-child {
    margin-bottom: 0px;
}
.Ecologi-partner-wrapper .Ecologi-partner-col:nth-child(2n){
    flex-direction: row-reverse;
    position: relative;
    /* background: #f4f5f9; */
}
/* .Ecologi-partner-wrapper .Ecologi-partner-col:nth-child(2n):before {
    content:"";
    background:#f4f5f9;
    position: absolute;
    height: 100%;
    width: 100%;
    left: -2000px;
    z-index: -1;
}
.Ecologi-partner-wrapper .Ecologi-partner-col:nth-child(2n)::after {
    content:"";
    background:#f4f5f9;
    position: absolute;
    height: 100%;
    width: 4000px;
    right: -2000px;
    z-index: -1;
} */
.Ecologi-partner-img{
    width: 38%;
}
.Ecologi-partner-txt{
    width: 58%;
}
.Ecologi-partner-txt ul{
    padding-left: 0;
    list-style: none;
}
.Ecologi-bottom{
    text-align: center;
    background: #f4f5f9;
}
.Ecologi-bottom .star-logo-img{
    justify-content: center;
}
.Ecologi-bottom .star-logo-img .logo-trst,
.Ecologi-bottom .star-logo-img .logo-star,
.trst-center.star-logo-img .logo-trst,
.trst-center.star-logo-img .logo-star{
    width: 110px;
}
.Ecologi-bottom .star-logo-img .p-main.black{
    font-size: 16px !important;
}
.Ecologi-tree-planted{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
    justify-content: center;
    text-align: center;
}
.sustainability-name-check{
    margin: 30px 0;
}
.sustainability-name-check form.name-check-search{
    margin: 0 auto;
    max-width: 700px;
}
.Ecologi-review-impact{
    background: url(../images/icon/plant-icon.png) 15% top no-repeat, url(../images/icon/plant-icon.png) 70% 15% no-repeat, url(../images/icon/plant-icon.png) right 90% no-repeat, url(../images/icon/Nature-icon.png) -3% 104% no-repeat, url(../images/icon/Nature-icon.png) 36% 80% no-repeat;
    background-color: var(--light-color);
    padding: 60px 0;
}
.Ecologi-review-impact-inner{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
    justify-content: center;
    text-align: center;
}
.Ecologi-review-impact-inner h3{
    margin: 0;
    width: 100%;
    text-align: center;
    padding-bottom: 25px;
}
/*sustainability end**/
/*Dormant company end**/
.dormant-comp-inner{
    text-align: center;
}
.dormant-comp-payment{
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}
.dormant-comp-payment img{
    max-width: 95px;
}
.dormant-comp-payment .p-small {
    font-size: 15px;
}
.dormant-works-info{
    display: flex;
    flex-wrap: wrap;
    gap: 3%;
    row-gap: 30px;
    margin: 40px 0;
}
.dormant-info-item{
    width: 31%;
    border-radius: 10px;
    border: 1px solid var(--promo-color);
    padding: 40px 20px;
    text-align: center;
}
.dormant-info-item:hover{
    box-shadow: rgba(50, 50, 93, 0.08) 0px 13px 20px -5px, rgb(0 0 0 / 8%) 0px 6px 16px -1px;
}
.dr-info-img img{
    width: 80px;
    height: 80px;
    object-fit: contain;
    margin-bottom: 20px;
}
.dormant-info-item p{
    font-weight: 500;
}
.p-itlac{
    font-size: 18px;
    font-style: italic;
}
.p-italic{
    font-style: italic;
}

.dormat-expenses-wrap{
    margin-top: 60px;
}
.dormat-expenses-item{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 60px;
    align-items: center;
    padding: 40px;
    margin-bottom: 60px;
    border-radius: 20px;
    background: #ffffff;
    box-shadow: rgba(50, 50, 93, 0.08) 0px 8px 34px 0px, rgb(0 0 0 / 10%) 0px 8px 16px 2px;
}
.dormat-expenses-img{
    width: 38%;
}
.dormat-expenses-img img{
    border-radius: 10px;
}
.dormat-expenses-txt{
    width: 58%;
}
.dormat-expenses-txt h2{
    font-weight: 600;
    font-size: 24px;
}
.dormat-expenses-item:nth-child(2n) {
    flex-direction: row-reverse;
    position: relative;
}
.dormat-expenses-item:last-child{
    margin-bottom: 0;
}
.dormat-expenses-txt ul{
    padding-left: 24px;
}
.dormat-expenses-txt ul ul{
    padding-left: 40px;
}
.dormat-expenses-txt li{
    font-size: 18px;
    line-height: 30px;
}
.dormat-faq .accordiantitle h2{
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
}
.dormat-faq .accordion-content p,
.dormat-faq .accordion-content li{
    line-height: 30px;
}
.dormat-faq .faq-inner{
    width: 80%;
    margin: 0 auto;
}
.dormat-review .mb-120,
.dormat-call .mb-120{
    margin-bottom: 80px;
}
/* .dormat-review .reviews-section{
    background-color: transparent;
}
.dormat-review .reviews-section-inner{
    background: linear-gradient(90deg, rgb(244 245 249) 0%, rgb(230 243 248 / 54%) 35%, rgb(230 243 248) 100%);
} */
.dormat-work.work-process-item{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}
.dormat-work.work-process-item:nth-child(2n){
    flex-direction: row-reverse;
}
.dormat-work.work-process-item:last-child(){
    margin-bottom: 0px;
}
.dormat-work-icon{
    width: 22%;
}
.dormat-work-txt{
   width: 75%;
}
.dormat-work-icon img{
    max-width: 180px;
    max-height: 130px;
}
.dormat-work-icon{
    text-align: center;
    padding: 30px;
    border-radius: 10px;
    border: 1px solid var(--promo-color);
    box-shadow: rgba(50, 50, 93, 0.08) 0px 13px 20px -5px, rgb(0 0 0 / 8%) 0px 6px 16px -1px;
    max-width: 250px;
}
.dormat-work-ul{
    margin-top: 20px;
}
.dormat-work-ul li{
    font-size: 16px;
    line-height: 28px;
    color: var(--base-secondry-color);
}
.trst-center.star-logo-img{
    justify-content: center;
}
.trst-center.star-logo-img p{
    font-size: 15px !important;
}
.a-trst-center,
.a-trst-center p{
    text-decoration: none;
}
.dormat-srch{
    background: linear-gradient(90deg, rgb(244 245 249) 0%, rgb(230 243 248 / 54%) 35%, rgb(230 243 248) 100%);
}
.dormat-compliance-inner{
    text-align: center;
    padding: 60px 40px;
    margin-bottom: 60px;
    border-radius: 20px;
    background: #ffffff;
    box-shadow: rgba(50, 50, 93, 0.08) 0px 8px 34px 0px, rgb(0 0 0 / 10%) 0px 8px 16px 2px;
}
.dormant-comp-payment .black{
    color: #010101;
}
/*Dormant-company end**/

/*Set up a charity company**/
.set-charity-sup-inner{
    max-width: 1320px;
    margin: 0 auto;
}
.set-charity-sup-list{
    display: flex;
    flex-wrap: wrap;
    gap: 5%;
    row-gap: 30px;
    padding: 30px 0;
}
.set-charity-sup-list .set-charity-sup-wrap {
    width: 30%;
    background: #ffffff;
    border: 1px solid var(--promo-color);
    padding: 30px;
    border-radius: 25px;
    text-align: center;
    position: relative;
}
.set-charity-sup-list .set-charity-sup-wrap h3 {
    font-weight: 700;
    font-size: 60px;
    color: var(--heading-font-color);
    text-align: center;
    padding-bottom: 20px;
}
.set-charity-sup-list .set-charity-sup-wrap p {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: var(--heading-font-color);
}
.set-charity-sup-list .set-charity-sup-wrap h3 span {
    color: var(--heading-font-color);
    -webkit-text-fill-color: white;
    -webkit-text-stroke: 1px var(--heading-font-color);
}
.set-charity-sup-list .set-charity-sup-wrap:hover {
    border-color: var(--secondary-color);
}
.set-charity-sup-list .set-charity-sup-wrap:hover h3 {
    color: var(--secondary-color);
}
.set-charity-sup-list .set-charity-sup-wrap:hover h3 span {
    color: var(--secondary-color);
    -webkit-text-fill-color: white;
    -webkit-text-stroke: 1px var(--secondary-color);
}
.tick-mark-ul{
    list-style: none;
    padding-left: 25px;
}
.tick-mark-ul li{
    position: relative;
    line-height: 28px;
    margin-bottom: 10px;
}
.tick-mark-ul li::before{
    content: "";
    background: url('/assets/custom/files/newdesign/images/Check-icon.svg') center center no-repeat;
    background-size: contain;
    position: absolute;
    width: 15px;
    height: 15px;
    left: -24px;
    top: 6px;
}
.set-charity-banking .mb-120,
.set-charity-call .mb-120,
.sec-redu-margin .mb-120{
    margin-bottom: 80px;
}
.set-chariy-works .pb-120,
.sec-redu-padding .pb-120{
    padding-bottom: 80px;
}
.set-charity-proof-wrap{
    display: flex;
    flex-wrap: wrap;
    gap: 4%;
    row-gap: 30px;
    margin-top: 40px;
    justify-content: center;
}
.set-charity-proof-item{
    width: 48%;
}
.set-charity-proof-item h2 {
    color: var(--heading-font-color);
    font-size: 24px;
    font-weight: 500;
}
.set-charity-proof-item h2 span {
    color: var(--primary-color);
}
.sidegrow-social{
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px;
}
.sidegrow-social h5{
    width: 100%;
    font-size: 16px;
}
.rtm-heading{
    max-width: 1190px;
    margin: 0 auto;
}
/*End Set up a charity company**/
/*Limited by Guarantee company**/

.list-styled{
    padding-left: 24px;
}
.list-styled li{
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 10px;
}
.limited-option-table{
    margin-top: 40px;
}

table.limited-option-table {
    /* Change these properties */
    --border-tl: 1px solid #f2f2f2;
    border-radius: 10px;
   
    border-spacing: 0;
    border-collapse: separate;
    border: var(--border-tl);
    overflow: hidden;
   }
   
   table.limited-option-table th:not(:last-child),
   table.limited-option-table td:not(:last-child) {
    border-right: var(--border-tl);
   }
   
   table.limited-option-table>thead>tr:not(:last-child)>th,
   table.limited-option-table>thead>tr:not(:last-child)>td,
   table.limited-option-table>tbody>tr:not(:last-child)>th,
   table.limited-option-table>tbody>tr:not(:last-child)>td,
   table.limited-option-table>tfoot>tr:not(:last-child)>th,
   table.limited-option-table>tfoot>tr:not(:last-child)>td,
   table.limited-option-table>tr:not(:last-child)>td,
   table.limited-option-table>tr:not(:last-child)>th,
   table.limited-option-table>thead:not(:last-child),
   table.limited-option-table>tbody:not(:last-child),
   table.limited-option-table>tfoot:not(:last-child) {
    border-bottom: var(--border-tl);
   }

.limited-option-table thead{
    background-color: #e6f3f8;
}
.limited-option-table thead th,
.limited-option-table tbody tr td{
    padding: 20px;
    border: 0;
}
.limited-option-table tbody tr td{
    vertical-align: top;
}
.limited-option-table tbody tr:nth-child(even){background-color: #e6f3f85e;}

.limited-option-table tbody tr:hover {background-color: #fff9f3; transition: background-color 0.3s ease;}

.limited-option-table tbody td:hover {
    background-color: #ffedd6;
    transition: background-color 0.3s ease;
}
.guarantee-pricing-list{
    margin-top: 60px;
}
.guarantee-pricing-list .pricing-heading{
    min-height: 90px;
}
.social-proof-slider-wrap{
    margin-top: 40px;
}
.social-pf_slider-inner{
    padding: 20px;
    border: 1px solid var(--promo-color);
    box-shadow: 0 4px 6px rgba(0, 0, 0, .08);
    border-radius: 10px;
}
.social-pf_slider-inner .quote-img{
    width: 40px;
    margin-bottom: 10px;
}
.star-rating{
    display: flex;
    align-items: center;
    gap: 8px;
}
.star-rating .star{
    background: url('/assets/custom/files/newdesign/images/icon/star-repo.svg') center center no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
}
.social-pf_slider-inner p{
    min-height: 280px;
}
.social-proof-slider-wrap .owl-dots{
    text-align: center;
    margin-top: 30px;
}
.social-proof-slider-wrap .owl-dots button.owl-dot{
  background: var(--promo-color);
   border-radius: 50%;
   height: 15px;
   width: 15px;
   position: relative;
   margin: 5px;
}

.social-proof-slider-wrap .owl-dots button.owl-dot.active, 
.social-proof-slider-wrap .owl-dots button.owl-dot:hover {
   background: var(--secondary-color);
}
.guarantee-pack-sec {
    background: linear-gradient(90deg, rgb(244 245 249) 0%, rgb(230 243 248 / 54%) 35%, rgb(230 243 248) 100%);
}
.table-img-txt{
    margin-top: 40px;
}
.table-img-txt-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border: 1px solid #f2f2f2;
    border-bottom: 0;
}
.table-work-txt{
    width: 50%;
    padding: 30px;
    position: relative;
}
.table-work-txt::after{
    content: "";
    background: #f2f2f2;
    width: 1px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}
.table-work-icon{
    width: 50%;
    padding: 30px;
    text-align: center;
    height: 100%;
}
.table-work-icon-inner{
    width: 120px;
    margin: 0 auto;
}
.table-img-txt-item:nth-child(2n){
    flex-direction: row-reverse;
}
.table-img-txt-item:nth-child(2n) .table-work-txt:after{
    right: unset;
    left: -1px;
    top: 0;
}
.table-img-txt-item:nth-child(1){
    border-radius: 10px 10px 0 0;
}
.table-img-txt-item:last-child{
    border-radius: 0px 0px 10px 10px;    
    border-bottom: 1px solid #f2f2f2;
}
.table-work-txt h5 {
    color: var(--heading-font-color);
    font-size: 24px;
    font-weight: 500;
}
.table-work-txt h5 b,
.table-work-txt h5 strong{
    font-weight: 600;
}
.table-work-ul{
    margin-top: 20px;
}
.table-work-ul li{
    font-size: 16px;
    line-height: 28px;
    color: var(--base-secondry-color);
}
.faq-inner.name-check-faq{
    min-height: auto;
}
/*End Limited by Guarantee company**/
/**start online company formation**/
.banner-list-tick{
    list-style: none;
    display: flex;
    gap: 15px;
    margin-top: 30px;
    padding-left: 0;
}
.banner-list-tick li{
    padding-left: 25px;
    color: #ffffff;
    position: relative;
    font-size: 18px;
    text-align: left;
}
.banner-list-tick li::before{
    content: "";
    background: url(../images/icon/Check-icon-green.svg) center center no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0px;
    top: 2px;
}
.dormant-comp-inner-lft{
    position: relative;
    z-index: 9;
}
.services-banner-sec.ocf-sec {
    background: linear-gradient(0deg, rgb(2 87 98 / 62%), rgb(0 37 42 / 40%)), url(../images/banner-ocf.jpg) center center no-repeat;
    background-size: cover;
}
.online-comp-form.pricing-list{
    justify-content: center;
    margin-top: 60px;
}
.online-comp-form .pricing-list-item{
    width: 28%;
}
.partnercompLogo_slider .partnerItem .partnerImg{
    width: 40%;
    padding: 10px;
}
.partnercompLogo_slider .partnerItem .partnerImg img{
    height: 95%;
    object-fit: contain;
}
.partnercompLogo_slider .partnerCont {
    width: 60%;
}
.online-trusted-inner{
    width: 60%;
    margin: auto;
    padding-top: 40px;
    display: flex;
    justify-content: center;
}
.online-trusted-wrap{
    width: 50%;
    text-align: center;
}
.online-trusted-wrap p{
    font-weight: 500;
}
.ol-tr-star{
    max-width: 150px;
    margin: auto;
    height: 40px;
}
.ol-tr-logo{
    max-width: 250px;
    margin: auto;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.online-trusted-review-inner{
    background: linear-gradient(90deg, rgb(167 225 247) 0%, rgb(182 227 245) 35%, rgb(16 178 199 / 17%) 100%);
    padding: 60px 20px;
    border-radius: 20px;
}
.register-comp-rg{
    padding: 60px 0;
    background: url(../images/register-footer-search.png) center top;
    background-repeat: no-repeat;
    background-size: cover;
}
.name-search-center .name-check-search{
    margin: auto;
}
.sustainability-name-check.left form.name-check-search{
    margin: unset;
}
.single-review{
    padding: 30px;
    background: #fff;
    border-radius: 20px;
    max-width: 1020px;
    margin: 30px auto 0;
}
.single-review.left{
    margin: 30px 0 0 0;
}
.single-review a{
    text-decoration: none;
}
.single-review-star img{
    max-width: 140px;
    padding-bottom: 15px;
}
.single-review .p-name{
    font-size: 20px;
    font-weight: 600;
    color: var(--heading-font-color);
}
.single-review h4{
    font-weight: 600;
}
.ocf-inner-top{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.ocf-inner-wrap:nth-child(1){
    width: 60%;
}
.ocf-inner-wrap:nth-child(2){
    width: 40%;
}
.ocf-inner-wrap-img-col{
    display: flex;
    flex-wrap: wrap;
    padding-left: 40px;
}

.ocf-inner-wrap p.p-tag{
    width: 95%;
}
.ocf-inner-top .sustainability-name-check form.name-check-search{
    max-width: 900px;
}
.ocf-inner-wrap-img-one,
.ocf-inner-wrap-img-two,
.ocf-inner-wrap-img-three,
.ocf-inner-wrap-img-four{
    width: 50%;
    padding: 10px;
    text-align: right;
    height: max-content;
}
.ocf-inner-wrap-img-col img{
    border-radius: 20px;
    width: 100%;
}
.ocf-inner-wrap-img-three{
    width: 45%;
    margin-top: -18px;
}
.single-review-banner{
    text-align: center;
    width: 90%;
    max-width: 990px;
    margin: 40px auto 0;
}
.single-review-banner.black{
    padding-top: 10px;
}
.single-review-banner p{
    color: var(--white-color);
    font-style: italic;
    font-size: 12px;
    line-height: 18px;
}
.single-review-banner.black p{
    color: var(--heading-font-color);
}
.single-review-banner a{
    text-decoration: none;
}
.single-review-banner .p-name{
    font-size: 14px;
    color: var(--white-color);
    padding-top: 15px;
}
.single-review-banner.black .p-name{
    color: var(--heading-font-color);
}
/**end online company formation**/
/**Affiliate program**/
.services-banner-sec.affiliate-banner {
    background: linear-gradient(180deg, rgb(23 72 89 / 81%), rgb(23 72 89 / 60%)), url(../images/Empower-Businesses-increase.png) center center no-repeat;
    background-size: cover;
}
.about-affiliate-inner{
    display: flex;
    flex-wrap: wrap;
    padding-top: 40px;
    align-items: center;
}
.about-affiliate-inner h3{
    font-size: 28px;
}
.about-affiliate-img img{
    border-radius: 10px;
}
.about-affiliate-wrap:nth-child(1){
    width: 60%;
    padding-right: 40px;
}
.about-affiliate-wrap:nth-child(2){
    width: 40%;
}
.about-affiliate-inner:nth-child(2n){
    flex-direction: row-reverse;
}
.about-affiliate-inner:nth-child(2n) .about-affiliate-wrap:nth-child(1){
    padding-right: 0px;
    padding-left: 40px;
}
.affiliate-table{
    margin: 40px auto 0;
}
.affiliate-table tbody td b{
    font-size: 18px;
}
.affiliate-table b{
    font-weight: 600;
}
.affiliate-table thead,
.com-table thead{
    background-color: #e6f3f8;
}
.affiliate-table thead th, .affiliate-table tbody tr td {
    padding: 12px;
    border-color: #cbcbcb;
}
.affiliate-question .em-txt{
    font-size: 24px;
}
.affiliate-program-wrap{
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
    row-gap: 30px;
    margin-top: 40px;
}
.affiliate-program-item{
    width: 32%;
    box-shadow: rgba(50, 50, 93, 0.08) 0px 8px 34px 0px, rgb(0 0 0 / 10%) 0px 8px 16px 2px;
    border-radius: 20px;
}
.affiliate-program-img img{
    height: 320px;
    object-fit: cover;
    border-radius: 20px 20px 0 0;
}
.affiliate-program-txt{
    padding: 30px;
}
.affiliate-program-txt h2{
    font-size: 28px;
    font-weight: 600;
    color: var(--heading-font-color);
}
.ylw{
    color: #ffdd00;
}
.ylw.bold{
    font-weight: bold;
}
.cc-comp-10k-txt .ylw{
    color: var(--secondary-color);
}
/**end Affiliate program**/


/* Snow */

#particles-js {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
/* Reviews page */
.reviews-pg-banner {
    background: linear-gradient(45deg, #bfebf5, #E5F2F5);
}
.reviews-pg-inner{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.reviews-bn-content{
    width: 70%;
    padding-right: 40px;
    padding-top: 30px;
}
ul.list-tick-circle {
    list-style: none;
    position: relative;
    padding-left: 40px;
}
ul.list-tick-circle li {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 10px;
    position: relative;
    color: var(--para-main-color);
}
ul.list-tick-circle li::before {
    content: "";
    background: url('../images/icon/orange-tick.svg') center center no-repeat;
    background-size: contain;
    top: 2px;
    width: 28px;
    height: 28px;
    position: absolute;
    left: -40px;
}
.list-custom{
    padding-left: 0;
    list-style: none;
    margin-top: 30px;
}
.list-custom li{
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 18px;
    line-height: 28px;
    padding-bottom: 20px;
}
.list-custom li img{
    width: 35px;
    height: 35px;
    object-fit: contain;
}
.reviews-bn-img{
    width: 30%;
}
.reviews-rating-wrap{
    display: flex;
    flex-wrap: wrap;
    max-width: 1060px;
    margin: auto;
    row-gap: 30px;
}
.reviews-rating-item{
    width: 33.3%;
    padding: 0 20px;
    text-align: center;
    .star-wrap{
        max-width: 160px;
        margin: auto;
        padding-bottom: 20px;
    }
    .star-wrap .stars {
        font-size: 35px;
        color: var(--secondary-color);
        width: 150px;
        display: inline-block;
    }
    .review-img-sm img{
        max-width: 160px;
        height: 40px;
        object-fit: contain;
        margin: auto;
    }
    .review-img-lg img{
        max-width: 185px;
        text-align: center;
    }
    .review-txt{
        font-size: 26px;
        font-weight: 600;  
        margin: 0;  
        min-height: 40px;
    }
    .rev-content{
        padding-top: 20px;
        font-size: 24px;
        font-weight: 600;
    }
}
.rev-impact {
    background: url(../images/qsn-bg.png) bottom right no-repeat;
    background-size: 200px;
    background-color: var(--light-color);
}
.rev-impact-wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 40px;
}
.rev-impact-item{
    width: 24%;
    padding: 30px 20px;
    text-align: center;
    border-radius: 10px;
    border: 1px solid var(--primary-color);
    cursor: pointer;
}
.rev-impact-item:hover{
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.rev-impt-img{
    width: 50px;
    height: 50px;
    object-fit: contain;
    margin-bottom: 20px;
}
.rev-impact-txt{
    margin: 0;
    padding-bottom: 10px;
    font-weight: 600;
}
.impact-list-wrap{
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
    row-gap: 30px;
    max-width: 1100px;
    margin: auto;
    padding-top: 40px;
}
.impact-list{
    width: 50%;
    h4{
        margin-bottom: 20px;
    }
}
.list-tick-gr{
    list-style: none;
    padding-left: 30px;
    li{
        position: relative;
        line-height: 28px;
        margin-bottom: 10px;
    }
    li::before {
        content: "";
        background: url(/assets/custom/files/newdesign/images/icon/green-tick.svg) center center no-repeat;
        background-size: contain;
        position: absolute;
        width: 20px;
        min-width: 20px;
        height: 20px;
        left: -28px;
        top: 6px;
    }
}
.ready-to-start-in{
    background: linear-gradient(90deg, rgb(244 245 249) 0%, rgb(230 243 248 / 54%) 35%, rgb(230 243 248) 100%);
    text-align: center;
    border-radius: 30px;
}
.ready-to-start{
.payment-icon-all img {
    width: 40px;
    height: 24px;
}
.dormant-comp-payment {
    gap: 8px;
}
.dormant-comp-payment img {
    max-width: 65px;
}
}

.reviews-rating-inner{
    margin: 30px 0;
}
.rating-bar-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1140px;
    margin: auto;
  }
  
  .rating-breakdown {
    flex: 3;
    padding-right: 40px;
  }
  
  .rating-row {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
  }
  
  .rating-bar-wrap .stars {
    font-size: 35px;
    color: var(--secondary-color);
    width: 150px;
    display: inline-block;
  }
  
  .rating-bar-wrap .bar {
    flex: 0.9;
    height: 10px;
    background-color: #e0e0e0;
    border-radius: 5px;
    margin: 0 10px;
    overflow: hidden;
  }
  
  .rating-bar-wrap .bar-fill {
    height: 100%;
    background-color: var(--primary-color);
    border-radius: 5px;
  }
    
  .average-rating {
    flex: 1;
    text-align: center;
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: 20px;
  }
  
  .average-rating h2 {
    font-size: 48px;
    color: var(--primary-color);
    margin: 10px 0;
  }
  
  .average-rating p {
    margin: 5px 0;
  }
  .verified-review-sec{
    background: #eef8fc;
  }
  .verified-review-inner{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .verified-review-img{
    width: 30%;
  }
  .trustmark-img{
    max-width: 400px;
    padding-right: 40px;
  }
  .verified-review-content{
    width: 70%;
  }
/* End Reviews page */
/*Identity Verification*/
.iv-banner{
    background: #09364A;
    background-image: url('../images/close-up-woman.png');
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: contain;    
}
.iv-banner-inner{
    width: 55%;
    color: var(--white-color);
}
.iv-banner-inner h4{
    font-size: 20px;
    color: var(--white-color);
}
.in-banner-btn{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.main-btn.blue{
    background: var(--primary-color);
}
.green-tick-ul{
    list-style: none;
    padding-left: 40px;
}
.green-tick-ul li{
    position: relative;
    line-height: 28px;
    margin-bottom: 15px;
    color: var(--white-color);
}
.green-tick-ul li::before{
    content: "";
    background: url('/assets/custom/files/newdesign/images/icon/green-gr-tick.svg') center center no-repeat;
    background-size: contain;
    position: absolute;
    width: 25px;
    height: 25px;
    left: -40px;
}
.green-tick-ul li.cross-icon::before{
    background: url('/assets/custom/files/newdesign/images/icon/no-entry_cross.svg') center center no-repeat;
    background-size: contain;
}
/*Identity Verification End*/
/*glossary-pg*/
.glossary-header {
  position: sticky;
  top: 69px;
  background: #e5e5e5;
  padding: 10px 20px;
  z-index: 9;
}

.glossary-header ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

.glossary-header ul li {
  display: inline-block;
  margin: 6px 5px;
}

.glossary-header ul li a {
  font-size: 20px;
  text-decoration: none;
  color: var(--heading-font-color);
  padding: 4px 10px;
  border-radius: 5px;
  transition: background 0.3s ease, color 0.3s ease;
  cursor: pointer;
}

.glossary-header ul li a:hover,
.glossary-header ul li a.active {
  background: var(--white-color);
  color: var(--secondary-color);
}
.glossary-main{
    position: relative;
}
.glossary-content{
    padding-bottom: 140px;
}
.glossary-item {
  position: relative;
  scroll-margin-top: 180px;
  padding: 180px 20px 0 20px;
}
.glossary-item h2 {
  margin-top: 0;
  margin-bottom: 20px;
  color: var(--primary-color);
  font-size: 45px;
}
.glossary-item ul {
  list-style: none;        
  padding: 0;          
  margin: 0;         
  display: grid;       
  grid-template-columns: repeat(4, 1fr); 
  gap: 10px 20px;     
}

.glossary-item ul li {
  margin: 0;        
}

.glossary-item ul li a {
  text-decoration: none;  
  color: var(--heading-font-color);   
  display: inline-block;   
  padding: 3px 0;       
  transition: color 0.3s ease;
}

.glossary-item ul li a:hover {
  color: var(--secondary-color);
  text-decoration: underline;
}

.glossary-in-pg .glossary-content{
    width: 100%;
    margin-left: 0;
}
.breadcrumb-inner .breadcrumb-link a {
    padding-right: 20px;
    margin-right: 5px;
    font-weight: 500;
    color: var(--primary-color);
    text-decoration: underline;
    position: relative;
}
.breadcrumb-inner .breadcrumb-link a::after {
    content: ">";
    font-size: 20px;
    position: absolute;
    right: 0px;
}
.breadcrumb-inner .breadcrumb-link span{
    color: var(--base-secondry-color);
}
/*glossary-pg-end*/
/*company-registration*/
.com-reg-banner{
    background: url(../images/Company-Registration-banner.webp) center center no-repeat;
    background-size: cover;
}
.com-reg-bn-inner{
    width: 65%;
}
.com-reg-pg .d-flex-space{
   gap: 25px;
   justify-content: center;
}
.com-reg-pg .features-item{
    border: 1px solid var(--primary-color);
}
.com-reg-pg-video-wrap{
    text-align: center;
}
.com-reg-pg .features-para{
    text-align: center;
}
.com-reg-pg .features-item{
    display: flex;
    justify-content: center;
    align-items: center;
}
.com-reg-pg-video-wrap iframe{
    margin-top: 40px;
    border: 6px solid var(--primary-color);
    border-radius: 10px;
}
.articles-list-in-div{
    margin-top: 40px;
}
.articles-list-in-wrap{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
    gap: 30px;
    align-items: stretch;
}
.articles-list-item{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    padding-bottom: 20px;
}
.article-heading{
    font-size: 20px;
    line-height: 30px;
}
.readtime{
    font-size: 16px;
    color: var(--base-secondry-color);
}
.articles-list .articles-list-item:last-child{
    padding-bottom: 0;
}
.articles-list-item .articles-list-img{
    width: 35%;
}
.articles-list-item .articles-list-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}
.articles-list-item .articles-list-txt{
    width: 65%;
    padding-left: 20px;
}
.articles-list-item .articles-list-txt a{
    color: var(--base-secondry-color);
    line-height: 28px;
}
.articles-list-item .articles-list-txt a:hover{
    color: var(--primary-color);
}
.articles-list-item .articles-list-txt .readmore{
    padding-bottom: 20px;
    display: inline-block;
}
.article-richtext{
    h2,h3,h4,h5,h6{
        margin-top: 20px;
        margin-bottom: 10px;
    }
    a{
        color: var(--primary-color);
    }
    table {
        border-collapse: collapse;
        width: 100%;
        margin: 0;
        text-align: left;
        caption-side: bottom;
        text-indent: initial;
        border-spacing: 2px;
        border-color: gray;
        box-shadow: 0px 0px 20px rgb(0 0 0 / 10%);
        margin: 20px 0;
    }
    table thead {
    color: #fff;
    display: table-header-group;
    vertical-align: middle;
   }
   table thead tr th {
    background: var(--primary-color);
    color: #fff;
    border: 1px solid #d5d5d5;
    padding: 10px 15px;
    }
    .table td {
    border: 1px solid #d5d5d5;
    padding: 10px;
    }
    .ycf-detail-main-content table tr td {
    border-bottom: 1px solid #eee;
    padding: 12px 15px;
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
    }
}
.table-scroll{
    margin: 20px 0;
}
.table-scroll table{
    margin: 0;
}
.article-richtext .fact-box{
    color: #404040;
    background: #f7fff3;
    border: 1px solid #ddffd0;
    padding: 30px 20px 20px;
    min-height: 35px;
    border-radius: 12px;
    border-left: 3px solid #35b900;
    margin: 0 0 20px 0;
}
.article-richtext .fact-box .head{
    padding-left: 40px;
    position: relative;
}
.article-richtext .fact-box .head{
    font-weight: 700;
}
.article-richtext .fact-box .head::before{
    content: "";
    background: url('/assets/custom/files/newdesign/images/icon/key.svg') center center no-repeat;
    background-size: contain;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 11px;
    top: 6px;
}

.additional-sev-details h2[id] {
  scroll-margin-top: 45vh; 
}

.insight-box{
    margin: 20px 0;
}
.insight-content {
    color: #404040;
    background: #f4feff;
    border: 1px solid #c0f8ff;
    padding: 30px 40px 20px;
    min-height: 35px;
    border-radius: 12px;
    border-bottom: 3px solid #0fb1c7;
}
.insight-content p:first-child b{
    position: relative;
    padding-left: 18px;
}
.insight-content p:first-child b:before {
    content: "";
    position: absolute;
    left: 0;
    background-image: url('/assets/custom/files/newdesign/images/insight-icon.webp');
    height: 13px;
    width: 13px;
    background-size: contain;
    top: 7px;
    background-repeat: no-repeat;
}
.warning-box{
    margin: 20px 0;
}
.warning-content {
    color: #404040;
    background: #fffefa;
    border: 1px solid #fff1cb;
    padding: 30px 40px 20px;
    min-height: 35px;
    border-radius: 12px;
    border-bottom: 3px solid #fdd978;
}
.warning-content p:first-child b{
    position: relative;
    padding-left: 18px;
}
.warning-content p:first-child b:before {
    content: "";
    position: absolute;
    left: 0;
    background-image: url('/assets/custom/files/newdesign/images/warning-icon.svg');
    height: 13px;
    width: 13px;
    background-size: contain;
    top: 7px;
    background-repeat: no-repeat;
}
.time-box{
    margin: 20px 0;
}
.time-content {
    color: #404040;
    background: #ff8c0005;
    border: 1px solid #fcc27c;
    padding: 30px 40px 20px;
    min-height: 35px;
    border-radius: 12px;
    border-bottom: 3px solid #ff8c00;
}
.time-content .time-icon{
    position: relative;
    padding-left: 25px;
}
.time-content .time-icon:before {
    content: "";
    position: absolute;
    left: 0;
    background-image: url('/assets/custom/files/newdesign/images/time-clock.svg');
    height: 20px;
    width: 20px;
    background-size: contain;
    top: 4px;
    background-repeat: no-repeat;
}
.time-content {
    h2:nth-child(1), h3:nth-child(1), h4:nth-child(1), h5:nth-child(1), h6:nth-child(1) {
        margin-top: 0px;
    }
}
.blogpg-banner-sec{
    padding: 60px 20px;
    text-align: center;
    background: #0fb1c740;
}
.blogpg-banner-inner{
    width: 80%;
    margin: auto;
    max-width: 800px;
    h1{
        font-size: 40px;
        line-height: 52px;
    }
}
.blogpg-banner-inner .author{
    font-weight: 400;
    font-size: 15px;
    margin-bottom: 5px;
}
.blogpg-banner-inner .date-time{
    font-size: 12px;
    font-weight: 400;
    margin: 0;
    line-height: 20px;
}
.blogpg-banner-inner .read-time{
    font-size: 10px;
    font-weight: 400;
    margin: 0;
    line-height: 20px;
}
.side-toc-list{
    list-style: none;
    padding-left: 0;
}
.side-toc-list li a {
    color: #667085;
    text-decoration: none;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    transition: color 0.3s ease;
    display: inline-block;
    width: 100%;
    padding: 4px 8px;
    border-left: 2px solid transparent;
}
.side-toc-list li a:hover,
.side-toc-list li a.active {
    color: var(--primary-color);
    border-left: 2px solid var(--primary-color);
    background: #f4f8fa;
}
.side-toc-wrap h3{
    color: var(--primary-color);
    margin-top: 0;
    font-size: 18px;
}
.side-toc{
    height: 180px;
    overflow-y: scroll;
    margin-bottom: 20px;
}
/* Scrollbars */
.side-toc::-webkit-scrollbar {
  width: 4px;
}

.side-toc::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 5px;
}

.side-toc::-webkit-scrollbar-thumb {
  background: var(--primary-color);
  border-radius: 5px;
}
.comp-reg-blog{
    .comp-blog-details-inner{
      display: grid;
      grid-template-columns: 322px 1fr;
      gap: 32px;
    }
    .col-right-wrap{
        order: 2;
    }
    .sidegrow-comp{
        padding: 30px 20px;
        margin-bottom: 20px;
    }
    .sidegrow-comp h4{
        font-size: 18px;
        line-height: 26px;
    }
    .name-check-input{
        font-size: 14px;
        width: 70%;
    }
    .name-check-input::placeholder{
        font-size: 12px;
    }
}
/*company-registration end*/
/* hero section css */
.hero_sec {
  padding: 5.5rem 0;
  font-family: var(--plusJakartaSans);
  background-image: url("../images/hero-bnr-img.webp");
  background-position: top right;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  .icon_list_card_container {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 1.5rem;
   
    .icon_list_card {
      display: grid;
      align-items: center;
      grid-template-columns: 1fr 5fr;
      gap: 15px;
      .icon_box {
        width: 55px;
        height: 55px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--secondary-color);
        img{
          filter: invert(1) brightness(5);
        }
      }
    }
  }
  .sec_subcontent {
    margin-top: 1rem;
    p {
      font-size: 0.875rem;
      font-weight: 400;
      line-height: 24px;
      color: var(--white-color);
      strong {
        font-weight: 700;
      }
    }
  }
  .eco_wrapper {
    height: 100%;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    justify-content: flex-end;
  }
  .eco_wrapper .bnr_eco_logo{
    text-align: end;
  }
  .eco_wrapper .eco_header{
    margin-bottom: 0;
    justify-content: flex-end;
  }
  .features_container {
    padding-block: 1.5rem;
    z-index: 10;
    position: relative;
    background-color: rgba(255, 255, 255, 0.11);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    .features_lists_wrapper {
      gap: 2.5rem;
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      .features_list {
        padding-right: 2.5rem;
        border-right: 1px solid #ffffff5e;
        h5 {
          font-size: 1.125rem;
          font-weight: 500;
        }
        p {
          font-size: 0.75rem;
          font-weight: 400;
          line-height: normal;
        }
      }
      .features_list:nth-child(4n) {
        padding-right: 0;
        border-right: 0;
      }
    }
  }
}
.hero_sec::before {
  content: '';
  inset: 0;
  width: 60%;
  position: absolute;
  background: linear-gradient(90deg, rgba(9, 155, 182, 1) 0%, rgba(255, 255, 255, 0) 100%);
}
.hero_sec::after {
  content: '';
  inset: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  background-image: url("../images/logo-big-vector.svg");
  background-size: contain;
  background-position: top left;
  background-repeat: no-repeat;
}
.trustpilot_reviews_count {
  gap: 15px;
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.hero_sec .sec_heading_wrapper{
  z-index: 10;
  position: relative;
}
.list_box p {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
}
.sec_heading h1 {
  font-size: 3.125rem;
  font-weight: 600;
  line-height: 65px;
  margin-block: 0.5rem;
  text-transform: capitalize;
  font-family: var(--generalSans);
  strong {
    font-weight: 600;
  }
}

.banking_partner_wrapper {
  margin-bottom: 2rem;
  gap: 1.5rem;
  display: flex;
  align-items: center;
  span {
    font-size: 0.875rem;
    font-weight: 400;
    color: var(--white-color);
    text-transform: capitalize;
  }
  .banking_logo_wrapper {
    gap: 5px;
    display: flex;
    margin-top: 0.5rem;
    align-items: center;
    .banking_logo {
      aspect-ratio: 5 / 1;
      img {
        width: 100px;
      }
    }
  }
}

.sec_heading_wrapper {
  gap: 7rem;
  display: grid;
  z-index: 10;
  /* position: relative; */
  margin-bottom: 2.5rem;
  align-items: center;
  grid-template-columns: 1fr 1fr;
}
.company_reg_Sec .sec_heading_wrapper {
  gap: 4rem;
  grid-template-columns: 1.5fr 1fr;
}
.company_reg_Sec .sec_heading_wrapper .sec_heading{
  padding-right: 14rem;
}
.white_text {
  color: var(--white-color);
}
.orange_text{
  color: var(--secondary-color);
}
.grey_text {
  color: var(--grey400);
}
.skyGreen_text{
  color: var(--skyGreen);
}
.center_text{
  max-width: 900px;
  text-align: center;
  margin-inline: auto;
}
.sec_heading h2 {
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 125%;
  letter-spacing: 2px;
  text-transform: capitalize;
  font-family: var(--generalSans);
}
.sec_content p {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 150%;
}
.company_reg_card_wrapper {
  display: grid;
  border-radius: 6px;
  overflow: hidden;
  grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
}
.company_reg_card {
  color: var(--headingColor);
  padding: 3rem;
  border-right: 1px solid var(--borderColor);
  border-bottom: 1px solid var(--borderColor);
  transition: transform 0.3s ease;
  background-color: var(--white-color);
}
.company_reg_card:nth-child(1),
.company_reg_card:nth-child(2),
.company_reg_card:nth-child(3) {
  border-top: 1px solid var(--borderColor);
}
.company_reg_card:nth-child(1),
.company_reg_card:nth-child(4n) {
  border-left: 1px solid var(--borderColor);
}
.icon_wrap {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.3rem;
  border-radius: 50%;
  background-color: #09374a2e;
}
.company_reg_card h3 {
  font-size: 1.3rem;
  margin-bottom: 0.5rem;
  line-height: 125%;
  font-weight: 600;
  font-family: var(--generalSans);
}
.company_reg_card p {
  color: var(--grey400);
  line-height: 150%;
  font-size: 0.875rem;
} 
.company_search_form {
  /* width: 30rem; */
  position: relative;
  margin-block: 2rem;
}
.company_search_form .company_search_input {
  width: 100%; /* height: 1.4rem; */
  padding: 1rem;
  font-size: 1rem;
  padding-right: 3.5rem;
  border-radius: 50px;
  color: var(--grey400);
  border: 2px solid var(--skyGreen);
  background-color: var(--white-color);
}
:focus {
  outline: 0;
}
::placeholder {
  font-size: 1rem;
}
.company_search_form .company_search_submit {
  width: 45px;
  height: 45px;
  border: 0;
  font-size: 0;
  cursor: pointer;
  border-radius: 50%;
  background-image: url("../images/search_white.svg");
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: var(--skyGreen);
  position: absolute;
  top: 50%;
  transform: translateY(-50%); /* right: -67px; */
  right: 6px;
}
.trustpilot-widget.hm-banner{
    width: 150%;
    margin-top: 30px;
    max-width: 865px;
    margin-left: -150px;
    overflow: hidden;
}
/*Hero sec end*/
/*404*/
.utility-page-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100vw;
    height: 100vh;
    max-height: 100%;
    max-width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;    
    background: url(../images/404-bg-img.jpg) center center no-repeat;    
    background-size: cover;
    text-align: center;
}
.utility-page-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 45%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}
.section.cta{
    background: #11B1C7;
    padding: 40px 20px;
    text-align: center;
    color: var(--white-color);
}
._404-h1 {
    margin: 20px 0;
    padding: 20px;
    border: 4px solid #fff;
    color: #fff;
    font-size: 100px;
    line-height: 100px;
}
._404-heading {
    padding-top: 0px;
    color: #fff;
    font-size: 40px;
    line-height: 50px;
}
._404-sub-heading {
    margin-bottom: 30px;
    color: #000;
    font-size: 24px;
    line-height: 30px;
}
.main-btn.border{
    border: 1px solid #fff;
    border-radius: 50px;
}
.cta-phone{
    background: #385561;
    font-size: 20px;
    color: var(--white-color);
    padding: 10px 30px;
    border-radius: 50px;
    text-decoration: none;
    display: inline-block;
    margin-top: 20px;
    border: 1px solid #fff;
}
.cta-phone:hover{
    background: var(--secondary-color);
}
/*404 end*/