/*
* Yerel Yazıtipi kullanıyorsanız Yorum Satırı işaretçilerini ve bu kaldırın.
* If you use Local Fonts, please remove comment line markers.
*/

/*:root {
    --body-font-family:"Özel Yazı Tipi Adınız", sans-serif;
    --body-font-weight:400;
    --menu-font-family:"Özel Yazı Tipi Adınız", sans-serif;
    --menu-font-weight:600;
    --h1-font-family:"Özel Yazı Tipi Adınız", sans-serif;
    --h1-font-weight:700;
    --h2-font-family:"Özel Yazı Tipi Adınız", sans-serif;
    --h2-font-weight:600;
    --h3-font-family:"Özel Yazı Tipi Adınız", sans-serif;
    --h3-font-weight:600;
    --h4-font-family:"Özel Yazı Tipi Adınız", sans-serif;
    --h4-font-weight:600;
    --h5-font-family:"Özel Yazı Tipi Adınız", sans-serif;
    --h5-font-weight:600;
    --h6-font-family:"Özel Yazı Tipi Adınız", sans-serif;
    --h6-font-weight:600;
}*/
.fon-widget-container.horizontal .pricing-table-container:not(.slick-slide) {
	max-width: 100%;
}
.fon-widget-container.horizontal .pricing-table.style-2{
    display:flex;
    height:100%;
}

.fon-widget-container.horizontal .pricing-table.style-2 .pricing-header {
	height: 100%;
	width: 30%;
	border-right: 1px solid var(--bs-theme-light-100);
}
.fon-widget-container.horizontal .pricing-table.style-2 .pricing-body {
	width: 70%;
	padding-left: 30px;
	text-align: start;
}
.fon-widget-container.horizontal .pricing-table.style-2 .pricing-body .pricing-features {
	column-count: 3;
	column-gap: 1rem;
	display:block;
}
.fon-widget-container.horizontal .pricing-table.style-2 .pricing-body .pricing-features > li {
        break-inside: avoid;
      -webkit-column-break-inside: avoid; 
      -moz-column-break-inside: avoid;
      display: inline-block;
      width: 100%;
}

.fon-widget-container.horizontal .pricing-table.style-2 .pricing-body .pricing-features > li > i {
    margin-right:5px;
}
@media(max-width:1199px){
   .fon-widget-container.horizontal .pricing-table.style-2 .pricing-body .pricing-features {
    	column-count: 2;
    }
}

@media(max-width:768px){
    .fon-widget-container.horizontal .pricing-table.style-2 .pricing-header {
    	height: 100%;
    	width: 100%;
    	border-right: medium none;
    }
    
    .fon-widget-container.horizontal .pricing-table.style-2 .pricing-body {
    	width: 100%;
    	padding-left: 0;
    }
    .fon-widget-container.horizontal .pricing-table.style-2 .pricing-body .pricing-features {
    	column-count: 1;
    }
}