/*
Theme Name: WinFin
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */
@font-face {
    font-family: 'Ploni';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/PloniRegular.woff') format('woff');
}
@font-face {
    font-family: 'Ploni';
    font-style: normal;
    font-weight: 200;
    src: url('fonts/PloniULight.woff') format('woff');
}
@font-face {
    font-family: 'Ploni';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/PloniLight.woff') format('woff');
}
@font-face {
    font-family: 'Ploni';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/PloniMedium.woff') format('woff');
}
@font-face {
    font-family: 'Ploni';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/PloniDBold.woff') format('woff');
}
@font-face {
    font-family: 'Ploni';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/PloniBold.woff') format('woff');
}
@font-face {
    font-family: 'Ploni';
    font-style: normal;
    font-weight: 800;
    src: url('fonts/PloniUBold.woff') format('woff');
}
@font-face {
    font-family: 'Ploni';
    font-style: normal;
    font-weight: 900;
    src: url('fonts/PloniBlack.woff') format('woff');
}

body {
    font-family: Ploni;
    font-kerning: none;
}
hr {
    border-color: #D0D4D6;
}
b, strong {
    font-weight: 700;
}
.wpcf7 form.sent .wpcf7-response-output {
    display: none !important;
}
.rangeslider {
    direction: ltr;
}
.stockdio_ticker {
    height: 30px;
    display: flex;
}
.minimal-header.left-menu #site-navigation-wrap, .transparent-header.left-menu #site-navigation-wrap {
    float: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 120px 0 50px;
}
.home-hero {
    background-image: url(https://zypacinfotech.com/winfin/wp-content/uploads/2024/06/Ellipse-3.svg);
    background-position: right -20%;
    background-repeat: no-repeat;
    background-size: 70%;
    padding: 60px 0;
}

.winfin-sub-title {
    font-size: 31px;
    font-weight: 500;
    color: #081551;
}

.winfin-title {
    font-size: 54px;
    color: #081551;
    font-weight: 700;
    margin: 0;
    line-height: 1.2;
}
.hero-row {
    display: grid;
    grid-template-columns: 3fr 1fr;
}
.hero-chart-box {
    height: 100%;
    background-color: #fff;
    border: 1px solid #081551;
    border-radius: 20px;
    overflow: hidden;
}
.hero-col1 {
    display: grid;
    grid-template-columns: 3fr 2fr;
    align-items: flex-end;
}
.circle-ctas {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 36px 48px;
    margin-top: 20px;
    max-width: 480px;
}
.circle-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 25%;
    z-index: 1;
}
.circle-cta-item {
    position: relative;
    text-align: center;
    font-size: 17px;
    font-weight: 500;
    line-height: 1;
}
.circle-img:before {
    content: "";
    width: 90%;
    height: 90%;
    position: absolute;
    background-color: #fff;
    top: 5%;
    left: 5%;
    border-radius: 100px;
    transition: 0.5s;
}
.circle-img:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    border: 1px solid #081551;
    top: 0;
    left: 0;
    border-radius: 100px;
    transition: 0.5s;
}
.circle-img {
    position: relative;
    padding-top: 100%;
}

.circle-cta-item span {
    color: #081551;
    margin-top: 10px;
    display: block;
}

.circle-cta-item:hover .circle-img:after ,.circle-cta-item:hover .circle-img:before {
    transform: scale(1.1);
}
.section-divider {border-top: 1px dotted #081551;border-bottom: 1px dotted #081551;height: 4px;position: relative;}

.home-news-main {
    padding: 40px 0;
}
.home-news-list {
    gap: 30px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}

.home-news-item {
    border-radius: 10px;
    overflow: hidden;
    background-color: #fff;
    position: relative;
}

.home-news-item img {
    height: 150px;
    width: 100%;
    object-fit: cover;
}

.home-news-item-content {
    padding: 20px;
}

.home-news-item-content h2 {
    color: #081551;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 1.2rem;
}

.home-news-meta {
    font-size: 14px;
    color: #627B84;
}

.home-news-item:hover h2,  .circle-cta-item:hover span, .most-read-articles-item:hover h3, .more-articles-item:hover h3 , .category-hero-post-item a:hover h2{
    color: #25AAE1;
}

.section-title {
    font-size: 20px;
    color: #081551;
    font-weight: 500;
    margin-bottom: 2rem;
}
.home-calculators-wrap {
    background-color: #081551;
    padding: 30px;
    border-radius: 10px;
    color: #fff;
    display: grid;
    grid-template-columns: 26% 74%;
    font-size: 17px;
}

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

.top-calculators-list .circle-cta-item {
    width: 100%;
    max-width: 130px;
}
.top-calculators-list .circle-img:after {
    border-color: #25AAE1;
}
.top-calculators-list .circle-cta-item span {
    color: #fff;
}
.home-calculators-title {
    font-size: 52px;
    font-weight: 700;
    color: #fff;
    position: relative;
    display: inline-block;
}

.top-calculators-title {
    font-size: 32px;
    color: #fff;
    font-weight: 700;
}

.home-calculators-title:after {
    content: "";
    position: absolute;
    left: -20px;
    top: -3px;
    background-image: url("data:image/svg+xml,%3Csvg width='33' height='28' viewBox='0 0 33 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27 12L31 2' stroke='%2325AAE1' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M2.08301 25.2319L13.0035 23.2578' stroke='%2325AAE1' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M5 2L16.6887 13.1524' stroke='%2325AAE1' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    background-size: contain;
}
.winfin-btn {
    font-size: 18px;
    font-weight: 700;
    padding: 10px 25px;
    border-radius: 20px;
    border: 1px solid #07CCAD;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    line-height: 1;
}
.winfin-btn.winfin-btn-light {
    color: #fff;
}
.winfin-btn:hover {
    background-color: #07CCAD;
}
.winfin-btn:hover path {
    stroke: #fff;
}
.most-read-articles {
    padding: 40px 0;
    position: relative;
}

.most-read-articles-row {
    display: grid;
    grid-template-columns: 1fr 2fr;
    column-gap: 30px;
}

.eligibility-check-box {
    background-color: #39B4E7;
    border-radius: 10px;
    padding: 20px  30px 30px;
    background-image: url(https://zypacinfotech.com/winfin/wp-content/uploads/2024/06/Group-1000003856-1.png);
    background-position: 5px 20px;
    background-size: 130px;
    background-repeat: no-repeat;
    min-height: 100%;
}

.eligibility-check-title {
    font-size: 52px;
    filter: drop-shadow(0px 2px 0px rgb(0 0 0 / 10%));
    color: #fff;
    max-width: 260px;
    margin-bottom: 0.5rem;
    font-weight: 700;
}

.eligibility-check-title small {
    display: block;
}

.eligibility-check-box p {
    font-size: 20px;
    color: #fff;
    margin-bottom: 1rem;
}

.eligibility-check-link {
    color: #fff;
    border: 1px solid #fff;
    font-size: 17px;
    padding: 4px 20px;
    text-align: center;
    border-radius: 20px;
    box-shadow: 0 2px 0 0 rgb(0 0 0 / 10%);
}

.eligibility-check-links {
    display: grid;
    grid-template-columns: repeat(3 , 1fr);
    gap: 10px;
}

.eligibility-check-link:hover {
    background-color: #fff;
    color: #39B4E7;
}
.most-read-articles-list {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 20px 30px;
}
.most-read-articles-item:not(:first-child) img ,
.more-articles-item:not(:nth-child(-n+3)) img {
    display: none;
}
.most-read-articles-item {
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
.most-read-articles-item:first-child {
    grid-row: 2 span;
    display: grid;
    grid-template-columns: 40% 60%;
}
.most-read-articles-item img {
    height: 100%;
    object-fit: cover;
}
.most-read-articles-item a , .more-articles-item a , .home-news-item a , .category-hero-post-item a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.most-read-articles-item:first-child .most-read-articles-item-content {
    padding: 24px;
}
.most-read-articles-item-content {
    padding: 15px;
    display: flex;
    flex-direction: column;
}
.most-read-articles-item h3 {
    flex-grow: 1;
    color: #081551;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 1rem;
}
.most-read-articles-meta {
    color: #627B84;
    font-size: 14px;
}
.most-read-articles-item:first-child h3 {
    font-size: 22px;
}
.more-articles {
    padding: 40px 0;
}
.more-articles-list {
    display: grid;
    grid-template-columns: repeat(4 , 1fr);
    column-gap: 30px;
}
.more-articles-item:nth-child(-n+3) {
    grid-row: 3 span;
    border-radius: 10px;
    overflow: hidden;
    background-color: #fff;
    position: relative;
}
.more-articles-item:nth-child(-n+3) .more-articles-item-content {
    padding: 20px;
}
.more-articles-item img {
    height: 150px;
    width: 100%;
    object-fit: cover;
}
.more-articles-item h3 {
    color: #081551;
    font-weight: 700;
    line-height: 1.2;
    font-size: 18px;
    margin-bottom: 0.5rem;
}
.more-articles-item:nth-child(-n+3) h3 {
    font-size: 22px;
    margin-bottom: 1.2rem;
}
.more-articles-meta {
    font-size: 14px;
    color: #627B84;
}
.more-articles-item:nth-child(4) ,.more-articles-item:nth-child(5) {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #081551;
}
.more-articles-item:not(:nth-child(-n+3)) {padding-left: 10px;}

.more-articles-item {
    position: relative;
}
.financial-guides-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 30px;
    text-align: center;
}
.square-cta-item a {
    padding: 18px;
    background-color: #081551;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}
.square-cta-item span {
    font-size: 17px;
    color: #fff;
}
.financial-guides {
    padding: 29px 0 70px;
}
.square-cta-item:hover span {
    color: #25AAE1;
}
#footer {
    background-color: #fff;
    border-top: 1px solid #081551;
}
.footer-row {
    padding: 50px 0 70px;
    display: grid;
    grid-template-columns: 25% 75%;
}

.footer-title {
    font-size: 24px;
    color: #081551;
    margin-bottom: 1.5rem;
}
.footer-col-1 .winfin-btn {
    margin-bottom: 1.5rem;
}
.footer-links {
    display: flex;
    flex-direction: column;
    row-gap: 5px;
}
.footer-link {
    font-size: 16px;
    color: #081551;
    display: block;
}
.footer-link:hover {
    color: #25AAE1;
}

.footer-menus {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 20px;
}

.footer-menus h4 {
    color: #081551;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 1.5rem;
}

div#site-logo {
    position: absolute;
    right: 60px;
    padding: 0 !important;
    top: 0;
}



.search-toggle-li {
    position: absolute !important;
    left: 0;
}

.search-toggle-li i {
    color: #25AAE1;
}

#searchform-dropdown {
    right: initial;
    left: 0;
    border: none;
    border-radius: 10px;
    padding: 30px;
    width: 100%;
    max-width: 400px;
    top: 90%;
}

#searchform-dropdown h3 {
    color: #081551;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 1.5rem;
}

