.flexi-prices { position: relative; margin-top: 50px; }
.flexi-prices:after { content: ""; display: inline-block; width: 250px; height: 355px; position: absolute; right: -120px; top: -70px; background-image: url(../images/rght-ptrn-1.png); background-size: contain; background-repeat: no-repeat; background-position: center; }
.flexi-prices:before { content: ""; display: inline-block; width: 250px; height: 355px; position: absolute; right: -104px; top: -120px; background-image: url(../images/rght-ptrn-2.png); background-size: contain; background-repeat: no-repeat; background-position: center; z-index: 1; }
.flexi-prices .top-content { background-color: #21c7d2; padding: 100px 0 180px; position: relative; }
.flexi-prices .top-content .inner-wrap { text-align: center; }
.flexi-prices .top-content h2 { color: #FFFFFF; font-family: Roboto,helvetica,sans-serif; font-weight: 700; line-height: 1.5em; font-size: 50px; line-height: 1.3em; margin: 0; padding-bottom: 30px; }
.flexi-prices .top-content p { color: #FFFFFF; font-family: Roboto,helvetica,sans-serif; font-size: 16px; line-height: 1.6; font-weight: 400; word-wrap: break-word;  margin: 0; padding-bottom: 30px; max-width: 1000px; margin: 0 auto; width: 100%; }
.flexi-prices .top-content:before { content: ""; display: inline-block; width: 201px; height: 302px; position: absolute; left: -30px; bottom: 70px; background-image: url(../images/left-ptrn-1.png); background-size: contain; background-repeat: no-repeat; background-position: center; }
.flexi-prices .top-content:after { content: ""; display: inline-block; width: 250px; height: 355px; position: absolute; left: -70px; bottom: 0; background-image: url(../images/left-blur-2.png); background-size: contain; background-repeat: no-repeat; background-position: center; }
.pricebox-list .wrap { -webkit-box-shadow: 0 10px 22px rgba(54,110,221,.2); box-shadow: 0 10px 22px rgba(54,110,221,.2);  background: #fff; border-radius: 10px; padding: 0 0 80px 0; height: 100%; position: relative; }
.pricebox-list .wrap h3 { color: #1e252f; font-family: Roboto,helvetica,sans-serif; font-weight: 700; line-height: 1.5em; font-size: 50px; line-height: 1.3em; margin: 0; padding: 30px 30px 10px; text-align: center; }
.pricebox-list .wrap p { color: #1e252f; font-family: Roboto,helvetica,sans-serif; font-size: 16px; line-height: 1.6; font-weight: 400; word-wrap: break-word;  margin: 0; padding: 0 25px 20px; max-width: 1000px; margin: 0 auto; width: 100%; text-align: center; }
.pricebox-list { margin-top: -120px; }
.pricebox-list .wrap .btm-cnt h4 { color: #1e252f; font-family: Roboto,helvetica,sans-serif; font-size: 20px; line-height: 1.6; font-weight: 400; word-wrap: break-word;  margin: 0; padding: 0 0 20px; text-align: left; }
.pricebox-list .wrap .btm-cnt h4 strong { font-weight: 700; }
.pricebox-list .wrap .btm-cnt h4 small { font-family: Roboto,helvetica,sans-serif; font-size: 20px; line-height: 1.6; font-weight: 400; }
.pricebox-list .wrap a.btn { background-color: #366edd; border: 1px solid #366edd; color: #fff; display: inline-block; border-radius: 10px; -webkit-box-shadow: none; box-shadow: none; padding: 14px 30px; font-size: 16px; line-height: 1.5em; text-transform: uppercase; text-decoration: none; cursor: pointer; position: absolute; bottom: 30px; left: 0; right: 0; width: calc(100% - 60px); text-align: center; margin: 0 auto; transition: 0.3s all ease-in-out; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pricebox-list .wrap a.btn:hover { background-color: #FFFFFF; color: #366edd; }
.pricebox-list .wrap ul li { padding-left: 35px; position: relative; font-family: Roboto,helvetica,sans-serif; font-size: 16px; line-height: 1.6; font-weight: 400; color: #1e252f; margin-top: 10px; }
.pricebox-list .wrap ul { margin: 0 0 30px 0;}
.pricebox-list .wrap ul li { display: block;position: relative;}
.pricebox-list .wrap ul li span{position: absolute; top: -5px; background: #24c3c8; left: 35px; max-width: 245px; padding: 10px 20px; color: #fff; font-size: 14px; transform: translateY(-100%); line-height: 1.45; border-radius: 10px;display: none;font-family: Roboto,helvetica,sans-serif}
.pricebox-list .wrap ul li:hover span{display: block;}
.pricebox-list .wrap ul li span:before{content: ""; background-color: #24c3c8; position: absolute; width: 15px; height: 15px; z-index: 1; left: 10px; -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate( 45deg ); bottom: -5px;}
.pricebox-list .wrap ul li:before { content: ""; background-color: #5300c8; width: 20px; height: 20px; position: absolute; left: 0; top: 0; border-radius: 50%; }
.pricebox-list .wrap ul li:after { content: ""; color: #FFF; position: absolute; left: 4px; top: 4px; background-size: 13px; background-image: url(../images/iccheck.png); background-repeat: no-repeat; background-position: center; height: 12px; width: 12px; }
.pricebox-list .wrap .btm-cnt { padding: 0 30px 0 30px; }
.pricebox-list .wrap hr { width: 100%; position: relative; top: 0; left: 0; right: 0; height: 1px; background-color: #c3c5c8; margin: 10px 0; }
.pricebox-list .blue-txt .wrap h3 { color: #366edd; }
.pricebox-list .purple-txt .wrap h3 { color: #5300c8; }
.pricebox-list .skyblue-txt .wrap h3 { color: #24c3c8; }
.pricebox-list .blue-txt ul li:before { background-color: #366edd; }
.pricebox-list .purple-txt ul li:before { background-color: #5300c8; }
.pricebox-list .skyblue-txt ul li:before { background-color: #24c3c8; }
.pricebox-list .blue-txt a.btn { background-color: #366edd; border-color: #366edd; }
.pricebox-list .purple-txt a.btn { background-color: #5300c8; border-color: #5300c8; }
.pricebox-list .skyblue-txt a.btn { background-color: #24c3c8; border-color: #24c3c8;  }
.pricebox-list .purple-txt a.btn:hover { border-color: #5300c8; color: #5300c8; }
.pricebox-list .skyblue-txt a.btn:hover { border-color: #24c3c8; color: #24c3c8; }
.pricebox-list .row > div { margin-bottom: 30px; }
/* the slides */
.pricebox-slider .slick-slide {padding: 0 20px 40px;}
/* the parent */
.pricebox-slider .slick-list {margin: 0 -20px;}
.pricebox-slider .slick-track {display: flex !important;}
.pricebox-slider .slick-slide {height: inherit !important;}
.pricebox-list .wrap { transition: 0.3s all ease-in-out; }
/*.pricebox-list .wrap:hover { background-color: #c6fdff; }*/
.hide-mobile{display: none !important}
/*======= Media start from here =======*/

.three-col-block .title-block h2 { width: 100%; display: block; margin-bottom: 10px; }
.three-col-block .title-block p { width: 100%; display: block; text-align: center; }
.three-col-block .title-block { margin-bottom: 20px; }
.three-col-block .title-block h2 { margin-top: 0; }
.three-col-block { padding: 80px 0; position: relative; overflow: hidden; }
.three-col-block .card-main { background-color: #FFFFFF; height: calc(100% - 40px); margin: 0 0 40px; background: none; -webkit-box-shadow: none; box-shadow: none; overflow: visible; position: relative; padding: 20px; border: 0; -webkit-transition: .2s; transition: .2s; }
.three-col-block .col-lg-4.col-md-6 { margin-bottom: 30px; }        
.three-col-block .card-main:hover { -webkit-transform: translateY(-4px); transform: translateY(-4px); }
.three-col-block .image-block { border-radius: 10px; overflow: hidden; position: relative; padding-top: 50%; }
.three-col-block .image-block img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; width: 100%; display: block; position: absolute; height: 100%; left: 0; top: 0; }
.three-col-block .card-content { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 20px; margin-bottom: -30px; width: 100%; }
.three-col-block .card-content h3 { font-family: Roboto, helvetica, sans-serif; margin-bottom: 30px; font-weight: 700; line-height: 1.5em; font-size: 22px; margin-top: 0; color: #1e252f; }
.three-col-block .card-content p { text-align: left; }
.three-col-block .card-content h3 a { color: #1e252f; }
.three-col-block .card-content p { margin: 0 0 30px; color: #1e252f; text-align: left; }
.three-col-block .card-content p.a { color: #0abcc2; }
.three-col-block .row { justify-content: center; }
.three-col-block .post-link { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; }
.three-col-block .card-background { fill: #fff; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; -webkit-filter: drop-shadow(0 10px 40px rgba(54, 110, 221, .2)); filter: drop-shadow(0 10px 40px rgba(54, 110, 221, .2)); border-radius: 10px; }



/*--------- Media start from here---------*/        

@media (max-width:1366px) {
    .flexi-prices .top-content { padding: 70px 0 150px; }
    .flexi-prices .top-content h2 { font-size: 40px; padding-bottom: 20px; }
    .flexi-prices .top-content p { max-width: 900px; padding-bottom: 20px; }
    .pricebox-list .wrap h3 { font-size: 40px; }
    .pricebox-list .wrap p { line-height: 1.4; font-size: 14px; }
    .pricebox-list .wrap .btm-cnt h4 { font-size: 18px; }
    .pricebox-list .wrap a.btn { padding: 14px 30px; }
    .pricebox-list .wrap .btm-cnt { padding: 0 30px 10px 30px; }
    .pricebox-list .wrap ul li:before { width: 18px; height: 18px; }
    .pricebox-list .wrap ul li:after { left: 3px; top: 3px; background-size: 10px; }
    .pricebox-list .wrap ul li { font-size: 14px; padding-left: 25px; }    
    .flexi-prices:after { width: 170px; height: 275px; right: -90px; top: -70px; }
    .flexi-prices:before { width: 190px; height: 285px; right: -94px; top: -120px; }
    .flexi-prices .top-content:before { width: 150px; height: 252px; left: -10px; bottom: 80px; }
    .flexi-prices .top-content:after { width: 210px; height: 305px; }
    .pricebox-list .wrap a.btn { padding: 10px 15px; font-size: 13px; }
}
@media (max-width:1280px) {
    .pricebox-list .wrap .btm-cnt { padding: 0 20px 10px 20px; }
    .pricebox-list .wrap h3 { font-size: 34px; padding: 20px 20px 10px; }
    .pricebox-list .wrap p { padding: 0 20px 20px; }
    .pricebox-list .wrap ul li { padding-left: 22px; }
    .pricebox-list .wrap ul li span{left:22px;}
}
@media (max-width:991px) {
    .flexi-prices .top-content .container { position: relative; z-index: 1; }    
}
@media (max-width:767px) {
    
    .flexi-prices .top-content h2 { font-size: 32px; }
    .flexi-prices .top-content p { line-height: 1.4; text-align: left; }
    .pricebox-list .wrap h3 { padding: 30px 30px 10px; }
    .pricebox-list .wrap p { padding: 0 30px 20px; }
    .pricebox-list .wrap .btm-cnt { padding: 0 30px 10px 30px; }
    /* the slides */
    .pricebox-slider .slick-slide { margin: 0 10px; padding-bottom: 45px; padding-left: 0; padding-right: 0; }
    /* the parent */
    .pricebox-slider .slick-list {padding: 0 -10px; }
    .flexi-prices .top-content {padding: 70px 0; }    
    .pricebox-slider .slick-dots{display: flex;align-items:center;justify-content:center;margin: 0;}
    .pricebox-slider .slick-dots li{display: inline-block; margin: 0 8px;}
    .pricebox-slider .slick-dots li button { background: #dadada; height: 14px; width: 14px; padding: 0; border-radius: 50%; font-size: 0; }
    .pricebox-slider .slick-dots li.slick-active button { background-color: #09071e; }  
    .pricebox-list{margin-top: -50px; }       
    .pricebox-list .container {padding:0;}              
    .pricebox-slider .slick-list{padding:0 14% !important;}     
    .flexi-prices:before, .flexi-prices:after{display: none;}  
    .flexi-prices .top-content:before, .flexi-prices .top-content:after{display: none;}    
    .three-col-block { padding: 40px 0; }
    .three-col-block .title-block p { margin-bottom: 10px; }
}