body,html {height: 100%;}
body {overflow: visible !important;}
.lightLayer{position: fixed; display:none; height: 100vh; width: 100vw; z-index: 9999999999;}
.bannerBlock{display: block; padding: 0 0 0 0; margin: -20px 0 0 0; position: relative;}
.bannerBlock .bannerTextBlock{width: 50%; color: #fff; position: absolute; top:100px; left: 60px; z-index: 22;}
.bannerBlock .bannerTextBlock h1{margin-top: 0; margin-bottom: 20px; font-size: 2.2rem; font-weight: 700; line-height: 1.3;}
.bannerBlock .bannerTextBlock h1 span{ font-size: 2rem;}
.bannerBlock .bannerTextBlock h1 ~ p{ font-size: 1.1rem; font-weight: 400; max-width: 600px;line-height: 1.5; width: 100%;}
.bannerBlock .bannerTextBlock h1 span{ display: block;}
.bannerBlock .customerSupport{position: absolute; top: 100px; right:60px; z-index: 9; color: #fff; font-weight: 600; font-size: 1.8rem;}
.bannerBlock .bannerTextBlock .bannerPlansBlock{display: flex; gap: 20px; margin-top: 100px; align-items: baseline; flex-wrap: wrap;}
.bannerBlock .bannerTextBlock .bannerPlansBlock .btn-listYourBusiness{ background: rgb(203,56,3); background: linear-gradient(0deg, rgba(203,56,3,1) 0%, rgba(236,64,2,1) 35%); border-color: #ec4002; font-weight: 500; text-transform: uppercase; border-radius: .25rem; padding: 10px 35px; color: #fff; font-size: 1.5rem; display: table; text-align: center; margin: 0;}

.bannerBlock .bannerTextBlock .bannerPlansBlock .btn-listYourBusiness:hover,
.bannerBlock .bannerTextBlock .bannerPlansBlock .btn-listYourBusiness:focus,
.bannerBlock .bannerTextBlock .bannerPlansBlock .btn-listYourBusiness:not(.btn-check)+.btn:active {background: rgb(156, 43, 1); background: linear-gradient(0deg, rgb(161, 45, 2) 0%, rgb(196, 56, 5) 35%); border-color: #ca3701;color: #fff;}
.bannerBlock .bannerTextBlock .bannerPlansBlock .btn-listYourBusiness span {cursor: pointer; display: inline-block; position: relative; transition: 0.5s; }

.bannerBlock .bannerTextBlock .bannerPlansBlock .btn-listYourBusiness:hover span {padding-right: 20px;}
.bannerBlock .bannerTextBlock .bannerPlansBlock .btn-listYourBusiness span:after {content: '\00bb'; position: absolute; opacity: 0;top: 50%; right: -30px;transition: 0.5s; font-size: 2rem; transform: translate(10px, -50%);}
.bannerBlock .bannerTextBlock .bannerPlansBlock .btn-listYourBusiness:hover span:after {opacity: 1; right: 0;}

.bannerBlock .bannerTextBlock .bannerPlansBlock .or{font-size: .8rem; width: 60px; height: 26px; padding: 5px; text-align: center; border-radius: 15px; line-height: 20px;}

.bannerBlock .bannerTextBlock .bannerPlansBlock .btnSlectAPlan{color: #fff; font-weight: 400; font-size: 1.1rem; padding: 10px 20px; border-radius: .25rem; border: 1px solid rgba(255, 255, 255, .9); text-align: center;}
.bannerBlock .bannerTextBlock .bannerPlansBlock .btnSlectAPlan:hover{background: rgba(255,255,255,.1); border: 1px solid rgba(255, 255, 255, 1);}
.heroBannerBlock {position: relative; z-index: 1; max-height: 550px; height: 100%; width: 100%; overflow: hidden;}
.heroBannerBlock::after{content: ''; position: absolute; top:0; left: 0;width: 100%; height: 100%; z-index: 1; background-color: rgba(0,0,0,.7);}
.heroBannerBlock * {outline: none;}
.slideshow .slider {box-shadow: 0 20px 50px -25px black;}
.heroBannerCarousel .slider-track {-webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);}
.heroBannerCarousel .item {height: 100%; position: relative; z-index: 1;}

.heroBannerCarousel .item img { width: 100%; -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); -webkit-transform: scale(1.3); transform: scale(1.3);}
.heroBannerCarousel .item.slick-active img {-webkit-transform: scale(1); transform: scale(1); -webkit-animation: cssAnimation 8s 1 ease-in-out forwards; animation: cssAnimation 8s 1 ease-in-out forwards;}

@keyframes cssAnimation {
  from {-webkit-transform: scale(1) translate(0px);}
  to {-webkit-transform: scale(1.3) translate(0px);}
}
@-webkit-keyframes cssAnimation {
  from {-webkit-transform: scale(1) translate(0px);}
  to {-webkit-transform: scale(1.3) translate(0px);}
}

.testimonialsSection{padding: 30px 0; background-color: #fff;}
.testimonialsSection .testimonialsHeading{ text-align: center; padding: 40px 80px 0 80px;}
.testimonialsSection .testimonialsHeading h2 {font-weight: 700; font-size: 2.2rem; margin: 0 0 10px 0;}
.testimonialsSection .testimonialsBlock {margin: 30px 0; background-color: #fff; height:400px; overflow:hidden;}
.testimonialsSection .testimonialsBlock .clientSays {background: #23306f; background-size: cover !important; background-repeat:no-repeat; padding: 25px 15px; border-radius: 15px; box-shadow: 0px 0px 5px rgba(0,0,0,.3); color: #fff; display: block;  margin: 0 15px; width:397px; height:400px !important; overflow:hidden;}
.testimonialsSection .testimonialsBlock .clientSays p {background-image: url(../../assets/common/comma-w.png); background-repeat: no-repeat; background-size: 50px; background-position: 0 0; text-align:left; padding: 0  0 0 65px; border-radius: 15px;  min-height: 250px;
font-size: 1rem; margin-bottom:20px; }
.testimonialsSection .testimonialsBlock .clientSays .userimg{ width: 50px; height: 50px; border-radius: 25px; border: 1px solid #fff; font-size: 1.5rem; line-height: 28px; text-align: center; padding: 10px;}
.testimonialsSection .testimonialsBlock .clientSays .clientName{ font-size: 1rem; font-weight: 600; text-align:left;}
.testimonialsSection .testimonialsBlock .clientSays .clientDesignation{ font-size: .85rem; font-style: italic; text-align:left;}
.testimonialsSection .testimonialsBlock .clientSays .clientCompanyName{font-size: .75rem; text-align:left;}
.testimonialsSection .testimonialsBlock .clientSays .clientCityName{font-size: .75rem; text-align:left;}

.testimonialsSection .testimonialsBlock .slick-arrow {position: absolute; z-index: 999; color: #fff; top: 50%; width: 25px; height: 30px;  border: 0; background: rgba(0,0,0,.3); transform: translate(0,-50%)}
.testimonialsSection .testimonialsBlock .prev-arrow { left: 0; border-radius: 0 5px 5px 0; padding: 0}
.testimonialsSection .testimonialsBlock .next-arrow {right: 0; border-radius: 5px 0 0 5px; padding: 0}
.testimonialsSection .testimonialsBlock .slick-arrow .fas {opacity: .5}
.testimonialsSection .testimonialsBlock .slick-arrow:hover {background: rgba(0,0,0,.7)}
.testimonialsSection .testimonialsBlock .slick-arrow:hover .fas {opacity: 1}
.testimonialsSection .testimonialsBlock .slick-slide {text-align: center}

.packagesSection{padding: 0; background-color: #fff;}
.packagesSection .packageHeading{ text-align: center; padding: 40px 80px 0 80px;}
.packagesSection .packageHeading h2 {font-weight: 700; font-size: 2.2rem; margin: 0 0 10px 0;}
.packagesSection .packageHeading .subHeading{ margin-bottom: 18px; font-weight: 400; font-size: 1rem;}
.packagesSection .stickyMainPackageBlock{background-color: #fff; padding: 20px 100px 0 100px;}
.packagesSection .packagesBlock{ max-width: 730px;width: 100%; margin: 0 auto; display: flex; gap: 0 110px; flex-wrap:wrap; justify-content: center;}
.packagesSection .packageBlock{ width: calc(50% - 80px); position: relative; border: 1px solid rgb(214, 214, 214); border-radius: 8px; padding: 8px 15px 30px 15px; width: 310px;  background: linear-gradient(rgb(255, 255, 255) 0%, rgba(226, 226, 226, 0.27) 100%); box-shadow: rgba(179, 179, 179, 0.25) 0px 2px 4px 0px; color: #000;}
.packagesSection .packageBlock .packageTitle{ font-size: 1.3rem; font-weight: 600; color: #000; display: flex; align-items: baseline; gap:20px; justify-content: space-between; margin-bottom: 10px; text-transform: uppercase;}
.packagesSection .packageBlock .packageTitle .fas{ font-size: 1.8rem;}
.packagesSection .packageBlock .packagePunchLine{font-size: .85rem; font-style: italic; margin-bottom: 10px}
.packagesSection .packageBlock .packagePriceBlock{ display: flex; flex-direction: column;}
.packagesSection .packageBlock .packagePriceBlock .packageFirstYearPrice{color: #000; padding: 5px 0; font-weight: 700; font-size: 1.2rem;}
.packagesSection .packageBlock .packagePriceBlock .packageFirstYearPrice span{ font-weight: 400;color: #777; font-size: .85rem;}
.packagesSection .packageBlock .packagePriceBlock .packageRenewalPrice{color: #777; font-size: .85rem; line-height: 21px; display: block;}
.packagesSection .packageBlock ul{ margin: 20px 0 0 0; padding: 0; list-style: none;}
.packagesSection .packageBlock ul li{display: flex; align-items: baseline; gap:16px 0;}
.packagesSection .packageBlock ul li:not(:last-child) {margin-bottom: 16px;}
.packagesSection .packageBlock ul li .fas,
.packagesSection .packageBlock ul li .far,
.packagesSection .packageBlock ul li .fab{font-size: 1rem; width: 30px;}
.packagesSection .packageBlock ul li img{font-size: 1rem; width: 15px; margin-right:15px;}
.packagesSection .packageBlock ul li .text{ width: calc(100% - 30px); font-size: .85rem;font-weight: 500; }
.packagesSection .packageBlock ul li span.plus{font-weight: 700; font-size: 1rem;}
.packagesSection .packageBlock ul ~  .btn-select {margin-top: auto; position: absolute; bottom: 8px; width: calc(100% - 30px);}
.packagesSection .packageBlock .btn-select{background-color: #363636; font-weight: 500; font-size: 1.1rem; cursor: pointer; border-radius: .25rem; color: white; padding: 8px 48px; width: 100%; margin-top: 16px; margin-bottom: 8px; border: none; outline: none; display: flex; justify-content: center; align-items: center; text-decoration: none;}
.packagesSection .packageBlock .btn-select:hover, .packageBlock .btn-select:focus {box-shadow: none;}


.packagesSection .packageBlock.freeListingBlock{border: 1px solid rgb(229, 222, 207); background: linear-gradient(rgba(218, 217, 217, 0.314) 0%, rgba(245, 243, 240, 0.314) 25%, rgba(204, 195, 182, 0.314) 100%); box-shadow: rgba(186, 165, 136, 0.25) 0px 2px 4px 0px;}
.packagesSection .packageBlock.freeListingBlock .btn-select{background-color: #4b4b4b; border: 1px solid transparent;}
.packagesSection .packageBlock.freeListingBlock .btn-select:hover, .packagesSection .packageBlock.freeListingBlock .btn-select:focus{ background-color: #303030; transition: 0.75s; border: 1px solid #303030;}

.packagesSection .packageBlock.featuredListingBlock{border: 1px solid rgb(229, 222, 207); background: linear-gradient(rgba(255, 255, 255, 0.314) 0%, rgba(248, 243, 235, 0.314) 25%, rgba(211, 196, 172, 0.314) 100%); box-shadow: rgba(186, 165, 136, 1) 0px 2px 20px 0px;}
.packagesSection .packageBlock.featuredListingBlock .btn-select{background-color: #FF5722; border: 1px solid transparent;}
.packagesSection .packageBlock.featuredListingBlock .btn-select:hover, .packagesSection .packageBlock.featuredListingBlock .btn-select:focus{ background-color: #b93006; transition: 0.75s; border: 1px solid #b93006;}


.packagesSection .note{ width: 100%; font-size: .75rem; line-height: 1.5; font-style: italic; color: #363636; padding-top: 83px; margin-top: -68px; margin-bottom: 0;}
.packagesSection .note ~  .note{margin-top: 5px;}

.btn-freeListing{ background: rgb(203,56,3); background: linear-gradient(0deg, rgba(203,56,3,1) 0%, rgba(236,64,2,1) 35%); border-color: #ec4002; font-weight: 500; text-transform: uppercase; border-radius: .25rem; padding: 10px 35px; color: #fff; font-size: 1.5rem;display: table; text-align: center; width:auto; margin: 50px auto;}
.btn-freeListing:hover,
.btn-freeListing:focus,
.btn-freeListing:not(.btn-check)+.btn:active {background: rgb(156, 43, 1); background: linear-gradient(0deg, rgb(161, 45, 2) 0%, rgb(196, 56, 5) 35%); border-color: #ca3701;color: #fff;}
.btn-freeListing span {cursor: pointer; display: inline-block; position: relative; transition: 0.5s;}
.btn-freeListing:hover span {padding-right: 20px;}
.btn-freeListing span:after {content: '\00bb'; position: absolute; opacity: 0;top: -14px; right: -30px;transition: 0.5s; font-size: 2rem; }
.btn-freeListing:hover span:after {opacity: 1; right: 0;}

.connectSalesBlock{padding: 60px 200px;  background-color: #f7f8fa; box-sizing: border-box;min-height: 480px; margin-top: 30px;}
.connectSalesContent h2{ font-size: 2.2rem; margin: 0 0 40px 447px; font-weight: 700;}
.connectSalesContent img{height: auto; margin-top: -80px; max-height: 400px; margin-right: 50px;  max-width: 100%; float: left; border-radius: 20px;}
.connectSalesContent p{ font-size: 1.1rem; line-height: 1.8rem;}
.connectSalesBlock .btn-salesTeam{border-radius: 0.25rem; font-size: 1.2rem; padding: 8px 40px; color: #fff; background: rgb(14, 19, 64); background: linear-gradient(0deg, rgba(14, 19, 64, 1) 0%, rgba(40, 48, 111, 1) 35%); align-items: baseline; gap: 10px; margin-top:20px;}
.connectSalesBlock .btn-salesTeam:hover,
.connectSalesBlock .btn-salesTeam:focus{background: rgb(14, 19, 64); background: linear-gradient(0deg, rgb(5 8 38) 0%, rgb(26 33 90) 35%); color: #fff;}

.customizedPlanBlock {display: flex; flex-wrap: wrap; padding: 50px 60px; background-color: #444; align-items: center; position: relative; overflow: hidden;min-height: 460px;}

.customizedPlanCarousel {width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1;}

.customizedPlanCarousel #parallax1 {background: url("../../assets/common/hero-img6.jpg");}
.customizedPlanCarousel #parallax2 {background: url("../../assets/common/hero-img7.jpg");}
.customizedPlanCarousel #parallax3 {background: url("../../assets/common/hero-img8.jpg");}
.customizedPlanCarousel #parallax4 {background: url("../../assets/common/hero-img9.jpg");}
.customizedPlanCarousel #parallax5 {background: url("../../assets/common/hero-img10.jpg");}

.customizedPlanCarousel .slider-track {-webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);}
.customizedPlanCarousel .item{ position: relative; z-index: 1; width: 100%; height: 100vh !important; transform: translate3d(0px, -138px, 0px);}
.customizedPlanCarousel .item:after{ background:rgba(0, 0, 0, 0.8); content:""; width: 100%; height: 100%; position:absolute; top:0; left: 0; z-index: 10; }
.customizedPlanCarousel .item img { width: 100%; -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); -webkit-transform: scale(1.3); transform: scale(1.3);}
.customizedPlanCarousel .item.slick-active img {-webkit-transform: scale(1); transform: scale(1); -webkit-animation: cssAnimation 8s 1 ease-in-out forwards; animation: cssAnimation 8s 1 ease-in-out forwards;}

.customizedPlanBlock .customizedPlan{z-index:2; padding: 10px 30px 10px 15px; width: 100%; max-width: 800px; margin: 0 auto; display: table-cell; vertical-align: middle; height: 100%;}
.customizedPlanBlock .customizedPlan .customizedHeading{font-size: 1.5rem; font-weight: 400;color: #fff; }
.customizedPlanBlock .customizedPlan .customizedHeading ul{ list-style:none; margin: 0; padding: 0; gap: 10px; display: flex; flex-direction: column;}
.customizedPlanBlock .customizedPlan .customizedHeading ul li {display: flex; align-items: center; gap: 10px;}
.customizedPlanBlock .customizedPlan .customizedHeading ul li .fas{font-size: .9rem;}
.customizedPlan .btn-customized{ border-color: #fff; font-weight: 600; border-radius: .25rem; padding: 10px 30px; color: #fff; font-size: 1.1rem; display: table; margin: 50px 0 20px 0;}
.customizedPlan .btn-customized:hover,
.customizedPlan .btn-customized:focus:not(:focus-visible),
.customizedPlan .btn-customized:first-child:active{ border-color: #fff; transition: 0.75s; background-color: #fff; color: #000;}
.guaranteedLeadBlock{padding: 100px 100px 50px 100px; background: url(../../assets/common/sales-partner-bg.png) center no-repeat; background-size: cover;}
.guaranteedLeadBlock h2{ font-size: 2.2rem; margin: 0 0 40px 0; text-align: center; font-weight: 700;}
.guaranteedLeadContentBlock{ display: flex; gap: 40px;}
.guaranteedLeadContentBlock .guaranteedResults{width: 100%; max-width: 450px;}
.guaranteedLeadContentBlock .guaranteedResults::before{content: ''; width: 100%; height: 100%; position: absolute; top:0; left: 0; z-index: 99;}
.guaranteedLeadContentBlock .guaranteedResults .item {display: flex; align-items: center; justify-content: center;}
.guaranteedLeadContentBlock .guaranteedResults img{width: 100%; max-width: 400px; height: auto;}
.guaranteedLeadContent{ display: flex; flex-direction: column; gap:40px;}
.guaranteedLeadContentBlock .subHeading{font-size: 1.8rem; font-weight: 700; color: #272a71; margin: 0;}
.guaranteedLeadContentBlock .subHeading span{color: #ec4002;}
.guaranteedLeadContentBlock .btn-downlaod{border-radius: 0.25rem; font-size: 1.2rem; padding: 8px 40px; color: #fff; background-color: #23306f; align-items: baseline; gap: 10px; margin: 0 auto 0 0;
  display: table;}
.guaranteedLeadContentBlock .btn-downlaod:hover,
.guaranteedLeadContentBlock .btn-downlaod:focus{background-color: #0b143f; color: #fff;}
.guaranteedLeadContentBlock .muteText{font-size: .9rem; color: #666; font-style: italic;}
.advertiseBlock{padding: 100px 60px 0 60px; background: linear-gradient(180deg,#fcfcfc,#f4f2ee); box-sizing: border-box;}
.advertiseContent h2{ font-size: 2.2rem; margin: 0 0 40px 637px; font-weight: 700;}
.advertiseContent img{height: auto; margin-top: -50px; min-height: 270px;  max-width: 100%; float: left;}
.growPageMobile{display: none;}  
.advertiseContent p{ font-size: 1.1rem; line-height: 1.8rem;}
.advertiseContent .advertiseBlockButton{display: flex; gap:20px; align-items: center; margin-top: 50px;}
.advertiseContent .btn-downlaod{border-radius: 0.25rem; font-size: 1.2rem; padding: 8px 40px; color: #fff; background-color: #23306f; align-items: baseline; gap: 10px; margin-top: 50px;}
.advertiseContent .btn-downlaod:hover,
.advertiseContent .btn-downlaod:focus{background-color: #0b143f; color: #fff;}
.advertiseContent .advertiseBlockButton .btn-downlaod{ margin: 0;}

.packagesSection{padding-top: 30px;}
.packagePlanBlock{padding:0; margin: 0; display: flex; justify-content: flex-start; border: 1px solid #eee;}
.packagePlanBlock .planFeaturesNameBlock{flex-basis: 440px; background-color: #f5f5f5;}

.packagePlanBlock .planNameBlock{flex: 1 1; display: inline-flex; align-items: flex-start; justify-content: flex-start;}
.packagePlanBlock .planNameBlock .standredPlan{width: 40%;background-color: #fff;}
.packagePlanBlock .planNameBlock .standredPlan.planFeatured{background-color: #fafafa;}
.packagePlanBlock .planNameBlock .standredPlan .planNameHeading{font-size: 1.2rem; font-weight: 600; color: #000; display: block; align-items: baseline; justify-content: space-between; gap: 10px; height: 40px; text-transform: uppercase; text-align:center;}

.packagePlanBlock .planNameBlock .standredPlan .planNameHeading img{ width: auto; height: 20px; position: absolute; top: 0; right: 10px;}
/*.packagePlanBlock .planNameBlock .standredPlan:last-child .planNameHeading img{ height: 57px; right: -5px; position: absolute; top: -4px;}*/
.packagePlanBlock .planNameBlock .standredPlan .packagePriceBlock{min-height: 39px;}
.packagePlanBlock .planNameBlock .standredPlan .mobileFlex {display: flex;flex-direction: row-reverse; justify-content:center; gap:5px;}
.packagePlanBlock .planNameBlock .standredPlan .packageFirstYearPrice {color: #000; padding: 5px 0; font-weight: 400; font-style:italic; font-size: 1rem; min-width:80px;}
.packagePlanBlock .planNameBlock .standredPlan .packageFirstYearPrice span.text {font-weight: 400; color: #777; font-size: .85rem;}
.packagePlanBlock .planNameBlock .standredPlan .packageFirstYearPrice span.highlight {font-weight: 600; color: #ff2a00; font-size: 1.2rem; display: flex; gap:2px; justify-content: center;}
.packagePlanBlock .planNameBlock .standredPlan .packageFirstYearPrice span.standredPrice {color: #6e6e6e; text-decoration:line-through;}
.packagePlanBlock .planNameBlock .standredPlan .packageFirstYearPrice span.discountedPercentage { background:#ffe305; padding:2px 5px; border-radius:10px; font-weight:600; color:#000; border-radius:4px;}
.packagePlanBlock .planNameBlock .standredPlan .packageFirstYearPrice span.discountedPrice { font-weight:600; color:#000;}
.packagePlanBlock .planNameBlock .standredPlan .packageRenewalPrice { color: #444; font-size: .85rem; font-style: italic; line-height: 21px; display: block; margin-top: 10px;}
.packagePlanBlock .planNameBlock .standredPlan .btn-select {font-weight: 500; font-size: 1.1rem; cursor: pointer; border-radius: 0.25rem; padding: 8px 48px; outline: none; text-decoration: none; display: flex; justify-content: center;align-items: center; margin-top: 0;width:100%;}
.packagePlanBlock .planNameBlock .standredPlan.planFree .btn-select {background: rgb(68, 65, 64); background: linear-gradient(0deg, rgb(85, 85, 85) 0%, rgb(116, 114, 113) 35%); color: #fff; border-color: #4b4b4b; font-weight: 500; max-width: 150px; width: 100%; margin-top:5px; padding:3px;}

.packagePlanBlock .planNameBlock .standredPlan.planFree .btn-select:hover, 
.packagePlanBlock .planNameBlock .standredPlan.planFree .btn-select:active,
.packagePlanBlock .planNameBlock .standredPlan.planFree .btn-select:focus:not(:focus-visible){background: rgb(54, 52, 51); background: linear-gradient(0deg, rgb(87, 87, 87) 0%, rgb(92, 92, 92) 35%); color: #fff; border-color: #4b4b4b; font-weight: 500; color: #fff;}

.packagePlanBlock .planNameBlock .standredPlan.planFree .btn-select:hover,
.packagePlanBlock .planNameBlock .standredPlan.planFree .btn-select:has(input[type="radio"]:checked), 
.packagePlanBlock .planNameBlock .standredPlan.planFree .btn-select.active, 
.packagePlanBlock .planNameBlock .standredPlan.planFree .btn-select.show, 
.packagePlanBlock .planNameBlock .standredPlan.planFree .btn-select:first-child:active, 
.packagePlanBlock .planNameBlock .standredPlan.planFree .btn-select:active:has(:not(.btn-check)) {
    background: rgb(51, 49, 48); background: linear-gradient(0deg, rgb(54, 54, 54) 0%, rgb(73, 73, 73) 35%); color: #fff; border-color: #3f3f3f; font-weight: 500;
}

.packagePlanBlock .planNameBlock .standredPlan.planFeatured .btn-select{background: rgb(203,56,3); background: linear-gradient(0deg, rgba(203,56,3,1) 0%, rgba(236,64,2,1) 35%); color: #fff; border-color: #ec4002; font-weight: 700; color: #fff;}

.packagePlanBlock .planNameBlock .standredPlan.planFeatured .btn-select:hover, 
.packagePlanBlock .planNameBlock .standredPlan.planFeatured .btn-select:active,
.packagePlanBlock .planNameBlock .standredPlan.planFeatured .btn-select:focus:not(:focus-visible){background: rgb(187,52,3); background: linear-gradient(0deg, rgba(187,52,3,1) 0%, rgba(224,66,8,1) 35%);  color: #fff; border-color: #ec4002;}


/* New */
.packagePlanBlock .planNameBlock .standredPlan.planBannerAd{width: 66.66%;}
.packagePlanBlock .planNameBlock .standredPlan.planBannerAd,
.packagePlanBlock .planNameBlock .standredPlan.planBannerAd .planItem:first-child{background-color: #fafafa;}
.packagePlanBlock .planNameBlock .standredPlan .btn-checkBlock {display: flex; width:100%; justify-content: center; align-items: center; gap: 10px; flex-direction:column;}
.packagePlanBlock .planNameBlock .standredPlan .btn-checkBlock .btn-select{ display: flex; justify-content: center; gap: 5px; flex-direction: row; position: relative;}
.packagePlanBlock .planNameBlock .standredPlan .btn-checkBlock .btn-check { top:15px; left:15px; clip: inherit; visibility:hidden;}

.packagePlanBlock .planNameBlock .standredPlan.planBannerAd .btn-select{background: rgb(14,19,64); background: linear-gradient(0deg, rgba(14,19,64,1) 0%, rgba(40,48,111,1) 35%); font-weight: 700; color: #fff; border-color:#28306f; max-width: 200px; width: 100%; justify-content: center; padding: 8px 35px;}
.packagePlanBlock .planNameBlock .standredPlan.planBannerAd .btn-select:hover,
.packagePlanBlock .planNameBlock .standredPlan.planBannerAd .btn-select:active,
.packagePlanBlock .planNameBlock .standredPlan.planBannerAd .btn-select:focus:not(:focus-visible){background: rgb(11,14,50); background: linear-gradient(0deg, rgba(11,14,50,1) 0%, rgba(25,34,111,1) 35%); color: #fff;border-color:#28306f;}

.packagePlanBlock .planNameBlock .standredPlan.planBannerAd .btn-select:hover,
.packagePlanBlock .planNameBlock .standredPlan.planBannerAd .btn-select:has(input[type="radio"]:checked), 
.packagePlanBlock .planNameBlock .standredPlan.planBannerAd .btn-select.active, 
.packagePlanBlock .planNameBlock .standredPlan.planBannerAd .btn-select.show, 
.packagePlanBlock .planNameBlock .standredPlan.planBannerAd .btn-select:first-child:active, 
.packagePlanBlock .planNameBlock .standredPlan.planBannerAd .btn-select:active:has(:not(.btn-check)) {background: rgb(203,56,3); background: linear-gradient(0deg, rgba(203,56,3,1) 0%, rgba(236,64,2,1) 35%); color: #fff; border-color: #ec4002;}

/* Update New */
.packagePlanBlock .planItem:first-child{min-height: 190px; text-align: center; display: block;}

.packagePlanBlock .planItem{ border-bottom: 1px solid #eee; padding: 10px; text-align: center; height: 50px;display: flex; flex-direction: column; justify-content: center;}
.packagePlanBlock .planItem:first-child{background-color: #fff;}
.packagePlanBlock .planFeatured .planItem:first-child{background-color: #fafafa;}

.packagePlanBlock .planFeaturesNameBlock .planItem:first-child{display: flex; align-items: start; background-color: #f5f5f5;}
.ChangeCityBlock{position: relative; display: flex; align-items: center; flex-wrap: wrap;  gap: 5px; margin-top:10px; height: 40px;}
.ChangeCityBlock span{font-weight: 400;}
.ChangeCityBlock .selectedCityBlock{display: inline-table;}
.ChangeCityBlock .selectedCity{word-break: break-all; display: inline-table; font-weight: 700; cursor:pointer;}
.editPencilBtn{display: inline-table; position: relative;margin-left: 5px;}
.ChangeCityBlock .fa-pencil-alt{cursor: pointer;}
.ChangeCityBlock  .packageCitySearch{ display: inline-table; width: 200px; display: none; position: relative;}
.ChangeCityBlock .form-control {width: 100%; border-radius: 0.25rem; font-size: .8rem; box-shadow: none; position:relative; z-index:2;}
.ChangeCityBlock .form-control ~ .cityLoader {position: absolute; z-index: 99999; font-size: .75rem; top: 50%; right: 0; transform: translateY(-50%); display: none;}
.ChangeCityBlock .form-control ~ .cityLoader .fas{font-size:.75rem !important;}
.ChangeCityBlock .popularCity{ position: absolute; top:30px; left: 0; display: none; list-style: none; margin: 0; padding: 0px; background-color: #fff; border: 1px solid #ccc; font-size: .75rem; line-height: 28px; width: 200px;
  font-weight: 400; z-index: 1; word-break: break-all;}
.ChangeCityBlock .popularCity li{box-sizing: border-box; padding:4px 5px 0px; cursor: pointer; border-bottom: 1px solid #f9f9f9;    line-height: 25px;}


.packagePlanBlock .planFeaturesNameBlock .planItem{text-align: left; font-weight: 600; font-size: 1.1rem; display: flex; align-items:center; flex-direction: row; justify-content: start;}
.packagePlanBlock .planFeaturesNameBlock .planItem .moreInfoBlock{flex: 1 1; display: inline-flex; align-items: center; position: relative;}
.packagePlanBlock .planFeaturesNameBlock .planItem .moreInfoBtn{cursor: pointer; font-size: .8rem;}
.packagePlanBlock .planFeaturesNameBlock .planItem .moreInfoContent{ display: none; font-size: .7rem; position: absolute; left:0; top:20px; font-weight: 500;}
.packagePlanBlock .planFeaturesNameBlock .planItem .fas,
.packagePlanBlock .planFeaturesNameBlock .planItem .far,
.packagePlanBlock .planFeaturesNameBlock .planItem .fab{font-size: 1rem; flex-basis: 25px; margin-right: 10px; text-align: center; }
.packagePlanBlock .planFeaturesNameBlock .planItem img{flex-basis: 15px; object-fit: contain; margin: 0 12px 0 6px;}
.planNameBlock .planItem .fa-check{ color: #019940; font-size: 1rem;}
.planNameBlock .planItem .fa-times{ color: #dd0000; font-size: 1.2rem;}


.faqSection{padding: 30px 0 50px 0; background-color: #f7f8fa;}
.faqSection .faqHeading { text-align: center; padding: 40px 80px 0 80px;}
.faqSection .faqHeading h2 {font-weight: 700;font-size: 2.2rem; margin: 0 0 10px 0;}
.faqSection .faqBlock { background-color: #fff; margin: 30px auto 0 auto; display: table; max-width: 1189px; width: 100%;}
.faqSection .faqBlock .accordion{ display: flex; flex-direction: column; gap: 20px; background-color: #f7f8fa;}
.faqSection .faqBlock .accordion-item{ border: 1px solid #ccc; border-radius: .35rem; overflow: hidden;}
.faqSection .faqBlock .accordion-button:focus { box-shadow: none; background-color: #e7e7e7 !important;}
.faqSection .faqBlock .accordion-button{ font-weight: 500; }
.faqSection .faqBlock ol{ display: flex; flex-direction: column; gap:10px; line-height: 26px;}
.faqSection .faqBlock .accordion-button:not(.collapsed){color: #000; background-color: #e7e7e7 !important;}
.faqSection .faqBlock .accordion-button{font-size: 1.1rem; padding-top:24px; padding-bottom: 24px;}
.accordion-button:not(.collapsed)::after {background-image: var(--bs-accordion-btn-icon);}


.modal-dialog .btn-ok {
  background: rgb(203,56,3);
  background: linear-gradient(0deg, rgba(203,56,3,1) 0%, rgba(236,64,2,1) 35%);
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: .25rem;
  margin: 0;
  padding: 8px 25px;
  font-size: 1rem;
  display: table;
  border-color: #ec4002;
}

.modal-dialog .btn-ok:hover, .modal-dialog .btn-ok:focus:not(:focus-visible), .modal-dialog .btn-ok:first-child:active { background: rgb(187,52,3); background: linear-gradient(0deg, rgba(187,52,3,1) 0%, rgba(224,66,8,1) 35%);
  border-color: #ec4002;}

.modal-dialog .btn-cancel {
  background: rgb(245,245,245);
  background: linear-gradient(0deg, rgba(245,245,245,1) 0%, rgba(250,250,250,1) 35%);
  border-color: #ddd;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: .25rem;
  margin: 0;
  padding: 8px 25px;
  font-size: 1rem;
  display: table;
  margin: 10px auto 0 auto;
}

.modal-dialog .btn-cancel:hover, 
.modal-dialog .btn-cancel:focus:not(:focus-visible), 
.modal-dialog .btn-cancel:first-child:active {
  background: rgb(230,230,230);
  background: linear-gradient(0deg, rgba(230,230,230,1) 0%, rgba(245,245,245,1) 35%);
  border-color: #ddd;
}


.btnOptions {
  display: flex;
  justify-content: center !important;
  align-items: center;
  gap: 20px;
}

.btnOptions .btn-ok,.btnOptions .btn-cancel {
  margin: 0 !important;
}


.cartBlock{width: 100%; font-weight: 500;padding: 15px; border: 1px solid #ccc; margin-bottom: 30px;}

.cartBlock .row:not(:last-child){margin-bottom: 20px;}
.cartBlock .row [class*='col-']:last-child{ text-align: right; position: relative;}
.cartBlock .row:last-child [class*='col-']:last-child strong{ position: absolute; bottom: 0; right: calc(var(--bs-gutter-x)* .5);}
.cartBlock .row:nth-of-type(1) [class*='col-']{text-align: left;}
.cartBlock [data-attr="selectedplan"]{word-break: break-word;}
.cartBlock a{display:inline-table;}
.btn-payNow{display: table; margin-left: auto; padding:0; background:transparent; border:0;color:#666;}

#razorpay_checkout{visibility: hidden !important;}

.packagePlanBlock .planNameBlock .standredPlan{width: 40%; background-color: #fff;}
.packagePlanBlock .planNameBlock .standredPlan .packagePriceBlock {min-height: 10px;}
.packagePlanBlock .planNameBlock .standredPlan ~ .standredPlan.planBannerAd{width: 60%;}
.packagePlanBlock .planNameBlock .standredPlan.planBannerAd{width: 100%;}
.packagePlanBlock .planItem:first-child{min-height: 120px;}

@media (max-width: 1024px) {
.packagesSection .stickyMainPackageBlock {padding: 20px 20px 0 20px;}
.packagePlanBlock .planFeaturesNameBlock{ flex-basis: 300px;}
}

@media (max-width: 950px) {
.packagePlanBlock .planItem:first-child{min-height: 250px;}
.packagePriceBlock [class^="col-"]:nth-child(n+2){ margin-top: 10px;}

}
  @media (max-width: 900px) {
    body{overflow: visible !important;}
    header .searchComboBlock.fixedTop{ display: none;}
    .growPageMobile.stickyMobile {position: fixed; width: 100%; display: flex; justify-content: center; font-weight: 400; padding: 8px; background: #fff; top: 0px;z-index: 1024;}
    .growPageMobile button, .growPageMobile a{
        background: rgb(203,56,3);
        background: linear-gradient(0deg, rgba(203,56,3,1) 0%, rgba(236,64,2,1) 35%);
        border-color: #ec4002;
        font-weight: 400;
        text-transform: uppercase;
        border-radius: 0.25rem;
        padding: 5px 10px;
        color: #fff;
        font-size: 1rem;
        display: table;
        width: auto;
        text-align: center;
        margin: 0;
    }
    .growPageMobile button span,.growPageMobile a span{font-size: inherit; background: none;}

    .growPageMobile button:hover,.growPageMobile button:focus {background: rgb(156, 43, 1); background: linear-gradient(0deg, rgb(161, 45, 2) 0%, rgb(196, 56, 5) 35%); border-color: #ca3701;color: #fff;}

    .bannerBlock{ padding: 0; margin: 0;}
    .bannerBlock .bannerTextBlock{padding:0; border-radius:.25rem; top:50px; left:50px; width: calc(100% - 30px);}
    .bannerBlock .bannerTextBlock h1 {font-size: 1.8rem; line-height: 1.5;}
    .bannerBlock .bannerTextBlock h1 span{ font-size: 1.3rem;}
    .bannerBlock .bannerTextBlock h1 ~ p {font-size: 1rem;  max-width: inherit;}
    .bannerBlock .bannerTextBlock .bannerPlansBlock{margin-top: 50px; flex-direction: column; align-items: center; gap:15px;}
    .bannerBlock .bannerTextBlock .bannerPlansBlock .btn-listYourBusiness{font-size: 1rem;    padding: 10px 25px;}
    .bannerBlock .bannerTextBlock .bannerPlansBlock .btnSlectAPlan{width: 300px;font-size: 1rem;}
    .heroBannerCarousel .slick-slide {height: 450px !important;}
    .heroBannerCarousel .item img { height: 100%; object-fit: cover;}
  .guaranteedLeadBlock {padding:50px 15px 50px 15px;}
.guaranteedLeadBlock h2{margin: 0 0 20px 0; font-size: 1.5rem; text-align: center;}
.guaranteedLeadContentBlock{  flex-wrap: wrap; gap: 20px;}
.guaranteedLeadContent{ gap:20px;}
.guaranteedLeadContentBlock .subHeading{font-size: 1.1rem;}
.guaranteedLeadContentBlock .btn-downlaod{ margin: 10px auto 0 auto; display: table;}
.advertiseBlock {padding:50px 15px 50px 15px; border-radius: 0.25rem;}
.advertiseContent {width: 100%;}
    .advertiseContent h2{margin: 0 0 40px 0; font-size: 1.5rem; text-align: center;}
    .advertiseContent p{ font-size: 1rem; line-height: 1.5rem; text-align: center;}
    .advertiseContent img{float: inherit; margin: 0; min-height: 199px;}
    .advertiseContent .advertiseBlockButton{flex-wrap: wrap; justify-content: center; text-align: center;}
    .advertiseContent .btn-downlaod{ margin: 10px auto 0 auto; display: table;}

.testimonialsSection .testimonialsHeading {padding: 40px 20px 0 20px;}
.testimonialsSection .testimonialsBlock { height:auto !important;}
.testimonialsSection .testimonialsBlock .clientSays { margin: 0 10px; width:auto; height:auto !important;}
.testimonialsSection .testimonialsBlock .clientSays p {background-size: 35px; padding: 0 0 0 50px;}
.testimonialsSection .testimonialsBlock .prev-arrow {left:-12px;}
.testimonialsSection .testimonialsBlock .next-arrow {right:-12px;}

    .packagesSection{padding-top:10px;}
    .packagesSection .packageHeading{padding: 40px 0 0 0;}
    .packagesSection .packageHeading h2{ font-size: 1.5rem;}
    .packagesSection .packageHeading .subHeading {font-size: .9rem;}
    .packagesSection .stickyMainPackageBlock{padding: 20px 10px 0 10px;}
    .packagesSection .packagePlanBlock{border-left: 0; border-right: 0;}
    .packagePlanBlock .planNameBlock .standredPlan{border:1px solid #f5f5f5; width: 40%;}
    .packagePlanBlock .planFeaturesNameBlock {flex-basis: 25%;}
    .packagePlanBlock .planNameBlock{overflow-x: auto;}
    .packagePlanBlock .planFeaturesNameBlock .ChangeCityBlock .packageCitySearch {width: 100%;}
    .packagePlanBlock .planFeaturesNameBlock .ChangeCityBlock .form-control{ padding: .375rem .375rem;}

    .packagePlanBlock .planNameBlock .standredPlan .packagePriceBlock {min-height: 30px;}
    .packagePlanBlock .planFeaturesNameBlock .planFeatureHeading {font-size: 1.5rem;}
   

    .packagePlanBlock .planNameBlock .standredPlan .planNameHeading {font-size: .74rem; height: 35px; gap:5px;}
    .packagePlanBlock .planNameBlock .standredPlan .planNameHeading.sticky{position: fixed; top: 52px; z-index: 999; background-color: #fff; padding: 5px; margin-left: -5px; line-height: 1;width: 100%;}
    .packagePlanBlock .planNameBlock .standredPlan .planNameHeading img{height: 16px; display: none;}
    .packagePlanBlock .planNameBlock .standredPlan .packageFirstYearPrice,
    .packagePlanBlock .planNameBlock .standredPlan .packageFirstYearPrice span.text {font-size: .55rem; padding-bottom: 10px;}

    /* New */
.packagePlanBlock .planNameBlock .standredPlan .packageFirstYearPrice span.highlight {font-size: .7rem;}
.packagePlanBlock .planNameBlock .standredPlan.planBannerAd .packageFirstYearPrice,
.packagePlanBlock .planNameBlock .standredPlan.planBannerAd.packageFirstYearPrice span.text {display: flex; gap:2px; padding-bottom: 5px;}
.packagePlanBlock .planNameBlock .standredPlan.planBannerAd .packageFirstYearPrice { flex-wrap:wrap;}

    .packagePlanBlock .planNameBlock .standredPlan .packageRenewalPrice{font-size: .7rem; line-height: 14px;}
    .packagePlanBlock .planItem{font-size: .75rem; padding: 5px; min-height: 60px; display: flex; align-items: center; justify-content: center; flex-direction: column;}
    .packagePlanBlock .planNameBlock .standredPlan .btn-select.sticky{position: fixed; margin-top: 0; padding: 5px 15px; top: 83px; z-index: 999;width:auto;}
    .packagePlanBlock .planFeaturesNameBlock .planItem,
    .packagePlanBlock .planItem:first-child{font-size: .75rem;}
    .packagePlanBlock .planItem:first-child{ min-height: 90px;}
    .ChangeCityBlock{margin-top:0;}
    .packagePlanBlock .planFeaturesNameBlock .planItem{position: relative;}

    
    .packagePlanBlock .planFeaturesNameBlock .planItem .fas, 
    .packagePlanBlock .planFeaturesNameBlock .planItem .far, 
    .packagePlanBlock .planFeaturesNameBlock .planItem .fab{font-size: .8rem; margin-right: 5px; display: none;}
    .packagePlanBlock .planFeaturesNameBlock .planItem img{margin: 0 10px 0 3px; display: flex; display: none;}
    .packagePlanBlock .planFeaturesNameBlock .planItem .fas.fa-info-circle{display: block; margin: 0;
      flex-basis: 10px;}

    .packagePlanBlock .planFeaturesNameBlock .planItem:first-child .fas{display: block;}
    .packagePlanBlock .planNameBlock .standredPlan.planBannerAd {
        width: 100%;
    }


/* Update New */
.packagePlanBlock .planNameBlock .standredPlan .btn-checkBlock{gap:5px; flex-wrap:wrap;}
.packagePlanBlock .planNameBlock .standredPlan .btn-select{padding: 4px 0; font-size: .7rem; margin-top: 0; margin-bottom: 0;}
.packagePlanBlock .planNameBlock .standredPlan.planBannerAd .btn-select{max-width: inherit;
        margin-bottom: 0;
        padding: 8px 25px;
        gap: 2px;}
    .packagePlanBlock .planNameBlock .standredPlan .btn-select .btn-check {
        width: 10px;
        height: 10px;
        top: 7px;
        left: 7px;
    }
 

    .packagePlanBlock .planFeaturesNameBlock .planItem .moreInfoBtn,
    .packagePlanBlock .planFeaturesNameBlock .planItem .moreInfoContent{display: none;}

    .packagePlanBlock .planFeaturesNameBlock .planItem, .packagePlanBlock .planItem:first-child {
      line-height: .9rem;
  }

    
    .bannerBlock .bannerTextBlock h1 {font-size: 1.6rem;}
    .bannerBlock .bannerTextBlock h1 span{ font-size: 1.1rem;}
    .bannerBlock .customerSupport{top: inherit; bottom: 50px; right: inherit; left:50px; font-size: 1.3rem;}

   .connectSalesBlock{padding:50px 15px 50px 15px; border-radius: 0.25rem; min-height: inherit;}
.connectSalesContent {width: 100%;}
.connectSalesContent h2{margin: 0 0 40px 0; font-size: 1.5rem; text-align: center;}
.connectSalesContent p{ font-size: 1rem; line-height: 1.5rem; text-align: center;}
.connectSalesContent img{float: inherit; margin: 0 0 20px 0; min-height: 199px;}
.connectSalesContent .btn-salesTeam{ margin: 10px auto 0 auto; display: table;}
        
    .customizedPlanBlock{ padding: 30px 15px; min-height: inherit;}
    .customizedPlanBlock .customizedPlan{width: 80%; padding: 0 20px;}
    .customizedPlanBlock .customizedPlan .customizedHeading {font-size: 1rem;}
    .customizedPlan .btn-customized{margin: 20px auto 0px auto;}
    .customizedPlanCarousel .item{transform: translate3d(0px, -120px, 0px);}
    
    .faqSection .faqHeading{padding: 40px 15px 0 15px;}
    .faqSection .faqHeading h2 {font-size: 1.5rem;}
    .faqSection  .faqBlock{padding: 0 10px;}

    }


  @media (max-width: 450px) {
    .packagePlanBlock .planNameBlock .standredPlan .packageFirstYearPrice{min-width:inherit;}
    .packagePlanBlock .mobileFlex {
        max-width: 100%;
    }
    .growPageMobile.stickyMobile{padding:0; display: flex; width: 100%; justify-content: center;}
        .growPageMobile.stickyMobile button,
        .growPageMobile.stickyMobile a {
            padding: 12px 10px;
            border-radius: 0;
            width: 100%;
        }
    
    .bannerBlock .bannerTextBlock{left: 15px;}
    .bannerBlock .customerSupport{left:15px;}

    #cartPopup .modal-dialog .modal-content{padding:20px 5px}
    .cartBlock{font-size: .95rem;}


    .customizedPlanCarousel #parallax1 {background-size: cover; background-position: center;}
    .customizedPlanCarousel #parallax2 {background-size: cover; background-position: center;}
    .customizedPlanCarousel #parallax3 {background-size: cover; background-position: center;}
    .customizedPlanCarousel #parallax4 {background-size: cover; background-position: center;}
    .customizedPlanCarousel #parallax5 {background-size: cover; background-position: center;}

    .customizedPlanBlock{height: auto;}
    .customizedPlanBlock .customizedPlan{width: 100%; padding: 20px 0 0 0;}
    .customizedPlanBlock .customizedPlan .customizedHeading ul li {align-items: baseline }
    .customizedPlan .btn-customized{margin: 20px auto 20px auto;}
    .packagePlanBlock .planFeaturesNameBlock {flex-basis: 110px;}
    .packagePlanBlock .planNameBlock .standredPlan .planNameHeading.sticky{width: 90px; padding-right: 17px;}
    .packagePlanBlock .planNameBlock .standredPlan .packageFirstYearPrice > span.text{display:block; padding-bottom: 0; }

    .packagePlanBlock .planFeaturesNameBlock .planItem{width: 110px;}

    .advertiseContent a.btn-downlaod, .guaranteedLeadContentBlock a.btn-downlaod {
        font-size: 1rem;
        padding: 8px 15px;
    } 
.btn-freeListing {font-size: 1rem; padding:10px 15px;}
a.btn-freeListing {padding: 10px 15px; font-size: 1rem;}
}
.benefitsSection {padding: 60px 50px;   box-sizing: border-box;  margin-top: 30px;  color: #000;  }
.benefitsSection .heading{ text-align: center; padding: 0 80px 40px 80px;}
.benefitsSection .heading h2 {font-weight: 700; font-size: 2.2rem; margin: 0 0 10px 0;}
.benefitsSection ul {margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 15px 25px;}
.benefitsSection ul li {display: flex; list-style: none; gap:25px; padding: 15px; border-radius: 7px !important; margin-bottom: 0 !important; width: calc(100%/2 - 12.75px);}
.benefitsSection ul li img {width: 72px; height: 72px; padding: 5px 10px 10px 5px;}
.benefitsSection ul li .itemBlock { display: flex; flex-direction: column; gap:10px;}
.benefitsSection ul li .head {font-size: 1.4rem; font-weight: 600; display: flex; gap: 8px;}
.benefitsSection ul li .small {font-size: 1rem; color: #444;}
.benefitsSection ul li .small img {display: inline-table; width: 30px;  padding: 5px; height: auto;}
.benefitsSection ul li  [class*="fa-"]{ font-size: 2.5rem; border: 1px solid #ccc; padding: 15px; border-radius: 10px; }
#packagesSection {
    display:none;
}

@media screen and (max-width: 450px) {
    .couponCodeBlock {
        top: 46px;
    }
    .testimonialsSection {
        padding:0;
    }
    .testimonialsSection .testimonialsBlock .clientSays .userimg {
        width: 40px;
        height: 40px;
        border-radius: 21px;
        font-size: 1.2rem;
        line-height: 20px;
    }
   
.benefitsSection {padding: 20px 0 0 0;}
.benefitsSection .heading {padding: 0 15px !important; margin-bottom: 20px;}
.benefitsSection .heading h2 {font-weight: 700; font-size: 2.2rem; margin: 0 0 10px 0;}
.benefitsSection ul {display: block;}
.benefitsSection ul li { margin-bottom: 10px !important; padding: 0 0 12px 0 !important; width: 100%; gap: 10px;}
.benefitsSection ul li:last-of-type{border: 0 !important;}
.benefitsSection ul li img {width: 50px; height: 50px; padding: 5px; margin: 0;}
.benefitsSection ul li .itemBlock { height: auto;}
.benefitsSection ul li .head { font-size: 1rem; font-weight: 600;}
.benefitsSection ul li .small {color: #444; font-size: .8rem;}
}

/* Takvora live fixes: keep this page stable when remote media/scripts are slow. */
:root {
    --takvora-primary: #14c767;
    --takvora-primary-dark: #10b55d;
    --takvora-secondary: #2f3852;
    --takvora-accent: #ff3f6c;
}

.bannerBlock .bannerTextBlock .bannerPlansBlock .btn-listYourBusiness,
.bannerBlock .bannerTextBlock .bannerPlansBlock .btn-listYourBusiness:hover,
.bannerBlock .bannerTextBlock .bannerPlansBlock .btn-listYourBusiness:focus,
.bannerBlock .bannerTextBlock .bannerPlansBlock .btn-listYourBusiness:not(.btn-check)+.btn:active,
.btn-freeListing,
.btn-freeListing:hover,
.btn-freeListing:focus,
.btn-select,
.btn-select:hover,
.btn-select:focus,
.btn-salesTeam,
.btn-salesTeam:hover,
.btn-customized,
.btn-customized:hover {
    background: linear-gradient(0deg, var(--takvora-primary-dark) 0%, var(--takvora-primary) 100%) !important;
    border-color: var(--takvora-primary) !important;
    color: #fff !important;
}

.bannerBlock {
    min-height: 520px;
    overflow: hidden;
    background: var(--takvora-secondary);
}

.heroBannerBlock {
    min-height: 520px;
}

.heroBannerBlock img {
    width: 100%;
    min-height: 520px;
    object-fit: cover;
    display: block;
}

.testimonialsSection {
    clear: both;
    position: relative;
    z-index: 1;
    padding-top: 60px;
    padding-bottom: 60px;
}

.testimonialsSection .testimonialsBlock {
    max-width: 1280px;
    height: auto !important;
    overflow: visible;
    margin-left: auto;
    margin-right: auto;
}

.testimonialsSection .testimonials:not(.slick-initialized) {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: center;
}

.testimonialsSection .testimonials:not(.slick-initialized) .item {
    width: min(397px, 100%);
}

.testimonialsSection .testimonialsBlock .clientSays {
    min-height: 360px;
    height: auto !important;
}

@media screen and (max-width: 900px) {
    .bannerBlock,
    .heroBannerBlock,
    .heroBannerBlock img {
        min-height: 620px;
    }

    .bannerBlock .bannerTextBlock {
        left: 20px !important;
        top: 80px !important;
        width: calc(100% - 40px) !important;
    }

    .testimonialsSection {
        padding: 40px 15px;
    }
}