#searchform-dropdown:before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='15' viewBox='0 0 25 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 0L24.1913 14.25H0.808657L12.5 0Z' fill='white'/%3E%3C/svg%3E%0A");
    width: 30px;
    height: 30px;
    position: absolute;
    left: 10px;
    top: -20px;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
    background-size: 26px;
}

form.searchform {
    border: 1px solid #081551;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
}

input#ocean-search-form-1 {
    border: none;
    padding: 6px 12px 6px 50px;
    color: #081551;
    font-size: 18px;
}

input#ocean-search-form-1::placeholder {
    color: #081551 !important;
}

form.searchform button {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #25AAE1;
    height: 100%;
    border-right: 1px solid #081551;
    font-size: 18px;
    padding: 0px 13px;
}

.main-menu a.menu-link {
    padding: 0 !important;
}
.main-menu > .menu-item:not(:first-child) > .menu-link > .text-wrap {
    border-left: 1px solid #25AAE1;
    padding-left: 25px;
    margin-left: 25px;
}
a:focus {
    outline: none !important;
}
.nav-arrow {
    display: none;
}

.dropdown-menu .sub-menu {
    border: none !important;
    padding: 15px;
    border-radius: 10px;
    text-align: right;
}
#site-logo {
    z-index: 1;
}
.category-hero-row {
    display: grid;
    grid-template-columns: 3fr 1fr;
    column-gap: 30px;
}
.category-hero-posts {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
}
.category-hero-post-item:first-child {grid-column: 2 span;grid-template-columns: 4fr 3fr;border-radius: 20px;}
.category-hero-post-item {
    display: grid;
    grid-template-columns: 3fr 4fr;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
.category-hero-post-item:first-child .category-hero-post-item-content {
    grid-row: 1;
    padding: 40px;
}
.category-hero-post-item-content {
    padding: 20px;
}
.category-hero-post-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.category-hero-post-item-content h2 {
    font-size: 21px;
    font-weight: 700;
    color: #081551;
    line-height: 1.2;
    margin-bottom: 1rem;
}
.category-hero-post-item:first-child .category-hero-post-item-content h2 {
    font-size: 36px;
}
.category-hero-post-item:first-child .category-hero-post-item-content .home-news-meta {
    font-size: 16px;
}
.category-hero-post-item-text {
    font-size: 18px;
    color: #081551;
    margin-bottom: 1rem;
}
.category-hero-post-item:not(:first-child) .category-hero-post-item-text {
    display: none;
}
.winfin-breadcrumbs {
    font-size: 16px;
    color: #797A80;
    padding: 20px 0;
}
.winfin-breadcrumbs a {
    color: #797A80;
}

.clr-blue ,.clr-blue a {
    color: #081551;
}
.category-hero-form-main {
    height: 100%;
    background-color: #081551;
    border-radius: 20px;
    padding: 30px 20px;
    text-align: center;
    line-height: 1.2;
    color: #fff;
    font-size: 18px;
    position: relative;
    overflow: hidden;
}
.single-article-main table th, table td , table th, table td {
    text-align: right;
}

.category-hero-form-main h2 ,.single-article-form-main h2{
    font-size: 24px;
    font-weight: 700;
    color: #Fff;
    margin-bottom: 5px;
}
.category-hero-form-main h3, .single-article-form-main h3 {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 0;
}

.form-icon {
    max-width: 50px;
    margin: 15px auto;
}

.category-hero-form-main:before , .single-article-form-main:before {
    content: "";
    position: absolute;
    width: 380px;
    padding-top: 380px;
    background-color: #000B3D;
    border-radius: 100%;
    z-index: 0;
    top: -250px;
    left: 50%;
    transform: translateX(-50%);
}
.single-article-form-main:before {
    background-color: #25AAE1;
}
.category-hero-form-main-inner ,.single-article-form-main-inner{
    position: relative;
}
.category-hero {
    padding-bottom: 40px;
}

.category-all-posts {
    padding: 20px 0;
}

.category-all-posts .home-calculators {
    padding: 40px 0;
}
.wpcf7-form-control-wrap input.wpcf7-form-control, .wpcf7-form-control-wrap select.wpcf7-form-control {
    background-color: #fff;
    border-radius: 6px;
    border: none;
    padding: 10px;
    font-size: 17px;
    color: #081551 !important;
    line-height: 1.2;
    min-height: 44px;
    direction: rtl;
    border: 1px solid #081551;
    appearance: none;
}
select {
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23081551' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-position: 14px center;
    background-repeat: no-repeat;
    background-size: 8px;
    padding-left: 25px !important;
    appearance: none;
    color: #081551;
}
input.wpcf7-form-control::placeholder , textarea.wpcf7-textarea::placeholder {
    color: #081551;
}

.category-hero-form .wpcf7-form-control-wrap , .single-article-form-main .wpcf7-form-control-wrap{
    display: block;
    margin-bottom: 1.5rem;
    text-align: right;
}

.category-hero-form br , .single-article-form-main br{
    display: none;
}

span.wpcf7-spinner {
    position: absolute;
}

.wpcf7-form-control.wpcf7-submit {
    font-size: 18px;
    font-weight: 700;
    padding: 10px 25px 10px 35px;
    border-radius: 20px;
    border: 1px solid #07CCAD;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    line-height: 1;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 8.49988L1 4.99988L4.5 1.49988' stroke='%2307CCAD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
    background-position: 15px center;
    background-repeat: no-repeat;
}

.wpcf7-form-control.wpcf7-submit:hover {
    background-color: #07CCAD;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 8.49988L1 4.99988L4.5 1.49988' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
}
.about-hero , .landing-hero{
    text-align: center;
    padding-bottom: 60px;
}
.about-hero h2, .highlighted, .landing-hero h2 , .contact-form-wrap h2{
    font-size: 45px;
    font-weight: 700;
    color: #081551;
    background-color: #80FFEB;
    display: inline-block;
    padding: 0 15px;
    margin: 0;
}
.about-hero-text , .landing-hero-text{
    font-size: 21px;
    color: #081551;
    max-width: 780px;
    margin: 2.5rem auto;
}
.about-hero-icon img {
    width: 100%;
    max-width: 110px;
}
.about-vision-wrap , .employees-vision-wrap{
    max-width: 995px;
    margin: 40px auto 60px;
    border: 1px solid #081551;
    border-radius: 20px;
    padding: 30px 50px;
    position: relative;
}
.about-vision-title , .employees-vision-title {
    font-size: 21px;
    color: #081551;
    margin: 0;
    position: absolute;
    top: -12px;
    right: 50%;
    transform: translateX(50%);
    background-color: #f1f9fc;
    padding: 0 20px;
}
.about-vision-text {
    font-size: 19px;
    color: #081551;
}
.about-vision-wrap:before , .employees-vision-wrap:before {
    content: "";
    position: absolute;
    right: -35px;
    top: -35px;
    width: 50px;
    height: 50px;
    background-image: url("data:image/svg+xml,%3Csvg width='53' height='44' viewBox='0 0 53 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.75391 18.8871L1.99908 2.00001' stroke='%2325AAE1' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M50.8359 41.2319L32.3945 37.8982' stroke='%2325AAE1' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M45.9082 2L26.1695 20.8331' stroke='%2325AAE1' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.about-hero-bg-1 , .landing-hero-bg-1 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    max-width: 29vw;
}

.about-main , .landing-main{
    position: relative;
}

.about-main .container , .landing-main .container{
    position: relative;
    z-index: 1;
}

.about-hero-bg-2 , .landing-hero-bg-2 {
    position: absolute;
    right: 0;
    top: 15vw;
    width: 100%;
    max-width: 16vw;
}
.landing-hero-bg-1 {
    right: 0;
    left:initial;
    transform: rotateY(180deg);
}
.landing-hero-bg-2 {
    right: initial;
    left:0;
    transform: rotateY(180deg);
}
.about-disclosure-title {
    font-size: 42px;
    color: #081551;
    text-align: center;
    margin-bottom: 4rem;
}
.about-disclosure-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    position: relative;
}


.about-disclosure-img {text-align: center;}


.about-disclosure-row:nth-child(2) {
    margin-bottom: 7rem;
}

.about-disclosure-text {font-size: 19px;color: #081551;}

.about-disclosure-img img {
    max-height: 250px;
    object-fit: contain;
}

.about-disclosure-text b , .about-disclosure-text strong {
    font-weight: 700;
}

.about-disclosure-text ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.about-disclosure-text li:before {
    content: "";
    width: 25px;
    height: 25px;
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11' cy='14' r='11' fill='%2380FFEB'/%3E%3Cpath d='M15.7273 11L9.72727 17L7 14.2727' stroke='%23081551' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    right: 0;
    top: 0;
}

.about-disclosure-text li {position: relative;padding-right: 40px;margin-bottom: 2rem;}
.about-notice {
    font-size: 19px;
    color: #081551;
    font-weight: 700;
    max-width: 790px;
    margin: 65px auto 120px;
    text-align: center;
}
.about-form-wrap {
    background-color: #fff;
    max-width: 790px;
    margin: 0 auto 80px;
    border-radius: 20px;
    padding: 70px 70px 40px;
    position: relative;
    box-shadow: 0 4px 10px 0 rgb(8 21 81 / 20%);
}
form.wpcf7-form {
    direction: rtl;
}
form.wpcf7-form br{
    display: none;
}
.about-form-img , .contact-form-img{
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 130px;
}
.about-form-img img {width: 100%;}
.about-form-title {
    font-size: 42px;
    color: #081551;
    text-align: center;
    margin-bottom: 2rem;
    font-weight: 700;
}

.about-form label , .contact-form-wrap label , .contact-popup-inner label{
    font-weight: 700;
    color: #081551;
    font-size: 18px;
    margin-bottom: 5px;
    display: block;
}
.about-form p , .contact-form-wrap p{margin: 0;}
.form-two-col {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px , 1fr));
    gap: 30px;
    margin-bottom: 20px;
}
textarea.wpcf7-textarea {
    background-color: #fff;
    border-radius: 6px;
    border: none;
    padding: 10px 20px;
    font-size: 17px;
    color: #081551 !important;
    line-height: 1.2;
    min-height: 70px;
    height: 80px;
}
.about-form textarea.wpcf7-textarea , .contact-form-wrap textarea.wpcf7-textarea , .contact-popup-inner textarea.wpcf7-textarea {
    border: 1px solid #081551;
}

