/*========== Banner css ==============*/
    p {font-size: 16px !important;line-height: 30px !important;}
.container {max-width: 1200px;width: 95%;margin: 0 auto;transition: all 0.2s ease-in 0s;}
   .sec-pTB {padding:40px 0;}
.kent-banner {    display: flex;align-items: center;justify-content: center;position: relative;}
.kent-banner .flex-row:before, .kent-banner .flex-row:after {content: '';display: table;clear: both;}
.flex-row {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;flex-wrap: wrap;}
.flex-row .col:nth-child(1) {width: 69%;}
.flex-row .col:nth-child(2) {width: 30%;}
.img-wrapper {text-align: center;}
.img-wrapper img{max-width: 100%;}
  .banner-con {text-align: left;position: relative;animation: bannerCon 1.8s ease-in;}
.banner-con h1 {margin-bottom: 20px;font-size: 50px;display: block;font-weight: 600;color: #2f2e2e;letter-spacing: 0.1px;line-height: 65px;}
.banner-con p {font-size: 34px !important;letter-spacing: 0.2px;color: #444444;font-weight: 300;line-height: 46px !important;margin: 0;}
.banner-con p span{font-size: 32px; font-weight: 600; }
@-webkit-keyframes bannerCon {0% {top: -50px;}
100% {top:0;}
}
@keyframes bannerCon {0% {top: -50px;}
100% {top:0;}
}
   /*========== icon section css ==============*/
   .icon-section {padding: 20px 0px 30px;}
.icon-section .flex-row {align-items: unset}
.flex-row .col {flex: 1;margin: 0px 0px;display: inline-grid;}
.icon-box {background: #fff;padding: 20px !important;margin: 10px 15px;position: relative;text-align: center;transition: all 300ms ease;border-left: 5px solid #bab6f9 !important;border: 1px solid #efeeff;border-radius: 15px;overflow: hidden;}
.icon-box .img-wrapper {background: #f4f4ff;padding: 15px;border-radius: 50%;height: 70px;width: 70px;text-align: center;display: flex;align-items: center;justify-content: center;border: 1px solid #e6e4ff;position: absolute;top: -17px;right: -13px;overflow: hidden;}
.icon-box h3{ text-align: left; font-size: 18px;font-weight: 600;margin: 10px 0px 10px;}
    .icon-box p{text-align: left; font-size: 16px;margin: 0px 0px 5px;}
.icon-box:hover {transition: all 300ms ease;box-shadow: 0 0 20px rgb(0 0 0 / 20%);background: #6869d9;  color: #fff;  }
.icon-box:hover .icon-box h3, .icon-box:hover .icon-box p{color: #fff;}
 .pattern-design{position: relative;}
.card-number {text-align: left;font-size: 50px;font-weight: 700;-webkit-text-fill-color: #f8f8fc;-webkit-text-stroke: 1px #bab6f9;line-height: 1.6;}
   .icon-box .img-wrapper img{max-width: 65% !important;}
  /*========== end css ==============*/
  .quote-icon{height: 64px;width: 64px;text-align: center;line-height: 64px;background: #e4e2f4;color: #1b1f2e;font-size: 18px;border-radius: 50%;border: 5px solid #fff;}
    .quote-left {position: absolute;z-index: 999;top: -30px;left: 30px;}
.quote-left img {max-width: 20px !important;}
.quote-right {position: absolute;z-index: 999;bottom: -30px;right: 30px;}
.quote-right img {max-width: 20px !important;transform: rotate(180deg);}
/*========== favourite icon css ==============*/    
.favour-section {margin: 40px 0px 70px;}
.heighlight-mttr p{font-size: 22px;background: #f7f7fe;padding: 20px;border: 1px solid #ebe9ff;margin: 40px 0px;text-align: center;border-radius: 0px;margin: 0px;}
   .heighlight-mttr p span{font-weight: 600;}
.favour-section .kent-content{margin-bottom: 25px;}
.favour-section .icon-wrapper {  align-items: center;justify-content: center;display: flex;  }
   .favour-section .icon-wrapper h3{font-size: 17px;  font-weight: 500;  margin: 0; padding-left:15px }
    .favour-section .icon-wrapper .img-wrapper{        width: 85px;height: 85px;display: block;line-height: 85px;text-align: center;background-color: #fff;color: #ddd;border-radius: 50%;transition: 0.5s;box-shadow: 0px 16px 32px 0px rgb(0 0 0 / 6%);min-width: 85px;}
.favour-section .icon-wrapper .img-wrapper img{max-width: 56% !important;}
      .favour-section  .flex-row{align-items: flex-start;background: #f4f3ff;    padding: 25px 5px 25px 20px;}
/*========== end css ==============*/   
.kent-content {    margin-bottom: 40px;}
    .kent-content:last-child{margin-bottom: 0px}
.kent-content h2{margin: 10px 0 10px;font-size: 26px;color: #343352;font-weight: 500;border-bottom: 2px solid #bab6f9;display: inline-block;padding-bottom: 5px;line-height: 30px;}
   .kent-content p{margin-bottom: 20px}
.content-div span {font-weight: 600;font-size: 16px; color: #343352;}
.heightlight-content {background: #f9f8fc;padding: 60px 40px 60px;font-size: 16px;border-left: 5px solid #bcb7f6 !important;border: 1px solid #f1f0ff;position: relative;display: flex;align-items: center;justify-content: center;margin-left: 25px;}
.heightlight-content p{font-size: 24px !important;text-align: left;margin: 0px;line-height: 44px !important;}
.heighlight-cont p span{font-weight: 500;}
  .mt40{margin-top: 40px;}
    .mb30{margin-bottom: 30px !important;}
.adStrip {border: .5px solid #f9fbd1;-webkit-box-align: center;padding: 15px 10px;vertical-align: middle;text-align: center;line-height: 25px;background-color: #FFFFE0;font-size: 16px;}
.mt30{margin-top: 30px;}
    .flex-row.pattern-design .col { width: 50% !important; flex: inherit;}
.flex-row.pattern-design {display: flex;}
/*========= custom list ============*/
.custom-list li{font-size: 16px; margin-bottom: 15px; }
.list-section {margin: 40px 0px 20px !important;}
   /*========== Media query css ==============*/   
   @media (min-width: 768px) and (max-width: 1023px){
    .flex-row.pattern-design{display: flex;}
.flex-row.pattern-design .col{width: 50% !important; flex: inherit;}
}
@media (max-width: 768px){
    .banner-con h1{font-size: 44px;}
.flex-row.pattern-design .col{width: 100% !important;}
.flex-row .col {width: 100% !important; flex: unset;}
.banner-con {align-content: center;text-align: center; margin-bottom: 30px;}
.banner-con p{font-size:22px !important; line-height: 30px !important;}
.favour-section .flex-row{padding: 25px 0px 0px 0px;}
.favour-section .icon-wrapper{margin-bottom: 30px; display: unset;text-align: center;justify-content: left;}
.favour-section .icon-wrapper .img-wrapper{margin:  0 auto;}
.heightlight-content{padding: 42px 30px 40px; margin-bottom: 30px; margin-left: 0px;}
.heightlight-content p{font-size: 18px !important; line-height: 34px !important; font-weight: 400;}
.testimonial-content{margin-bottom: 20px;display: inherit;}
.testimonial-cover h3{font-size: 18px;}
.testimonial-cover{padding: 55px 30px 20px;}
.testimonial-name{text-align: center; padding-left: 0px;}
.customer-icon-wrapper{margin: 10px auto 15px;}
.kent-content h2{font-size: 20px;}
.pdf-btn{display: flex;text-align: center;justify-content: center;}
 }