:root{
    --igo-greybg: #f4f5f9;
    --igo-blue: #04306f;
    --igo-blue50: rgb(4 48 111 / 50%);
    --igo-green: #64c115;
    --igo-lightgreen: #B8E293;
    /* --igo-cool-grey: #929292; */
    --igo-cool-grey: #303030;
}

body{
    --wp--style--global--content-size: 1380px;
    --wp--style--global--wide-size: 1380px;
}

p{
    color: unset;
}

footer:hover{
    background-color: var(--igo-blue)!important;
}

.wave-bg{
    position: relative;
    background: var(--igo-lightgreen);
}

.has-primary-background-color:hover{
    background-color: var(--igo-blue50)!important;
}

.wave-bg:after{
    content: "";
    position: absolute;
    left: 0;
    top: 38%;
    background-image: url(https://res.cloudinary.com/dttwa61aq/image/upload/v1709842773/igo/ppc-2024/which-policy-bg-v2.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
    width: 100%;
    mask-image:linear-gradient(180deg, transparent 5%, rgba(0, 0, 0, 1) 42%, rgba(0, 0, 0, 1) 50%, transparent 95%)
}

/* icons */

.listTick:after{
    display: inline-block;
    content: "";
    background-image: url(https://res.cloudinary.com/dttwa61aq/image/upload/v1713775765/igo/ppc-2024/igo-ppc-ul-icon.png);
    width: 24px;
    height: 24px;
    background-size: contain;
}

/* Start Hero Section */

.heroCont{
        padding: 0 0 20px 0;
    }

.hero-text{
    padding-top: 16px;
}

.hero-bg {
    position: relative;
    margin-top: unset;
    z-index: 1;
}

.hero-bg:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="480" height="794" viewBox="0 0 480 794" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M576.451 579.319C400.261 709.742 195.801 849.811 27.2442 769.943C-186.785 668.53 -332.092 440.305 -227.353 198.45C-128.412 -30.0176 162.584 -85.1101 408.485 -110.389C641.738 -134.367 915.058 -128.521 964.839 75.8936C1012.36 271.022 767.811 437.665 576.451 579.319Z" fill="%23F4F5F9"/></svg>');
    background-position: bottom;
    background-size: 280%;
    background-repeat: no-repeat;
    z-index: -1;
    left: 50%;
    bottom: 0;
    transform: translate(-50%);
    margin-left: 0;
}

.hero-bg:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="480" height="850" viewBox="0 0 480 850" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M-8.20599 747.179C-258.545 676.336 -538.483 586.046 -586.265 371.717C-646.937 99.5682 -538.824 -199.335 -236.066 -274.901C49.9347 -346.285 313.209 -114.47 515.752 96.6599C707.877 296.929 901.206 555.909 745.916 748.709C597.681 932.75 263.688 824.122 -8.20599 747.179Z" fill="%2364C115"/></svg>');
    background-position: bottom;
    background-size: 100%;
    background-repeat: no-repeat;
    z-index: -2;
    left: 50%;
    bottom: 6%;
    transform: translate(-50%);
    margin-left: 0;
}

.hero-wrap {
    display: flex;
    max-width: 1380px;
    margin: auto;
    padding: 0 16px;
    gap:16px;
    justify-content: center;
}