.about-form .wpcf7-form-control.wpcf7-submit , 
.landing-form-submit .wpcf7-form-control.wpcf7-submit ,
.contact-popup-inner .wpcf7-form-control.wpcf7-submit ,
.contact-form-wrap .wpcf7-form-control.wpcf7-submit{
    background-color: #80FFEB;
    border-radius: 10px;
    display: block;
    margin: 30px auto 0;
    color: #081551;
    padding: 15px 25px 15px 35px;
    font-size: 20px;
    border: none;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 8.49988L1 4.99988L4.5 1.49988' stroke='%23081551' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
}
.single-article-main {
    display: grid;
    grid-template-columns: 1fr 230px;
    max-width: 1085px;
    margin-right: auto;
    column-gap: 25px;
    padding: 30px 0 80px;
    align-items: flex-start;
}
    .single-article-content {
    background-color: #fff;
    padding: 0px 45px 0px;
    border-radius: 20px;
    box-shadow: 0px 4px 4px 0px rgb(8 21 81 / 10%);
}
.single-article-form-main , .article-sidebar-btns-main{
    position: relative;
    background-color: #fff;
    padding: 25px 20px;
    border-radius: 20px;
    box-shadow: 0px 4px 4px 0px rgb(8 21 81 / 10%);
    overflow: hidden;
    text-align: center;
    line-height: 1.2;
    color: #081551;
    font-size: 16px;
    margin-bottom: 30px;
}
.single-article-form p {
    margin: 0 !important;
}
.single-article-form .wpcf7-form-control.wpcf7-submit {
    background-color: #fff;
    color: #081551;
}
.single-article-form .wpcf7-form-control.wpcf7-submit:hover {
    background-color: #081551;
    color: #fff;
}
h1.article-title {color: #081551;font-size: 46px;font-weight: 700;}

.article-short-content {
    font-size: 21px;
    color: #081551;
}

.article-info-bar {
    border-bottom: 1px solid #D0D4D6;
    border-top: 1px solid #081551;
    padding: 15px 0;
    display: flex;
    align-items: center;
    color: #081551;
    font-size: 17px;
    line-height: 1.2;
}


.article-author {
    font-weight: 700;
}

.article-share-btn {
    border: 1px solid #25AAE1;
    height: 38px;
    width: 38px;
    border-radius: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.article-share-btns {
    display: flex;
    align-items: center;
    column-gap: 7px;
}

.share-icon {
    display: flex;
}

.article-share-btn:hover {
    background-color: #25AAE1;
}

#ez-toc-container a.active {
    text-decoration: none;
    font-weight: 700;
}
.article-share-btn:hover path {
    fill: #fff;
}

#email-share:hover path {fill: transparent;stroke: #fff;}
.article-hero-image {
    padding-top: 30px;
}

.article-hero-image img {
    width: 100%;
}
.article-main-content {
    padding: 40px 0 20px 0px;
}
#ez-toc-container {
        background-color: #fff;
        border-radius: 20px;
        box-shadow: 0px 4px 4px 0px rgb(8 21 81 / 10%);
        line-height: 1.2;
        border: none;
        padding: 0;
        width: 100%;
}
div#ez-toc-container .ez-toc-title {
    font-size: 23px;
    font-weight: 700;
    display: block;
    padding: 20px 30px;
    text-align: right;
}

