@import url('https://fonts.googleapis.com/css2?family=Uncut%20Sans:wght@100;300;400;500;700;900&display=swap');



//8252161.fs1.hubspotusercontent-na1.net/hubfs/8252161/raw_assets/public/bildit-web/fonts/GT-Wal/GTWalsheimTrial-CnBl.woff

@font-face {
    font-family: 'GT Walsheim Trial';
    src: url('//8252161.fs1.hubspotusercontent-na1.net/hubfs/8252161/raw_assets/public/bildit-web/fonts/GT-Wal/GTWalsheimTrial-CnBl.woff2') format('woff2'),
        url('//8252161.fs1.hubspotusercontent-na1.net/hubfs/8252161/raw_assets/public/bildit-web/fonts/GT-Wal/GTWalsheimTrial-CnBl.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'GT Walsheim Trial';
    src: url('//8252161.fs1.hubspotusercontent-na1.net/hubfs/8252161/raw_assets/public/bildit-web/fonts/GT-Wal/GTWalsheimTrial-CnBd.woff2') format('woff2'),
        url('//8252161.fs1.hubspotusercontent-na1.net/hubfs/8252161/raw_assets/public/bildit-web/fonts/GT-Wal/GTWalsheimTrial-CnBd.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
} 
@font-face {
    font-family: 'GT Walsheim Trial';
    src: url('//8252161.fs1.hubspotusercontent-na1.net/hubfs/8252161/raw_assets/public/bildit-web/fonts/GT-Wal/GTWalsheimTrial-CnLt.woff2') format('woff2'),
        url('//8252161.fs1.hubspotusercontent-na1.net/hubfs/8252161/raw_assets/public/bildit-web/fonts/GT-Wal/GTWalsheimTrial-CnLt.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GT Walsheim Trial';
    src: url('//8252161.fs1.hubspotusercontent-na1.net/hubfs/8252161/raw_assets/public/bildit-web/fonts/GT-Wal/GTWalsheimTrial-Lt.woff2') format('woff2'),
        url('//8252161.fs1.hubspotusercontent-na1.net/hubfs/8252161/raw_assets/public/bildit-web/fonts/GT-Wal/GTWalsheimTrial-Lt.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'GT Walsheim Trial';
    src: url('//8252161.fs1.hubspotusercontent-na1.net/hubfs/8252161/raw_assets/public/bildit-web/fonts/GT-Wal/GTWalsheimTrial-CnTh.woff2') format('woff2'),
        url('//8252161.fs1.hubspotusercontent-na1.net/hubfs/8252161/raw_assets/public/bildit-web/fonts/GT-Wal/GTWalsheimTrial-CnTh.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GT Walsheim Trial';
    src: url('//8252161.fs1.hubspotusercontent-na1.net/hubfs/8252161/raw_assets/public/bildit-web/fonts/GT-Wal/GTWalsheimTrial-Rg.woff2') format('woff2'),
        url('//8252161.fs1.hubspotusercontent-na1.net/hubfs/8252161/raw_assets/public/bildit-web/fonts/GT-Wal/GTWalsheimTrial-Rg.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GT Walsheim Trial';
    src: url('//8252161.fs1.hubspotusercontent-na1.net/hubfs/8252161/raw_assets/public/bildit-web/fonts/GT-Wal/GTWalsheimTrial-CnMd.woff2') format('woff2'),
        url('//8252161.fs1.hubspotusercontent-na1.net/hubfs/8252161/raw_assets/public/bildit-web/fonts/GT-Wal/GTWalsheimTrial-CnMd.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GT Walsheim Trial';
    src: url('//8252161.fs1.hubspotusercontent-na1.net/hubfs/8252161/raw_assets/public/bildit-web/fonts/GT-Wal/GTWalsheimTrial-CnRg.woff2') format('woff2'),
        url('//8252161.fs1.hubspotusercontent-na1.net/hubfs/8252161/raw_assets/public/bildit-web/fonts/GT-Wal/GTWalsheimTrial-CnRg.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'GT Walsheim Trial';
    src: url('//8252161.fs1.hubspotusercontent-na1.net/hubfs/8252161/raw_assets/public/bildit-web/fonts/GT-Wal/GTWalsheimTrial-Md.woff2') format('woff2'),
        url('//8252161.fs1.hubspotusercontent-na1.net/hubfs/8252161/raw_assets/public/bildit-web/fonts/GT-Wal/GTWalsheimTrial-Md.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'GT Walsheim Trial';
    src: url('//8252161.fs1.hubspotusercontent-na1.net/hubfs/8252161/raw_assets/public/bildit-web/fonts/GT-Wal/GTWalsheimTrial-CnUBd.woff2') format('woff2'),
        url('//8252161.fs1.hubspotusercontent-na1.net/hubfs/8252161/raw_assets/public/bildit-web/fonts/GT-Wal/GTWalsheimTrial-CnUBd.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GT Walsheim Trial';
    src: url('//8252161.fs1.hubspotusercontent-na1.net/hubfs/8252161/raw_assets/public/bildit-web/fonts/GT-Wal/GTWalsheimTrial-CnULt.woff2') format('woff2'),
        url('//8252161.fs1.hubspotusercontent-na1.net/hubfs/8252161/raw_assets/public/bildit-web/fonts/GT-Wal/GTWalsheimTrial-CnULt.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GT Walsheim Trial';
    src: url('') format('woff2'),
        url('//8252161.fs1.hubspotusercontent-na1.net/hubfs/8252161/raw_assets/public/bildit-web/fonts/GT-Wal/GTWalsheimTrial-ULt.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GT Walsheim Trial';
    src: url('//8252161.fs1.hubspotusercontent-na1.net/hubfs/8252161/raw_assets/public/bildit-web/fonts/GT-Wal/GTWalsheimTrial-UBd.woff2') format('woff2'),
        url('//8252161.fs1.hubspotusercontent-na1.net/hubfs/8252161/raw_assets/public/bildit-web/fonts/GT-Wal/GTWalsheimTrial-UBd.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GT Walsheim Trial';
    src: url('//8252161.fs1.hubspotusercontent-na1.net/hubfs/8252161/raw_assets/public/bildit-web/fonts/GT-Wal/GTWalsheimTrial-Bl.woff2') format('woff2'),
        url('//8252161.fs1.hubspotusercontent-na1.net/hubfs/8252161/raw_assets/public/bildit-web/fonts/GT-Wal/GTWalsheimTrial-Bl.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GT Walsheim Trial';
    src: url('//8252161.fs1.hubspotusercontent-na1.net/hubfs/8252161/raw_assets/public/bildit-web/fonts/GT-Wal/GTWalsheimTrial-Th.woff2') format('woff2'),
        url('//8252161.fs1.hubspotusercontent-na1.net/hubfs/8252161/raw_assets/public/bildit-web/fonts/GT-Wal/GTWalsheimTrial-Th.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family:'Uncut Sans';
    src: url('//8252161.fs1.hubspotusercontent-na1.net/hubfs/8252161/raw_assets/public/bildit-web/fonts/uncut-sans/Uncut-Sans-Variable.woff2') format('woff2'),
        url('//8252161.fs1.hubspotusercontent-na1.net/hubfs/8252161/raw_assets/public/bildit-web/fonts/uncut-sans/Uncut-Sans-Variable.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family:'Uncut Sans';
    src: url('//8252161.fs1.hubspotusercontent-na1.net/hubfs/8252161/raw_assets/public/bildit-web/fonts/uncut-sans/UncutSans-Light.woff2') format('woff2'),
        url('//8252161.fs1.hubspotusercontent-na1.net/hubfs/8252161/raw_assets/public/bildit-web/fonts/uncut-sans/UncutSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family:'Uncut Sans';
    src: url('//8252161.fs1.hubspotusercontent-na1.net/hubfs/8252161/raw_assets/public/bildit-web/fonts/uncut-sans/Uncut-Sans-Semibold.woff2') format('woff2'),
        url('//8252161.fs1.hubspotusercontent-na1.net/hubfs/8252161/raw_assets/public/bildit-web/fonts/uncut-sans/Uncut-Sans-Semibold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.site_container {
    max-width: 1920px;
    margin: 0 auto;
    width: 100%;
    padding: 0 160px;
    height: 100%;
    box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6, a, p, span, li {
    font-family: 'GT Walsheim Trial';
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
   
}
span {
    display: inline-block;
}
/* img {
    width: 100%;
    height: 100%;
    object-fit: cover;
} */
a {
    text-decoration: none;
    cursor: pointer;
}
a:hover {
    text-decoration: none;
}
ul {
    list-style: none;
}

.section-padding {
    padding-top: 50px;
    padding-bottom: 50px;
}

.bildit_hero h1 {
    font-style: normal;
    font-weight: 500;
    font-size: 64px;
    line-height: 64px;
    color: #FFFFFF;
    font-family: 'GT Walsheim Trial';
    max-width: 750px;
}
.bildit_hero p{
    font-style: normal;
    font-weight: 300;
    font-size: 44px;
    line-height: 64px;
    color: #FFFFFF;
    padding: 60px 0 100px;
    max-width: 750px;
}
.bildit_hero a{
    
    align-items: center;
    background: #ED1E79;
    color: #FFFFFF;
    border-radius: 60px;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 34px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    padding: 30px 120px;
    display: inline-block;
}
.bildit_hero{
    width: 100%;
    background-image: url('../../images/Gradient-Background2%201.png');
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    position: relative;
}
.bildit_hero .hero_col{
    width: 50%;
    padding-left: 50px;
    background-color: #1A73E8;
}
.bildit_hero .hero_col:first-child{
    max-width: 896px;
    margin: 0 auto;
    padding:65px 50px 50px 0;
    box-sizing: unset;
}
.bildit_hero .hero_inner {
    display: flex;
    padding-top: 260px;
    position: relative;
    z-index: 9;
}
.bildit_hero .hero_col .hero_img{
    width: 545px;
    height: 655px;
    margin-left: auto;
}
.overlay{
    background:#171717;
    opacity: 0.45;
    position: absolute;
    inset: 0 0 0 0;
    width: 100%;
    height: 100%;
}
.assessment{
    width: 100%;
    margin: 105px 0 75px;
}
.assessment_inner{
    background: #FFFFFF;
    border: 1px solid #D9D9D9;
    box-shadow: 0px 40px 80px rgba(0, 0, 0, 0.1);
    border-radius: 24px;
    display: flex;
    align-items: center;
    padding: 20px;
    height:auto ;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
}
.assessment_col:first-child{
    padding: 10px 130px 10px 0;
    width: 45%;
    max-width: 535px;
    box-sizing: unset;
}
.assessment_col:last-child{
    width: 55%;
}


.assessment_col h2{
    font-family: 'GT Walsheim Trial';
    font-style: normal;
    font-weight: 500;
    font-size: 44px;
    line-height: 50px;
    letter-spacing: -0.03em;
}
.assessment_col p{
    font-family: 'GT Walsheim Trial';
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    line-height: 30px;
    color: #171717;
    padding: 20px 0 60px;
}

.assessment_col a{
    background: linear-gradient(272.34deg, #3B1EED 2.95%, #FD1F6F 96.19%);
    border-radius: 70px;
    font-family: 'GT Walsheim Trial';
    font-style: normal;
    font-weight: 800;
    font-size: 20px;
    line-height: 23px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 24px 50px;
    display: inline-block;
}

/* ************************************************* */
            /* ****** Premium Section ***** */
/* ************************************************* */
.premium{
    width: 100%; 
}
.premium_inner{
    padding: 95px 0 75px;
    display:flex ;
   
}
.premium_col:first-child{
    width: 45%;
}
.premium_col:last-child{
    padding:70px 0 0 115px;
    width: 55%;
}
.premium_col h2{
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 44px;
    line-height: 54px;
    color: #171717;
}
.premium_col p{
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    line-height: 34px;
    color: #171717;
    padding: 85PX 0 130PX;
}
.premium_col a{
    font-family: 'GT Walsheim Trial';
    font-style: normal;
    font-weight: 800;
    font-size: 20px;
    line-height: 23px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #000000;
    background: linear-gradient(272.34deg, #3B1EED 2.95%, #FD1F6F 96.19%);;
    border-radius: 70px;
    padding: 24px 50px;
    display: inline-block;
    position: relative;
}
.premium_col a::after {
    content: "";
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    background-color: #fff;
    top: 4px;
    left: 4px;
    translate: 0;
    position: absolute;
    border-radius: 70px;
}
.premium_col a p{
    position: relative;
    z-index: 50;
    padding: 0;
    font-family: 'GT Walsheim Trial';
    font-style: normal;
    font-weight: 800;
}

/* ************************************************* */
            /* ****** Comparison Section***** */
/* ************************************************* */

.comparison{
    width: 100%;
    padding: 200px 0;    
    background: #ED1E79;
}
.comparison_heading{
    padding-bottom: 70px;
}
.comparison_heading h2{
    font-family:'Uncut Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 44px;
    line-height: 55px;
    color: #FAEEEE;
    text-align: center;
}
.comparison_inner{
    background: #FAFBFC;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    max-width: 1345px;
    margin: 0 auto;
    box-shadow: 0px 1px 0px #E6E6E6;
}
.comparison_inner ul li span{
    width: 35px;
    height: 35px;
}
.comparison_inner ul li{
    height: 104px;
    display: flex;
    justify-content: center;
    align-items: center;
} 
.comparison_col:nth-child(2),
.comparison_col:nth-child(3){
    background-color: #FAFBFC;
    
}
.comparison_inner .comparison_col:first-child{
   background-color: #FFFFFF;
}
.comparison_inner .comparison_col:first-child li{
    box-shadow: 0px 1px 0px #E6E6E6;
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    text-transform: uppercase; 
    color: #000000;
    text-align: left;
    justify-content: flex-start;
    padding-left: 55px;
}
.comparison_inner .comparison_col:last-child li{
    box-shadow: 0px 1px 0px #E6E6E6;
    background: rgb(237, 30, 121,0.15);
}

.comparison_inner ul li p{
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
}
.comparison_inner .comparison_col:last-child li p{
    font-family: 'GT Walsheim Trial';
    font-style: normal;
    font-weight: 800;
    font-size: 34px;
    line-height: 39px;
    color: #000000;
}
.comparison_inner .comparison_col:last-child li p span{
    color: #ED1E79;
}

/* ************************************************* */
            /* ****** Comparison Section***** */
/* ************************************************* */
.personality{
    width: 100%;
    background-image: url();
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.personality_inner{
    display: flex;
    padding: 80px 0;
    position: relative;
    align-items: center;
}
.personality_col:first-child{
    width: 52%;
}
.personality_col:last-child{
    width: 49%;
    padding-left: 125px;
}
.personality_col_img{
    width: 78%;
}
.personality_inner h2{
    font-family: 'GT Walsheim Trial';
    font-style: normal;
    font-weight: 500;
    font-size: 44px;
    line-height: 50px;
    letter-spacing: -0.03em;
    color: #FFFFFF;
}
.personality_inner p{
    font-family: 'GT Walsheim Trial';
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    line-height: 34px;
    color: #FFFFFF;
    padding: 30px 0 80px;
}
.personality_inner a{
    font-family: 'GT Walsheim Trial';
    font-style: normal;
    font-weight: 800;
    font-size: 20px;
    line-height: 23px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #000000;
    background: linear-gradient(272.34deg, #3B1EED 2.95%, #FD1F6F 96.19%);;
    border-radius: 70px;
    padding: 24px 100px;
    display: inline-block;
    position: relative;
}
.personality_inner  a::after {
    content: "";
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    background-color: #fff;
    top: 5px;
    left: 5px;
    translate: 0;
    position: absolute;
    border-radius: 70px;
}
.personality_inner a p{
    position: relative;
    z-index: 1;
    padding: 0;
    font-family: 'GT Walsheim Trial';
    font-style: normal;
    font-weight: 800;
    color: #000000;
}

/* ************************************************* */
            /* ****** Native Section***** */
/* ************************************************* */

.native {
    width: 100%;
    padding: 150px 0;
    background-color: #F2F2F2;
}
.native_inner{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    max-width: 1400px;
    margin: 0 auto;
    gap: 100px 110px;
}
.native_col{
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 30px;
}
.native_col span{
    width: 84px;
    height: 84px;
}
.native_col span img{
    object-fit: contain;
}
.native_inner .native_col p{
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 300;
    font-size: 28px;
    line-height: 38px;
    text-align: center;
    color: #111111;
}
.native  .button a{
    font-family: 'GT Walsheim Trial';
    font-style: normal;
    font-weight: 800;
    font-size: 20px;
    line-height: 23px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #000000;
    background: linear-gradient(272.34deg, #3B1EED 2.95%, #FD1F6F 96.19%);;
    border-radius: 70px;
    padding: 24px 100px;
    display: inline-block;
    position: relative;

}
.native .button a::after {
    content: "";
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    background-color: #fff;
    top: 5px;
    left: 5px;
    translate: 0;
    position: absolute;
    border-radius: 70px;
    
}
.native .button{
    padding-top: 100px;
    width: fit-content;
    margin: 0 auto;
}
.native .button a p{
    position: relative;
    z-index: 1;
    padding: 0;
    font-family: 'GT Walsheim Trial';
    font-style: normal;
    font-weight: 800;
    color: #000000;
   
}

/* ************************************************* */
            /* ****** Refrence Section***** */
/* ************************************************* */


.refrence_col {
    display: flex;
    width: 100%; 
}
.refrence_col_single {
    width: 50%;
}
.refrence_col_single:first-child{
    display: flex;
    justify-content: center;
    flex-direction: column;
    max-width: 645px;
    margin: 0 auto;
}
.refrence_col_single h2{
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 44px;
    line-height: 57px;
    text-transform: uppercase;
    color: #171717;
}
.refrence_col_single p{
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    color: #171717;
    padding-top: 30px;
}
.refrence_col_single:last-child{
    display: flex;
    justify-content: center;
    position: relative;
    background: url(//8252161.fs1.hubspotusercontent-na1.net/hubfs/8252161/raw_assets/public/bildit-web/images/ref-bac.png) ;
    padding: 121px 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.refrence_col_single:last-child .refrence_col_single_img:last-child{
    margin-left: -85px;
    margin-top: 135px;
}

.refrence  .slick-dots li {
    display: block;
}
.refrence  .slick-dots li button:before{
    font-size: 35px;
    content: "";
    background-color: #BFBFBF;
    width: 8px;
    height: 14px;
    border-radius: 10px;
    margin-bottom: 10px;
    opacity: 1;
}
.refrence  .slick-dots {
    translate: 20px -37%;
    top: 50%;
    width: 14px;
    display: flex !important;
    flex-direction: column;
    height: 200px;
}
.refrence  .slick-dots li button {
    width: 0;
    height: 0;
    padding: 0;
  
}
.refrence  .slick-dots li.slick-active button:before{
    background-color: #ED1E79;
    width: 8px;
    height: 44px;
   
}
.refrence  .slick-dots li{
    margin: 0 0 10px 0;
    width: 8px;
    background: #BFBFBF;
    border-radius: 10px;
    height: 14px;
}
.refrence  .slick-dots li.slick-active {
    height: 44px;
}
.refrence_col_single_img{
    width: 35%;
    height: auto;
}
.refrence .site_container{
    padding: 0;
    max-width: 1920px;
}

.refrence  .slick-dotted.slick-slider {
    margin-bottom: 0;
}
.refrence  .slick-vertical .slick-slide{
    border: none;
}
.refrence   .slick-slide img{
    object-fit: contain;
    max-height: 700px;
}
/* ************************************************* */
            /* ****** Toolkit Section***** */
/* ************************************************* */

.toolkit{
    width: 100%;
    height: auto;
    background-image: url();
    padding-top: 130px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.toolkit .site_container{
    padding-right: 0;
}
.toolkit_inner {
    display: flex;
    align-items: center;
    
}

.toolkit_col{
    width: 40%;
    padding-right: 95px;
}
.toolkit_col:last-child {
    width: 60%;
    padding: 0;
}
.toolkit_col h2{
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 44px;
    line-height: 57px;
    color: #FFFFFF;
    max-width: 480px;
}
.toolkit_col p{
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 300;
    font-size: 23px;
    line-height: 34px;
    color: #FFFFFF;
    padding-top: 15px;
    max-width: 615px;
}

/* ************************************************* */
            /* ****** Platforms Section***** */
/* ************************************************* */ 

.platforms{
    background-color: #ED1E79;
    padding: 100px 0;
}
.platforms_inner{
    max-width: 1120px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 121px 176px 140px 167px 211px; 
    gap: 75px;
   
}
.platforms_inner .platforms_col img{ 
    object-fit: contain;
}
.platforms .platforms_heading{
    /* max-width: 770px; */
    margin: 0 auto;
    padding-bottom: 70px;

}
.platforms .platforms_heading h2{
    text-align: center;
    font-family: GT Walsheim Trial;
    font-size: 54px;
    font-style: normal;
    font-weight: 800;
    line-height: 55px;
    letter-spacing: -0.54px;
    text-transform: uppercase;
    color: #fff;
}
/* ************************************************* */
            /* ****** Hero banner section ***** */
/* ************************************************* */ 

.home_page_container {
    height: 100vh;
}
.home_page_header {
    color: #FFFFFF;
    text-align: center;
    font-family: 'Uncut Sans';
    font-size: 54px;
    font-style: normal;
    font-weight: 700;
    line-height: 74px; /* 137.037% */
}
.home_page_sub-header {
    color: #FFF;
    text-align: center;
    font-family: 'Uncut Sans';
    font-size: 34px;
    font-style: normal;
    font-weight: 300;
    line-height: 64px; 
}
/* ************************************************* */
            /* ****** Empowering section ***** */
/* ************************************************* */ 
.two_side_column_header {
    color: #171717;
    font-family: 'Uncut Sans';
    font-size: 54px;
    font-style: normal;
    font-weight: 400;
    line-height: 64px;
}
.two_side_column_sub_header {
    color:  #171717;
    font-family: 'Uncut Sans';
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    line-height: 44px;
}
.two_side_column_header-details {
    color:  #171717;
    font-family: 'Uncut Sans';
    font-size: 44px;
    font-style: normal;
    font-weight: 400;
    line-height: 44px;
}
/* ************************************************* */
            /* ****** Two row left image WITH BG ***** */
/* ************************************************* */ 
.two_side_column_header-bg {
    color: #FFF;
    font-family: 'Uncut Sans';
    font-size: 54px;
    font-style: normal;
    font-weight: 400;
    line-height: 64px;
}
.two_side_column_sub_header-bg {
    color:  #FFF;
    font-family: 'Uncut Sans';
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    line-height: 44px;
}

/* ************************************************* */
            /* ****** Footer Section***** */
/* ************************************************* */ 

footer{
    background-color: #171717;
    width: 100%;
    background-image: url(//8252161.fs1.hubspotusercontent-na1.net/hubfs/8252161/raw_assets/public/bildit-web/images/footer-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    position: relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
footer::after {
    content: '';
    background: linear-gradient(230.66deg, rgba(145, 3, 248, 0) 27.71%, rgba(237, 30, 121, 0.35) 92.36%);
    opacity: 0.55;
    filter: blur(50px);
    transform: rotate(-146.66deg);
    position: absolute;
    top: 0;
    right: 0;
}
footer .trial_main{
  padding: 100px 0px;
  border-bottom: 1px solid #666;
}
footer .trial_inner h2{
  font-size: 54px;
  max-width: 1290px;
  margin: auto;
}
footer .trial_inner ul{
  display: none;
}

footer .footer_inner{
    padding:60px 100px 40px;
    display: grid;
    grid-template-columns: 230px repeat(3 , 1fr);
    gap: 180px;
}

footer .footer_inner .footer_col-left span > img{
    margin-left: 24px;
    padding-bottom: 20px;
}
footer .footer_inner .footer_col-left li{
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 23px;
    color: #FFFFFF;
    padding-bottom: 20px;
    margin-left: 24px;
}
footer .footer_inner .footer_col-left li a{
    color: #FFFFFF;
}
footer .footer_inner .footer_col-left li a:hover{
    color: #ED1E79;
}
footer .footer_inner .footer_col-left:first-child li{
    display: flex;
    gap: 15px;
    align-items: center;
    padding-bottom: 22px;
}
footer .footer_inner .footer_col-left li:last-child{
    gap: 28px;
}

footer .footer_inner .footer_title {
    /* font-family: 'Uncut Sans'; */
    color: #FFF;
    font-family: "GT Walsheim Trial", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    margin: 0 0 20px 0;
  }

  @media (max-width: 767px) {
    footer .footer_inner .footer_title {
        margin: 0 0 20px 0;
    }
  }

footer .footer_inner .footer_col li span{
    width: 20px;
    height: 20px;
    display: block;
    margin: 0;
}
footer .footer_inner .footer_col span{
    margin-bottom: 40px;
}
footer .footer_inner .footer_col li{
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 23px;
    color: #FFFFFF;
    padding-bottom: 30px;
   
}
footer .footer_inner .footer_col li a{
    color: #FFFFFF;
}
footer .footer_inner .footer_col li a:hover{
    color: #ED1E79;
}
footer .footer_inner .footer_col:first-child li{
    display: flex;
    gap: 15px;
    align-items: center;
    padding-bottom: 22px;
}
footer .footer_inner .footer_col li:last-child{
    gap: 28px;
}
footer  .footer_foot{
    font-family: 'Uncut Sans';
    font-size: 14px;
    line-height: 18px;
    color: #FFFFFF;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-left: 0px;
}
footer  .footer_foot p{
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 18px;

    color: #FFFFFF;
} 
footer  .footer_foot ul{
    display: flex;
    align-items: center;  
    
}
footer  .footer_foot ul li{
    padding-right: 20px;
}
footer  .footer_foot ul li:last-child{
    padding-right: 0px;
}
footer  .footer_foot a{
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 18px;
    text-align: right;
    color: #FFFFFF;
}
footer  .footer_foot ul li p{
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 18px;
    text-align: right;
    color: #FFFFFF;
}
footer .footer_foot a:hover{
    color: #ED1E79;
}
/* ************************************************* */
            /* ****** Banner Section***** */
/* ************************************************* */ 

.banner{
    height: auto;
    position: relative;
    background-image: url();
    width: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 180px;
}
.banner .banner_heading span{
    width: 116px;
    height: 116px;
    display: block;
    margin: 0 auto;
}
.banner .banner_heading h6{
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 300;
    font-size: 34px;
    line-height: 42px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    padding-top: 20px ;
}
.banner .banner_heading h2{
    max-width: 1338px;
    margin: 0 auto;
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 54px;
    line-height: 74px;
    text-align: center;
    color: #FFFFFF;
    padding: 30px 0;
    
}
.banner .banner_heading p{
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    color: #FFFFFF;
    max-width: 1000px;
    margin: 0 auto;
}

.banner .slick-prev:before{
    content: '';
    width: 14px;
    height: 23px;
    display: block;
    background-image: url(//8252161.fs1.hubspotusercontent-na1.net/hubfs/8252161/raw_assets/public/bildit-web/images/arrow_back_ios_new.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-left: 22px;
}
.banner  .slick-next:before{
    content: '';
    width: 14px;
    height: 23px;
    display: block;
    background-image: url(../Images/arrow_forward_ios.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-left: 26px;
    opacity: 1;
}

.banner .slick-prev,
.banner .slick-next{
    width: 62px;
    height: 62px;
    display: block;
    background: #F5F5F5;
    border-radius: 50%;
}
.banner .slick-prev{
    left: unset;
    right: 90px;
    z-index: 10;
    top: unset;
    bottom: 26%;
}
.banner .slick-next{
    left: unset;
    right: 0%;
    z-index: 10;
    top: unset;
    bottom: 26%;
   
}
.banner_slider_inner{
    max-width: 1150px;
    margin: 0 auto;
    max-height: 670px;
}
.banner_slider {
    position: relative;
    z-index: 2;
}
.banner_heading {
    padding-bottom: 105px;
}

/* ************************************************* */
            /* ****** C-M-S Section***** */
/* ************************************************* */ 


.cms{
    position: relative;
    z-index: 1;
    margin-top: -101px;
    padding-top: 0;
}
.cms_heading {
    padding:265px 0 105px;
    background: white;
}
.cms .cms_heading span{
    width: 125px;
    height: 125px;
    display: block;
    margin:  0 auto;
}
.cms .cms_heading h6{
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 300;
    font-size: 34px;
    line-height: 42px;
    text-align: center;
    text-transform: uppercase;
    padding: 20px 0 30px;
}
.cms .cms_heading h2{
    max-width: 1155px;
    margin: 0 auto;
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 54px;
    line-height: 74px;
    text-align: center;
   
}
.cms_row{
    display: flex;   
    padding: 0 150px  0 40px;
}
.cms_row .cms_row_inner:last-child{
    padding-top: 150px;

}
.cms_row_inner P{
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 34px;
    color: #111111;
}
.cms_row_inner h3{
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
    color: #171717;
    max-height: 6450px;
    padding-top: 30px;
}
.cms_row_inner:first-child{
    width: 63%;
}
.cms_row_inner {
    width: 37%;
}
.cms .slick-prev:before{
    content: '';
    width: 17px;
    height: 25px;
    display: block;
    background-image: url(../Images/arrow_back_ios_new.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 0 auto;
    opacity: 1;
}
.cms  .slick-next:before{
    content: '';
    width: 17px;
    height: 24px;
    display: block;
    background-image: url(../Images/arrow_forward_ios.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 0 auto;
    opacity: 1;
}
.cms .slick-next{
    right: 50px;
    z-index: 0;
}
.cms .slick-prev,
.cms .slick-next{
    width: 62px;
    height: 62px;
    display: block;
    background: #F5F5F5;
    border-radius: 50%;
}
.cms .slick-prev{
    left: unset;
    right: 242px;
    z-index: 10;
    top: unset;
    bottom: 90px
}
.cms .slick-next{
    left: unset;
    right: 150px;
    z-index: 10;
    top: unset;
    bottom: 90px;
    margin-left: 30px;
}

/* ************************************************* */
            /* ****** Advantages Section***** */
/* ************************************************* */ 

.advantages{
    position: relative;
    background-image: url(../Images/sdk-back.png);
    width: 100%;
    background-position: center;
    /* background-size: cover; */
    background-repeat: no-repeat;
    padding-top: 207px;
    margin-top: -120px;
}
.advantages .site_container{
    padding: 0 150px;
}
.advantages .advantages_heading span{
    width: 116px;
    height: 116px;
    display: block;
    margin: 0 auto;
}
.advantages .advantages_heading h6{
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 300;
    font-size: 34px;
    line-height: 42px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    padding-top: 20px ;
}
.advantages .advantages_heading  h2{
    max-width: 1345px;
    margin: 0 auto;
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 54px;
    line-height: 74px;
    text-align: center;
    color: #FFFFFF;
    padding: 30px 0;
}
.advantages .advantages_heading  p{
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    color: #FFFFFF;
    max-width: 1000px;
    margin: 0 auto;
}
.advantages_inner{
    display: flex;
    padding:80px 10px 0;
    
}
.advantages_inner .advantages_col h5{
    font-family: 'GT Walsheim Trial';
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    line-height: 34px;
    color: #FFFFFF;
    padding-bottom: 20px ;
    margin-left: -10px;
}
.advantages_inner .advantages_col p{
    display: flex;
    padding-bottom: 10px;
    font-family: 'GT Walsheim Trial';
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    line-height: 44px;
    color: #FFFFFF;
}
.advantages_inner .advantages_col p span{
    width: 18px;
    height: 14px;
    margin-right: 15px;
}

.advantages_col:first-child{
    width: 40%;
    padding-right: 20px;
}
.advantages_col:last-child{
    display: flex;
    align-items: center;
    width: 60%;
    gap: 25px;
    padding-left: 10px;
    padding-top: 200px;
    margin-bottom: -200px;

}
/* ************************************************* */
            /* ****** Checkout Section***** */
/* ************************************************* */ 

.checkout{
    padding-top: 350px;
    position: relative;
    width: 100%;
    z-index: 1; 
}
.checkout .site_container{
    padding: 0 150px 0 120px;
}
.checkout .checkout_heading span{
    width: 116px;
    height: 116px;
    display: block;
    margin: 0 auto;
}
.checkout .checkout_heading h6{
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 300;
    font-size: 34px;
    line-height: 42px;
    text-align: center;
    text-transform: uppercase;
    color: #111111;
    padding-top: 20px ;
}
.checkout .checkout_heading h2{
    max-width: 1345px;
    margin: 0 auto;
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 54px;
    line-height: 74px;
    text-align: center;
    color: #111111;
    padding: 30px 0;
}
.checkout .checkout_heading  p{
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    color: #111111;
    max-width: 785px;
    margin: 0 auto;
}
.checkout_inner{
    display: flex;
    padding:80px 0 0;
    flex-direction: row-reverse;
}
.checkout_inner .checkout_col h5{
    font-family: 'GT Walsheim Trial';
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    line-height: 34px;
    color: #111111;
    padding-bottom: 20px ;
    margin-left: -10px;
}
.checkout_inner .checkout_col p{
    display: flex;
    font-family: 'GT Walsheim Trial';
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    line-height: 44px;
    color: #111111;
    width: 95%;
}
.checkout_inner .checkout_col  span{
    width: 18px;
    height: 14px;
    margin: 15px 15px  0 15px ;
}
.checkout_inner .checkout_col:first-child{
    width: 40%;
    padding-left: 20px;
    
}
.checkout_inner .checkout_col:first-child .checkout_col_icon{
    display: flex;
    
}
.checkout_inner .checkout_col:last-child {
    display: flex;
    align-items: center;
    width: 60%;
    padding-right: 10px;
    padding-top: 200px;
    margin-bottom: -200px;
}
/* ************************************************* */
            /* ****** Assessment_Page2 Section***** */
/* ************************************************* */ 

.assessment.feature_page{
    background-image: url();
    width: 100%;
    height: 375px;
    margin: 480px 0 0 0;
}
.assessment.feature_page .assessment_inner{
    position: relative;
}
.assessment.feature_page .assessment_col a{
    position: relative;
}
.assessment.feature_page .assessment_col a::after {
    position: absolute;
    border-radius: 70px;
    content: "";
    width: calc(100% - 18px);
    height: calc(100% - 18px);
    top: 6px;
    left: 6px;
    translate: 0;
    position: absolute;
    border-radius: 70px;
    border: 3px solid white;  
}
.assessment.feature_page .assessment_col:first-child{
    max-width: unset;
}


/* ************************************************* */
            /* ****** Footer_page2 Section***** */
/* ************************************************* */ 

footer.feature_page{
    background-color: linear-gradient(107.22deg, rgba(12, 0, 32, 0.85) 0.05%, rgba(23, 23, 23, 0.6375) 100%);
    width: 100%;
    background-image: url(../Images/Footer.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: auto;
    position: relative;
}

footer.feature_page  .footer_head{
    padding:60px 0 80px ;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-bottom: 1px solid #666666;
}
footer.feature_page .site_container{
    padding: 0 150px;
}
footer.feature_page  .footer_head h2{
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 44px;
    line-height: 55px;
    text-align: center;
    color: #FFFFFF;
}
footer.feature_page  .footer_head p{
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    text-align: center;
    color: #FFFFFF;
}
footer.feature_page  .footer_head  form button{
    background: linear-gradient(98.49deg, #ED1E79 0%, #3B1EED 100%);
    position: relative;
    padding: 8px 20px;
    position: relative;
    border-radius: 70px;
    margin-left: 25px;
    
}
footer.feature_page  .footer_head  form button p{
    background: linear-gradient(98.49deg, #ED1E79 0%, #3B1EED 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-family: 'Uncut Sans';
    font-style: normal;
    padding: 0;
    position: relative;
    z-index: 1;
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 28px;
    text-align: center;
    letter-spacing: 0.02em;
    text-transform: uppercase;
   
}
footer.feature_page  .footer_head  form button::after {
    content: "";
    width: 95%;
    height: 88%;
    top: 0;
    left: 0;
    translate: 3px 3px;
    position: absolute;
    border-radius: 70px;
    background-color: #FFFFFF;
}
footer.feature_page  .footer_head  form button{
    outline: none;
    border: 0;
}
footer.feature_page  .footer_foot{
    padding: 110px 0 40px 0;
}

footer.feature_page .footer_inner{
    padding: 80px 0 0px;
}

/* ********************************************************************************** */
                    /* ****** Cms Comparison Page***** */
/* ********************************************************************************** */ 


/* ************************************************* */
            /* ****** C-M-S Hero  Section***** */
/* ************************************************* */ 

/* #region  */
.Cms_Hero{
    background-color:#000 ;
    background-image: url(//8252161.fs1.hubspotusercontent-na1.net/hubfs/8252161/raw_assets/public/bildit-web/images/Cms_hero.png);
    height: auto;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.Cms_Hero .site_container{
    padding: 0 105px 0 150px;
}
.Cms_Hero .Cms_Hero_inner{
    padding:255px 0 210px ;
    display: flex;
}
.Cms_Hero .Cms_Hero_inner .cms_hero_col:first-child{
    width: 50%;
    max-width: 820px;
    margin-right: 0;
}
.Cms_Hero .Cms_Hero_inner .cms_hero_col:last-child{
    width: 50%;
    padding:185px 0 0 25px;
}
.Cms_Hero .Cms_Hero_inner h1{
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 74px;
    line-height: 94px;
    color: #F2F2F2;
   
}
.Cms_Hero .Cms_Hero_inner h2{
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 44px;
    line-height: 55px;
    color: #F2F2F2;
    padding: 30px 0;
}
.Cms_Hero .Cms_Hero_inner p{
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 34px;
    line-height: 46px;
    color: #F2F2F2;
    padding-bottom: 50px;
}
.Cms_Hero .Cms_Hero_inner a{
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 38px;
    text-align: center;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 20px 115px;
    background: linear-gradient(98.49deg, #ED1E79 0%, #3B1EED 100%);
    border-radius: 60px;
    display: inline-block;position: relative;
}
.Cms_Hero .Cms_Hero_inner a::after {
    content: "";
    width: calc(100% - 12px);
    height: calc(100% - 12px);
    border: 3px solid black;
    top: 0;
    left: 0;
    translate: 3px 3px;
    position: absolute;
    border-radius: 70px;
}

/* ************************************************* */
            /* ****** C-M-S Features  Section***** */
/* ************************************************* */ 
.cms_features{
    background-color: #000;
    width: 100%;
    padding-bottom: 90px;
    margin-top: -80px;
}
.cms_features .site_container{
    padding: 0  60px;
}
.cms_features .cms_features_inner{
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1), 0px 20px 40px rgba(0, 0, 0, 0.15);
    border-radius: 44px;
    padding: 40px 40px 170px ;
    overflow: scroll;
}
.cms_features .cms_features_inner table{
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}
.cms_features .cms_features_inner th{
    font-family: 'GT Walsheim Trial';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    text-transform: uppercase;
    color: #FFFFFF;
    background: #404040;
    box-shadow: 0px 1px 0px #E6E6E6;    
    height: 60px;;
    min-width: 300px;  
}
.cms_features .cms_features_inner th:first-child {
    text-align: start;
    padding-left: 20px;
}
.cms_features .cms_features_inner tr td:first-child {
    text-align: start;
    padding: 0 0 0 23px;
    font-family: 'GT Walsheim Trial';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 32px;
    color: #171717;
}
.cms_features .cms_features_inner tr td{
    font-family: 'GT Walsheim Trial';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    color: #171717;
}
.cms_features .cms_features_inner tr:nth-child(even){
    background: #F2F2F2;
}
.cms_features .cms_features_inner td{
    padding:19px 0;
}
.cms_features .cms_features_inner tr:last-child{
    box-shadow: 0px 1px 0px #E6E6E6;
}
/* #endregion */

/* ************************************************* */
            /* ****** C-M-S Platforms  Section***** */
/* ************************************************* */ 
/* #region  */
.platforms.feature_page .site_container{
    padding: 0 95px;
}
.platforms.feature_page .platforms_inner{
    max-width: unset;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 102px 176px 112px 167px 91px 166px 208px 123px 104px; 
    gap: 58px;
   
}
/* #endregion */
/* ********************************************************************************** */
                    /* ****** Get Access Page***** */
/* ********************************************************************************** */ 


/* ************************************************* */
            /* ****** Get-Acess Hero  Section***** */
/* ************************************************* */ 
/* #region  */
.get_access{
    background-color:#000 ;
    background-image: url(//8252161.fs1.hubspotusercontent-na1.net/hubfs/8252161/raw_assets/public/bildit-web/images/Cms_hero.png);
    height: auto;
    background-size: cover;
    background-repeat: no-repeat;
}
.get_access .site_container{
    padding: 0 150px;
}
.get_access .get_access_inner{
    padding:325px 0 0 ;
    display: flex;
}
.get_access .get_access_inner .get_access_col:first-child{
    width: 55%;
    margin-right: 0;
}
.get_access .get_access_inner .get_access_col:last-child{
    width: 45%;
    padding-top: 125px;
}
.get_access .get_access_inner h1{
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 74px;
    line-height: 94px;
    color: #F2F2F2;
    padding: 10px 0 78px;
   
}
.get_access .get_access_inner h6{
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    text-transform: uppercase;
    color: #FFFFFF;
   
}
.get_access .get_access_inner p{
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 34px;
    line-height: 46px;
    color: #F2F2F2;
    max-width: 700px;
    margin-right:  auto;
}
.get_access .get_access_acoount{
    padding: 60px 50px;
    background: #FFFFFF;
    box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.15);
    border-radius: 24px;
    text-align: center;
}
.get_access .get_access_acoount h3{
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    color: #171717;
    text-align: center;
    padding-bottom: 60px;
}
.get_access .get_access_acoount svg{
    width: 24px;
    height: 24px;
    display: block;
    margin-right: 10px;
}
.get_access .get_access_acoount a{
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #FFFFFF;
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}
.get_access .get_access_acoount  .github{
    background-color: black;
}
.get_access .get_access_acoount  .bitbucket{
    color: #000;
    border: 1px solid #BFBFBF;
}
.get_access .get_access_acoount .google_firebase{
    background-color:#1A73E8;
}
.get_access .get_access_acoount span{
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #737373;
    padding-bottom: 30px;
}
.get_access .get_access_acoount .email{
    background: #ED1E79;
}
.get_access_acoount p.get_access_signin{
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    color: #171717;
    padding: 0;
}
.get_access_acoount .get_access_signin a{
    color: #ED1E79;
    display: inline;
}
/* ************************************************* */
            /* ******  Landing Page Hero  Section***** */
/* ************************************************* */ 
.maketing{
    width: 100%;
    background-color: white;
    margin-top: -55px;
}
.maketing .site_container{
    padding: 0 65px 0 135px ;
}
.maketing .maketing_inner{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 265px 0 220px;
}
.maketing .maketing_inner .maketing_col:first-child{
    width: 40%;
    padding-right: 70px;
    box-sizing: unset;
}
.maketing .maketing_inner .maketing_col:last-child{
    width: 60%;
}
.maketing .maketing_inner .maketing_col h6{  
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    text-transform: uppercase;
    color: #737373;
}
.maketing .maketing_inner .maketing_col h2{  
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 58px;
    color: #171717;
}
.maketing .maketing_inner .maketing_col  p{
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 34px;
    line-height: 46px;
    color: #171717;
    padding: 30px 0 85px;
}
.maketing .maketing_inner .maketing_col a{
    background: linear-gradient(98.49deg, #ED1E79 0%, #3B1EED 100%);
    border-radius: 60px;
    padding: 25px 70px;
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 38px;
    text-align: center;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #FFFFFF;
    position: relative;
    display: inline-block;
}
.maketing .maketing_inner .maketing_col a::after{
    content: '';
    position: absolute;
    width: calc(100% - 16px);
    height: calc(100% - 16px);
    top: 5px;
    left: 5px;
    translate: 0;
    border: 3px solid white;
    border-radius: 60px;
   
}


.landing_page{
    width: 100%;
    background-color:#000 ;
    background-image: url(//8252161.fs1.hubspotusercontent-na1.net/hubfs/8252161/raw_assets/public/bildit-web/images/LP-Main_Hero-BG.png);
    height: auto;
    background-size: cover;
    background-repeat: no-repeat;
}
.landing_page .site_container{
    padding: 0 150px;
}
.landing_page .landing_page_inner{
    display: flex;
}
.landing_page .landing_page_col:first-child{
    width: 55%;
    max-width: 828px;
    margin-right: 0;
    padding-right: 170px;
    box-sizing: unset;
}
.landing_page .landing_page_col:last-child{
    width: 45%;
}
.landing_page  h1{
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 74px;
    line-height: 94px;
    color: #FFFFFF;
    max-width: 1058px;
    margin-right:auto;
    padding: 210px 0 80px;
}
.landing_page .landing_page_col h3{
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 44px;
    color: #FFFFFF;
    max-width: 788px;
    margin: 0 auto;
}
.landing_page .landing_page_col p{
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    padding-top: 40px;
    color: #FFFFFF;
}
.landing_page .landing_page_col ul  li{
    display: flex;
    align-items: center;
    padding-top: 40px;
}
.landing_page .landing_page_col ul  li p{
    padding-left: 10px;   
    padding: 0 0 0 10px ;
}
.landing_page .landing_page_col  form{
    padding: 55px 50px;
    background: #FFFFFF;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.35);
    border-radius: 24px;
}
.landing_page .landing_page_col  form h4{
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    color: #171717;
    padding-bottom: 40px;
}
.landing_page .landing_page_col  form label{
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #171717;
    display: block;
    padding-bottom: 5px;
}
.landing_page .landing_page_col  form label span{
    color: #ED1E79;
}
.landing_page .landing_page_col  form  input{
    background: #F5F7FA;
    border: 1px solid #A6A6A6;
    width: 100%;
    height: 60px;
    margin-bottom: 30px;
}
.landing_page form .landing_page_form_radio{
    display: flex;
    align-items: center;
    padding: 25px 0 35px;
}
.landing_page form .landing_page_form_radio input[type=radio]{ 
    width: 24px;
    height: 24px;
    margin: 0;
}
.landing_page form .landing_page_form_radio .radio_inner{
    display: flex;
    align-items: center;
    width: 50%;
}
.landing_page form .landing_page_form_radio .radio_inner label{
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #171717;
    padding: 0 0 0px 10px;
}
.landing_page form .experience_scale{
    position: relative;
}
.landing_page form  .experience_scale input{
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 30px;
    color: #171717;
    padding:0 10px ;
}
.landing_page form  .experience_scale .experience_scale_minus{
    position: absolute;
    right: 60px;
    top: 13px;
}
.landing_page form  .experience_scale .experience_scale_plus{
    position: absolute;
    right: 15px;
    top: 13px;
}
.landing_page .landing_page_col .landing_page_form p{
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    color: #000000;
    padding:0 0 33px 0;
}
.landing_page .landing_page_col .landing_page_form a{
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 32px;
    text-align: center;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 11px 23px;
    background: linear-gradient(98.49deg, #ED1E79 0%, #3B1EED 100%);
    border-radius: 60px;
    display: inline-block;
    position: relative;
}
.landing_page .landing_page_col .landing_page_form a::after{
    content: '';
    width: calc(100% - 14px);
    height: calc(100% - 14px);
    position: absolute;
    top: 4px;
    left: 4px;
    border: 3px solid white;
    border-radius: 60px;
   
}

.rank{
    margin-top: -120px;
    width: 100%;
    background-color: #FFFFFF;
}
.rank  table{
    width: 100%;
    border-collapse: collapse;
    text-align: center;
   
}
.rank h2{
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 62px;
    line-height: 85px;
    text-transform: uppercase;
    color: #171717;
    padding: 235px 0 50px 0;
}

.rank  table thead tr:first-child{
    background-color: #000;
}
.rank  table thead tr:first-child th{
    height: 60px;
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    min-width: 120px;
}
.rank  table thead tr:last-child {
    background: #D9D9D9;
    border: 1px solid #CCCCCC;
}
.rank  table thead tr:last-child th{
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    height: 60px;
    color: #171717;
}
.rank table thead tr:first-child th:first-child{
    border-radius: 14px 0px  0px;
}
.rank table thead tr:first-child th:last-child{
    border-radius: 0px 14px 0px 0px;
}

.rank  table tbody tr{
    height: 81px;
    position: relative;
}

.rank  table tbody tr:nth-child(2){
    background: #F0F4F7;
}
.rank  table tbody tr td{
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #171717;   
}
.rank  table tbody tr:last-child::after{
    content: '';
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 63.58%);
    border: 1px solid #CCCCCC;
    border-radius: 14px;
    position: absolute;
    bottom: 5px;
    width: 100%;
    height: 100%;
    left: -1px;
}
.rank  table tbody tr td:first-child{
    border-left: 1px solid #CCCCCC;
}
.rank  table tbody tr td:last-child{
    border-right: 1px solid #CCCCCC;
}
.rank  table tbody tr:last-child td{
    border: unset;
}

.assessment.landing_page_assement{
    background: #171717;
    width: 100%;
    height: 370px;
    margin:350px 0 0 0 ;
}
.assessment.landing_page_assement .assessment_inner{
    position: relative;
}
.assessment.landing_page_assement .assessment_col a{
    position: relative;
}
.assessment.landing_page_assement .assessment_col a::after {
    position: absolute;
    border-radius: 70px;
    content: "";
    width: calc(100% - 18px);
    height: calc(100% - 18px);
    top: 6px;
    left: 6px;
    translate: 0;
    position: absolute;
    border-radius: 70px;
    border: 3px solid white;  
}
.assessment.landing_page_assement .assessment_col h2{
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 44px;
    line-height: 55px;
    color: #171717;
}
.assessment.landing_page_assement .assessment_col P{
    font-family: 'Uncut Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    color: #171717;
}
.assessment.landing_page_assement  .assessment_col {
    max-width: unset;
}
/* #endregion */

footer.landing_footer .footer_inner{
    padding:80px 0 70px ;
}

/* *************************************************************************************** */
                   /* **********Responsive************ */
/* *************************************************************************************** */
@media (max-width:1900px) {
    /* #region  */
    .site_container{
        padding: 0 100px;
        max-width: 1600px;
    }
    .toolkit .site_container {
        max-width: 100%;
        padding-right: 0;
    }
    .banner_slider_inner {
        max-width: 950px;
        max-height: 575px;    
    }
    .cms {
        margin-top: -99px;
    }
    .advantages{
        padding-top: 175px;
        margin-top: -100px;
    }
    .cms_row .cms_row_inner:last-child {
        padding-top: 75px;
    }
    .cms_row_inner h3 {
        font-size: 30px;
    }
    .advantages .site_container {
        padding: 0 100px;
    }
    .advantages_col:last-child{
        padding-top: 150px;
    }
    .advantages_inner .advantages_col p {
        font-size: 20px;
        line-height: 30px;
    }
    footer.feature_page .footer_foot {
        padding: 75px 0 25px 0;
    }
    .checkout_inner .checkout_col p {
        display: flex;
        font-family: 'GT Walsheim Trial';
        font-style: normal;
        font-weight: 300;
        font-size: 20px;
        line-height: 30px;
    }
    .Cms_Hero .site_container {
        padding: 0 100px;
    }
    .Cms_Hero .Cms_Hero_inner .cms_hero_col:last-child img{
        object-fit: contain;
    }
    .platforms.feature_page .site_container {
        padding: 0 50px;
        max-width: 1600px;
    }
    .platforms.feature_page .platforms_inner {
        gap: 25px;
    }
    .Cms_Hero .Cms_Hero_inner {
        padding: 150px 0 150px;
    }
    .Cms_Hero .Cms_Hero_inner h1 {
        font-size: 55px;
        line-height: 65px;
    }
    .Cms_Hero .Cms_Hero_inner h2 {
        font-size: 35px;
        line-height: 45px;
    }
    .Cms_Hero .Cms_Hero_inner p {
        font-size: 30px;
        line-height: 35px;
    }
    .Cms_Hero .Cms_Hero_inner .cms_hero_col:last-child {
        width: 50%;
        padding: 100px 0 0 25px;
    }
    /* #endregion */
/* ************************************************* */
        /* **********Get Access Page************ */
/* ************************************************* */
    /* #region  */
    .get_access .site_container{
        padding: 0 100px;
    }
    .maketing .site_container {
        padding: 0 100px;
    }
    .landing_page h1 {
        font-size: 60px;
        line-height: 70px;
        text-align: center;
        max-width: unset;
        margin-right: auto;
    }
    .landing_page .landing_page_col:first-child {
        max-width: unset;
        padding-right: 50px;
    }
    .rank h2 {
        padding: 175px 0 50px 0;
    }
    .landing_page .site_container {
        padding: 0 100px;
    }
    .assessment.landing_page_assement .assessment_col h2 {
        font-size: 40px;
        line-height: 50px;
    }
    .assessment.landing_page_assement .assessment_col P{
        padding: 25px 0;
    }
    /* #endregion */
}

/* ************************************************* */
        /* **********@Media 1600px************ */
/* ************************************************* */

@media (max-width:1599px) {
    /* #region  */
    .site_container{
        padding: 0 100px;
        max-width: 1366px;
    }
    .bildit_hero .hero_inner {
        padding-top: 200px;
    }
    .bildit_hero .hero_col:first-child {
        max-width: unset;
        padding: 50px 50px 50px 0;
    }
    .bildit_hero h1 {
        font-size: 45px;
        line-height: 55px;
        max-width: unset;
    }
    .bildit_hero p {
        font-size: 35px;
        line-height: 45px;
        padding: 50px 0 50px;
        max-width: unset;
    }
    .bildit_hero .hero_col .hero_img {
        width: 100%;
        height: auto;
        margin-left: auto;
    }
    .bildit_hero a {
        font-size: 22px;
        line-height: 25px;
        padding: 25px 100px;
    }
    .assessment_col h2 {
        font-size: 33px;
        line-height: 43px;
    }
    .assessment_col p {
        font-size: 19px;
        line-height: 25px;
        padding: 20px 0 35px;
    }
    .assessment_col a {
        font-size: 17px;
        line-height: 21px;
        padding: 18px 35px;
    }
    .assessment_col:first-child{
        padding: 25px 130px 25px 0;
    }
    .premium_inner {
        padding: 25px 0 50px;
    }
    .premium_col h2 {
        font-size: 30px;
        line-height: 40px;
    }
    .premium_col p {
        font-size: 20px;
        line-height: 30px;
        padding: 50px 0;
    }
    .premium_col a p {
        position: relative;
        z-index: 1;
        padding: 0;
        font-family: 'GT Walsheim Trial';
        font-style: normal;
        font-weight: 800;
        font-size: 17px;
    }
    .premium_col a {
        font-size: 17px;
        line-height: 23px;
        padding: 18px 35px;
    }
    .premium_col a::after {
        content: "";
        width: calc(100% - 8px);
        height: calc(100% - 8px);
        background-color: #fff;
        top: 4px;
        left: 4px;
        translate: 0;
        position: absolute;
        border-radius: 70px;
    }
    .premium_col:last-child {
        padding: 70px 0 0 80px;
    }
    .comparison {
        padding: 120px 0;
    }
    .comparison_heading h2 {
        font-size: 35px;
        line-height: 45px;
    }
    .comparison_inner ul li {
        height: 80px;
    }
    .comparison_inner .comparison_col:first-child li{
        font-size: 20px;
        line-height: 25px;
    }
    .comparison_inner ul li p {
        font-size: 20px;
        line-height: 25px;
    }
    .comparison_inner ul li span {
        width: 25px;
        height: auto;
    }
    .comparison_inner .comparison_col:last-child li p {
        font-size: 28px;
        line-height: 35px;
    }
    .personality_inner h2 {
        font-size: 35px;
        line-height: 40px;
    }
    .personality_inner p {
        font-size: 20px;
        line-height: 29px;
        padding: 30px 0 50px;
    }
    .personality_inner a {
        font-size: 17px;
        line-height: 21px;
        padding: 18px 70px;
    }
    .native_inner {
        gap: 50px 50px;
    }
    .native_col span {
        width: 60px;
        height: auto;
    }
    .native .button a {
        font-size: 17px;
        line-height: 20px;
        padding: 18px 70px;
    }
    .native {
        padding: 100px 0;
    }
    .refrence_col_single:first-child {
        padding: 0 50px;
    }
    .refrence_col_single:last-child{
        padding: 80px 0;
    }
    .toolkit_col h2 {
        font-size: 29px;
        line-height: 39px;
        max-width: unset;
    }
    .toolkit_col p {
        font-size: 17px;
        line-height: 27px;
        max-width: unset;
    }
    .toolkit{
        padding-top: 80px;
    }
    .toolkit .site_container {
        max-width: 100%;
    }
    .platforms {
        padding: 70px 0;
    }
    .platforms .platforms_heading h2 {
        font-size: 35px;
        line-height: 45px;
    }
    .platforms_inner {
        max-width: 1120px;
        margin: 0 auto;
        display: grid;
        grid-template-columns: 121px 176px 140px 167px 211px;
        gap: 0;
        justify-content: space-between;
    }
    /* #endregion */
    footer .footer_head {
        padding: 50px  0;
    }
    footer .footer_inner{
        padding: 40px 0 40px;
        gap: 125px;
    }
    footer .footer_foot {
        padding: 80px 0px 30px;
    }
/* ************************************************* */
        /* **********Features Page************ */
/* ************************************************* */
/* #region  */
.banner {
   height: auto;
   padding-top: 120px;
}
.banner  .site_container {
    padding: 0 50px;
    max-width: 1300px;
}
.banner .slick-prev,
.banner .slick-next {
    width: 50px;
    height: 50px;
}
.banner .slick-prev{
    right: 70px;
}
.banner .slick-next:before {
    width: 10px;
    height: 17px;
    margin-left: 22px;
}
.banner .slick-prev:before {
    width: 10px;
    height: 17px;
    margin-left: 18px;
}
.cms_row .cms_row_inner:last-child {
    padding-top: 0;
}
.advantages{
    padding-top: 120px;
    margin-top: -84px;
}
.cms_row_inner h3 {
    font-size: 25px;
    line-height: 35px;
}
.cms .slick-prev,
.cms .slick-next {
    width: 50px;
    height: 50px;
}
.cms .slick-prev{
    right: 110px;
}
.cms .slick-next {
    right: 40px;
    margin-left: 0;
}
.cms .slick-next:before {
    width: 10px;
    height: 17px;
    margin-left: 22px;
}
.cms .slick-prev:before {
    width: 10px;
    height: 17px;
    margin-left: 20px;
}
.banner_heading {
    padding-bottom: 50px;
}
.banner .banner_heading h2 {
    max-width: 100%;
    font-size: 50px;
    line-height: 60px;
    padding: 20px 0;
}
.banner .banner_heading h6 {
    font-size: 30px;
    line-height: 35px;
}
.banner .banner_heading span {
    width: 100px;
    height: auto;
}
.cms_heading {
    padding: 150px 0 50px;
}
.cms .cms_heading span {
    width: 100px;
    height: auto;
}
.cms .cms_heading h6 {
    font-size: 30px;
    line-height: 35px;
    padding: 20px 0 20px;
}
.cms .cms_heading h2 {
    max-width: 100%;
    font-size: 50px;
    line-height: 60px;
}
.advantages .advantages_heading span {
    width: 100px;
    height: auto;
}
.advantages .advantages_heading h6 {
    font-size: 30px;
    line-height: 35px;
    padding-top: 20px;
}
.advantages .advantages_heading h2 {
    max-width: 100%;
    font-size: 50px;
    line-height: 60px;
    padding: 20px 0;
}
.advantages_inner {
    padding: 50px 0 0;
}
.advantages_col:first-child {
    padding-bottom: 50px;
}
.advantages_col:last-child {
    padding-top: 90px;
}
.checkout .checkout_heading span {
    width: 100px;
        height: auto;
    }
    .checkout {
        padding-top: 200px;
    }
    .checkout .checkout_heading h6 {
        font-size: 30px;
        line-height: 35px;
    }
    .checkout .checkout_heading h2 {
        max-width: 100%;
        font-size: 50px;
        line-height: 60px;
        padding: 20px 0;
    }
    .checkout_inner .checkout_col:last-child {
        padding: 130px 0 0;
    }
    .assessment.feature_page {
        margin: 380px 0 0 0;
        height: 300px;
    }
/* #endregion */
/* ************************************************* */
        /* **********Features Page************ */
/* ************************************************* */
/* #region  */
    .platforms.feature_page .platforms_inner {
        gap: 30px;
        grid-template-columns: 102px 176px 112px 167px 91px;
        justify-content: center;
    }
    .platforms_col:last-child{
        width:104px ;
    }
    .Cms_Hero .Cms_Hero_inner h1 {
        font-size: 45px;
        line-height: 55px;
    }
    .Cms_Hero .Cms_Hero_inner h2 {
        font-size: 30px;
        line-height: 40px;
    }
    .Cms_Hero .Cms_Hero_inner p {
        font-size: 25px;
        line-height: 30px;
    }
/* #endregion */
/* ************************************************* */
        /* **********Cms Page************ */
/* ************************************************* */
    /* #region  */
    .get_access .get_access_inner {
        padding: 175px 0 0;
    
    }
    .get_access .get_access_inner h1 {
        font-size: 50px;
        line-height: 60px;
        padding: 20px 0;
    }
    .get_access .get_access_inner .get_access_col:first-child {
        padding-right: 50px;
    }
    .get_access .get_access_inner p {
        font-size: 25px;
        line-height: 35px;
    }
    .maketing .maketing_inner .maketing_col h2 {
        font-size: 40px;
        line-height: 50px;
    }
    .maketing .maketing_inner .maketing_col:first-child {
        padding-right: 50px;
    }
    .maketing .maketing_inner {
        padding: 150px 0;
    }
    .landing_page .site_container {
        padding: 0 100px;
    }
    .landing_page .landing_page_col:first-child {
        width: 50%;
        max-width: unset;
        padding-right: 50px;
    }
    .landing_page .landing_page_col:last-child {
        width: 50%;
    }
    .rank h2 {
        font-size: 55px;
        line-height: 65px;
        padding: 150px 0 50px 0;
    }
    .landing_page .landing_page_col ul li {
        display: flex;
        align-items: center;
        padding-top: 20px;
    }
    .landing_page .landing_page_col p {
        font-size: 24px;
        line-height: 30px;
        padding-top: 20px;
    }
    .rank_inner {
        width: 100%;
        overflow: scroll;
    }
    .assessment.landing_page_assement .assessment_col h2{
        font-size: 33px;
        line-height: 43px;
    }
    .assessment_col:first-child {
        padding: 25px 100px 25px 0;
    }
    .assessment.landing_page_assement .assessment_col P {
        font-weight: 400;
        font-size: 20px;
        line-height: 24px;
    }
    .landing_page .site_container {
        padding: 0 50px;
    }
    .landing_page .landing_page_col form{
        padding: 25px;
    }
    .landing_page .landing_page_col form h4 {
        text-align: center;
        font-size: 20px;
        line-height: 25px;
        padding-bottom: 20px;
    }
    .landing_page .landing_page_col form input {
        height: 50px;
        margin-bottom: 20px;
    }
    
    .landing_page h1 {
        font-size: 45px;
        line-height: 55px;
        text-align: center;
        max-width: unset;
        padding-bottom: 50px;
    }
    .landing_page .landing_page_col .landing_page_form a{
        margin: 0 auto;
        display: block;
        width: fit-content;
    }
    .assessment.landing_page_assement .assessment_inner {
        position: relative;
    }
    .assessment.landing_page_assement {
        height: 300px;
        margin: 250px 0 0 0;
    }
    .landing_page form .experience_scale .experience_scale_minus {
        top: 8px;
    }
    .landing_page form .experience_scale .experience_scale_plus {
        position: absolute;
        right: 15px;
        top: 8px;
    }
    /* #endregion */
}
/* ************************************************* */
        /* **********@Media 1300px************ */
/* ************************************************* */

@media (max-width: 1299px){
    /* #region  */
    .site_container {
        padding: 0 50px;
        max-width: 1024px;
    }
    .banner .site_container{
        padding: 0 50px;
        max-width: 1024px;
    }
    .bildit_hero h1 {
        font-size: 26px;
        line-height: 35px;
        max-width: unset;
    }
    .bildit_hero p {
        font-size: 30px;
        line-height: 40px;
        padding: 30px 0 30px;
    }
    .bildit_hero .hero_col:first-child {
        box-sizing: border-box;
        width: 55%;
        padding-top: 50px;
    }
    .bildit_hero .hero_col {
        width: 45%;
        padding-left: 50px;
    }
    .bildit_hero  .hero_inner{
        padding-bottom: 50px;
    }
    .bildit_hero a {
        font-size: 17px;
        line-height: 20px;
        padding: 15px 60px;
    }
    .assessment_inner{
        padding: 0 0 0PX 50px;
    }
    .assessment_col:first-child {
        padding: 25px 50px 25px 0;
    }
    .assessment_col h2 {
        font-size: 29px;
        line-height: 35px;
    }
    .assessment_col p {
        font-size: 17px;
        line-height: 22px;
    }
    .assessment_col a {
        font-size: 15px;
        line-height: 17px;
        padding: 15px 30px;
    }
    .assessment {
        width: 100%;
        margin: 75px 0 50px;
    }
    .premium_col h2 {
        font-size: 24px;
        line-height: 34px;
    }
    .premium_col p {
        font-size: 17px;
        line-height: 23px;
        padding: 30px 0;
    }
    .premium_col a {
        font-size: 15px;
        line-height: 20px;
        padding: 15px 30px;
    }
    .premium_col a p{
        font-size: 15px;
    }
    .premium_inner {
        padding: 25px 0 25px;
    }
    .comparison {
        padding: 75px 0;
    }
    .comparison_heading {
        padding-bottom: 50px;
    }
    .comparison_heading h2 {
        font-size: 30px;
        line-height: 37px;
    }
    .comparison_inner ul li p {
        font-size: 17px;
        line-height: 20px;
    }
    .comparison_inner .comparison_col:first-child li {
        font-size: 17px;
        line-height: 20px;
    }
    .comparison_inner .comparison_col:first-child li {
        padding-left: 25px;
    }
    .comparison_inner .comparison_col:last-child li p {
        font-size: 25px;
        line-height: 32px;
    }
    .comparison_inner ul li {
        height: 65px;
    }
    .personality_inner {
        padding: 50px 0;
    }
    .personality_inner h2 {
        font-size: 24px;
        line-height: 34px;
    }
    .personality_inner p {
        font-size: 17px;
        line-height: 25px;
        padding: 30px 0 30px;
    }
    .personality_inner a {
        font-size: 15px;
        line-height: 17px;
        padding: 15px 60px;
    }

    .native {
        padding: 65px 0;
    }
    .native_inner {
        gap: 25px;
    }
    .native_col {
        gap: 20px;
    }
    .native_inner .native_col p {
        font-size: 20px;
        line-height: 25px;
    }
    .native .button {
        padding-top: 50px;
    }
    .native .button a {
        font-size: 15px;
        line-height: 17px;
        padding: 15px 60px;
    }
    .refrence_col_single p {
        font-size: 17px;
        line-height: 23px;
        padding-top: 15px;
    }
    .refrence_col_single h2 {
        font-size: 30px;
        line-height: 40px;
    }
    .refrence_col_single:last-child {
        padding: 50px 0;
    }
    .toolkit_col {
        padding-right: 50px;
    }
    .toolkit_col h2 {
        font-size: 20px;
        line-height: 30px;
    }
    .toolkit_col p {
        font-size: 15px;
        line-height: 22px;
    }
    .platforms .platforms_heading h2 {
        font-size: 25px;
        line-height: 32px;
    }
    .platforms .platforms_heading {
        padding-bottom: 40px;
    }
    .platforms_inner {
        grid-template-columns: 100px 155px 120px 155px 190px;
    }
   
    /* #endregion */
    footer .footer_inner .footer_col span {
        margin-bottom: 25px;
        width: 130px;
        height: auto;
    }
    footer .footer_inner {
        padding: 25px 0;
        gap: 50px;
    }
    footer .footer_inner .footer_col li {
        font-size: 16px;
        line-height: 20px;
        padding-bottom: 15px;
    }

/* #region  */

/* ************************************************* */
        /* **********Features Page************ */
/* ************************************************* */
    .banner .banner_heading h6 {
        font-size: 20px;
        line-height: 25px;
    }
    .banner .banner_heading h2 {
        max-width: 100%;
        font-size: 35px;
        line-height: 45px;
    }
    .banner .banner_heading p {
        font-size: 20px;
        line-height: 25px;
    }
    .banner_slider_inner {
        max-width: UNSET;
        max-height: UNSET;
    }
    .cms {
        margin-top: -93px;
    }
    .banner .slick-prev{
        display: none !important;
    }
    .banner .slick-next{
        display: none !important;
    }
    .cms .cms_heading h6 {
        font-size: 20px;
        line-height: 25px;
    }
    .cms .cms_heading h2 {
        font-size: 35px;
        line-height: 45px;
    }
    .cms_row {
        display: flex;
        padding: 0 50px 0 50px;
    }
    .cms_row_inner h3 {
        font-size: 20px;
        line-height: 25px;
        padding-top: 15px;
    }
    .advantages {
        padding-top: 100px;
        margin-top: -64px;
    }
    .advantages .advantages_heading h6 {
        font-size: 20px;
        line-height: 25px;
    }
    .advantages .advantages_heading p {
        font-size: 20px;
        line-height: 25px;
    }
    .checkout .site_container {
        padding: 0 50px;
    }
    .advantages .site_container {
        padding: 0 50px;
    }
    .advantages .advantages_heading h2 {
        max-width: 100%;
        font-size: 35px;
        line-height: 45px;
    }
    .advantages_col:last-child{
        gap: 5px;
        width: 50%;
    }
    .advantages_col:first-child {
        width: 50%;
    }
    .checkout .checkout_heading h6 {
        font-size: 20px;
        line-height: 25px;
    }
    .checkout .checkout_heading h2 {
        font-size: 35px;
        line-height: 45px;
    }
    .checkout .checkout_heading p {
        font-size: 20px;
        line-height: 30px;
    }
    .checkout_inner {
        padding: 50px 0 0;
    }
/* #endregion */
    footer.feature_page .footer_head h2 {
        font-size: 35px;
        line-height: 45px;
    }
    footer.feature_page .footer_head p {
        font-size: 20px;
        line-height: 25px;
    }
    footer.feature_page .site_container {
        padding: 0 50px;
    }
    
/* #region  */
/* ************************************************* */
        /* **********Cms Page************ */
/* ************************************************* */
    .Cms_Hero .Cms_Hero_inner a {
        font-size: 20px;
        line-height: 25px;
        padding: 15px 75px;
    }
    .cms_features .site_container{
        max-width: unset;
    }
    .cms_features .cms_features_inner{
        padding:40px 40px 60px 40px;
    }

/* ************************************************* */
        /* **********Get Access Page************ */
/* ************************************************* */
    .get_access .site_container {
        padding: 0 50px;
    }
    .get_access .get_access_inner .get_access_col:last-child {
        width: 45%;
        padding-top: 0;
    }
    .get_access .get_access_acoount {
        text-align: center;
    }
    .get_access .get_access_acoount h3 {
        padding-bottom: 20px;
        font-size: 20px;
        line-height: 25px;
    }
    .get_access .get_access_acoount {
        padding: 25px;
    }
    .get_access .get_access_inner .get_access_col:first-child {
        padding-right: 30px;
    }
    .get_access .get_access_acoount a{
        height: 50px;
        margin-bottom: 20PX;
    }
    .get_access .get_access_acoount span{
        padding-bottom: 20PX;
    }
    .maketing .maketing_inner {
        padding: 100px 0;
    }
    .maketing .maketing_inner .maketing_col p {
        font-size: 25px;
        line-height: 30px;
        padding: 25PX 0;
        text-align: center;
    }
    .maketing .maketing_inner .maketing_col a {
        border-radius: 60px;
        padding: 20px 50px;
        font-family: 'Uncut Sans';
        font-style: normal;
        font-weight: 700;
        font-size: 20px;
        line-height: 25px;
        max-width: fit-content;
        margin: 0 auto;
        display: block;
    }
    .maketing .site_container {
        padding: 0 50px;
    }
    .maketing .maketing_inner .maketing_col:first-child {
        padding-right: 25px;
    }
    .maketing .maketing_inner .maketing_col h2 {
        font-size: 28px;
        line-height: 35px;
        text-align: center;
    }
    .get_access .get_access_inner h1 {
        font-size: 35px;
        line-height: 45px;
        text-align: center;

    }
    .get_access .get_access_inner h6 {
        font-size: 20px;
        line-height: 25px;
        text-align: center;
    }
    .get_access .get_access_inner p {
        font-size: 20px;
        line-height: 29px;
        text-align: center;
        max-width: unset;
    }
    .maketing .maketing_inner .maketing_col h6 {
        padding-bottom: 10PX;
        font-size: 20px;
        line-height: 25px;
        text-align: center;
    }
    .assessment.landing_page_assement {
        background: #171717;
        width: 100%;
        height: auto;
        margin: 250px 0 0 0;
    }
    .assessment.landing_page_assement .assessment_col {
        max-width: unset;
        margin: 0 auto;
    }
    .assessment.landing_page_assement .assessment_col P {
        font-weight: 400;
        font-size: 20px;
        line-height: 24px;
    }
    .assessment.landing_page_assement .assessment_inner {
        position: relative;
    }
    .landing_page h1 {
        font-size: 40px;
        line-height: 50px;
        text-align: center;
        max-width: unset;
        padding: 120px 0 30px;
    }
    .landing_page .landing_page_col h3 {
        font-size: 28px;
        line-height: 35px;
    }
    .landing_page .landing_page_inner {
        flex-direction: column;
    }
    .landing_page .landing_page_col:first-child {
        width: 100%;
        padding-right: 0;
    }
    .landing_page .landing_page_col h3{
        max-width: unset;
        text-align: center;
    }
    .landing_page .landing_page_col p {
        text-align: center;
        font-size: 20px;
        line-height: 25px;
    }    
    .landing_page .landing_page_col:last-child {
        width: 100%;
        margin-top: 30px;
    }
    .rank h2 {
        font-size: 40px;
        line-height: 50px;
        padding: 150px 0 30px 0;
    }
    .assessment.landing_page_assement .assessment_col h2 {
        font-size: 28px;
        line-height: 35px;
    }
/* #endregion */
}
@media (max-width: 991px){
    /* #region  */
    .header_menu {
        display: none;
    }
    .bildit_hero .hero_col:first-child {
        width: 100%;
        padding: 0;
    }
    .bildit_hero .hero_inner {
        padding: 100px 0 30px;
        flex-direction: column;
    }
    .bildit_hero h1 {
        font-size: 25px;
        line-height: 35px;
        text-align: center;
    }
    .bildit_hero p {
        font-size: 20px;
        line-height: 25px;
        text-align: center;
    }
    .bildit_hero a {
        font-size: 15px;
        line-height: 20px;
        padding: 15px 60px;
        display: block;
        max-width: fit-content;
        margin: 0 auto 50px;
    }
    .bildit_hero .hero_col .hero_img {
        margin: auto;
    }
    .bildit_hero .hero_col {
        width: 50%;
        padding-left: 0;
        margin: 0 auto;
    }
    .assessment_inner {
        padding: 0;
        flex-direction: column;
    }
    .assessment_col:first-child {
        width: 100%;
        padding: 25px 0;
    }
    .assessment_col:last-child {
        width: 100%;
    }
    .assessment_col:first-child {
        width: 100%;
        padding: 25px 0;
        max-width: 90%;
    }
    .assessment_col h2 {
        font-size: 25px;
        line-height: 35px;
        text-align: center;
    }
    .assessment_col p {
        font-size: 20px;
        line-height: 25px;
        text-align: center;
    }
    .assessment_col a {
        font-size: 15px;
        line-height: 20px;
        padding: 15px 30px;
        max-width: fit-content;
        display: block;
        margin: 0 auto;
    }
    .premium_col:last-child {
        padding: 0;
        width: 100%;
    }
    .premium_inner {
        flex-direction: column;
    }
    .premium_col:first-child {
        width: 100%;
    }
    .premium_col h2 {
        font-size: 25px;
        line-height: 35px;
        text-align: center;
    }
    .premium_col p {
        font-size: 20px;
        line-height: 25px;
        text-align: center;
    }
    .premium_col a {
        font-size: 15px;
        line-height: 20px;
        padding: 15px 30px;
        display: block;
        max-width: fit-content;
        margin: 0 auto;
    }
    .comparison {
        padding: 50px 0;
    }
    .comparison_heading h2 {
        font-size: 25px;
        line-height: 35px;
    }
    .comparison_heading {
        padding-bottom: 30px;
    }
    .comparison_inner ul li p {
        font-size: 15px;
        line-height: 20px;
    }
    .comparison_inner .comparison_col:first-child li {
        font-size: 15px;
        line-height: 20px;
        padding-left: 10px;
    }
    .personality_inner {
        padding: 50px 0;
        flex-direction: column;
    }
    .personality_inner h2 {
        font-size: 25px;
        line-height: 35px;
        text-align: center;
    }
    .personality_inner p {
        font-size: 20px;
        line-height: 25px;
        text-align: center;
    }
    .personality_col:first-child {
        width: 100%;
    }
    .personality_col:last-child {
        width: 100%;
        padding-left: 0;
    }
    .personality_col_img {
        width: 50%;
        margin: 0 auto;
    }
    .personality_inner a {
        font-size: 15px;
        line-height: 20px;
        padding: 15px 30px;
        max-width: fit-content;
        margin: 0 auto;
        display: block;
    }
    .personality_inner a p{
        font-size: 15px;
        line-height: 20px;
    }
    .refrence_col {
        display: flex;
        width: 100%;
        flex-direction: column;
        margin:5px 0 0;
    }
    .refrence_col_single:first-child {
        padding: 0;
        max-width: 90%;
        width: 100%;
    }
    .refrence_col_single:last-child {
        padding: 25px 0;
        width: 100%;
    }
    .refrence_col_single h2 {
        font-size: 25px;
        line-height: 35px;
    }
    .refrence_col_single p {
        font-size: 20px;
        line-height: 25px;
        padding: 25px 0;
    }
    .refrence .slick-dots li.slick-active button:before {
        background-color: #000;
        width: 8px;
        height: 44px;
    }
    .toolkit {
        padding: 50px 0  0;
    }
    .toolkit_inner {
        flex-direction: column;
    }
    .toolkit_col {
        padding-right: 0;
        width: 100%;
    }
    .toolkit_col:last-child {
        width: 100%;
        padding:50px 0 0;
    }
    .toolkit .site_container{
        padding: 0 50px;
        max-width: 767px;
    }
    .toolkit_col h2 {
        font-size: 25px;
        line-height: 35px;
        text-align: center;
    }
    .toolkit_col p {
        font-size: 20px;
        line-height: 25px;
        text-align: center;
    }
    .platforms_inner {
        grid-template-columns:121px 176px 140px;
        gap: 30px;
    }
    /* #endregion */
    footer .footer_inner {
        gap: 25px;
    }
    footer .footer_foot a {
        font-size: 12px !important;
        line-height: 15px;
        text-align: left; 

    }
    footer .footer_foot p {
        font-size: 12px !important;
        line-height: 15px;
    }
    footer .footer_inner .footer_col li {
        font-size: 15px;
        line-height: 20px;
    }
/* #region  */
/* ************************************************* */
        /* **********Features Page************ */
/* ************************************************* */
    .banner .banner_heading span {
        width: 60px;
        height: auto;
    }
    .banner_heading {
        padding-bottom: 30px;
    }
    .banner .banner_heading h2 {
        font-size: 25px;
        line-height: 35px;
    }
    .cms {
        margin-top: -70px;
    }
    .cms .cms_heading span {
        width: 60px;
        height: auto;
    }
    .cms_heading {
        padding: 80px 0 30px;
    }
    .advantages {
        padding-top: 80px;
        margin-top: -49px;
    }
    .advantages .advantages_heading span {
        width: 60px;
        height: auto;
    }
    .advantages .advantages_heading h2 {
        max-width: 100%;
        font-size: 25px;
        line-height: 35px;
    }
    .advantages_inner {
        padding: 30px 0 0;
        flex-direction: column;
    }
    .advantages_col:last-child {
        gap: 20px;
        width: 100%;
        padding: 20px 0 0;
        margin-bottom: -110px;
    }
    .advantages_col:first-child {
        width: 100%;
        padding: 0;
    }
    .cms_row_inner h3 {
        font-size: 20px;
        line-height: 20px;
        padding-top: 10px;
    }
    .cms_row_inner P {
        font-family: 'Uncut Sans';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 34px;
        color: #111111;
    }
    .cms .slick-next {
        display: none !important;
    }
    .cms .slick-prev {
        display: none !important;
    }
    .checkout .checkout_heading span {
        width: 60px;
        height: auto;
    }
    .checkout .checkout_heading h2 {
        font-size: 25px;
        line-height: 35px;
    }
    .checkout_inner .checkout_col:first-child {
        width: 100%;
        padding:0 0 30px;
    }
    .checkout_inner .checkout_col:last-child {
        padding: 0;
        width: 100%;
    }
    .checkout_inner {
        padding: 30px 0 0;
        flex-direction: column;
    }
    .assessment.feature_page {
        height: auto;
    }
    footer.feature_page .footer_head form button {
        margin-left: 15px;
    }
    .cms .cms_heading h2 {
        font-size: 25px;
        line-height: 35px;
    }
    .checkout {
        padding-top: 150px;
    }
/* ************************************************* */
        /* **********Cms Page************ */
/* ************************************************* */
    .Cms_Hero .site_container {
        padding: 0 50px;
    }
    .cms_features .site_container{
        padding: 0 50px;
    }
    .cms_features .cms_features_inner{
        padding: 40px 25px;
    }
    .Cms_Hero .Cms_Hero_inner {
        padding: 120px 0 50px;
        flex-direction: column;
    }
    .Cms_Hero .Cms_Hero_inner .cms_hero_col:first-child {
        width: 100%;
        max-width: unset;
        margin: 0;
    }
    .Cms_Hero .Cms_Hero_inner .cms_hero_col:last-child {
        width: 100%;
        padding: 30px 0 0 0;
    }
    .cms_features .cms_features_inner th {
        height: 45px;
        font-size: 16px;
        line-height: 21px;
        min-width: 250px;
    }
    .cms_features .cms_features_inner tr td:first-child{
        font-size: 16px;
        line-height: 20px;
        line-height: 55px;;
    }
    .cms_features .cms_features_inner tr td {
        font-size: 16px;
        line-height: 20px;
        line-height: 55px;;
        padding: 0;
    }
    .cms_features {
        padding-bottom: 50px;
        margin-top: 0px;
    }
    .platforms.feature_page .platforms_inner {
        gap: 30px;
        grid-template-columns: repeat(5,105px);
        justify-content: center;
    }
    .platforms_col {
        width: 105px;
    }

    .get_access .get_access_inner {
        padding: 120px 0 0;
        flex-direction: column;
    }
    .get_access .get_access_inner .get_access_col:first-child {
        padding-right: 0;
        width: 100%;
    }
    .get_access .get_access_inner .get_access_col:last-child {
        width: 100%;
        padding-top: 30px;
    }
    .maketing .maketing_inner .maketing_col:first-child {
        padding-right: 0;
        width: 100%;
    }
    .maketing .maketing_inner .maketing_col:last-child {
        width: 100%;
        padding-top: 30px;
    }
    .maketing .maketing_inner {
        padding: 100px 0;
        flex-direction: column;
    }
    footer.feature_page .footer_head h2 {
        font-size: 25px;
        line-height: 35px;
    }
    footer.feature_page .footer_head p {
        font-size: 16px;
        line-height: 20px;
    }
    .maketing .site_container {
        padding: 0 20px;
    }
    footer.feature_page .footer_head {
        padding: 30px 0;
    }
    footer.feature_page .footer_inner{
        padding: 30px 0 0;
    }
    footer.feature_page .footer_foot {
        padding: 30px 0;
    }
    footer .footer_foot ul li {
        padding-right: 20px;
    }
    .rank h2 {
        font-size: 35px;
        line-height: 45px;
        padding: 150px 0 30px 0;
    }
    .landing_page h1 {
        font-size: 35px;
        line-height: 45px;
    }
    .landing_page .landing_page_col h3 {
        font-size: 24px;
        line-height: 35px;
    }
    .landing_page .landing_page_col .landing_page_form a {
        padding: 15px 30px;
        font-size: 20px;
        line-height: 25px;
    }
    .assessment.landing_page_assement {
        margin: 195px 0 0 0;
        height: 470px;
    }
    .maketing .maketing_inner .maketing_col p {
        font-size: 20px;
        line-height: 25px;
        padding: 20PX 0;
        text-align: center;
    }
/* #endregion */

}
@media (max-width: 767px){
    /* #region  */
    .site_container {
        padding: 0 20px;
    }
    .banner .site_container{
        padding: 0 20px;
    }
    .bildit_hero p {
        font-size: 16px;
        line-height: 20px;
        padding: 20px 0;
    }
    .assessment {
        width: 100%;
        margin: 30px 0;
    }
    .assessment_col p {
        font-size: 16px;
        line-height: 20px;
        padding: 20px 0;
    }
    .bildit_hero a {
        margin: 0 auto 25px;
    }
    .bildit_hero .hero_col {
        width: 60%;
    }
    .premium_inner {
        padding: 30px 0;
    }
    .premium_col p {
        font-size: 16px;
        line-height: 20px;
        padding: 20px 0;
    }
    .comparison {
        padding: 30px 0;
    }
    .personality_inner {
        padding: 30px 0;
    }
    .toolkit .site_container {
        padding: 0 20px;
    }
    .personality_inner p {
        font-size: 15px;
        line-height: 20px;
        padding: 20px 0;
    }
    .native {
        padding: 30px 0;
    }
    .native_col span {
        width: 45px;
        height: auto;
    }
    .native_inner {
        gap: 20px;
        grid-template-columns: repeat(2, 1fr);
    }
    .native .button a {
        font-size: 15px;
        line-height: 20px;
        padding: 15px 30px;
    }
    .refrence_col_single p {
        font-size: 16px;
        line-height: 20px;
        padding: 20px 0;
    }
    .refrence_col_single:last-child {
        display: none;
    }
    .refrence .slick-dots li.slick-active button:before {
        background-color: #ED1E79;
        width: 8px;
        height: 44px;
    }
    .refrence_col_single:first-child {
        max-width: 80%;
    }
    .refrence_col {
        margin: 0;
        padding:30px 20px;
    }
    .toolkit {
        padding: 30px  0;
    }
    .toolkit_col p {
        font-size: 16px;
        line-height: 20px;
    }
    .platforms_inner {
        grid-template-columns: 121px 176px;
        gap: 20px;
    }
    .platforms_col:last-child{
        grid-column: 1 / span 2;
    }
    .comparison_col {
        min-width: 180px;
    }
    .comparison_inner {
        max-width: 100%;
        width: 100%;
        overflow: scroll;
    }
    .platforms {
        padding: 30px 0;
    }
    /* #endregion */
    footer .footer_inner {
        grid-template-columns: repeat(2 , 1fr);
    }
   
    footer .footer_foot {
        padding: 50px 0px 30px;
        flex-direction: column;
        gap: 20px;
    }
/* #region  */
/* ************************************************* */
        /* **********Features Page************ */
/* ************************************************* */
    .advantages .site_container {
        padding: 0 20px;
    }
    .checkout .site_container {
        padding: 0 20px;
    }
    footer.feature_page .site_container {
        padding: 0 20px;
    }
    .cms_row {
        display: flex;
        flex-direction: column;
        padding: 0 20px 30px;
    }
    .cms_row .cms_row_inner:last-child {
        padding-top: 0;
        width: 100%;
    }
    .cms_row_inner:first-child {
        width: 100%;
    }
    .advantages {
        padding-top: 30px;
        margin-top: 0;
    }
    footer .footer_head form input[type=text]{
        width: 100%;
    }
    .banner {
        padding-top: 100px;
    }
    .banner .banner_heading h6{
        padding-top: 10px;
    }
    .banner .banner_heading p {
        font-size: 16px;
        line-height: 20px;
    }
    .cms {
        margin-top: -34px;
    }
    .banner .banner_heading h6 {
        font-size: 16px;
        line-height: 20px;
    }
    .cms_heading {
        padding: 30px 0 ;
    }
    .cms .cms_heading h6 {
        font-size: 16px;
        line-height: 20px;
        padding-top: 10px;
    }
    .advantages .advantages_heading h6 {
        font-size: 16px;
        line-height: 20px;
        padding-top: 10px;
    }
    .advantages .advantages_heading p {
        font-size: 16px;
        line-height: 20px;
    }
    .advantages_inner .advantages_col h5 {
        font-size: 20px;
        line-height: 25px;
        padding-bottom: 10px;
        margin-left: 0;
    }
    .advantages_inner .advantages_col p {
        font-size: 16px;
        line-height: 20px;
    }
    .checkout .checkout_heading h6 {
        font-size: 16px;
        line-height: 20px;
        padding-top: 10px;
    }
    .checkout .checkout_heading p {
        font-size: 16px;
        line-height: 20px;
    }
    .checkout_inner .checkout_col span {
        width: 15px;
        height: 11px;
        margin: 5px 10px 0 0;
    }
    .checkout_inner .checkout_col p {
        font-size: 16px;
        line-height: 20px;
    }
    .assessment.feature_page .assessment_col:first-child{
        max-width: 90%;
    }
    .feature_page form {
        width: 100%;
    }
/* #endregion */
    footer.feature_page .footer_head form button {
        margin: 20px auto 0;
        display: block;
    }
/* #region  */
/* ************************************************* */
        /* **********Cms Page************ */
/* ************************************************* */
    .Cms_Hero .site_container {
        padding: 0 20px;
    }
    .Cms_Hero .Cms_Hero_inner h1 {
        font-size: 35px;
        line-height: 45px;
        text-align: center;
    }
    .Cms_Hero .Cms_Hero_inner h2 {
        font-size: 25px;
        line-height: 35px;
        padding: 20px 0;
        text-align: center;
    }
    .Cms_Hero .Cms_Hero_inner p {
        font-size: 16px;
        line-height: 20px;
        padding-bottom: 20px;
        text-align: center;
    }
    .Cms_Hero .Cms_Hero_inner a {
        font-size: 16px;
        line-height: 20px;
        padding: 15px 30px;
        display: block;
        margin: 0 auto;
        max-width: fit-content;
    }
    .Cms_Hero .Cms_Hero_inner a::after {
        width: calc(100% - 10px);
        height: calc(100% - 10px);
        border: 2px solid black;
    }
    .Cms_Hero .Cms_Hero_inner {
        padding: 50px 0;
        flex-direction: column;
    }
    .cms_features .site_container {
        padding: 0 20px;
    }
    .cms_features .cms_features_inner {
        padding: 25px 15px 50px;
    }
    .platforms.feature_page .platforms_inner {
        gap: 30px;
        grid-template-columns: repeat(3,105px);
        justify-content: space-evenly;
    }
    .platforms.feature_page .site_container {
        padding: 0 20px;
        max-width: unset;
    }
    .platforms_col:last-child {
        grid-column: unset;
    }
    .get_access .site_container {
        padding: 0 20px;
    }
    .get_access .get_access_inner h1 {
        font-size: 25px;
        line-height: 35px;
        text-align: center;
    }
    .get_access .get_access_inner p {
        font-size: 16px;
        line-height: 20px;
        text-align: center;
    }
    .get_access .get_access_inner h6 {
        font-size: 16px;
        line-height: 20px;
        text-align: center;
    }
    .maketing .maketing_inner .maketing_col h6 {
        padding-bottom: 10PX;
        font-size: 16px;
        line-height: 20px;
        text-align: center;
    }
    .maketing .maketing_inner .maketing_col h2 {
        font-size: 25px;
        line-height: 35px;
        text-align: center;
    }
    .maketing .maketing_inner .maketing_col p {
        font-size: 16px;
        line-height: 20px;
        text-align: center;
    }
    .maketing .maketing_inner .maketing_col a {
        margin: 0 auto;
        padding: 15px 30px;
        font-size: 16px;
        line-height: 20px;
        display: block;
        width: fit-content;
    }
    .maketing .maketing_inner {
        padding: 100px 0 50px;
    }
    .landing_page .site_container {
        padding: 0 20px;
    }
    .landing_page h1 {
        font-size: 25px;
        line-height: 35px;
        padding-bottom: 20px;
    }
    .landing_page .landing_page_col h3 {
        font-size: 25px;
        line-height: 35px;
    }
    .landing_page .landing_page_col p {
        font-size: 16px;
        line-height: 20px;
        padding-top: 20px;
    }
    .landing_page .landing_page_col ul li {
        padding-top: 15px;
    }
    .landing_page .landing_page_col .landing_page_form a {
        padding: 15px 30px;
        font-size: 20px;
        line-height: 25px;
    }
    .rank h2 {
        font-size: 25px;
        line-height: 35px;
        padding: 150px 0 30px 0;
    }
    .landing_page .landing_page_col h3 {
        font-size: 20px;
        line-height: 30px;
    }
    .assessment.landing_page_assement .assessment_col h2 {
        font-size: 25px;
        line-height: 35px;
    }
    .assessment.landing_page_assement .assessment_inner {
        position: relative;
    }
    .assessment.landing_page_assement {
        margin: 195px 0 0 0;
        height: auto;
    }
    .assessment.landing_page_assement .assessment_col P {
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        max-width: 90%;
        margin: 0 auto;
    }
/* #endregion */
}

@media (max-width: 500px){
    /* #region  */
    .bildit_hero .hero_col {
        width: 100%;
    }
    .platforms_inner {
        grid-template-columns: 200px;
        gap: 30px;
        justify-content: center;
    }
    .platforms_col:last-child {
        grid-column: unset;
    }
    /* #endregion */
    footer .footer_inner {
        grid-template-columns: 1fr;
        justify-content: center;
    }
    /* #region  */
    .native_inner {
        gap: 20px;
        grid-template-columns: 1fr;
    }
    .platforms.feature_page .platforms_inner {
        grid-template-columns: repeat(2,105px);
    }
    .landing_page .landing_page_col ul li {
        padding-top: 10px;
    }
    .landing_page .landing_page_col form label {
        font-size: 16px;
        line-height: 20px;
    }
    .landing_page .landing_page_col form {
        padding: 15px;
    }
    .landing_page form .landing_page_form_radio .radio_inner label {
        font-size: 16px;
        line-height: 20px;
    }
    .landing_page form .landing_page_form_radio input[type=radio] {
        width: 20px;
        height: 15px;
        margin: 0;
    }
    .landing_page .landing_page_col .landing_page_form p {
        font-size: 16px;
        line-height: 20px;
        padding: 0 0 20px 0;
    }
    .landing_page .landing_page_col .landing_page_form a {
        padding: 15px 30px;
        font-size: 16px;
        line-height: 20px;
    }
    /* #endregion */
}

/* #region  */
/* New styles */
.two-image-two-col-header {
    color: #171717;
    font-family: 'Uncut Sans';
    font-size: 2.8vw;
    font-style: normal;
    font-weight: 400;
    line-height: 3.3vw
}
.two-image-two-col-sub-header {
    color:  #171717;
    font-family: 'Uncut Sans';
    font-size: 2.2vw;
    font-style: normal;
    font-weight: 400;
    line-height: 2.4vw;
}
.two-image-two-col-details {
    color:  #171717;
    font-family: 'Uncut Sans';
    font-size: 1.8vw;
    font-style: normal;
    font-weight: 400;
    line-height: 2.2vw;
}
.review_section {
    background-color: #F2F5FA;
    height: 80vh;
}
.platform_section {
    height: 100vh;
    align-items: center;
}
/* contact us */
.body-container--contact .form-title{
    text-align: center;
    font-size: 60px;
    font-weight: 800;
}
.body-container--contact .hs_cos_wrapper_type_form{
    width:100%;
}
.body-container--contact .input input[type="text"], .body-container--contact .input input[type="email"]{
    width: 100%;
    padding: 10px; 
    margin-bottom: 30px;
}
.body-container--contact label, .body-container--contact label span{
    color: #000;
}
.body-container--contact label span{
    margin-left: 10px;
}
#privacy_table table td{
    border: 1px solid black;
    padding: 15px !important;
}
html{
    scroll-behavior: smooth;
}
.widget-type-rich_text{
    text-align: center;
}
form .field{
    position: relative;
}
form .field ul.no-list{
    position: relative;
    top: -15px;
}
.hs-error-msg, .hs-error-msgs label, .hero-image-with-form-right-container form .hs-error-msgs label{
    color: red;
    padding: 0;
}
.demo_banner .full-image-hero-page-content{
    margin: 0;
    padding: 200px 0px !important;
}
.demo_banner .full-image-hero-page-title{
    margin: 0;
    text-align: center;
}
.demo_banner .full-image-hero-page-subtitle{
    margin: 20px 0 0;
    text-align: center;
}
.demo_banner{
    justify-content: center;
}

.demo_banner .full-image-hero-page-content{
    margin: 0;
    padding: 200px 0px !important;
}
.demo_banner .full-image-hero-page-title{
    margin: 0;
    text-align: center;
}
.demo_banner .full-image-hero-page-subtitle{
    margin: 20px 0 0;
    text-align: center;
}
.demo_banner{
    justify-content: center;
}
/* #endregion */

@media (max-width:767px){
/* #region  */
    .demo_banner .full-image-hero-page-content{
        margin: 0;
        padding: 100px 20px !important;
    }
    .demo_banner .full-image-hero-page-subtitle{
        font-size: 18px;
    }
    .body-container--contact .form-title{
        text-align: center;
        font-size: 30px;
        font-weight: 800;
    }
    .hs-error-msg, .hs-error-msgs label, .hero-image-with-form-right-container form .hs-error-msgs label{
        font-size: 16px;
    }
    #privacy_table table td span{
        display: block;
        font-size: 14px;
    }
    #privacy_table table td strong{
        font-size: 18px;
    }
/* #endregion */
  footer .trial_inner h2{
    font-size: 30px;
    line-height:40px;
  }
}
/* #region  */
/*  */
/* ────────────────────────────────────────────────────────────────────────── */

/* ────────────────────────────────────────────────────────────────────────── */

/* ────────────────────────────────────────────────────────────────────────── */

/* Base styles - smallest screen size first, mobile-first approach */
.platforms_inner {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  justify-items: center;
  gap: 20px;
}

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

@media (min-width: 480px){
  .platforms_inner {
    gap: 30px;
  }
}

@media (min-width: 762px){
  .platforms_inner {
    gap: 40px;
  }
}

@media (min-width: 1024px){
  .platforms_inner {
    gap: 50px;
  }
}

@media (min-width: 1400px){
  .platforms_inner {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 1920px){
  .platforms_inner {
    justify-content: space-around;
    grid-template-columns: repeat(9, 1fr);
    gap: 60px;
  }
}

@media (max-width: 875px) {
  .platforms_inner {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 480px) {
  .platforms_inner {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}
/* #endregion */
/* ────────────────────────────────────────────────────────────────────────── */

/* ────────────────────────────────────────────────────────────────────────── */

/* ────────────────────────────────────────────────────────────────────────── */





/* @media (max-width: 767px) { */
@media (min-width: 640px) and (max-width: 767px) {
    
    footer .footer_inner {
        gap: 0;
    }
}

@media (max-width: 640px) {
    footer .footer_inner {
        grid-template-columns: 1fr; /* Switch to single-column layout for mobile */
        grid-row-gap: 1rem;
      }

      footer .footer_col .footer_title {
        margin-top: 1rem; 
        margin-bottom: 5px;
      }
      /*  */
    footer .footer_col-left {
        margin: -60px 0 -60px 0;
    }


    footer .footer_col > :last-child {
        margin-bottom: -70px !important;
    }

    footer .footer_col {
        padding-bottom: 0 !important;
    }

    footer .footer_foot ul li:last-child {
        margin-bottom: -80px !important;
     }
     

     .footer_foot ul {
        width: 100% !important;
        padding-left: 0;
      }
    
      .footer_foot ul li a {
        display: block;
        padding: 0.5rem 0;
      }

      .footer_foot ul li {
        margin: 0 auto !important;
    }

    footer .footer_foot .linked-list-container li:last-child {
        margin-top: -80px !important;
    }
}

@media (min-width: 641px) {
    footer .footer_foot {
        padding: 60px 0px 30px;
        margin-top: -80px;
    }
    .footer_foot .linked-list-container {
      margin-top: -13px !important;
      
    }
  }

/*  */
@media (min-width: 1920px) {
    .platforms_inner {
      justify-content: space-around;
      grid-template-columns: repeat(10, 1fr);
      gap: 30px;
    }
  }
/*  */
/* xxs: for very small devices (max-width: 380px) */
@media (max-width: 380px) {
    .platforms_inner {
      grid-template-columns: 1fr;
      justify-content: center;
      gap: 10px;
    }
  
    .platforms_inner .platforms_col img {
      width: auto;
      max-width: 60px;
      height: auto;
    }
  }
  
  /* xs: for extra small devices like mobile (max-width: 639px) */
  @media (max-width: 639px) {
    .platforms_inner {
      grid-template-columns: repeat(2, 1fr);
      justify-content: center;
      gap: 15px;
    }
  
    .platforms_inner .platforms_col img {
      width: auto;
      max-width: 80px;
      height: auto;
    }
  }
  
  /* sm: for small screens (min-width: 640px) up to, but not including, 768px */
  @media (min-width: 640px) and (max-width: 767px) {
    .platforms_inner {
      grid-template-columns: repeat(3, 1fr);
      justify-content: center;
      gap: 20px;
    }
  
    .platforms_inner .platforms_col img {
      width: auto;
      max-width: 100px;
      height: auto;
    }
  }
  
  /* md: for medium screens (min-width: 768px) up to, but not including, 1024px */
  @media (min-width: 768px) and (max-width: 1023px) {
    .platforms_inner {
      grid-template-columns: repeat(4, 1fr);
      justify-content: center;
      gap: 25px;
    }
  
    .platforms_inner .platforms_col img {
      width: auto;
      max-width: 120px;
      height: auto;
    }
  }