.hero-sale-mob{
    background-image: url(https://res.cloudinary.com/dttwa61aq/image/upload/v1723562006/igo/2024_summer_sale/Mobile_-_20off.webp);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    padding-bottom: 40%;
    background-color: var(--igo-greybg);
}

.hero-Lcol{
    display: flex;
    flex-direction: column;
    gap: 24px;
    z-index: 1;
}

.hero-Rcol{
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
    display: none;
}

.h1-styleBlue, .h1-styleGreen{
    font-family: Value;
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: 61.2px;
    margin-block-start: 0;
    margin-block-end: 0;
}

.h1-styleBlue{
    color: var(--igo-blue);
}

.h1-styleGreen{
    color: var(--igo-green);
}
        
.ul-container {
    color: var(--igo-cool-grey);
    font-family: Value;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 29.4px;
}
        
.ul-container span {
    font-weight: 700;
}
.ul-list {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: flex-start;
}

.ul-list img{
    width: 24px;
}

.ul-tick{
    line-height: 0;
}

.ul-text{
    display: flex;
    margin-block-end: 0;
    margin-block-start: 0;
    gap: 10px;
    width: 100%;
}

.ul-text div{
    width: 100%;
}

.ul-text sup{
    line-height: 0;
    margin: 5px 2px;
}

.buttonsCont{
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.buttonsCont .mob{
    display: inline-block;
}
.buttonsCont .desktop{
    display: none;
}
.buttonsCont a{
    width:100%
}

.buttonsCont a svg{
    vertical-align: middle;
    display: inline-block;
}

.awardCont{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 10.621px 0px;
    justify-content: flex-start;
    align-items: center;
    gap: 18px;
    border-radius: 3.418px;
    /* background: #FFF; */
    /* box-shadow: 0px 1.51px 7.552px 2.266px rgba(0, 0, 0, 0.15); */
    /* max-width: 460px; */
}
.awardText{
    color: var(--igo-cool-grey);
    font-family: Value;
    font-size: 15.86px;
    font-style: normal;
    font-weight: 700;
    line-height: 25.677px;
    width: 100%;
    text-align: left;
}

.awardTrust{
    border: 1.306px solid #000;
    background: #fff;
    width: 43%;
    max-width: 158px;
}

.awardTrust iframe{
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    max-height: 98.025px !important;
    border-style: none !important;
    display: block !important;
    overflow: hidden !important;
    padding: 3.914px 10.237px !important;
    box-sizing: border-box !important;
}

.awardDefaqto img{
    height: 100px;
}

.awardDefaqto{
    display: none;
}

.awardWhich{
    box-sizing: border-box;
    max-height: 120px;
    width: 50%;
    max-width: fit-content;
}

.awardWhich img{
    width: 100%;
}

.awardDefaqto, .awardWhich{
    line-height: 0;
}

.whyChoose{
    position: relative;
    margin-top: unset;
    z-index: 1;
    margin-block-start: 0;
    padding: 30px 0;
}

.whyChoose:before{
    content: "";
    position: absolute;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="61" height="298" viewBox="0 0 61 298" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M-121.83 228.094C-203.147 270.584 -297.512 316.217 -375.306 290.197C-474.087 257.158 -541.151 182.805 -492.81 104.012C-447.146 29.5805 -312.843 11.6322 -199.351 3.39676C-91.6983 -4.41502 34.4474 -2.51042 57.423 64.085C79.3548 127.655 -33.5117 181.945 -121.83 228.094Z" fill="%2364C115"/></svg>');
    background-position: left 0%;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 140px;
    height: 100%;
    z-index: -1;
}

.whyChooseCont{
    padding: 0 16px;
    display: flex;
    gap: 40px;
    flex-direction: column;
    margin-block-start: 0;
    margin-block-end: 0;
    max-width: 1380px;
    margin: auto;
    position: relative;
}

.whyChooseCont .h2-style{
    color: var(--igo-blue);
    text-align: center;
    font-family: Value;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 54px;
    margin-block-start: 0;
    margin-block-end: 0;
}

.whyChooseBoxCont{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    justify-content: center;
    z-index: 1;
}
.whyChooseBox{
    display: flex;
    padding: 40px 28px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    border-radius: 4px;
    border: 1px solid  #ADAEB1;
    background: #FFF;
    width: 100%;
    color: var(--igo-cool-grey);
    text-align: center;
    font-family: Value;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 26.46px
}

.whyChooseBox sup{
    line-height: 0;
}

.whyChooseBox img{
    height: 100px;
}

.whyChooseBox p{
    margin-block-start: 0;
    margin-block-end: 0;
}

.wp-element-button, .wp-block-button__link{
    font-size: 20px;
    line-height: 29.4px;
    font-weight: 700;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1180px) and (orientation: landscape) {
   #ppc_buttons, .new_navbar {
        display: block !important;
    }
}

@media only screen and (min-width: 320px) {
    .whyChooseCont .h2-style{
        font-size: 45px;
    }
}

@media only screen and (min-width: 405px) {
    .hero-bg:before {
        background-size: 101%;
    }
}
@media only screen and (min-width: 480px) {
   
    /* .awardCont{
        flex-wrap: nowrap;
    } */
    .whyChooseBox {
        width: 34%
    }
    .buttonsCont a {
        width: 70%;
    }
}


@media only screen and (min-width: 450px) {
    
    .awardTrust iframe{
        width: 168.242px !important;
        height: 98.025px !important;
    }

}

@media only screen and (min-width: 560px) {
    .wave-bg:after{
        top: 48%;
    }
}

@media only screen and (min-width: 612px) {
    .awardDefaqto{
        display: block;
    }
}

@media only screen and (min-width: 1024px) {
    .awardDefaqto{
        display: none;
    }
}

@media only screen and (min-width: 1280px) {
    .awardDefaqto{
        display: block;
    }
}

@media only screen and (min-width: 768px) and (max-width: 810px) {
    .wp-element-button, .wp-block-button__link {
        font-size: 18px;
    }
}

@media only screen and (min-width: 768px) {
   
    .wave-bg:after{
        top: 52%;
    }

    .hero-sale-mob{
        background-image: url(https://res.cloudinary.com/dttwa61aq/image/upload/v1723562006/igo/2024_summer_sale/Tablet_768px.webp);
        padding-bottom: 30%;
    }
}

@media only screen and (min-width: 1024px) {
    .hero-bg:before{
        bottom: 24%;
    }
    .hero-bg:after {
        bottom: 6%;
    }
    
    .hero-sale-mob{
        display: none;
    }
    .hero-Lcol{
        width: 50%;
    }
    .hero-Rcol{
        width: 50%;
        display: block;
        padding-bottom: 67%;
        background-image: url(https://res.cloudinary.com/dttwa61aq/image/upload/v1723562007/igo/2024_summer_sale/Desk_-_20off.webp);
    }
    .whyChooseBox {
        width: 17.57%;
    }
    .buttonsCont{
        flex-direction: row;
        /* width: 85%; */
    }
    .awardCont {
        padding: 14.453px 20.051px 14.547px 20px;
    }

    .wp-element-button, .wp-block-button__link{
        font-size: 19px;
    }
    .awardText{
        width: 100%;
    }

}

@media only screen and (min-width: 1280px) {
    
    .hero-Rcol {
        padding-bottom: 46.1%;
    }
    .hero-bg:before{
        bottom: 14%;
    }
    .whyChooseBox {
        width: 18.97%;
        font-size: 19px;
        line-height: 26.4px;
    }
    .h1-styleBlue, .h1-styleGreen{
        font-size: 64px;
        line-height: 76.8px;
    }
    .ul-container {
        font-size: 18px;
        line-height: 26.46px;
    }
    .awardText {
        font-size: 21px;
        line-height: 34px;
        width: 100%;
    }
    .whyChooseCont .h2-style {
        font-size: 51px;
        line-height: 61.2px;
    }

    .wp-element-button, .wp-block-button__link{
        font-size: 20px;
        line-height: 29.4px;
    }

    .buttonsCont .mob{
        display: none;
    }
    .buttonsCont .desktop{
        display: inline-block;
    }

    .awardTrust iframe{
        height: 91px!important;
        width: 143.325px!important;
    }

    .awardDefaqto img{
        width: 143.624px;
        height: 91px;
    }

    .awardWhich img{
        width: 223.064px;
        height: 106px;
    }
    
}

@media only screen and (min-width: 1440px) {
   
    .whyChooseCont .h2-style {
        font-size: 57px;
        line-height: 68.4px;
    }

    .wp-element-button, .wp-block-button__link{
        font-size: 21px;
        line-height: 30.87px;
    }
    .hero-bg:before{
        bottom: 24%;
    }
    .whyChooseBox {
        font-size: 22px;
        line-height: 32.34px;
    }
}

/* End Hero Section */
/* Start Which Policy Section */
.whichPolicyCont {
    position: relative;
    margin-block-start: -1px;
    padding: 20px 16px 44px;
    /* background-image:
    url(https://res.cloudinary.com/dttwa61aq/image/upload/v1709570878/igo/ppc-2024/whichPolicy-bg.webp);
    background-position: 45% 0%;
    background-repeat: no-repeat;
    background-size: 170%; */
    background-color: var(--igo-greybg);
}

.whichPolicyCont:before {
    content: "";
    background-image: url(https://res.cloudinary.com/dttwa61aq/image/upload/v1709842773/igo/ppc-2024/which-policy-bg-v2.webp);
    background-size: 150%;
    position: absolute;
    top: 51%;
    left: 0px;
    opacity: 0.15;
    z-index: 0;
    width: 100%;
    height: 44.5%;
    background-repeat: no-repeat;
    mask-image:  linear-gradient(180deg, transparent 5%, rgba(0, 0, 0, 1) 52%, rgba(0, 0, 0, 1) 44%, transparent 95%);
}


.whichPolicyWrap{
    max-width: 1380px;
    margin: auto;
}

.whichFamilyCont {
    position: relative;
    margin-block-start: -1px;
    padding: 20px 16px 4px;
    background-image: url(https://res.cloudinary.com/dttwa61aq/image/upload/v1709845885/igo/ppc-2024/whichPolicy-bg_1440.webp),
    linear-gradient(180deg, var(--igo-lightgreen) 40%, var(--igo-greybg) 40%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    /* background-color: var(--igo-greybg); */
}


.whichFamilyCont:after {
    content: "";
    background-color: var(--igo-greybg);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}


.whichFamily {
    background-image: url(https://res.cloudinary.com/dttwa61aq/image/upload/v1709570879/igo/ppc-2024/whichPolicy-family.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    padding-bottom: 205px;
}

.whichPolicy{
    position: relative;
    padding-top: 40px;
}

.whichPolicy .h2-style {
    color: var(--igo-blue);
    text-align: center;
    font-family: Value;
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: 54px;
    margin-block-start: 0;
    margin-block-end: 0;
}

.whichPolicyBoxCont{
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin: 40px auto 0;
    max-width: 980px;
}

.whichPolicyBox {
    display: flex;
    padding: 24px 20px;
    flex-direction: column;
    /* justify-content: center; */
    align-items: left;
    gap: 24px;
    align-self: stretch;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0px 12px 24px 0px rgba(27, 59, 119, 0.05), 0px 24px 60px 0px rgba(6, 47, 125, 0.05), 0px 2px 4px 0px rgba(7, 4, 146, 0.1);
    width: auto;
}

.whichPolicyBox .wp-element-button, .whichPolicyBox .wp-block-button__link{
    font-size: 18px;
}
.whichPolicyBox .ul-container{
    height: 100%;
}

.whichPolicyBox .h2-style {
    color: var(--igo-blue);
    font-family: Value;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 43.2px;
    text-align: left;
}

.whichPolicyBox .h2-style sup{
    font-size: 20px;
    line-height: 1;
    vertical-align: text-top;
}

.whichPolicyBox .p-style {
    color: #444;
    font-family: Value;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26.46px;
    margin-block-start: 0;
    margin-block-end: 0;
}
.whichPolicyBox .ul-text {
    color: #444;
    font-family: Value;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26.46px;
}
.whichPolicyBox .ul-text span {
    display: contents;
    font-weight: 700;
}
.whichPolicy .buttonsCont {
    width: 100%;
}

.whichPolicyBox .buttonsCont a{
    width: 100%;
}

@media only screen and (min-width: 320px) {
    
.whichPolicyBox .wp-element-button, .whichPolicyBox .wp-block-button__link{
    font-size: 20px;
}
}
@media only screen and (min-width: 375px) {
    .whichFamily{
        padding-bottom: 285px;
    }
}

@media only screen and (min-width: 480px) {
    .whichFamilyCont {
        background-size: 160% 120%;
        background-position-y: 184%;
    }
}

@media only screen and (min-width: 768px) {
    .whichPolicyCont{
        background-position: 45% 0%;
        background-repeat: no-repeat;
        background-size: 140%;
    }
    .whichPolicyBoxCont{
        flex-direction: row;
    }
    .whichPolicyBox{
        width: 50%;
    }
    .whichFamily {
        background-image: url(https://res.cloudinary.com/dttwa61aq/image/upload/v1710265366/igo/ppc-2024/whichPolicy-family-desktop.webp);
        padding-bottom: 455px;
    }
}
@media only screen and (min-width: 1024px) {
    .whichPolicyBox .buttonsCont a{
        width: 81%;
    }
    .whichPolicyCont {
        background-size: 100%;
    }
    .whichFamilyCont {
        background-size: 100% 80%;
        background-position-y: 0%;
    }
}

/* @media only screen and (min-width: 1100px) {
    .whichFamilyCont {
        background-position: bottom;
    }
} */

@media only screen and (min-width: 1280px) {
    .whichPolicy .h2-style{
        font-size: 51px;
        line-height: 61.2px;
    }
    .whichPolicyBox .h2-style{
        font-size: 36px;
        line-height: 43.2px;
    }
}
@media only screen and (min-width: 1440px) {
    .whichPolicyCont {
        /* background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1440" height="415" viewBox="0 0 1440 415" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M1050.92 207.123C714.829 359.679 328.795 518.141 79.4719 327.179C-237.112 84.6997 -395.813 -342.307 -138.042 -703.529C105.461 -1044.76 603.98 -1032.78 1017.74 -987.64C1410.21 -944.817 1858.13 -838.756 1867.96 -484.654C1877.35 -146.638 1415.94 41.43 1050.92 207.123Z" fill="%23B8E293"/></svg>'); */
        background-position: 45% 0%;
        background-size: 100%;
    }
    .whichPolicyCont:after {
        content: "";
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="932" height="383" viewBox="0 0 932 383" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.584961 378.657C229.625 406.335 508.664 289.036 759.812 175.035C779.88 165.926 800.24 156.749 820.796 147.483C857.161 131.092 894.142 114.423 931.219 97.3581C817.153 39.7881 687.289 6.83774 554.719 0.649055C332.055 -9.74546 153.227 163.734 0.584961 378.657Z" fill="%2364C115"/></svg>');
        background-position: 45% 0%;
        background-size: 100%;
    }
    .whichPolicy .h2-style{
        font-size: 57px;
        line-height: 68.4px;
    }
    
    .whichPolicyBox .h2-style{
        font-size: 32px;
        line-height: 38.4px;
    }
}
/* End Which Policy Section */
/* Start Trust Section */
.trustPilot{
    margin-block-start: 0;
    /* background: var(--igo-greybg); */
    background: linear-gradient(180deg, var(--igo-greybg) 20%, #fff 50%);
}

.trustPilotWrap{
    padding: 44px 16px;
    max-width: 1380px;
    margin: auto;
}

.trustPilotWrap .h2-style{
    color: var(--igo-blue);
    text-align: center;
    font-family: Value;
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: 54px;
    margin-block-start: 0;
    margin-block-end: 40px;
}

@media only screen and (min-width: 1280px) {
    .trustPilotWrap .h2-style {
        font-size: 51px;
        line-height: 61.2px;
    }
}

@media only screen and (min-width: 1440px) {
    .trustPilotWrap .h2-style {
        font-size: 57px;
        line-height: 68.4px;
    }
}
/* End Trust Section */
/* Start Levels Section */
.levelsCont{
    width: 100%;
}

.levelsWrap{
    /* width: 100%; */
    max-width: 1380px;
    margin: auto;
    padding: 48px 16px;
}

.levelsWrap .h2-style{
    color: var(--igo-blue);
    text-align: center;
    font-family: Value;
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: 54px;
}

.levelsWrap .p-style{
    color: #444;
    text-align: center;
    font-family: Value;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 32.34px;
    max-width: 840px;
    margin: auto;
    padding-top: 12px;
    padding-bottom: 48px;
}

.levelsWrap .h2-style, .levelsWrap .p-style{
    margin-block-start: 0;
    margin-block-end: 0;
}


.levelsBoxWrap{
    display: flex;
    flex-direction: column;
    gap: 0px;
    justify-content: space-evenly;
}

.levelsBox{
    display: flex;
    flex-direction: column;
    padding: 10px;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    border-radius: 19px;
}

.levelsBoxInner{
    height: 100%;
}

/* black */
.black h2{
    color: #FFF;
    text-align: center;
    font-family: Value;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height:30px;
    margin-block-start: 0;
    margin-block-end: 0;

    position: relative;
    width: 100%;
    border-radius: 19px 19px 0 0;
    margin-bottom: -10px;
    padding: 10px 0;
    background: #000;
}

.black h2:before{
    content: "Black";
    position: relative;
    z-index: 2;
}

.black h2:after{
    content: "";
    background: url(https://res.cloudinary.com/dttwa61aq/image/upload/v1709648913/igo/ppc-2024/black-texture.webp);
    opacity: 0.25;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 17px 17px 0 0;
}

.black > .levelsBoxInner{
    border: 2px solid #000;
    border-top: unset;
    border-radius: 0 0 19px 19px;
    box-sizing: border-box;
}

/* gold */
.gold h2{
    color: #FFF;
    text-align: center;
    font-family: Value;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height:30px;
    margin-block-start: 0;
    margin-block-end: 0;

    position: relative;
    width: 100%;
    border-radius: 19px 19px 0 0;
    margin-bottom: -10px;
    padding: 10px 0;
    background: #E8A700;
}

.gold h2:before{
    content: "Gold";
    position: relative;
    z-index: 2;
}

.gold h2:after{
    content: "";
    background: url(https://res.cloudinary.com/dttwa61aq/image/upload/v1709650259/igo/ppc-2024/gold-texture.webp);
    opacity: 0.25;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 17px 17px 0 0;
}

.gold > .levelsBoxInner{
    border: 2px solid #E8A700;
    border-top: unset;
    border-radius: 0 0 19px 19px;
    box-sizing: border-box;
}

/* silver */
.silver h2{
    color: #FFF;
    text-align: center;
    font-family: Value;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height:30px;
    margin-block-start: 0;
    margin-block-end: 0;

    position: relative;
    width: 100%;
    border-radius: 19px 19px 0 0;
    margin-bottom: -10px;
    padding: 10px 0;
    background: #868789;
}

.silver h2:before{
    content: "Silver";
    position: relative;
    z-index: 2;
}

.silver h2:after{
    content: "";
    background: url(https://res.cloudinary.com/dttwa61aq/image/upload/v1709650845/igo/ppc-2024/silver-texture.webp);
    opacity: 1;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 17px 17px 0 0;
}

.silver > .levelsBoxInner{
    border: 2px solid #868789;
    border-top: unset;
    border-radius: 0 0 19px 19px;
    box-sizing: border-box;
}

/* budget */
.budget h2{
    color: #FFF;
    text-align: center;
    font-family: Value;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height:30px;
    margin-block-start: 0;
    margin-block-end: 0;

    position: relative;
    width: 100%;
    border-radius: 19px 19px 0 0;
    margin-bottom: -10px;
    padding: 10px 0;
    background: #8C4800;
}

.budget h2:before{
    content: "Budget";
    position: relative;
    z-index: 2;
}

.budget h2:after{
    content: "";
    background: linear-gradient(95deg, rgba(140, 72, 0, 0.75) 1.53%, rgba(189, 109, 24, 0.75) 96.41%);
    opacity: 1;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 17px 17px 0 0;
}

.budget > .levelsBoxInner{
    border: 2px solid #8C4800;
    border-top: unset;
    border-radius: 0 0 19px 19px;
    box-sizing: border-box;
}

.levelsBoxRow{
    color: #444;
    font-family: Value;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26.46px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-bottom: 1px solid var(--igo-greybg);
    margin: 0 20px;
    padding: 16px 0;
    gap: 20px
}

.levelsBoxRow:last-of-type{
    border-bottom: 0px solid var(--igo-greybg);
}

.levelsBoxRow .levelsBoxRowSub{
    font-weight: 700;
}

.levelsBoxInner{
    width: 100%;
}

.levelsBoxRowMain, .levelsBoxRowSub{
        text-align: center;
    }


@media only screen and (min-width: 480px) {
    .levelsBoxRow{
        flex-direction: row;
    }
    
    .levelsBoxRowMain, .levelsBoxRowSub{
        text-align: unset;
    }

    .levelsBoxRowSub{
        min-width: 31%;
        text-align: right;
    }
}
@media only screen and (min-width: 768px) {
    .levelsBoxWrap{
        flex-direction: row;
        flex-wrap: wrap;
    }
    .levelsBox{
        width: 47%;
    }
    .levelsBoxRow{
        flex-direction: column;

    }
    .levelsBoxRowMain, .levelsBoxRowSub{
        text-align: center;
    }
}
@media only screen and (min-width: 1024px) {
        .levelsBox {
        width: 22.95%;
    }
    
}
@media only screen and (min-width: 1280px) {
    .levelsWrap .h2-style{
        font-size: 57px;
        line-height: 68.4px;
    }
    .levelsBoxRowSub{
        font-size: 26.87px;
        line-height: 32.244px;
    }
}
/* End Levels Section */
/* Start Being Covered Section */
.beingCoveredCont{
    width: 100%;
    margin-block-start: 0;
    margin-block-end: 0;
}
.beingCoveredWrap{
    display: flex;
    padding: 48px 16px 96px;
    flex-direction: column;
    gap: 48px;
    max-width: 1380px;
    margin: auto;
}

.beingCoveredWrap .h2-style{
    color: var(--igo-blue);
    text-align: center;
    font-family: Value;
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: 54px;
    margin-block-start: 0;
    margin-block-end: 0;
}

.beingCoveredBoxWrap{
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 28px;
    padding: 0 20px;
    justify-content: center;
}

.beingCoveredBoxWrap:after{
    position: absolute;
    content: "";
    border-left: 1px solid #ADAEB1;
    height: 90%;
    width: 2px;
    top: 5%;
    left: 50%;
    z-index: -1;
}

.beingCoveredBox{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 3.49px;
    background: #FFF;
    box-shadow: 3.49px 3.49px 8.726px 4.363px rgba(0, 0, 0, 0.24);
    padding: 35px 28px;
    flex: 1;
}

.beingCoveredBox img{
    width: 66.3px;
    margin-bottom: 10px;
}

.beingCoveredBox .h2-style{
    color: var(--igo-blue);
    text-align: center;
    font-family: Value;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 32.34px;
}

.beingCoveredBox .p-style{
    color: #444;
    text-align: center;
    font-family: Value;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26.46px;
    margin-block-start: 0;
    margin-block-end: 0;
}

@media only screen and (min-width: 769px) {
    .beingCoveredBoxWrap{
        flex-direction: row;
    }
    .beingCoveredBox{
        width: 22.6%;
    }
    .beingCoveredBoxWrap:after{
        border-top: 1px solid #ADAEB1;
        border-left: unset;
        width: 90%;
        top: 50%;
        left: unset;
    }
}

@media only screen and (min-width: 1280px) {
    .beingCoveredWrap .h2-style{
        font-size: 57px;
        line-height: 68.4px;
    }
    .beingCoveredBox .h2-style{
        font-size: 25px;
        line-height: 30px;
    }
}

@media only screen and (min-width: 1280px) {
    .beingCoveredBox{
        gap: 12px;
    }
    .beingCoveredBox img{
        margin-bottom: 12px;
    }
}
/* End Being Covered Section */
/* Start Ready Section */
.readyCont{
    width: 100%;
    background: var(--igo-greybg);
}

.readyWrap{
    padding: 48px 24px;
    max-width: 650px;
    margin: auto;
}

.readyBox{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.readyBox img{
    width: 83px;
}

.readyBox .h2-style{
    color: var(--igo-blue);
    text-align: center;
    font-family: Value;
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: 54px;
    margin-block-start: 0;
    margin-block-end: 41px;
}

.readyBox .buttonsCont{
    width: 100%;
    align-items: center;
}

.readyBox .buttonsCont a{
    width: 100%;
}

@media only screen and (min-width: 1024px) {
  .readyBox .h2-style{
    font-size: 51px;
    line-height: 61.2px;
  }
}

@media only screen and (min-width: 1280px) {
  .readyBox .h2-style{
    font-size: 57px;
    line-height: 68.4px;
  }
}
/* End Ready Section */
/* Start Newsletter Section */
.newsLetterCont{
    position: relative;
    width:100%;
    background: url(https://res.cloudinary.com/dttwa61aq/image/upload/v1709656495/igo/ppc-2024/newsletter-background.webp),
     linear-gradient(180deg, var(--igo-greybg) 50%, var(--igo-blue) 50%);
    background-position: 50% 10%;
    background-repeat: no-repeat;
    background-size: 270%;
    
    margin-block-start: 0;
    margin-block-end: 0;
}
.newsLetterCont:after{
    position: absolute;
    content: "";
    background: linear-gradient(180deg, var(--igo-greybg) 60%, var(--igo-blue) 60%);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.newsLetterWrap{
    padding: 70px 10px;
    max-width:1160px;
    margin: auto;
}

.formImg{
    display: none;
}

.formImgMob{
    display: block;
    margin-block-end: -10px;
}

.formImgMob img{
    width: 100%;
}

.form{
    display: flex;
    flex-direction: column;
    border-radius: 4px;
    background: #FFF;
    box-shadow: 4px 4px 10px 5px rgba(0, 0, 0, 0.24);
}

.formWrap{
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    background: #fff;
}

.formWrap .h2-style{
    color: var(--igo-blue);
    font-family: Value;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 33.6px;
    margin-block-start: 0;
    margin-block-end: 0;
}

.formWrap .p-style{
    color: #444;
    font-family: Value;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 23.52px;
    margin-block-start: 0;
    margin-block-end: 0;
}

.formWrapLogo{
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
}

.formWrapLogo img{
    width: 149.989px;
    height: 48.27px;
}

.formWrapLogo p{
    color: var(--igo-blue);
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 32.34px;
    margin-block-end: 0;
    margin-block-start: 0;
}

.formWrap .wp-element-button, .formWrap .wp-block-button__link{
    font-size: 14px;
}

.inputWrap{
    display: flex;
    flex-wrap: wrap;
    align-content: stretch;
    flex-direction: row;
    justify-content: flex-end;
    gap: 16px 8px;
}

.inputWrap input{
    color: #444;
    font-family: Value;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20.58px;
    border-radius: 4px;
    border: 1px solid #444;
    opacity: 1;
    z-index: unset;
    position: unset;
    padding: 8px 14px;
    width: 100%;
}

.inputWrap input:last-of-type{
    width: 100%;
}

.inputWrap input#fname, .inputWrap input#lname{
    flex: 1;
}


@media only screen and (min-width: 425px) {
    .newsLetterWrap {
        padding: 70px 30px;
    }
}

@media only screen and (min-width: 480px) {
    .newsLetterWrap {
        padding: 70px 71px;
    }
    .inputWrap input{
        width: 38.2%;
    }
    
}


@media only screen and (min-width: 1024px) {

    .newsLetterCont{
        background-size: 130%;
    }
    
    .form{
        flex-direction: row;
    }
    .formImg {
        display: block;
        background: url(https://res.cloudinary.com/dttwa61aq/image/upload/v1709895533/igo/ppc-2024/form-couple-splash-v2.webp);
        background-size: cover;
        background-position: bottom;
        width: 50%;
        background-repeat: no-repeat;
    }
    .formImgMob {
        display: none;
    }
    .formWrap {
        width: 40%;
    }

    .formWrap .h2-style {
        font-size: 44px;
        line-height: 52px;
    }
    .formWrap .wp-element-button, .formWrap .wp-block-button__link{
        font-size: 18px;
    }
}

@media only screen and (min-width: 1280px) {
    .formWrap{
        padding: 48px;
    }
.formWrap .h2-style {
    font-size: 44px;
    line-height: 52.8px;
}
.formWrap .p-style{
    font-size: 32px;
    line-height: 41.6px;
}

.formWrapLogo{
    flex-direction: row;

}

.formWrapLogo img{
    width: 199.708px;
    height: 64.27px;
}

.formWrapLogo p{
    font-size: 22px;
    line-height: 32.34px;
}

}

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

    .newsLetterCont{
        background-position: 50% 100%;
        background-size: 100%;
    }
}
/* End Newsletter Section */
/* Start Caviate Section */
.caviateCont{
    background: var(--igo-blue);
    margin-block-start: 0;
    margin-block-end: 0;
}

.caviateWrap{
    max-width: 1380px;
    margin: auto;
    padding: 48px 24px;
}

.caviateWrap ol{
    color: #fff;
    font-family: Value;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 23.52px;
    padding-inline-start: 20px;
    margin-block-start: 0;
}

.caviateWrap p{
    color: #fff;
    font-family: Value;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 23.52px;
    margin-block-start: 0;
    margin-block-end: 0;
}
/* End Caviate Section */
/* Start Footer Section */
footer .myigo,
footer .help_icon,
footer .about,
footer .joinus{
    border-bottom: 1px solid #fff;
}

footer p::before {
    display: none;
}

.uplink a{
    position: relative;
}

.uplink a:before{
    content: "";
    position: absolute;
    top: -15px;
    background: url(https://res.cloudinary.com/dttwa61aq/image/upload/v1710762078/igo/ppc-2024/uparrow.webp);
    background-size: cover;
    background-position: bottom;
} 
/* End Footer Section */

@media only screen and (min-width: 1181px) {
    #ot-sdk-btn-floating.ot-floating-button {
        bottom: 10px!important;
    }
    #zendeskLauncher {
        bottom: 16px!important;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1180px) and (orientation: landscape) {
    #ppc_phone {
        display: none!important;
    }
}