.ez-toc-title-container {position: relative;}

#ez-toc-container a.ez-toc-toggle {
    display: none;
}

#ez-toc-container .ez-toc-title-toggle {
    width: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_24_298)'%3E%3Cpath d='M6 15L12 9L18 15' stroke='%23081551' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' shape-rendering='crispEdges'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_24_298' x='5' y='8' width='14' height='10' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_24_298'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_24_298' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px;
    position: absolute;
    left: 15px;
    height: 24px;
    top: 50%;
    transform: translateY(-50%);
    transform-origin: top;
}

#ez-toc-container.toc_close .ez-toc-title-toggle {
    transform: rotate(180deg) translateY(-50%);
}

#ez-toc-container ul {
    border-top: 1px solid #25AAE1;
    padding: 20px 25px;
}

#ez-toc-container a {
    font-size: 18px;
    font-weight: 400;
    color: #081551 !important;
}

#ez-toc-container a:hover {
    text-decoration: none;
    font-weight: 700;
}
.single-article-content ul , .single-article-content ol{
    margin: 15px 20px 20px 0px;
}
.article-author-box {
    background-color: #081551;
    border-radius: 10px;
    padding: 20px 14px;
    display: grid;
    grid-template-columns: 95px 1fr;
    gap: 18px;
    align-items: center;
    color: #fff;
    margin: 40px 0;
}

.article-author-box img {
    border: 1px solid #25AAE1;
    border-radius: 50px;
    padding: 7px;
    width: 100%;
    aspect-ratio: 1;
}
.article-author-tag {
    font-weight: 700;
    font-size: 28px;
}

.article-author-designation {
    color: #25AAE1;
    font-size: 20px;
}
.inline-form-main {
    background-color: #081551;
    border-radius: 10px;
    padding: 20px 14px;
    display: grid;
    grid-template-columns: 130px 1fr;
    gap: 18px;
    align-items: center;
    color: #fff;
}

.inline-form-wrap form.wpcf7-form > p {
    display: flex;
    gap: 10px;
    align-items: center;
}

.inline-form-text {
    font-size: 18px;
    margin-bottom: 10px;
}
.additional-articles-item {
    position: relative;
    background-color: #F1F9FC;
    border-radius: 10px;
    padding: 12px 16px;
}

.additional-articles-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px 24px;
    margin: 40px 0;
}

.additional-articles-title {font-size: 20px;font-weight: 700;line-height: 1.2;margin-bottom: 1rem;}

.additional-articles-item a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.additional-articles-item:hover .additional-articles-title {
    color: #25AAE1;
}
.article-main-content a {
    color: #25AAE1;
    text-decoration: underline;
}

.highlight-animation {
    background-color: #80FFEB;
    background: linear-gradient(to right, #80FFEB 50%, rgba(255, 255, 255, 0) 50%);
    background-size: 200%;
    background-position: -100% 0;
    transition: 0.6s ease-in-out;
}
.highlight-animation.active {
    background-position: 0 0;
}
a.big-button {
    display: flex;
    background-color: #081551;
    border-radius: 40px;
    text-decoration: none;
    margin: 40px 0;
    color: #fff;
    justify-content: center;
    align-items: center;
    gap: 20px;
    text-align: center;
    padding: 10px;
    line-height: 1.1;
    box-shadow: 0 6px 15px 0 #80FFEB;
}

.big-button-text {
    max-width: 450px;
}
.big-button b {
    display: block;
}
.big-button img {
    max-width: 40px;
}
.big-button:hover {color: #fff;}
.big-button b span {
    color: #53E7D0;
}
.article-sidebar-btn {
    display: block;
    color: #081551;
    background-color: #80FFEB;
    border-radius: 6px;
    font-size: 20px;
    font-weight: 700;
    padding: 8px;
    margin: 10px 0;
}
.sidebar-btns-img {
    width: 200%;
    padding-top: 200%;
    background-color: #CCEDF9;
    border-radius: 100%;
    position: relative;
    overflow: hidden;
    margin-top: -145%;
    margin-right: -45%;
    margin-bottom: 20px;
}

.sidebar-btns-img img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    max-height: 28%;
    object-fit: contain;
}
.article-sidebar-btns-main h2 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 0;
}
.article-sidebar-btns-main h3 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 5px;
}
.wpcf7-checkbox span.wpcf7-list-item-label {
    font-size: 12px;
    display: grid;
    grid-template-columns: 14px 1fr;
    gap: 10px;
    text-align: right;
}
.wpcf7-not-valid-tip {
    color: red;
    position: absolute;
    bottom: 100%;
    right: 0;
    font-size: 12px;
    text-align: left;
    width: 100%;
}

.wpcf7-not-valid {
    border-color: red !important;
}

.wpcf7-list-item input[type="checkbox"] {
    display: none;
}

.wpcf7-checkbox span.wpcf7-list-item-label:before {
    content: "";
    width: 14px;
    height: 14px;
    background-color: #D2EAF3;
    border-radius: 2px;
    border: 3px solid #D2EAF3;
}

