@font-face{
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Bold.eot');
    src: url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Bold.woff2') format('woff2'),
        url('../fonts/Montserrat-Bold.woff') format('woff'),
        url('../fonts/Montserrat-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face{
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraBold.eot');
    src: url('../fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-ExtraBold.woff2') format('woff2'),
        url('../fonts/Montserrat-ExtraBold.woff') format('woff'),
        url('../fonts/Montserrat-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face{
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraLight.eot');
    src: url('../fonts/Montserrat-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-ExtraLight.woff2') format('woff2'),
        url('../fonts/Montserrat-ExtraLight.woff') format('woff'),
        url('../fonts/Montserrat-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face{
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Light.eot');
    src: url('../fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Light.woff2') format('woff2'),
        url('../fonts/Montserrat-Light.woff') format('woff'),
        url('../fonts/Montserrat-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face{
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Medium.eot');
    src: url('../fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Medium.woff2') format('woff2'),
        url('../fonts/Montserrat-Medium.woff') format('woff'),
        url('../fonts/Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face{
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.eot');
    src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Regular.woff2') format('woff2'),
        url('../fonts/Montserrat-Regular.woff') format('woff'),
        url('../fonts/Montserrat-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face{
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-SemiBold.eot');
    src: url('../fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('../fonts/Montserrat-SemiBold.woff') format('woff'),
        url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face{
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Thin.eot');
    src: url('../fonts/Montserrat-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Thin.woff2') format('woff2'),
        url('../fonts/Montserrat-Thin.woff') format('woff'),
        url('../fonts/Montserrat-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Built Titling Sb';
    src: url('../webfonts/BuiltTitlingSb-Regular.woff2') format('woff2'),
        url('../webfonts/BuiltTitlingSb-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../webfonts/Gotham-Bold.woff2') format('woff2'),
        url('../webfonts/Gotham-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



/* Default Reset Css Starts Here
===============================================================*/


.row-flex{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; align-items: center;}

.row{display: flex; flex-wrap: wrap; margin: 0 -35px;}

.row > *{
    position: relative;
    min-height: 1px;
    padding-left: 35px;
    padding-right: 35px
}

.col-12{
    width: 100%
}

.col-11{
    width: 91.66666667%
}

.col-10{
    width: 83.33333333%
}

.col-9{
    width: 75%
}

.col-8{
    width: 66.66666667%
}

.col-7{
    width: 58.33333333%
}

.col-6{
    width: 50%
}

.col-5{
    width: 41.66666667%
}

.col-4{
    width: 33.33333333%
}

.col-3{
    width: 25%
}

.col-2{
    width: 16.66666667%
}

.col-1{
    width: 8.33333333%
}
.margin-0{margin: 0!important;}
h1{font-size: 80px; font-family: 'Built Titling Sb'; line-height: 1.2; margin-bottom: 30px;}
h1 > span{position: relative; color: #727FFF; z-index: 1;}
h2{font-size: 52px; text-transform: inherit; line-height: 1.1; font-weight: 700; margin-bottom: 40px; text-align: left;}
h2 > span{font-weight: 700; color: #727FFF;}
h4{position: relative; font-size: 20px; line-height: 24px; font-weight: 700; padding-top: 15px; margin-bottom: 25px;}
h4:before{position: absolute; content: ""; width: 99px; height: 4px; background-color: #727FFF; left: 0; top: 0;}
h4.yellow-line:before{background-color: #FFDB2D;}
h4.red-line:before{background-color: #FF9290;}
h5.left-yollow-line{position: relative; font-size: 20px; line-height: 24px; font-weight: 700; padding-left: 55px; margin-bottom: 25px;}
h5.left-yollow-line ~ p{padding-left: 55px;}
h5.left-yollow-line:before{position: absolute; content: ""; width: 46px; height: 3px; background-color: #FFDB2D; left: 0; top: 10px;}
h6{position: relative; font-size: 16px; font-weight: 700; padding-top: 40px; margin-bottom: 25px;}
h6:before{position: absolute; content: ""; width: 80px; height: 10px; background-color: #727FFF; left: 0; top: 0;}
p{line-height: 21px; margin-bottom: 25px;}

.grey-bg{background-color: #F7F7F7;}

ul > li{padding-left: 30px; line-height: 21px; margin-bottom: 25px;}
ul > li:before{width: 10px; height: 10px;}
ul.red-bullet-listing > li:before{background-color: #FF9290;}
ol > li{padding-left: 20px; margin-bottom: 25px; line-height: 21px;}
ul > li > ol{margin-top: 25px;}
ol > li:before{content: counter(list)"."; width: 0; height: 0; background-color: transparent; top: 1px;}


/*div#page{overflow: hidden;}*/



/*landing page style start here*/
/*header{background-color: #000;}*/
/*
header{background-color: #ffda30;}
header:hover{background-color: #FFFFFF;}
*/
#shadow-host-companion{padding: 0!important;}

section
{
    padding: 124px 0;
}

.container{padding: 0 15px; max-width: 1260px; width: 100%; margin: 0 auto;}

.banner-main{position: relative; padding: 130px 0;}
.banner-main:after{position: absolute; content: ""; background-image: url(../images/leveraging-digital-marketing-agencies/banner-shape1.png); background-size: cover; background-repeat: no-repeat; width: 154px; height: 204px; right: 12%; top: 0;}
.banner-main:before{position: absolute; content: ""; background-image: url(../images/leveraging-digital-marketing-agencies/banner-shape2.png); background-size: cover; background-repeat: no-repeat; width: 345px; height: 243px; left: 0; bottom: 0;}
.banner-main .banner-content{max-width: 935px; width: 100%; margin: 0 auto; text-align: center;}
.banner-main .banner-content h1{position: relative; padding-top: 8px;}
.banner-main .banner-content h1:before{position: absolute; content: ""; width: 428px; height: 3px; background-color: #727FFF; top: 0; left: 0; right: 0; text-align: center; margin: 0 auto;}
.banner-main .banner-content h5{font-size: 32px; font-weight: 400;}
.banner-main .banner-content h5 > span{position: relative; text-transform: uppercase; font-weight: 800; color: #FFDB2D; -webkit-text-stroke: 1px #000;}
.banner-main .banner-content h1 > span .hex{ position: absolute;right: -9px;bottom: 4px;z-index: -1;display: flex;}

.chart-img{display: flex; justify-content: center; text-align: center; margin-bottom: 40px; margin-top: 40px;}

.leverage-ai-block{position: relative;padding: 70px 0;margin: 120px 0;background-color: #000; overflow: hidden;}
.leverage-ai-block:before{position: absolute; content: ""; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; left: 0; top: 0;}
.leverage-ai-block.cta1:before{background-image: url("../images/leveraging-digital-marketing-agencies/CTA-1.png"); width: 734px; }
.leverage-ai-block.cta2:before{background-image: url("../images/leveraging-digital-marketing-agencies/CTA-2.png"); width: 758px;}
.leverage-ai-block.cta3:before{background-image: url("../images/leveraging-digital-marketing-agencies/CTA-3.png"); width: 804px;}
.leverage-ai-block.cta4:before{background-image: url("../images/leveraging-digital-marketing-agencies/CTA-4.png"); width: 730px;}
.leverage-ai-block.cta5:before{background-image: url("../images/leveraging-digital-marketing-agencies/CTA-5.png"); width: 793px;}
.leverage-ai-block.cta6:before{background-image: url("../images/leveraging-digital-marketing-agencies/CTA-6.png"); width: 823px;}
.leverage-ai-block.cta7:before{background-image: url("../images/leveraging-digital-marketing-agencies/CTA-7.png"); width: 956px;}

.leverage-ai-block .inner-block{position: relative; display: flex; flex-wrap: wrap; align-items: center; z-index: 1;}
.leverage-ai-block .inner-block p{ font-size: 35px;line-height: 1.4;font-weight: 400;width: calc(100% - 522px);margin-bottom: 0;padding-right: 40px; color: #fff;}
.leverage-ai-block .inner-block .btn-block {display: flex;align-items: center;width: 522px;justify-content: flex-end;}
.leverage-ai-block .inner-block .btn-block.btn a{padding: 12px 28px;}

.chapter1{position: relative; background-color: #EDEDED;}
.chapter1:after{position: absolute; content: ""; background-image: url(../images/leveraging-digital-marketing-agencies/banner-shape1.png); background-size: cover; background-repeat: no-repeat; width: 154px; height: 204px; right: 0; top: 40px;}
.chapter1:before{position: absolute; content: ""; background-image: url(../images/leveraging-digital-marketing-agencies/chapter1-shape.png); background-size: cover; background-repeat: no-repeat; width: 282px; height: 171px; left: 30px; bottom: 0;}
.chapter1 h2{text-align: center;}
.chapter1 .chapter-banner-content{max-width: 1025px; width: 100%; margin: 0 auto; text-align: center;}
.chapter1 .border-text{position: relative; font-family: 'Gotham'; -webkit-text-stroke: 1px #000; color: transparent; margin-bottom: 15px; display: inline-block; padding-top: 30px;}
.chapter1 .border-text:before{position: absolute; content: ""; height: 17px; width: 129px; background-color: #FF9290; top: 0; left: 0; right: 0; text-align: center; margin: 0 auto;}

.chapter2{background-color: #FFDB2D;}
.chapter2 .chapter-banner-content{max-width: 800px;}
.chapter2 .chapter-banner-content h2:last-child{margin-bottom: 0;}
.chapter2:after{background-image: url(../images/leveraging-digital-marketing-agencies/chapter2-shape1.png); width: 387px; height: 264px; right: 0; top: 0;}
.chapter2:before{background-image: url(../images/leveraging-digital-marketing-agencies/chapter2-shape2.png); width: 368px; height: 130px; left: 0; bottom: 0;}

.chapter2-content{position: relative; background-color: #EDEDED;}
.chapter2-content:after{position: absolute; content: ""; background-image: url(../images/leveraging-digital-marketing-agencies/chapter2-content-shape.png); background-size: cover; background-repeat: no-repeat; width: 81px; height: 168px; left: 55px; bottom: 460px;}
.chapter2-content:before{position: absolute; content: ""; width: 234px; height: 75px; background-color: #FF9F9F; border-top-left-radius: 50px; border-bottom-left-radius: 50px; right: 0; bottom: 80px;}

.table1{max-width: 1118px; width: 100%; margin: 0 auto; margin-bottom: 50px;}
.table1 table{width: 100%; margin: 0;}
.table1 table thead th{background-color: #727FFF; padding: 30px; text-align: center; border-top-left-radius: 30px; border-top-right-radius: 30px;}
.table1 table tbody td{border: 2px solid #000; background-color: #fff; padding: 45px; width: 50%;}
.table1 table tbody td:first-child{border-left: 0; border-top: 0;}
.table1 table tbody td:last-child{border-right: 0; border-top: 0;}
.table1 table tbody tr:last-child td{border-bottom: 0; }
.table1 table tbody tr:last-child td:first-child{border-bottom-left-radius: 30px;}
.table1 table tbody tr:last-child td:last-child{border-bottom-right-radius: 30px;}

.table2{max-width: 790px; width: 100%; margin: 70px auto;}
.table2 table{width: 100%; margin: 0;}
.table2 table th{padding: 20px 40px; width: 50%;}
.table2 table th:first-child{background-color: rgba(255,219,45,.3);}
.table2 table th:last-child{background-color: rgba(114,127,255,.3);}
.table2 table td{padding: 40px; background-color: #fff; border-top: 0;}
.table2 table td:first-child{border-bottom: 2px solid rgba(255,219,45,.3);}
.table2 table td:last-child{border-bottom: 2px solid rgba(114,127,255,.3);}
.table2 table tr:last-child td{border-bottom: 1px solid #000;}
.table2 table th,.table2 table td{border: 1px solid #000;}

.step-listing{max-width: 1018px; width: 100%; margin: 70px auto; border-radius: 20px; border: 2px solid #000;}
.step-listing .step-block{display: flex;}
.step-listing .step-block .step{width: 251px; background-color: #727FFF; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; border-right: 1px solid #000;}
.step-listing .step-block:first-child .step{border-top-left-radius: 20px;}
.step-listing .step-block:last-of-type .step{border-bottom-left-radius: 20px;}
.step-listing .step-block .step > h4{width: 98px; height: 98px; background-color: #fff; border-radius: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; text-align: center; font-size: 19px; text-transform: uppercase; margin: 0; padding: 0; position: static;}
.step-listing .step-block .step > h4:before{display: none;}
.step-listing .step-block p{width: calc(100% - 211px); margin: 0; border-bottom: 1px solid #000; padding-top: 20px; padding-bottom: 50px; padding-left: 15px; margin-left: 10px; margin-right: 30px;}
.step-listing .step-block:last-of-type p{border-bottom: 0;}

ul.line-listing{margin-bottom: 25px;}
ul.line-listing > li{margin: 0; padding-left: 35px;}
ul.line-listing > li:before{width: 28px; height: 1px; top: 10px;}

.chapter3{position: relative; background-color: #fff; z-index: 1; overflow: hidden;}
.chapter3:before{background-image:url(../images/leveraging-digital-marketing-agencies/chapter-blue-shape.png); width: 1078px; height: 627px; left: 0; top: 0; z-index: -1;}
.chapter3:after{display: none;}

.chapter3-content{position: relative; z-index: 1;}
.chapter3-content .chapter3-shape1{position: absolute; left: 30px; bottom: 40px; z-index: -1;}
.chapter3-content .chapter3-shape2{position: absolute; right: 0; bottom: 0; z-index: -1;}

/*.table3 table tbody{border: 2px solid #000;border-radius: 29px;display: inline-block;border-top-left-radius: 0;border-top-right-radius: 0;}*/
.table3 table thead th{background-color: #FFDB2D;}
.table3 table tbody td{background-color: #EDEDED;}

.step-listing.step-listing-yellow{margin-bottom: 0;}
.step-listing.step-listing-yellow{background-color: #EDEDED;}
.step-listing.step-listing-yellow .step-block .step{background-color: #FFDB2D;}

.chapter4:before, .chapter4:after{display: none;}
.chapter4-content{position: relative; z-index: 1;}
.chapter4-content .chapter4-shape1{position: absolute; left: 0; bottom: 0; z-index: -1;}
.chapter4-content .chapter4-shape2{position: absolute; right: 0; bottom: 0; z-index: -1;}

.chapter5:before{background-image: url(../images/leveraging-digital-marketing-agencies/chapter-yellow-shape.png);}

.chapter5-content{position: relative; background-color: #EDEDED; z-index: 1;}
.chapter5-content .chapter5-content-shape{position: absolute; left: 0; bottom: 0; z-index: -1;}

.table5 table{display: block; border: 2px solid #000; border-radius: 30px;}
.table5 table thead th{background-color: #FFDB2D;border-radius: 0;border: 2px solid #000;border-top: 0; padding: 20px 25px;}
.table5 table thead th:first-child{border-top-left-radius: 30px; border-left: 0;}
.table5 table thead th:last-child{border-top-right-radius: 30px; border-right: 0;}
.table5 table tbody td{background-color: #EDEDED; width: auto; padding: 20px 25px;}

.chapter5-content .order-listing-content-inner{max-width: 740px; width: 100%; margin-top: 25px;}
.chapter5-content .order-listing-content-inner .inner-order-listing{margin-bottom: 25px;}
.chapter5-content .order-listing-content-inner .inner-order-listing > li{margin-bottom: 0;}

.step-listing-shape{border: 0; max-width: 100%; margin-bottom: 0;}
.step-listing-shape .step-block .step{width: 211px; border-right: 0; align-content: flex-start; background-color: transparent; padding-top: 20px;}
.step-listing-shape .step-block .step > h4{position: relative; width: 100%;height: 52px;background-color: #FFDB2D; border-radius: 30px; border-bottom-right-radius: 0; border-top-right-radius: 40px;}
.step-listing-shape .step-block .step > h4:after{position: absolute;content: "";height: calc(100% + 9px);width: calc(100% + 9px);border: 1px solid #727FFF;border-radius: 30px;border-bottom-right-radius: 0;border-top-right-radius: 40px;top: -4px;left: -4px;bottom: -4px;right: -4px;}

.chapter6{}
.chapter6:after{position: absolute; content: ""; background-image: url(../images/leveraging-digital-marketing-agencies/chapter6-shape.png); background-size: cover; background-repeat: no-repeat; background-position: center; width: 473px; height: 172px; top: 20px; right: 0; display: block;}

.chapter6-content{position: relative; z-index: 1;}
.chapter6-content .chapter6-content-shape1{position: absolute; right: 0; bottom: 500px; z-index: -1;}
.chapter6-content .chapter6-content-shape2{position: absolute; left: 0; bottom: 0; z-index: -1;}
.chapter6-content .chapter6-content-shape2 > img{display: flex;}

.chapter7{background-color: #FFDB2D;}

.conclusion{position: relative; z-index: 1;}
.conclusion:before{position: absolute; content: ""; max-width: 1230px; width: calc(100% - 60px); height: 1px; background-color: #000; top: 0; left: 0; right: 0; text-align: center; margin: 0 auto;}
.conclusion:after{position: absolute; content: ""; width: 42px; height: 42px; background-color: #FFDB2D; border-radius: 100%; top: -21px; left: 0; right: 0; text-align: center; margin: 0 auto; }
.conclusion .conclusion-shape1{position: absolute; left: 85px; top: 0; z-index: -1;}
.conclusion .conclusion-shape1:after{position: absolute; content: ""; width: 47px; height: 47px; background-color: #FFDB2D; border-radius: 100%; bottom: -220px;right: -80px; z-index: -1;}
.conclusion .conclusion-shape2{position: absolute; right: 0; bottom: 0; z-index: -1;}
.conclusion h2{position: relative; padding-top: 30px;}
.conclusion h2:before{position: absolute; content: ""; height: 4px; width: 99px; background-color: #FF9290; left: 0; top: 0;}
 
@media (max-width:1800px){
    .chapter6-content .chapter6-content-shape2{width: 230px;}
    .chapter3-content .chapter3-shape2{width: 260px;}
    .chapter4-content .chapter4-shape2{width: 250px;}
}

@media (max-width:1600px){
    .banner-main:after{right: 0;}
    .banner-main:before{width: 195px; height: 137px;}
    .chapter2-content:after{display: none;}
    .chapter2-content:before{width: 185px;height: 45px; bottom: 30px;}
    .chapter5-content .chapter5-content-shape{width: 80px;}
    .chapter6-content .chapter6-content-shape2{width: 160px;}
    .chapter6-content .chapter6-content-shape1{width: 120px;}
    .conclusion .conclusion-shape1{left: 20px;}
    .conclusion .conclusion-shape2{width: 160px;}
}

@media (max-width:1440px){
    p,ul li, ol li,table tr td{font-size: 16px;}
    .leverage-ai-block .inner-block .btn-block{width: 475px;}
    .leverage-ai-block .inner-block p{width: calc(100% - 475px);}
}

@media (max-width:1400px){
    .chapter1:before{width: 182px;height: 111px;}
    .chapter2:after{width: 230px;height: 158px;}
    .chapter2:before{width: 278px;height: 90px;}
    .chapter3:before{height: 100%; width: 755px;}
    .chapter5-content .chapter5-content-shape{width: 50px;}
    .chapter6:after{width: 276px;height: 99px;}
}

@media (max-width:1366px){
    .container{padding: 0 30px;}
    section {padding: 90px 0;}
    .leverage-ai-block{margin: 90px 0;}
    h1{font-size: 64px;}
    h2{font-size: 40px;}
    .banner-main{padding: 90px 0;}
    .banner-main .banner-content h5{font-size: 28px;}
    .conclusion .conclusion-shape1{display: none;}
    
}

@media (max-width:1199px){
    .row{margin: 0 -15px;}
    .row > *{padding-left: 15px;padding-right: 15px}
    p,ul li, ol li,table tr td{font-size: 14px;}
    .banner-main:after,.banner-main:before,.chapter2:before,.chapter6-content .chapter6-content-shape1{display: none;}
    ul > li{padding-left: 25px;}
    ul > li:before {width: 7px;height: 7px;}
    .chapter6-content .chapter6-content-shape2 {width: 120px;}
    .chapter4-content .chapter4-shape2 {width: 170px;}
    .chapter1:after{ width: 114px;height: 154px; top: 0;}
    .chapter6:after {width: 196px;height: 68px;}
    
}

@media (max-width:1023px){
    h2{font-size: 32px; margin-bottom: 25px;}
    p,ul li, ol li{margin-bottom: 20px;}
    h5.left-yollow-line{font-size: 18px; margin-bottom: 20px;}
    br{display: none;}
    .step-listing .step-block .step > h4 br{display: block;}
    .leverage-ai-block .inner-block .btn-block{width: 337px;}
    .leverage-ai-block .inner-block p{width: calc(100% - 337px); font-size: 26px;}
    
}

@media (max-width:991px){
    section {padding: 70px 0;}
    h1 {font-size: 52px;}
    h6{padding-top: 18px;}
    h6:before{height: 7px;}
    .banner-main {padding: 70px 0;}
    .chapter1:before {width: 142px;height: 84px; left: 0;}
    .chapter3:before{width: 510px; height: 100%;}
    h5.left-yollow-line{padding-left: 35px;}
    h5.left-yollow-line:before{width: 25px;}
    h5.left-yollow-line ~ p {padding-left: 35px;}
    .leverage-ai-block .inner-block{text-align: center;}
    .leverage-ai-block .inner-block p{width: 100%; padding-right: 0; margin-bottom: 30px; font-size: 24px;}
    .leverage-ai-block .inner-block .btn-block{width: auto; margin: 0 auto;}
    
    
}

@media (max-width:767px){
    section,.leverage-ai-block {padding: 60px 0;}
    .leverage-ai-block {margin: 60px 0;}
    .chapter1:before,.chapter1:after,.chapter3-content .chapter3-shape1,.chapter3-content .chapter3-shape2,.chapter5-content .chapter5-content-shape,.chapter6-content .chapter6-content-shape2,.chapter2-content:before,.chapter4-content .chapter4-shape1,.chapter4-content .chapter4-shape2{display: none;}
    .chapter3:before{display: block;} 
}

@media (max-width:639px){
    h1 {font-size: 42px;}
    h2{font-size: 24px;}
    .banner-main .banner-content h5 {font-size: 24px;}
    .table1 table tbody td,.table1 table thead th,.table2 table td,.table2 table th{padding: 20px;}
    .table2,.step-listing{margin: 45px auto;}
    .step-listing .step-block .step{width: 130px;}
    .step-listing .step-block p{width: calc(100% - 130px)}
    .table5{overflow-x: auto;}
    .table5 > table{width: 639px;}
    .conclusion .conclusion-shape2{display: none;}
    .step-listing-shape .step-block p{}
    
}

@media (max-width:479px){
    .container {padding: 0 20px;}
    h1 {font-size: 40px;}
    ul > li {padding-left: 15px;}
    .banner-main {padding: 40px 0;}
    .banner-main .banner-content h1:before,.banner-main .banner-content h1 > span .hex{display: none;}
    .chapter3{background-color: #FFDB2D;}
    .chapter3:before{display: none;}
    .step-listing{border-width: 1px;}
    .step-listing .step-block .step{width: 100%;}
    .step-listing .step-block{flex-wrap: wrap;}
    .step-listing .step-block p{width: 100%; padding-left: 0; margin-left: 15px; margin-right: 15px;}
    .step-listing .step-block .step,.step-listing.step-listing-yellow .step-block .step{background-color: transparent; border-right: 0;}
    .step-listing .step-block .step > h4{background-color: #727FFF; color: #fff; margin-top: 25px;}
    .step-listing.step-listing-yellow .step-block .step > h4{background-color: #FFDB2D; color: #000; margin-top: 25px;}
    .step-listing-shape .step-block .step > h4{width: 170px; margin-top: 10px; background-color: #FFDB2D; color: #000;}
    .step-listing-shape .step-block .step{justify-content: flex-start;}
    .step-listing-shape .step-block p{margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;}
    step-listing-shape{margin-bottom: 0;}
    .table1 table tbody td, .table1 table thead th, .table2 table td, .table2 table th {padding: 12px;}
    
    
    
    
}