*,
*:before,
*:after {
  box-sizing: border-box;
}

.zw-product-header{background-color: #F8E5E0;}
.banner-section{padding:120px 0px 130px;position: relative;background-color: #F8E5E0;}
.banner_inner{display: flex;justify-content: space-between;align-items: center;}
.left_content{width: 52%;position: relative;}
.right_content{width: 45%;position: relative;text-align: center;}
.left_content h1{font-size: 52px;line-height:62px;font-family: var(--primaryfont-bold);margin-bottom: 20px;}
.left_content p{font-size:18px;line-height: 32px;max-width: 490px;}
.secure-approach-inner{position: relative;}
.approach_tabs{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;margin-bottom: 80px;position: sticky;top: 50px;background: #fff;padding: 10px 0;z-index: 1;border-bottom: 1px solid #E3E3E3;}
.approach_tabs li{font-size: 18px;font-family: var(--primaryfont-medium);margin: 10px 17px;cursor: pointer;}
.approach_tabs li.active{font-family: var(--primaryfont-bold);}
.secure-approach-head h2{font-size: 44px;line-height:54px;max-width: 555px;font-family: var(--primaryfont-bold);margin: 0 auto 100px;text-align: center;}
.approach_flex_cont h4,.approach_flex.full_width h4{font-size: 34px;line-height: 44px;font-family: var(--primaryfont-bold);}
.approach_flex_cont p{max-width: 450px;margin-bottom: 0;}
.approach_tab_content p{line-height: 32px;}
.approach_flex_cont{max-width: 480px;}
.advanced_search{max-width: 520px;}
.approach_flex{margin: 0 auto 150px;display: flex;align-items: center;justify-content: center;column-gap: 100px;}
.full_width{flex-direction: column;text-align: center;}
.full_width p{max-width: 755px;margin: 0 auto 20px;}
.full_width h4{max-width: 500px;margin: 0 auto 20px; }
.approach_flex_cont.advanced_search p{max-width: 470px;}
.approach_flex_img video{max-width: 90%;-webkit-filter: blur(0);-moz-filter: blur(0);-o-filter: blur(0);-ms-filter: blur(0);filter: blur(0);}


.plug-gaps-section{background-color: #FFE599;padding: 120px 0;}
.plug_gaps_inner h2{font-size: 44px;line-height:54px;text-align: center;font-family: var(--primaryfont-bold);margin: 0 auto 100px;max-width: 560px;}
.plug_flex{display: flex;justify-content: center;}
.plug_flx_left{margin-right: 50px;width: 48%;text-align: center;max-width: 550px;}
.plug_img{display: none;margin: 0 auto;}
.plug_img_0{display: block;}

.plug-list p {margin-bottom: 0;display: none;max-width: 405px;}
.plug-list {padding: 40px 20px 0 80px;}
.plug-list:first-child p {display: block;}
.plug-list.active h4{pointer-events: none;}
.plug-list h4 {font-size: 24px;margin-bottom: 10px;position: relative;cursor: pointer;pointer-events: auto;}
.plug-list h4::before {content: " ";width: 20px;height: 3px;position: absolute;top: 17px;left: -46px;background: #000;}
.plug-list h4::after {content: " ";width: 3px;height: 20px;position: absolute;top: 8px;left: -37px;background: #000;}
.plug-list.active h4::after {content: none;}
.plug-list.active h4{pointer-events: none;}


.delight-buyers-section{background-color: #F7F7FF;padding: 120px 0;}
.delight_buyers_inner h2{font-size: 44px;line-height:54px;text-align: center;font-family: var(--primaryfont-bold);margin: 0 auto 100px;max-width: 650px;}
.delight_flex{display: flex;justify-content: center;align-items: center;}
.delight_flx_left{margin-right: 50px;width: 56%;text-align: center;max-width: 490px;}
.delight_flx_right{width: 40%;max-width: 480px;}
.delight_flx_right h4{font-size: 34px;font-family: var(--zf-secondary-semibold);}


.sales-legal-section{padding: 120px 0;}
.saleslegal_flex h2{font-size: 44px;line-height:54px;font-family: var(--primaryfont-bold);max-width: 580px;margin-bottom: 20px;}
.saleslegal_flex{display: flex;justify-content: center;align-items: center;}
.saleslegal_flx_left p{max-width: 430px;}
.saleslegal_flx_left{width: 54%;}
.saleslegal_flx_right{width: 40%;max-width: 390px;}
ul.saleslegal_list{max-width: 440px;}
.saleslegal_list li{padding-left: 40px;position: relative;margin: 18px 0;}
.saleslegal_list li span{position: absolute;display: block;left: 0;top: 1px;}
.saleslegal_list li span:before{content: " ";display: block;border: solid 10px #60CF8D;border-radius: 100%;height: 0;width: 0;position: absolute;top: 0;bottom: 0;margin: auto;}
.saleslegal_list li span:after{content: " ";display: block;width: 6px;height: 10px;border: solid #fff;border-width: 0 2px 2px 0;position: absolute;left: 7px;top: 7px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}

.api_btm{padding: 50px 20px;max-width: 1090px;margin: 100px auto 0; background-color: #F7F7FF;display: flex;justify-content: center;align-items: center; border-radius: 20px;}
.api_btm p{margin-bottom: 0;max-width: 470px;font-size: 20px;margin-left: 8%;}


.btm-section{text-align: center;padding: 120px 0;background-color: #2D2D2E;color: #fff;position: relative;}
.btm-section h2{font-size: 48px;margin: 0 auto 30px;font-family: var(--primaryfont-bold);max-width: 970px;}

.approach_flex_img img {width: 500px;max-width: 100%;}
.mob-show{display: none;}

/*Animation start*/
@media only screen and (min-width:768px) {

.fadeinup {opacity: 0;-webkit-transform: translateY(30px);-ms-transform: translateY(30px);transform: translateY(30px);-ms-filter: "alpha(opacity=0)";-webkit-transition: all 1000ms cubic-bezier(0.11, 0.16, 0.43, 0.86);-o-transition: all 1000ms cubic-bezier(0.11, 0.16, 0.43, 0.86);transition: all 1000ms cubic-bezier(0.11, 0.16, 0.43, 0.86);}
.fadeinleft {opacity: 0;-webkit-transform: translateX(-30px);-ms-transform: translateX(-30px);transform: translateX(-30px);-ms-filter: "alpha(opacity=0)";-webkit-transition: all 1000ms cubic-bezier(0.11, 0.16, 0.43, 0.86);-o-transition: all 1000ms cubic-bezier(0.11, 0.16, 0.43, 0.86);transition: all 1000ms cubic-bezier(0.11, 0.16, 0.43, 0.86);}
.fadeinright {opacity: 0;-webkit-transform: translateX(30px);-ms-transform: translateX(30px);transform: translateX(30px);-ms-filter: "alpha(opacity=0)";-webkit-transition: all 1000ms cubic-bezier(0.11, 0.16, 0.43, 0.86);transition: all 1000ms cubic-bezier(0.11, 0.16, 0.43, 0.86);-moz-transition: all 1000ms cubic-bezier(0.11, 0.16, 0.43, 0.86);-ms-transition: all 1000ms cubic-bezier(0.11, 0.16, 0.43, 0.86);-o-transition: all 1000ms cubic-bezier(0.11, 0.16, 0.43, 0.86);}
.middle-animated .fadeinup,.middle-animated .fadeinupcontent,.middle-animated .fadeindown {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);-ms-filter: "alpha(opacity=100)"}
.middle-animated .fadeinleft,.middle-animated .fadeinright,.middle-animated .fadeinleft,.middle-animated .fadeinright {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);-ms-filter: "alpha(opacity=100)"}

}
/*Animation End*/


/*responsive css*/


@media only screen and (max-width: 1299px){
  .left_content h1{font-size: 50px;line-height: 1.2;}
  .btm-section h2{font-size: 46px;}
  .approach_tab_content h2{line-height: 1.25;}
  .secure-approach-head h2{max-width: 575px;}
  .delight_flx_left{max-width: 500px;}
  .saleslegal_flx_right{max-width: 320px;}
  .approach_tab_content p{line-height: 1.6;}
  .full_width video{max-width: 85%;height: 100%;}
}
@media only screen and (max-width: 1140px){
  .approach_tabs{top: 0;}
}

@media only screen and (max-width: 1199px){
  .left_content h1{font-size: 44px;}
  .btm-section h2{font-size: 40px;line-height: 1.25;max-width: 700px;}
  .approach_tab_content h2{font-size: 38px;}
  .approach_flex_cont h4, .approach_flex.full_width h4, .delight_flx_right h4{font-size: 32px;line-height: 1.25;}
  .secure-approach-head h2{max-width: 485px;}
  .banner-section{padding: 100px 0;}
  .plug-gaps-section,.btm-section,.sales-legal-section,.delight-buyers-section{padding: 100px 0;}
  .approach_flex{margin-bottom: 100px;}
  .approach_flex_cont{max-width: 400px;}
  .approach_flex_img{max-width: 500px;}
  .approach_tabs{margin-bottom:60px;}
  .full_width h4,.plug_gaps_inner h2{max-width: 470px;}
  .full_width p{max-width: 645px;}
  .plug-list h4{font-size: 22px;}
  .plug-list h4::before{top: 14px;height: 2px;}
  .plug-list h4::after{top: 5px;width: 2px;left: -36px;}
  .plug-list{padding: 25px 20px 0 60px;}
  .secure-approach-head h2{margin-bottom: 80px;}
  .api_btm{margin-top: 70px;}
}
@media only screen and (max-width: 991px){
  .left_content h1{font-size: 34px;}
  .btm-section h2{font-size: 32px;max-width: 560px;}
  .approach_tab_content h2{font-size: 30px;}
  .approach_flex_cont h4, .approach_flex.full_width h4, .delight_flx_right h4{font-size: 26px;}
  .secure-approach-head h2{max-width:375px;}
  .left_content p{font-size: 15px;line-height: 1.8;}
  .approach_tabs li{margin: 10px 8px;font-size: 16px;}
  .banner-section{padding: 60px 0;}
  .secure-approach-head h2{margin-bottom: 60px;}
  .approach_flex{margin-bottom: 70px;column-gap: 60px;}
  .plug-gaps-section, .btm-section, .sales-legal-section, .delight-buyers-section{padding: 70px 0;}
  .plug_gaps_inner h2{margin-bottom: 60px;}
  .plug-list h4{font-size: 18px;}
  .plug-list {padding: 20px 20px 0 50px;}
  .plug-list h4::before{top: 12px;width: 18px; left: -44px;}
  .plug-list h4::after{top: 4px;height: 18px;}
  .plug_flex{align-items: center;}
  .delight_buyers_inner h2{max-width: 450px;}
  .api_btm p{font-size: 16px;}
  .api_btm{padding: 30px 20px;}
  .saleslegal_list li{font-size: 15px;}
  .saleslegal_list li{padding-left: 30px;}
  .saleslegal_flx_right{margin-left: 40px;}
  .api_btm{margin-top: 40px;}
  .full_width h4, .plug_gaps_inner h2{max-width: 390px;}
  .full_width p{max-width: 540px;}
  .saleslegal_list li span:after{top: 6px;}
}

@media only screen and (max-width: 767px){
  .left_content h1{font-size: 30px;}
  .btm-section h2{font-size: 28px;}
  .approach_tab_content h2{font-size: 26px;}
  .approach_flex_cont h4, .approach_flex.full_width h4, .delight_flx_right h4{font-size: 22px;}
  .approach_tabs,.approach_flex video{display: none;}
  .mob-show{display: block;}
  .banner_inner,.automate_approval,.saleslegal_flex{flex-direction: column;text-align: center;}
  .left_content,.right_content,.draft_contracts > div,.plug_flex > div,.delight_flex > div,.locate_advanced_search > div,.saleslegal_flex > div{width: 100%;}
  .left_content{max-width: 490px;margin: 0 auto 40px;}
  .secure-approach-head h2{margin-top: 70px;margin-bottom: 10px;}
  .draft_contracts,.plug_flex,.delight_flex,.locate_advanced_search{flex-direction: column-reverse;text-align: center;}
  ul.saleslegal_list,.plug_flex{text-align: left;}
  .draft_contracts .approach_flex_cont{margin: 50px 0 0;}
  .approach_flex_img video{height: 300px;}
  .approach_flex,.draft_contracts{margin-bottom: 60px;}
  .approach_flex_img{margin-top: 50px;}
  .approach_flex_img{max-width: 350px;}
  .full_width h4, .plug_gaps_inner h2{max-width: 330px;}
  .approach_flex_cont{max-width: 450px;}
  .plug_gaps_inner h2,.delight_flx_right{margin-bottom: 30px;}
  .plug_flx_right{max-width: 450px;margin-bottom: 50px; }
  .plug_flx_left,.delight_flx_left{max-width: 350px;margin-right: 0;}
  .delight_buyers_inner h2{margin-bottom: 60px;}
  .saleslegal_flex h2{max-width: 360px;margin:  0 auto 20px;}
  .saleslegal_flx_right{margin-left: 0;max-width: 270px;}
  ul.saleslegal_list{margin: 0 auto 40px;}
  .saleslegal_flx_left p{margin: 0 auto;max-width: 390px;}
  .saleslegal_list li span:after{top: 5px;}
  .api_btm p{font-size: 15px;}
  .api_btm img{width: 110px;}
  .locate_advanced_search h4{max-width: 350px;margin: 0 auto 15px;}
  .banner-img{width: 390px;max-width: 90%;}
  .delight_buyers_inner h2{margin-bottom: 60px;}
}

@media only screen and (max-width: 480px){	
.api_btm{flex-direction: column;text-align: center;}
.api_btm p{margin-left: 0;margin-top: 15px; }
.plug-list {padding: 15px 10px 0 35px;}
.plug-list h4::before{left: -30px;}
.plug-list h4::after{left: -22px;}
.full_width video{max-width: 95%;}
.btm-section h2{font-size: 26px;}
}