.compare_table .compare_head{column-gap: 5px; position: sticky; top: 65px; background: #fff; z-index: 1;}
.compare_table .compare_head .comp_col:first-child { max-width: 437px; width: 100%;background: var(--light_gradienrt_bg); display: flex; align-items: center; justify-content: center; border-radius:  10px 10px 0 0;}
.compare_table .compare_head .comp_col:first-child .comp_container{ display: flex; padding-left: 1rem; flex-direction: column;}
.compare_table .compare_head .comp_col:first-child .comp_container .comp_container_top{ display: flex; align-items: center; column-gap: 25px; padding-left: 1rem; padding-right: 1rem; flex- }
.compare_table .compare_head .comp_col:first-child .comp_container .comp_main_title{font-size: 24px;padding-right: 1em }
.compare_table .compare_head .comp_col:last-child { flex: 1;width: 100%; background: linear-gradient(180deg, #e72578, 17%, #2a64f6 50%, #2a64f620 70%); padding: 1px; border-radius: 10px 10px 0 0}
.compare_table .compare_head .comp_col:last-child .comp_container { flex: 1;width: 100%; background: #fff;  border-radius: 9px 9px 0 0; display: flex; justify-content: space-around}
.compare_table .compare_head .comp_col:last-child .comp_container .comp_container_col { padding: 2rem 1rem; position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; width: 100%}
.compare_table .compare_head .comp_col:last-child .comp_container .comp_container_col .comp_head{font-size: var(--fs-subheading); font-weight: var(--fw-semibold)}
.compare_table .compare_head .comp_col:last-child .comp_container .comp_container_col .download_txt{ color: var(--green); display: inline-flex; border-bottom: solid 1px var(--green); font-size: var(--fs-large); font-weight: var(--fw-semibold)}
.compare_table .compare_head .comp_col:last-child .comp_container .comp_container_col .price_cart{ font-size: 24px; font-weight: var(--fw-bold); color: var( --primary-black);font-family: var(--font-mont); display: inline-flex; justify-content: center; column-gap: 5px; align-items: center; margin: 1rem 0; }
.compare_table .compare_head .comp_col:last-child .comp_container .comp_container_col .price_cart span{ font-size:var(--fs-xlarge); margin-top: -5px }
.compare_table .compare_head .comp_col:last-child .comp_container .comp_container_col .buy_btn{ border: solid 1px var(--primary-red); color: var(--primary-red); font-size: var(--fs-medium);font-family: var(--font-mont); font-weight: var(--fw-semibold); padding: .4rem 1.2rem; border-radius: 5px; margin-top: 1rem}
.compare_table .compare_head .comp_col:last-child .comp_container .comp_container_col:hover .buy_btn{ color: #fff; background: var(--primary-red)}

.compare_table .compare_head .comp_col:last-child .comp_container .comp_container_col:not(:first-child):before{ width: 1px; height: 100%; position: absolute; left: 0; top: 0; background:linear-gradient(180deg, #cccccc 0% , #ffffff 75%); content:""}




.compare_table .compare_body{ border: solid 1px #d1d1d1; border-radius: 0 0 10px 10px; overflow: hidden}
.compare_table .compare_body .comp_body_header{ border: none; outline: none; border-radius: 0!important; font-size: var(--fs-xxlarge); color: #165ca1; font-weight: var(--fw-semibold); box-shadow: none; background: #f3f8ff; padding: 1rem}
 
.compare_table .compare_body .accordion-item{  border-radius: 0!important}
.compare_table .compare_body .accordion-body{ padding: 0} 

.compare_table .compare_table{column-gap: 5px; border-bottom: solid 1px #d1d1d1}
.compare_table .compare_table .comp_col:first-child { max-width: 437px; width: 100%;  display: flex; align-items: center; padding-left: 1rem}
.compare_table .compare_table .comp_col:first-child p{margin-bottom: 0; font-size: var(--fs-mega)}
.compare_table .compare_table .comp_col:last-child { flex: 1;width: 100%;   padding: 0;}
.compare_table .compare_table .comp_col:last-child .comp_container { flex: 1;width: 100%; background: #fff;   display: flex; justify-content: space-around}
.compare_table .compare_table .comp_col:last-child .comp_container .comp_container_col { padding: 1rem; position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; width: 100%;font-size: var(--fs-mega); }

.compare_table .compare_table .comp_col:last-child .comp_container .comp_container_col:before{ width: 1px; height: 100%; position: absolute; left: 0; top: 0; background: #d1d1d1; content:""}


.compare_table .compare_table .comp_col:last-child .comp_container .comp_container_col .green_check{ display: block; width: 27px; height: 27px;  margin: auto; background: var(--bg_sprit); background-position: -235px -207px}

.toggle-container { display: flex; background-color: #fff; border-radius: 25px; padding: 5px; width: 160px; font-family: Arial, sans-serif; position: relative; overflow: hidden;; margin-top: 2rem; border: solid 1px #d1d1d1}
.toggle-button {flex: 1;padding:5px 10px;text-align: center;cursor: pointer;color: #333;z-index: 1;transition: color 0.3s; font-size: var( --fs-comparison_table); font-weight: var(--fw-semibold)  }
.toggle-button.active {color: white;}
.slider {position: absolute;top: 5px;bottom: 5px;width: 50%;background: var(--gradient-sub);border-radius: 20px;transition: transform 0.3s ease;}
.slider.monthly {transform: translateX(0);}
.slider.yearly {transform: translateX(87%);}

.form_container #t2-info{ margin-left: 0!important}
.inputfild{ padding: .8rem; }
.form_container label{ display: flex; align-items: center; column-gap: 10px; max-width: 200px}
.form_container label .inputfild{max-width: 80px; box-shadow: none; border-color: #d1d1d1}

@media screen and (max-width:1280px){
	.compare_table .compare_head .comp_col:last-child .comp_container .comp_container_col .price_cart{font-size: 18px}
	.compare_table .compare_head .comp_col:last-child .comp_container .comp_container_col .buy_btn{padding: .5rem 1rem}
	.compare_table .compare_head .comp_col:last-child .comp_container .comp_container_col .download_txt{font-size: 12px}
	.compare_table .compare_head .comp_col:last-child .comp_container .comp_container_col .comp_head{font-size: 16px}
	.compare_table .compare_head .comp_col:first-child, .compare_table .compare_table .comp_col:first-child{max-width: 400px;}
	
}
@media screen and (max-width:1200px){
	
	.compare_table .compare_head .comp_col:first-child, .compare_table .compare_table .comp_col:first-child{max-width:50%;}
	.compare_table .compare_head .comp_col:first-child .comp_container .comp_main_title { font-size: 18px}
	.comp_container_top img{ width: 52px}
	
 
	.compare_table .compare_head .comp_col:first-child, .compare_table .compare_table .comp_col:first-child{ max-width: 38%}
	.compare_table .compare_head{top: 0}
}
        
     
@media (max-width: 1024px) {
.edition-selector select { width: 100%; max-width: 250px; }
.comp_container_col.hidden { display: none !important; }
	.compare_table .compare_head { top: 0}
}
        
     
@media (max-width: 572px) {
.edition-selector select.form-select { max-width: 100%; height: 60px; font-size: 20px; font-weight: 600; border: solid 2px #181617}
	.edition-selector select.form-select:focus{box-shadow: none}
 
.compare_table .compare_head{flex-direction: column}
.pricing_section  .compare_table .compare_head .comp_col:first-child{max-width: 100%}
		.toggle-container{margin: 1rem auto; margin-top: 1rem}
		.compare_table .compare_head .comp_col:first-child .comp_container{padding-top: 1rem}
	.compare_table .compare_head .comp_col:first-child, .compare_table .compare_table .comp_col:first-child{max-width: 65%}
	.compare_table .compare_head .comp_col:last-child .comp_container .comp_container_col {padding: 1rem}
	.compare_table .compare_table .comp_col:last-child{ display: flex}
	.compare_table .compare_table .comp_col:first-child p{margin-bottom: 1rem; padding-top: 1rem}
}
.registration_modal .modal-dialog{  max-width: 473px; width: 100%; position: relative; overflow: hidden}
.registration_modal .modal-dialog .modal-content{border-radius: 20px;  }
.registration_modal .modal-dialog .modal-content .modal-body{  position: relative; z-index: 2}
.registration_modal .modal-dialog .modal_title{ font-size: 17px; text-transform: uppercase; font-weight: 700; margin-bottom: 0}
.registration_modal .modal-dialog .modal-header{ font-size:17px; font-weight: 700; color: #373737; padding: 1.5rem 2rem; }
.registration_modal .modal-dialog .modal-header button{ position: absolute; top: 1rem; right: 1rem; font-size: 1rem}
.registration_modal .modal-dialog .modal-header p{margin-bottom: 0;padding-top: .1rem}
.form_container{ display: flex; flex-direction: column; row-gap:1rem; padding: 1rem 2rem}
.form_container .input_field{ padding: .8rem; border-radius: 5px; border:solid 1px #d1d1d1; outline: none}
.form_container .input_field::placeholder{ font-size: 14px}
.modal_footer{font-size: 12px; padding:1rem 1rem 2rem 2rem}
.registration_modal .modal-dialog:before{ width:200px; height: 200px; background: var(--gradient-sub); border-radius: 200px; position: absolute; content: ''; bottom: -3rem; z-index: 1; filter: blur(5rem); opacity: .5; left: 0; right: 0; margin: auto}
.form_container {padding: 1rem}