/* BIP Page */
.bip_banner{margin:0;padding:0;width:100%;position:relative;overflow:hidden;text-align:left;color:#fff;line-height:1;background-color: #F3EAE5;}
.bip_banner .banner-img{width:100%;height:auto;}
.bip_banner .visible-xs{display:none;}
.bip_banner .innerBanner{margin:0;width:100%;position:absolute;top:50%;transform:translateY(-50%);}
.bip_banner .inner_wraper{width: 100%;max-width: 658px;}
.bip_banner h1,.bip_banner h2{margin:0 0 32px;padding:0;width:100%;color:#fff;font-family:'latobold';font-size:48px;line-height:1.2;text-transform:none;}
.bip_banner h3{margin:0 0 16px;width:100%;color:#fff;font-family:'robotomedium';font-size:28px;line-height:32px;}
.bip_banner p{margin:0 0 40px;font-family:'latoregular';font-size:24px;line-height:34px;}
.bip_banner .btn-pink{width:auto;height:62px;font-family:'latobold';font-size:20px;line-height: 28px;padding: 17px 32px; color:#fff !important;display:inline-flex;align-items:center;justify-content:center;border-radius: 32px;text-transform: uppercase;}
.bip_banner .btn-pink:hover{color:#fff !important;}
.bip_banner .text-black h1,.bip_banner .text-black h2,.bip_banner .text-black h3,.bip_banner .text-black p{color:#000;}

.software_section {padding: 80px 0;}
.software_section .heading {margin-bottom: 48px;font-family: 'Lato';font-size: 40px;line-height: 48px;color: #000;}
.software_section .innerFlax {display: flex;flex-wrap: wrap;gap: 30px;align-items: stretch;justify-content: center;}
.software_section .box {display: flex;max-width: calc(33.33% - 20px);width: 100%;align-items: stretch;text-align: left;border: 1px solid #E93779;box-shadow: 0px 4px 4px 0px #00000026;border-radius: 20px;padding: 24px;gap:24px;}
.software_section .icon_box {min-width: 64px;}
.software_section .content_box {width: 100%;}
.software_section .box h4 {font-family: 'latobold';font-size: 24px;line-height: 34px; margin-bottom: 8px;}
.software_section .box p {font-family: 'latoregular';font-size: 16px;line-height: 22px;color: #000;}

.managePG_section {background: #FFECF3;padding: 80px 0;}
.managePG_section .heading {margin-bottom: 48px;font-family: 'Lato';font-size: 40px;line-height: 48px;color: #000;}
.managePG_section .box {margin: 0 15px;padding: 30px 40px 30px 30px;border-radius: 30px;text-align: left;background: #FFF;}
.managePG_section .box p{ font-family: 'latoregular'; font-size: 28px; line-height: 36px; color: #282828;}
.managePG_section .bottom_box{ margin-top: 24px; padding-left: 16px; width: 100%; border-left: 3px solid #E93779;}
.managePG_section .bottom_box h5{ color: #E93779;margin-bottom: 8px;text-transform: uppercase;font-family: 'latosemibold';  font-weight: 600;font-size: 14px;line-height: 19px; text-align: left;}
.managePG_section .bottom_box .p{font-family: 'latoregular';font-size: 12px;line-height: 16px;color: #282828;}
.managePG_section .box img{margin: 0 0 24px;}
.managePG_section .slick-list {margin: 0 -15px;}
.managePG_section .slick-dots { position: static;padding: 24px 0 0;line-height: 0;}
.managePG_section .slick-dots li{ width: 16px; height: 16px; margin: 0 3px; }
.managePG_section .slick-dots li button:before {width: 14px;height: 14px;background-color: #D7D7D7;border-color: #D7D7D7;}   
.managePG_section .slick-dots li button {width: 16px;height: 16px;}
.managePG_section .slick-dots li.slick-active button::before{background-color: #E93779;border-color: #E93779;}

.mPlans_section{padding:80px 0 56px;display: flex;}
.mPlans_section .heading {margin-bottom: 40px;font-family: 'Lato';font-size: 40px;line-height: 48px;color: #000;}

.footer_qts {padding: 40px 15px;display: flex;align-items: center;justify-content: center;background: #222326;border-radius: 30px 30px 0 0;gap: 110px;}
.footer_qts h6 {color: #fff;font-family: 'Lato';font-size: 40px;line-height: 48px;}
.footer_qts ul {display: inline-flex;align-items: center;justify-content: flex-start;gap: 48px;color: #fff;font-family: 'latobold';font-size: 32px;line-height: 58px;}
.footer_qts ul li{display: inline-flex;align-items: center;justify-content: flex-start;}
.footer_qts ul .icon_box{width: 40px;height: 40px;margin-right: 16px;}
.footer_qts ul li a{color: #fff;margin-left: 4px;}
.footer_qts ul li a:hover{color: #fff;}


.drctr-lnding-ppup.modal .modal-content {max-width: 598px;}
.drctr-lnding-ppup.modal .modal-body {padding: 56px 72px 40px;}
.drctr-lnding-ppup.modal .modal-body .close {opacity: 1;top: 32px;right: 32px;position: absolute;width: 16px;height: 16px;left: auto;margin: 0 !important;font-size: 28px;}
.drctr-lnding-ppup.modal .modal-footer{justify-content: center;gap: 16px;padding-bottom: 56px;}
.drctr-lnding-ppup.modal .modal-footer .btn {min-width: 128px;font-size: 14px;text-transform: capitalize !important;}
.drctr-lnding-ppup.modal .modal-footer .btn + .btn{margin-left: 0;}
.upgrade_profile_box {display: block;padding-top: 8px;}
.upgrade_profile_box h3 {font-family: 'latobold';font-size: 20px;line-height: 26px;text-align: center;color: #282828;margin: 0 0 30px;}
.radio_check_lst {width: 100%;display: block;overflow: hidden;overflow-y: auto;max-height: 310px;}
.radio_check_lst li {position: relative;padding-left: 30px;}
.radio_check_lst label:after{content: '';height: 20px;width: 20px;position: absolute;left: 0;background-image: url(../images/front/common/pgmanage/radio_btn.svg);background-position: top center;background-repeat: no-repeat; background-size: 100% auto;}
.radio_check_lst input[type="radio"]:checked + label:after{background-position: bottom center;}
.radio_check_lst input[type="radio"] + label:before{display: none;}
.radio_check_lst li:not(:last-child){padding-bottom: 8px;}
.radio_check_lst li+li{padding-top: 8px;border-top: 1px solid #E0E0E0;}
.radio_check_lst label{display: flex;align-items: center;justify-content: flex-start;gap: 10px;font-family: 'robotoregular';font-size: 16px;line-height: 17px;color:#282828}
.radio_check_lst .imgBox{line-height: 0;min-width: 48px;max-width: 48px;display: inline-flex;align-items: center;}
.radio_check_lst .imgBox img{height: 48px; width: 48px;border-radius: 50px;object-fit: cover;object-position: top center;}
.radio_check_lst::-webkit-scrollbar {width:6px;}
.radio_check_lst::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);}
.radio_check_lst::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, 0.5);outline: none;border-radius:10px;}



@media (min-width:1400px){
	.bip_banner .wrapper, .software_section .wrapper, .managePG_section .wrapper, .mPlans_section .wrapper{max-width:1368px;width:calc(100% - 30px);}
	.bip_banner .banner-img{min-height:568px;}
}	
@media (max-width:1399px){
	.bip_banner h1, .bip_banner h2{font-size:46px;line-height:1.12;}
	.bip_banner p{margin-bottom:18px;font-size:22px;line-height:26px;}
	.bip_banner .banner-img{min-height:486px;}
	.bip_banner .btn-pink{height:54px;}
	.software_section .heading, .managePG_section .heading,.mPlans_section .heading{font-size: 34px;line-height: 38px;}
	.managePG_section .box p {font-size: 20px;line-height: 28px;}
	.footer_qts{gap: 45px;}
	.footer_qts h6 {font-size: 32px;line-height: 40px;}
	.footer_qts ul {font-size: 28px;line-height: 46px;gap: 38px;}
}
@media (max-width:1399px) and (min-width:1200px){
	.bip_banner .wrapper, .software_section .wrapper {max-width:1280px;width:calc(100% - 30px);}
	.mPlans_section .premium_member_plan .premium_member_box .gridheader {background-size: 156% 114% !important;}
}
@media (max-width:1199px) and (min-width:992px) {
	.bip_banner .banner-img{min-height:460px;}
	.bip_banner h1, .bip_banner h2{font-size:42px;line-height:1.04;margin-bottom:28px;}
	.bip_banner h3{font-size:24px;line-height:1.2;}
	.bip_banner .inner_wraper {max-width: 580px;}
	.software_section .box {padding: 18px;gap: 10px;}
	.software_section .box h4 {font-size: 20px;line-height: 26px;}	
	.software_section .icon_box img {width: 56px;height: auto;}
	.software_section .heading, .managePG_section .heading,.mPlans_section .heading{font-size: 32px;}
	.managePG_section .box img{margin: 0 0 18px;width: 46px;height: auto;}
    .mPlans_section .premium_member_plan .premium_member_box .gridheader { background-size:160% 120% !important;}
	.mPlans_section .wrapper{width: 100%;}
	.footer_qts{gap: 30px;padding: 18px 10px;}
	.footer_qts h6 {font-size: 26px;line-height: 32px;}
	.footer_qts ul {font-size: 24px;line-height: 34px;gap: 24px;}
	.footer_qts ul .icon_box{margin-right: 12px;}

}
@media (max-width:991px) and (min-width:768px) {
	.bip_banner .banner-img {min-height:345px;}
	.bip_banner h1,.bip_banner h2{font-size:32px;margin-bottom: 16px;}
	.bip_banner h3 ,.bip_banner_new .m-date{font-size: 20px;line-height: 24px;margin-bottom:12px;}
	.bip_banner p{margin-bottom:12px;font-size:16px;line-height:24px;}
	.bip_banner .btn-pink {height: 42px;padding: 12px 22px;font-size: 16px;}
	.bip_banner .inner_wraper {max-width: 420px;}
	.software_section,.managePG_section,.mPlans_section{padding-top: 56px;padding-bottom: 56px;}
	.software_section .heading, .managePG_section .heading,.mPlans_section .heading{font-size: 28px;margin-bottom: 32px;}
	.software_section .innerFlax {gap: 16px;}
	.software_section .box {max-width: calc(50% - 8px);gap: 8px;padding: 20px;}
	.software_section .icon_box img {width: 56px;height: auto;}
	.managePG_section .slick-list {margin: 0 -8px;}
	.managePG_section .box{margin: 0 8px;padding: 18px;}
	.managePG_section .box p {font-size: 18px;line-height: 26px;}
	.software_section .box h4 {font-size: 20px;line-height: 26px;}	
	.managePG_section .box img{margin: 0 0 16px;width: 42px;height: auto;}
    .mPlans_section .premium_member_plan .premium_member_box .gridheader { background-size:200% 120% !important;}
	.footer_qts{gap: 30px;padding: 18px 10px;}
	.footer_qts h6 {font-size: 18px;line-height: 28px;}
	.footer_qts ul {font-size: 16px;line-height: 24px;gap: 24px;}
	.footer_qts ul .icon_box{margin-right: 12px;}
	.footer_qts ul .icon_box{width: 34px;}
}
@media screen and (min-width:768px) {
	.visible-xs{display:none;}
	.bip_banner .banner-img{object-position: 30px 0;object-fit: cover;background-color: #F3EAE5;}
	.managePG_section{background-image: url(../images/front/common/pgmanage/bg_01.jpg);background-position: bottom center;background-size: 100% auto;background-repeat: no-repeat;}
	.managePG_section .innerBox:not(.slick-initialized){display: flex;}

	.mPlans_section .premium_member_plan .premium_member_box .gridheader{background-size: 102% 104%;background-position: left center;background-image: url(../images/front/common/pgmanage/lst_header.svg);}
	.mPlans_section .premium_member_plan .premium_member_box:hover .gridheader{background-image: url(../images/front/common/pgmanage/lst_header_hover.svg);}
}
@media screen and (max-width:767px) {
	.bip_banner {padding: 6px 0 40px;}	
	.bip_banner .wrapper {padding: 0 10px;}
	.bip_banner .visible-xs {display:block;}
	.bip_banner .innerBanner {position: static; transform: none;padding-top: 24px;max-width: 100%;width: 480px;margin: 0 auto;}
	.bip_banner picture{width: 100%;text-align: center;display: block;}
	.bip_banner .banner-img {min-height:160px;max-height:160px;object-position:top right;max-width: 144px;width: auto;margin: 0 auto;}
	.bip_banner h1,.bip_banner h2 {margin:0 0 16px;font-size: 28px;line-height: 32px;}	
	.bip_banner h3,.bip_banner_new .m-date{margin-bottom:20px;color: #000;font-size: 22px;line-height: 26px;}
	.bip_banner p {font-size:14px;line-height:1.15;padding: 0;margin-bottom: 16px;}
	.bip_banner .btn-pink {height: 42px;width: 100%;text-align: center;font-size: 14px;line-height: 18px;}

	.software_section,.managePG_section, .mPlans_section {padding: 40px 0;}
	.software_section .heading, .managePG_section .heading, .mPlans_section .heading {font-size: 32px;line-height: 42px;margin-bottom: 32px;}
	.software_section .innerFlax {gap: 10px;}
	.software_section .box {max-width: 100%;padding: 16px;gap: 16px;}
	.software_section .icon_box {min-width: 48px;}
	.software_section .icon_box img {height: auto;}
	.software_section .box h4 {font-size: 20px;line-height: 24px;}
	.software_section .box p {font-size: 14px;line-height: 20px;}
	.managePG_section .heading{padding: 0 8px;}

	.managePG_section .box {padding: 24px;}
	.managePG_section .box img {width: 47px;height: auto;margin-bottom: 16px;}
	.managePG_section .box p {font-size: 22px;line-height: 30px;}
	.managePG_section .bottom_box {margin-top: 16px;}
	.managePG_section .bottom_box h5 {margin-bottom: 4px;}
	.mPlans_section .wrapper{max-width: 100%;}
	.footer_qts {padding: 40px 12px;flex-direction: column;gap: 24px;}
	.footer_qts h6 {font-size: 32px;line-height: 42px;}
	.footer_qts ul {width: auto;flex-direction: column;font-size: 20px;line-height: 24px;gap: 16px;align-items: flex-start;}
	.footer_qts ul .icon_box{margin-right: 8px;}
	.footer_qts ul .icon_box {width: 24px;height: 24px;}
	.footer_qts ul .icon_box img {width: 100%;height: auto;}

	.managePG_section .innerBox:not(.slick-initialized){display: flex;height: 450px;overflow: hidden;}
	.drctr-lnding-ppup.modal .modal-content {width: calc(100% - 10px);}
	.drctr-lnding-ppup.modal .modal-body .close{top:20px;right:20px;}
	.drctr-lnding-ppup.modal .modal-body {padding: 28px 20px;}
	.drctr-lnding-ppup.modal .modal-footer{padding-bottom: 36px;}
	.radio_check_lst {max-height: 227px;}
	.radio_check_lst label{font-size: 14px;} 
	.radio_check_lst .imgBox {min-width: 42px;max-width: 42px;}
	.radio_check_lst .imgBox img{width: 42px;height: 42px;}
}