.wpcf7-list-item {
    margin: 0;
}

.wpcf7-list-item input[type="checkbox"]:checked+ .wpcf7-list-item-label:before {
    background-color: #25aae1;
}

.wpcf7-checkbox span.wpcf7-list-item-label:after {
    display: none;
}
.inline-form-title span {color: #07CCAD;font-size: 180%;font-weight: 700;}

.inline-form-title {font-weight: 500;}
.yield-form , .purchase-tax-form{
    display: grid;
    grid-template-columns: calc(50% - 30px) calc(50% - 30px);
    gap: 60px;
}
.calc-forms {
    border-top: 1px solid #081551;
    padding-top: 40px;
}
.yield-form .cal-part-right, .correction-form .cal-part-right , .purchase-tax-form .cal-part-right ,.cal-percentage-result{
    background-color: #081551;
    color: #fff;
    padding: 30px 40px;
    border-radius: 10px;
    position: relative;
    font-size: 17px;
    font-weight: 700;
}
.calc-character {
    max-width: 190px;
    display: block;
    margin-right: auto;
    margin-left: -20px;
    margin: 0px auto -10px -20px;
}
.calc-arrow {
    position: absolute;
    top: 15px;
    right: -20px;
}
.calc-big-title {
    font-size: 44px;
    display: block;
    
}
.calc-big-title sub {
    font-size: 17px;
    bottom: 0;
    font-weight: 400;
}
.cal-part-right hr {
    border-color: #80ffeb;
}
.cal-field {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}
.yield-form .cal-part-left, .correction-form .cal-part-left, .purchase-tax-form .cal-part-left , .cal-field-extra{
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.cal-field label {
    color: #081551;
    font-size: 17px;
    font-weight: 700;
}

.rangeslider__fill {
    background: #25AAE1;
}

.rangeslider--horizontal {
    height: 7px;
    margin-top: 20px;
    background-color: #E9E9F6;
    box-shadow: none;
}

.rangeslider--horizontal .rangeslider__handle {
    width: 25px;
    height: 25px;
}

.rangeslider--horizontal .rangeslider__handle:after {
    display: none;
}
.calc-slider {
    border: 1px solid #000;
    width: 100%;
}
.calc-slider {
    max-width: 100% !important;
    border: 1px solid #081551 !important;
    border-radius: 6px !important;
    padding: 2px 10px !important;
    color: #081551 !important;
    font-size: 17px !important;
    min-height: auto !important;
}
.calc-slider::placeholder {
    color: #081551;
}
.currency-sign .calc-slider {
    padding-right: 35px !important;
    font-size: 17px;
    width: 100%;
}

.currency-sign {
    position: relative;
    width: 100%;
}

.currency-sign:before {
    content: "₪";
    position: absolute;
    top: 1px;
    right: 1px;
    background-color: #E9E9F6;
    height: calc(100% - 2px);
    border-radius: 0 5px 5px 0;
    display: flex;
    align-items: center;
    padding: 0 6px;
    color: #6F757E;
    font-size: 17px;
}
.correction-form {
    display: grid;
    grid-template-columns: calc(38% - 30px) calc(62% - 30px);
    gap: 60px;
}

.correction-form .cal-part-right label {
    font-size: 30px;
}

.investment_table {
    margin: 20px 0 0;
    border-top: 1px solid #80FFEB;
}

.investment_table th {
    text-align: right;
    font-weight: 700;
    border-bottom: 1px solid #fff;
}

.investment_table td {
    border-bottom: 1px solid #202C64;
    text-align: right;
}
.cal-field select {
    border: 1px solid #081551 !important;
    border-radius: 6px;
    padding: 10px;
    font-size: 17px;
}
.cal-field input[type=submit] {
    color: #081551;
    font-size: 20px;
    background-color: #80FFEB;
    border-radius: 10px;
    font-weight: 700;
    display: inline-block;
    width: auto;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 9L1 5L5 1' stroke='%23081551' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 15px center;
    padding: 10px 15px 10px 30px;
}

.purchase-tax-form .cal-part-right {
    padding-bottom: 15px;
}
.cal-percentage-row {
    border-top: 1px solid #081551;
    padding: 30px 0;
    display: grid;
    grid-template-columns: calc(76% - 21px) calc(24% - 21px);
    gap: 42px;
    align-items: center;
    width: 100%;
}
.cal-percentage-row:last-child {
    padding-bottom: 0;
}
.cal-percentage-result label {
    color: #84889E;
}
.percentage-fileds-wrap {
    display: flex;
    align-items: flex-end;
    gap: 20px;
}
.currency-sign.percentage:before {
    content: "%";
}
.percentage-submit-btn-wrap {
    flex-direction: row;
    gap: 20px;
}
.before-equal {
    position: relative;
}

.before-equal:before {
    content: "=";
    position: absolute;
    top: 30px;
    right: -15px;
}
input[type=text].hasDatepicker {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 3H3.75C2.92157 3 2.25 3.67157 2.25 4.5V15C2.25 15.8284 2.92157 16.5 3.75 16.5H14.25C15.0784 16.5 15.75 15.8284 15.75 15V4.5C15.75 3.67157 15.0784 3 14.25 3Z' stroke='%23081551' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 1.5V4.5' stroke='%23081551' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 1.5V4.5' stroke='%23081551' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.25 7.5H15.75' stroke='%23081551' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 10px center;
    padding-left: 35px !important;
}

.pound-per-kilo-form .cal-percentage-row {
    grid-template-columns: calc(70% - 21px) calc(30% - 21px);
}
.pound-per-kilo-form .cal-field:last-child {width: 50%;}
.currency-sign.sign-lb:before {
    content: "lb";
}
.currency-sign.sign-kg:before {
    content: "kg";
}
.calc-expand-btn {
    font-weight: 700;
    color: #25AAE1;
    border-bottom: 1px solid #081551;
    display: block;
    width: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 3.5L3.5 10.5' stroke='%23081551' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.5 3.5L10.5 10.5' stroke='%23081551' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-position: 0 center;
    background-repeat: no-repeat;
    background-size: 14px;
    padding-left: 20px;
}

.cal-field-extra {
    margin-top: -20px;
}
.calc-annual-table-btn {
    font-size: 20px;
    font-weight: 700;
    display: inline-flex;
    border: 1px solid #081551;
    color: #081551;
    padding: 10px 20px;
    border-radius: 10px;
    align-items: center;
    gap: 10px;
}
.toggle-table-btn-wrap {
    text-align: center;
    margin: 40px 0 25px;
}
.calc-annual-table-btn.active svg {
    transform: rotate(0deg);
}
.calc-annual-table-btn svg {
    transform: rotate(180deg);
}

.calc-annual-table-section {
    font-size: 16px;
    margin-bottom: 25px;
    background-color: #081551;
    color: #fff;
    border-radius: 10px;
    overflow: hidden;
    padding: 15px 0;
}

.calc-annual-table th {
    font-weight: 700;
    text-align: right;
    border: 1px solid #fff;
    border-top: 1px solid #80FFEB;
}

.calc-annual-table {
    margin: 0;
}

.calc-annual-table td {
    border-left: 1px solid #202C64;
    border-right: 1px solid #202C64;
    text-align: right;
}
.search-title {
    text-align: center;
    margin-bottom: 4rem;
}
.search-title span {
    color: #07CCAD;
}
.search-result-item {
    position: relative;
    display: grid;
    grid-template-columns: 2fr 7fr;
    background-color: #F5F6FA;
    border-radius: 6px;
    padding: 10px;
    gap: 20px;
    align-items: center;
}

.search-result-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-bottom: 60px;
}

.search-result-item-content h2 {
    font-size: 22px;
    margin-bottom: 1rem;
    flex-grow: 1;
}

.search-result-item a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.search-result-item img {
    border-radius: 6px;
    min-height: 100px;
    object-fit: cover;
}
.search-result-meta {
    color: #627B84;
    font-size: 13px;
}
.search-result-item-content {
    display: flex;
    flex-direction: column;
}
.search-result-item:hover h2 {
    color: #25AAE1;
}
.thank-you-hero {
    text-align: center;
    padding: 60px 0 100px;
    min-height: 70vh;
}

.thank-you-hero h2 {
    font-size: 45px;
    display: inline-block;
    background-color: #80FFEB;
    padding: 5px 10px;
}

.thank-you-hero img {
    max-width: 260px;
    width: 100%;
    display: block;
    margin: 0 auto 50px;
}

.thank-you-btn {display: inline-flex;font-size: 20px;color: #fff;font-weight: 700;background-color: #081551;padding: 11px 30px;border-radius: 10px;align-items: center;gap: 10px;}

.thank-you-btn:hover {
    background-color: #80FFEB;
    color: #fff;
}
.landing-hero h2 {
    background-color: transparent;
}
.landing-hero {
    padding-top: 50px;
}
.employees-details {
    display: flex;
    align-items: flex-start;
    gap: 40px;
}
.employees-details-item {
    width: 100%;
}
.employees-details-sub-title {
    font-size: 14px;
    color: #627B84;
}
.employees-details-title {
    font-size: 48px;
    font-weight: 700;
}
.employees-details-text {
    font-size: 17px;
}

.employees-vision-wrap.icon-left:before {
    right: initial;
    left: -35px;
    transform: rotateY(180deg);
}

.landing-btn-to-form {
    background-color: #25AAE1;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border-radius: 6px;
    padding: 10px 12px;
    box-shadow: 0 4px 10px 0 rgb(37 170 225 / 60%);
    margin-bottom: 10px;
}
.down-arrow-btn {
    max-width: 24px;
    animation: bounce 1.5s ease infinite;
}
@keyframes bounce {
    70% { transform:translateY(0%); }
    80% { transform:translateY(-15%); }
    90% { transform:translateY(0%); }
    95% { transform:translateY(-7%); }
    97% { transform:translateY(0%); }
    99% { transform:translateY(-3%); }
    100% { transform:translateY(0); }
}
.eligibility-steps {
    display: flex;
    align-items: flex-start;
    gap: 60px;
}
.eligibility-step-item {
    width: 100%;
    text-align: center;
    position: relative;
}
.eligibility-step-item:after {
    content: "";
    position: absolute;
    top: 15px;
    left: -50px;
    width: 40px;
    height: 40px;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.6663 20H8.33301' stroke='%2307CCAD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.9997 31.6666L8.33301 20L19.9997 8.33331' stroke='%2307CCAD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.eligibility-step-item:last-child:after {display: none;}

.landing-btn-to-form:hover {
    background-color: #80FFEB;
    color: #fff;
}
.landing-btn-wrap {
    text-align: center;
    margin-bottom: 80px;
}
.dir-up {
    transform: rotate(180deg);
}
.landing-form-wrap {
    text-align: center;
}
.landing-form-wrap p {
    font-size: 18px;
    margin-bottom: 1rem;
}
.landing-form-wrap strong {
    font-size: 24px;
}
.landing-form-wrap input[type="radio"] {
    display: none;
}
.landing-form-wrap .wpcf7-list-item-label {
    background-color: #CDEAF5;
    border-radius: 6px;
    padding: 10px 18px;
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
}
.landing-form-wrap .wpcf7-radio {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: center;
}

.cf7mls_btn {
    background-color: #80FFEB !important;
    color: #081551 !important;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 8.49988L1 4.99988L4.5 1.49988' stroke='%23081551' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
    background-position: 15px center;
    background-repeat: no-repeat;
    border-radius: 10px !important;
    padding: 10px 25px 10px 35px !important;
    margin-bottom: 0 !important;
}

.cf7mls-btns {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: initial !important;
}

.landing-form-wrap input[type="radio"]:checked+ .wpcf7-list-item-label {
    background-color: #081551;
    color: #fff;
}
.progress-bar-wrap {
    background-color: #DCF3FC;
    width: 100%;
    position: relative;
    border-radius: 10px;
    height: 5px;
    margin: 20px 0;
    display: flex;
}
.progress-bar-num {
    position: absolute;
    right: 0;
    bottom: 100%;
    font-size: 16px;
    font-weight: 700;
}
.progress-bar-num p {
    margin-bottom: 5px;
}
.progress-bar-fill {
    background-color: #80FFEB;
}
.bar-fill-5 {
    width: 10%;
    border-radius: 10px;
}
.bar-fill-25 {
    width: 30%;
    border-radius: 10px;
}
.bar-fill-75 {
    width: 75%;
    border-radius: 10px;
}
.landing-form-wrap .cf7mls_back {
    display: none;
}
.landing-form-wrap .form-two-col label {
    text-align: right;
    display: block;
    font-weight: 700;
}

.landing-form-wrap .form-two-col {
    align-items: flex-end;
}

.landing-form-submit {
    display: flex;
    justify-content: center;
    align-items: center;
}

.landing-form-submit p {
    margin: 0 !important;
}

.landing-form-submit .wpcf7-form-control.wpcf7-submit {margin: 0 !important;}
.cntact-row {
    display: grid;
    grid-template-columns: 7fr 3fr;
    padding-bottom: 100px;
    gap: 60px;
    align-items: flex-start;
}
.contact-form-wrap {
    background-color: #fff;
    padding: 50px 65px;
    border-radius: 20px;
    box-shadow: 0px 4px 4px 0px rgb(8 21 81 / 10%);
    position: relative;
}
.contact-form-wrap .wpcf7-form-control.wpcf7-submit {
    margin-left: 0;
}
.contact-form-wrap > p {
    color: #081551;
    font-size: 24px;
    font-weight: 500;
    margin: 10px 0;
}
.contact-link {
    display: grid;
    grid-template-columns: 40px 1fr;
    gap: 20px;
    color: #081551;
    font-size: 19px;
    line-height: normal;
}

.Cicon {
    height: 46px;
    width: 46px;
    background-color: #25AAE1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
}

.contact-links {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-top: 30px;
}

.contact-link b {
    display: block;
}
.contact-popup-inner {
    background-color: #fff;
    padding: 70px 42px 40px 42px;
    border-radius: 20px;
    box-shadow: 0px 4px 4px 0px rgb(8 21 81 / 10%);
    position: relative;
    width: 100%;
    max-width: 720px;
    margin-top: 60px;
}
.CFP-title {
    color: #081551;
    text-align: center;
    font-size: 43px;
    font-weight: 700;
    margin-bottom: 20px;
    line-height:1;
}
.contact-popup-inner p {
    margin: 0;
}
button.hustle-button-icon.hustle-button-close {
    top: 95px !important;
}
@media (min-width:1024px) {
    #site-navigation-wrap .dropdown-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}
.hide-desk {
    display: none;
}
.home-calculators-left {
    padding-left: 35px;
    border-left: 1px solid #25AAE1;
    margin-left: 35px;
}
.footer-col-1 {
    padding-left: 30px;
    border-left: 1px solid #081551;
}
#footer-bottom {
    border-top: 1px solid rgb(37 170 225 / 30%);
}
    
.article-date {
    flex-grow: 1;
    margin: 0 10px;
    padding-right: 10px;
    border-right: 2px solid #25AAE1;
}

    .single-article-sidebar {
    position: sticky;
    top: 0;
}
    .article-author-info {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}
    .article-author-designation {
    margin-right: 10px;
    border-right: 1px solid;
    padding-right: 10px;
}
    .about-disclosure-row:before {
    content: "";
    height: 100%;
    width: 1px;
    background-color: #081551;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
}
.about-disclosure-col1 {
    padding-left: 25px;
}
.about-disclosure-col2 {
    padding-right: 25px;
}
.footer-col-2 {
    padding-right: 30px;
}
}
@media (max-width:1023px) {
    .hide-phone { display: none;}
    div#sidr {
        top: 74px;
        overscroll-behavior: contain;
        height: calc(100vh - 74px);
    }
    ul#sidr-id-menu-main-menu {
        display: flex;
        flex-direction: column-reverse;
        justify-content: flex-start;
        padding: 0 13px;
    }
    .oceanwp-sidr-overlay {
        background-color: rgb(0 9 49 / 80%);
    }
    #searchform-dropdown {
        top: 60px;
    }
    div#site-navigation-wrap li.menu-item {
        display: none;
    }
    .hero-row {
        grid-template-columns: 100%;
    }
    .home-calculators-wrap {
        grid-template-columns: 100%;
        padding: 30px 15px;
        text-align: center;
        gap: 30px;
        font-size: 18px;
    }
    .most-read-articles-row {
        grid-template-columns: 100%;
        gap: 30px;
    }
    .more-articles-list {grid-template-columns: 100%;gap: 15px;}
    .footer-row {
        grid-template-columns: 100%;
        padding: 30px 0;
        gap: 30px;
    }
    .footer-col-1 {
    text-align: center;
}
    .winfin-sub-title {
        font-size: 24px;
        text-align: center;
        max-width: 250px;
        margin: 0 auto;
    }
    .hero-col1 {
        grid-template-columns: 100%;
    }
    .winfin-title {
        font-size: 40px;
        text-align: center;
    }
    
    .home-hero {
        padding: 20px 0 30px;
        background-image: none;
        text-align: center;
        position: relative;
    }
    
    .hero-img , .hero-col2 {display: none;}
    
    .circle-cta-item {
        font-size: 16px;
    }
    
    .circle-ctas {
        gap: 20px 30px;
        margin: 20px auto 0;
    }
    
    .home-news-item-content h2 {
        font-size: 16px;
    }
    
    .home-news-meta {
        font-size: 12px;
    }
    
    .home-news-list {
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }
    
    .home-news-item-content {
        padding: 10px;
    }
    
    .home-news-item img {height: 100px;}
    
    .home-news-main {
        padding: 20px 0 40px;
        position: relative;
    }
    div#site-logo {
        right: 50%;
        transform: translateX(50%);
    }
    .sidr-class-dropdown-menu ul a:before {
        display: none;
    }
    .sidr-class-sub-menu .sidr-class-menu-link {
        font-size: 18px;
        font-weight: 400;
        color: #B5BAD1;
        padding: 2px 20px;
    }
    
    .sidr-class-dropdown-toggle {
        right: initial;
        left: 0;
        padding: 0;
        width: 40px;
    }
    
    .sidr-class-dropdown-toggle:before {
        background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 13L1 7L7 1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
        font-size: 0;
        background-repeat: no-repeat;
        background-position: center;
    }
    .sidr-class-dropdown-menu li.active>a>.sidr-class-dropdown-toggle:before {
        transform: rotate(-90deg);
    }
    .sidr-class-dropdown-menu li.sidr-class-menu-item-has-children>a , .sidr-class-dropdown-menu li a, .sidr-class-fs-dropdown-menu li a {
        padding-right: 0;
    }
    .sidr-class-sub-menu .sidr-class-menu-item {
        border: none;
    }
    .sidr-class-dropdown-menu ul {border-top: 0;padding-bottom: 10px;}
    body.sidr-open {
        height: 100vh;
        overflow: hidden;
    }
    body.sidr-open a.mobile-menu i.fa:before {
        content: "\f00d";
    }
    #site-navigation-wrap .dropdown-menu >li >a:hover, .oceanwp-mobile-menu-icon a:hover, #searchform-header-replace-close:hover {
        color: #fff;
    }
    a.mobile-menu {
        font-size: 24px;
    }
    .hero-icon {
    max-width: 95px;
    width: 100%;
}
.home-hero:before {
    content: "";
    width: 150%;
    position: absolute;
    top: 50%;
    right: 50%;
    background-color: #D5F0FA;
    border-radius: 100%;
    padding-top: 150%;
    transform: translateX(50%);
}
.home-hero .container {
    position: relative;
}
main#main {
    overflow: hidden;
}
.home-calculators {
    position: relative;
}
.home-calculators-title {
    font-size: 40px;
    line-height: 1.5;
    margin-bottom: 0.5rem;
}
.top-calculators-title {
    font-size: 28px;
}
.top-calculators-list {
    flex-wrap: wrap;
    gap: 18px;
    justify-content: center;
}
.top-calculators-list .circle-cta-item {
    max-width: 90px;
}
.eligibility-check-title {
    font-size: 40px;
}
.eligibility-check-box p , .more-articles-item:nth-child(-n+3) h3 , .most-read-articles-item:first-child h3{
    font-size: 19px;
}
.eligibility-check-box {
    background-size: 120px;
    padding: 20px  25px 30px;
}
    .eligibility-check-link {
    padding: 5px;
}
.most-read-articles {
    padding: 20px 0 30px;
}
.most-read-articles-list {
    grid-template-columns: 100%;
    gap: 15px 0;
}
.most-read-articles-meta , .more-articles-meta {
    font-size: 13px;
}
.most-read-articles-item:first-child .most-read-articles-item-content {
    padding: 20px 15px;
}
.more-articles-item:nth-child(-n+3) {
    display: grid;
    grid-template-columns: 2fr 3fr;
}
.more-articles-item img {
    height: 100%;
}
.financial-guides-list {
    gap: 12px;
    grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
}
    .square-cta-item span {
        font-size: 13px;
    }
