.select-plan-section{margin:0 auto;max-width:1440px}.plan-cards-container{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-evenly}.card-container{cursor:pointer;display:flex;flex-direction:row-reverse;height:auto;position:relative}.card-container.colof2,.card-container.colof3,.card-container.colof4{width:calc(50% - 20px)}.card-label{background:#143459;border-radius:10px 0 10px 0;color:#fff;padding:10px;z-index:2}.card-label,.card-overlay{left:0;position:absolute;top:0}.card-overlay{align-items:center;background:#bde3f2;border-radius:0 10px 10px 0;bottom:0;display:flex;flex-wrap:wrap;justify-content:center;max-height:300px;padding:20px;right:100%;transition:all .3s ease-in;z-index:1}.card-overlay li{font-size:14px}.card-container .overlay-list{display:none;opacity:0;transition:all .5s ease-in}.card-container.shown .overlay-list{display:block;opacity:1}.card-container:hover .card-overlay{right:0}.card-container:hover .card-content-container{background:#bde3f2}.card-container:hover .card-content-container p:nth-of-type(2),.card-container:hover .card-title{color:#000}.card-container.active .card-overlay{opacity:.7}.image-container{height:auto;position:relative;width:65%}.card-container img{border-radius:0 10px 10px 0;height:100%;max-height:300px;object-fit:cover;width:100%}.card-content-container{background:#bde3f2;border-radius:10px 0 0 10px;color:#000;max-height:300px;padding:20px;transition:all .3s ease-in;width:35%;z-index:3}.card-container.active .card-content-container{background:#bde3f2}.card-container.active .card-title{color:#000!important;transition:all .3s ease-in}.card-container .card-title+p,.card-container.active .card-title+p{color:#000;font-size:18px}.card-title{font-weight:700;line-height:1.3}.plan-dropdowns-container{background:#bde3f2;border-radius:0 0 10px 10px;display:none;margin-top:-10px;order:5;padding:30px 20px 20px;width:100%}.plan-dropdowns-container.active{display:flex;gap:20px;justify-content:space-evenly}.select-plan-section .plan-dropdowns-container ul{background:#6d96a6;border-radius:10px;color:#fff;display:flex;flex-direction:column;flex-wrap:wrap;gap:10px;list-style:none;padding:20px}.select-plan-section .plan-dropdowns-container ul.col4{width:25%}.select-plan-section .plan-dropdowns-container ul.col3{width:33%}.select-plan-section .plan-dropdowns-container ul.col2{width:50%}.select-plan-section .plan-dropdowns-container li{font-size:18px}.drop-image{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:20px;flex:1;height:400px;max-width:400px;width:400px}.content-image-container{align-items:center;display:flex;gap:30px;justify-content:center;padding:20px 100px}.content-btn-wrap{display:flex;flex:1;flex-direction:column}@media(max-width:1280px){.plan-cards-container{flex-wrap:wrap;gap:20px;padding:0 20px}.card-container{width:calc(50% - 20px)!important}.plan-info{flex-direction:column}}@media(max-width:900px){.plan-dropdowns-container.active{flex-direction:column}.plan-dropdowns-container.active ul{margin:0;width:100%!important}}@media(max-width:1200px){.card-container{flex-direction:column;width:100%!important}.plan-dropdowns-container{order:unset}.card-content-container,.image-container,.select-plan-section .plan-dropdowns-container li{width:100%}.image-container{max-height:250px}.card-container img{border-radius:10px 10px 0 0;height:100%;max-height:unset}.card-content-container{border-radius:0 0 10px 10px}.card-overlay{border-radius:10px;height:180%;max-height:unset;z-index:10}#main-content .card-container .overlay-list{padding:10px 20px 10px 40px}#main-content .card-container:last-child .card-overlay li,#main-content .card-overlay li{width:unset}}