.square-cta-item a {
    padding: 12px 8px;
}
.footer-menus {
    grid-template-columns: 100%;
    gap: 0;
    border-bottom: 1px solid #C6CBE1;
}
.footer-menus .footer-links {
    display: none;
    padding-bottom: 15px;
}
.footer-menus h4 {
    border-top: 1px solid #C6CBE1;
    margin: 0;
    padding: 15px 0;
    position: relative;
}
.footer-menus h4:before {
    content: "";
    width: 30px;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 13L1 7L7 1' stroke='%23081551' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    position: absolute;
    left: 0;
    top: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 8px;
}
    .active-menu .footer-links {
    display: flex;
}
 .footer-menus .active-menu h4:before {
    transform: rotate(90deg);
}
.category-hero-row {
    grid-template-columns: 100%;
    gap: 30px;
}

.category-hero-post-item , .category-hero-post-item:first-child {
    grid-template-columns: 100%;
    grid-column: 2 span;
}

.category-hero-post-item:first-child .category-hero-post-item-content {
    grid-row: 2;
    padding: 20px;
}

.category-hero-post-item:first-child .category-hero-post-item-content h2 {
    font-size: 27px;
}

.category-hero-post-item-text {
    display: none;
}

.category-hero-post-item:not(:first-child) {
    grid-template-columns: 2fr 3fr;
}

.category-hero-posts {
    gap: 20px;
}

.category-hero-post-item-content h2 {
    font-size: 19px;
}

.winfin-breadcrumbs {
    padding: 10px 0;
    font-size: 14px;
}

.category-hero-form-main h2, .single-article-form-main h2 {
    font-size: 22px;
}

.category-hero-form-main h3, .single-article-form-main h3 {
    font-size: 24px;
}
    .single-article-main {
    grid-template-columns: 100%;
    padding: 15px 0 0;
}
h1.article-title {font-size: 34px;margin-bottom: 1rem;}
.article-short-content {
    font-size: 20px;
}

.article-share-btn {
    width: 30px;
    height: 30px;
}

.share-icon svg {
    width: 15px;
    height: 13px;
}

.article-info-bar {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 10px;
    font-size: 16px;
    padding: 12px 0;
}

.article-share-btns {grid-area: 1 / 2 / 3 / 2;justify-content: flex-end;}
.article-single-page .mobile-box-wrap, .article-single-page .article-main-content {
    background-color: #fff;
    padding: 0 15px 15px;
    border-radius: 20px;
    box-shadow: 0px 4px 4px 0px rgb(8 21 81 / 10%);
    margin-bottom: 15px;
}

.article-single-page .article-main-content {
    padding: 20px 15px;
}
    .single-sidebar-mobile {
    display: flex;
    flex-direction: column-reverse;
}
.inline-form-main {
    grid-template-columns: 100%;
    padding: 50px 35px 35px 35px;
    position: relative;
    margin-top: 60px;
    margin-bottom: 40px;
}
.inline-form-img {
    display: none;
}
.inline-form-title span {
    display: block;
}
.inline-form-wrap form.wpcf7-form > p {
    flex-direction: column;
    margin: 0;
}
.inline-form-content {
    text-align: center;
}
.inline-form-main:before {
    content: "";
    width: 90px;
    height: 90px;
    position: absolute;
    background-image: url(https://zypacinfotech.com/winfin/wp-content/uploads/2024/06/Group-2770.png);
    top: -45px;
    right: 50%;
    transform: translateX(50%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.additional-articles-list {
    grid-template-columns: 100%;
    gap: 15px;
}

.article-author-text {
    font-size: 18px;
    margin-top: 10px;
}
.article-author-box {
    grid-template-columns: 100%;
    position: relative;
    padding: 0px 14px 20px;
    margin-bottom: 0;
}

.article-author-info {
    padding-right: 94px;
}

.article-author-box img {
    position: absolute;
    top: 15px;
    right: 20px;
    width: 74px;
}
.article-author-tag {
    font-size: 27px;
}

.article-author-designation {
    font-size: 19px;
}
.single-article-form-main:before {
    top: -260px;
}
a.big-button {
    font-size: 17px;
    gap: 10px;
    padding: 10px 15px;
}

.big-button img {
    max-width: 28px;
}
.about-hero h2, .highlighted, .landing-hero h2 , .contact-form-wrap h2 {
    font-size: 32px;
}
.landing-hero {
    padding-top: 40px;
}
.about-hero-text, .landing-hero-text {
    font-size: 20px;
    margin: 20px 0;
}
.landing-hero-bg-2 {
    display: none;
}
.employees-details {
    flex-direction: column;
    gap: 30px;
}
.landing-hero-bg-3 {
    position: absolute;
    top: -400px;
    left: 50%;
    width: 680px;
    max-width: initial;
    transform: translateX(-50%);
}
.landing-hero h2 {
    padding: 0;
}
.about-vision-wrap, .employees-vision-wrap {
    margin-right: 15px;
    margin-left: 15px;
    padding: 50px 20px 30px 20px;
}
.about-vision-title, .employees-vision-title {width: max-content;max-width: 80%;text-align: center;}
.employees-details-title {
    line-height: 1.2;
}
.about-disclosure-title {font-size: 32px;}
.about-form-wrap {
    margin-bottom: 60px;
    padding: 70px 30px 40px;
}
.about-disclosure-row {
    grid-template-columns: 100%;
    gap: 30px;
}
.about-disclosure-col2:has(.about-disclosure-text) {
    grid-row: 1;
}
.eligibility-steps {
    flex-direction: column;
    gap: 30px;
}

.eligibility-step-item:after {
    left: 50%;
    top: 100%;
    transform: translateX(-50%) rotate(-90deg);
}
#ez-toc-container.scroll-active {
    position: fixed;
    top: 10px;
    left: 20px;
    max-width: calc(100% - 40px);
    z-index: 99;
}
.single-article-content.article-single-page {
    background-color: transparent;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
}
.single-article-content {
    padding: 0 15px;
    margin-bottom: 60px;
}
.yield-form, .purchase-tax-form {
    grid-template-columns: 100%;
}
.article-main-content {
    padding: 20px 0;
}
.calc-arrow {
    top: -20px;
    right: 50%;
    transform: translateX(50%) rotate(-90deg);
}
.correction-form {
    grid-template-columns: 100%;
}

.yield-form .cal-part-right, .correction-form .cal-part-right, .purchase-tax-form .cal-part-right, .cal-percentage-result {
    padding: 30px 15px 15px 15px;
}

.correction-form .cal-part-right label {
    display: block;
    text-align: center;
}
.investment_table td , .investment_table th {
    padding-left: 6px;
    padding-right: 6px;
}
.cal-percentage-row , .pound-per-kilo-form .cal-percentage-row {
    grid-template-columns: 100%;
}
.cal-percentage-result {
    text-align: center;
}
.percentage-fileds-wrap {flex-wrap: wrap;}
.percentage-fileds-wrap .cal-field:not(:last-child) {
    width: calc(50% - 10px);
}
.percentage-fileds-wrap .cal-field:last-child {
    align-items: center;
    flex-direction: column;
}
    .pound-per-kilo-form .percentage-fileds-wrap .cal-field:not(:last-child) , .pound-per-kilo-form .cal-field:last-child {
    width: 100%;
}
.about-hero {
    padding-bottom: 0;
}
.about-notice {
    margin: 40px auto 80px;
}
.calc-annual-table-section {
    overflow: auto;
}

table.calc-annual-table {
    min-width: 550px;
}
.search-title {
    font-size: 36px;
}
.thank-you-hero {
    padding: 30px 0 40px;
}
.footer-link {
    font-size: 18px;
}
	.landing-form-wrap .wpcf7-radio {flex-wrap: wrap;}

.form-two-col {
    grid-template-columns: 100%;
    gap: 10px;
}
    .cntact-row {
    grid-template-columns: 100%;
    gap: 40px;
    margin-top: 40px;
    padding-bottom: 70px;
}

.contact-form-wrap {
    padding: 60px 30px 40px;
    text-align: center;
}
    .contact-form-wrap .wpcf7 {
    text-align: right;
}

.contact-links {
    margin: 0;
}
    .CFP-title {
    font-size: 32px;
}
.contact-popup-main {
    padding: 100px 20px 40px 20px;
}
.contact-popup-inner {
    padding: 70px 25px 40px;
}
}