@media (min-width: 1400px){.container{max-width: 1320px;}}
	/* Section1 CSS */
/* 	#account-type .Section1 {padding-top: 80px; padding-bottom: 120px;} */
	#account-type .Section1 :is(h1,.ap-legacy-h1) {padding-bottom: 24px; text-shadow: 0px 4px 30px rgba(0, 224, 255, 0.50); background: var(--neonblue-gradient, linear-gradient(90deg, #3CDCFF 0%, #0057FF 100%));background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;
							       font-family: "Inter_Regular";font-size: 40px;font-style: normal;font-weight: 900;line-height: normal;}
	#account-type .Section1 p {color:#FFF; font-family:"Inter_Regular";font-size: 18px;font-style: normal;font-weight: 400;line-height: 20px;}
	
	@media screen and (max-widith: 1024px) {
	#account-type .Section1 {padding-top: 80px; padding-bottom: 60px;}
	} 

    
	@media screen and (max-width: 414px) {
	#account-type .Section1 {padding-top: 100px; padding-bottom: 50px;}
	#account-type .Section1 :is(h1,.ap-legacy-h1) {font-size: 24px;}
	#account-type .Section1 p {font-size: 12px; line-height: normal;}
	}    
	  
	
	/* Section2 CSS   */
	#account-type .Section2 {padding-bottom: 300px; display: block;}
	#account-type .Section2Mobil {display: none !important;}
	#account-type .Section2 .cardTitle {color: var(--colour-neon-blue, #6DEEFF);text-shadow: 0px 4px 30px rgba(0, 224, 255, 0.50);
								border-radius: 15px; background: linear-gradient(180deg, rgba(57, 57, 57, 0.26) 0%, rgba(57, 57, 57, 0.00) 100%);
								box-shadow: 0px 3.710629940032959px 11.131889343261719px 0px rgba(255, 255, 255, 0.15) inset, 0px -0.820973813533783px 0.4104869067668915px 0px rgba(255, 255, 255, 0.10) inset;
								backdrop-filter: blur(6.157303810119629px);font-family: "Inter_regular";font-size: 14px;font-style: normal;font-weight: 700;line-height: 20px; position: relative;
								width: 397px; height: 232px;flex-shrink: 0; display: flex; justify-content: center; align-items: center; transition: all 0.5s ease; transition-delay: 0.5s}
	#account-type .Section2 .cardTitle::before {
		content: "";border-radius: 15px;position: absolute;inset: 0;border: 2px solid transparent; /*2*/
		background: linear-gradient(
				315deg,
				rgba(109, 238, 255, 1) 0%,
				rgba(109, 238, 255, 0.07) 20%,
				rgba(109, 238, 255, 0.07) 60%,
				rgba(109, 238, 255, 0.86) 100%
			)
			border-box; transition: border-radius 0.5s ease;
    background-size: 100% 100%; background-repeat: no-repeat;-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor; /*5'*/
            mask-composite: exclude; /*5*/
	}
	#account-type .Section2 .cardContainer {display: flex; flex-direction: column; align-items: center; margin-bottom: 40px;}
	/*#account-type .Section2 .cardTitle {color: var(--colour-neon-blue, #6DEEFF);text-shadow: 0px 4px 30px rgba(0, 224, 255, 0.50);
								border-radius: 15px;border: 1px solid rgba(102, 102, 102, 0.60);background: linear-gradient(180deg, rgba(57, 57, 57, 0.26) 0%, rgba(57, 57, 57, 0.00) 100%);
								box-shadow: 0px 3.710629940032959px 11.131889343261719px 0px rgba(255, 255, 255, 0.15) inset, 0px -0.820973813533783px 0.4104869067668915px 0px rgba(255, 255, 255, 0.10) inset;
								backdrop-filter: blur(6.157303810119629px);font-family: Inter;font-size: 14px;font-style: normal;font-weight: 400;line-height: 20px;
								width: 397px; height: 232px;flex-shrink: 0; display: flex; justify-content: center; align-items: center; transition: all 0.5s ease; transition-delay: 0.5s}
	
	#account-type .Section2 .cardContainer {display: flex; flex-direction: column; align-items: center; margin-bottom: 40px;}*/
	/* #account-type .Section2 .cardContainer:hover .cardTitle::before { border-radius: 15px 15px 0px 0px; background: transparent; }
	#account-type .Section2 .cardContainer:hover .cardTitle {transition: all 0.5s ease; border-radius: 15px 15px 0px 0px;background: linear-gradient(90deg, #3CDCFF 0%, #0057FF 100%);
									  filter: drop-shadow(0 0 36.340023040771484px #3CDCFF); color: #FFF;}  */

	#account-type .Section2 .cardContainer .cardTitle.active::before { border-radius: 15px 15px 0px 0px; background: transparent; }
	#account-type .Section2 .cardContainer .cardTitle.active {transition: all 0.5s ease; border-radius: 15px 15px 0px 0px;background: linear-gradient(90deg, #3CDCFF 0%, #0057FF 100%); filter: drop-shadow(0 0 36.340023040771484px #3CDCFF); color: #FFF;} 

	#account-type .Section2 .cardContainer .cardTitle.hovered {transition: all 0.5s ease; border-radius: 15px;background: linear-gradient(90deg, #3CDCFF 0%, #0057FF 100%); filter: drop-shadow(0 0 36.340023040771484px #3CDCFF); color: #FFF;} 
	
	#account-type .Section2 .cardContent {text-shadow: 0px 4px 30px rgba(0, 224, 255, 0.50);
								border: 1px solid rgba(102, 102, 102, 0.60);background: linear-gradient(180deg, rgba(57, 57, 57, 0.26) 0%, rgba(57, 57, 57, 0.00) 100%);
								box-shadow: 0px 3.710629940032959px 11.131889343261719px 0px rgba(255, 255, 255, 0.15) inset, 0px -0.820973813533783px 0.4104869067668915px 0px rgba(255, 255, 255, 0.10) inset;
								backdrop-filter: blur(6.157303810119629px);flex-shrink: 0; width: 397px; text-align: left; padding: 0 30px;
	  border-radius: 0px 0px 15px 15px; color: #FFF;   max-height: 0;overflow: hidden;transition: max-height 0.25s ease; transition-delay: 0.25s}
	#account-type .Section2 .cardContent p {margin:16px 0px;color: #FFF;font-family: "Inter_Regular";font-size: 18px;font-style: normal;font-weight: 400;line-height: 20px;}
	#account-type .Section2 .cardContent p span {font-weight: 700;line-height: normal;}
	
	.collapsible {
	  cursor: pointer;
	}
	
	@media screen and (max-width: 1024px) {
	#account-type .Section2 {padding-bottom: 100px;}
	#account-type .Section2 .cardTitle {width: 306px; height: 179px;}
	#account-type .Section2 .cardContent {width: 306px;}
	
	}
	@media screen and (max-width: 820px) {
	#account-type .Section2 .cardTitle {width: 210px;}
	#account-type .Section2 .cardContent {width: 210px;}
	#account-type .Section2 .cardContent p {margin:10px 0px;}
	}
	@media screen and (max-width: 712px) {
	#account-type .Section2 .cardTitle {width: 210px; height: 150px;}
	#account-type .Section2 .cardTitle h3 {font-size: 14px !important;}
	#account-type .Section2 .cardContent p {font-size: 12px !important;}
	/* #account-type .Section2 .cardContent {width: 150px;} */
	}
	@media screen and (max-width: 431px) {
	#account-type .Section2 {display: none !important;}
	#account-type .Section2Mobil {display: flex !important;; }
      .cardContainer{width:100%;}
	#account-type .Section2Mobil .cardContainer .cardTitle {border-radius: 15px 15px 0px 0px;background: linear-gradient(90deg, #3CDCFF 0%, #0057FF 100%);
									  filter: drop-shadow(0 0 36.340023040771484px #3CDCFF); color: #FFF; width: 100%; height: 179px; margin-top: 30px;} 
	#account-type .Section2Mobil .cardContainer .cardContent {text-shadow: 0px 4px 30px rgba(0, 224, 255, 0.50);
								border: 1px solid rgba(102, 102, 102, 0.60);background: linear-gradient(180deg, rgba(57, 57, 57, 0.26) 0%, rgba(57, 57, 57, 0.00) 100%);
								box-shadow: 0px 3.710629940032959px 11.131889343261719px 0px rgba(255, 255, 255, 0.15) inset, 0px -0.820973813533783px 0.4104869067668915px 0px rgba(255, 255, 255, 0.10) inset;
								backdrop-filter: blur(6.157303810119629px);flex-shrink: 0; width: 100%; padding: 0 30px; gap: 16px;
	  border-radius: 0px 0px 15px 15px; color: #FFF; margin-bottom: 30px; }
	#account-type .Section2Mobil .cardTitle h3 {font-size: 20px !important;}
	#account-type .Section2Mobil .cardContent p {margin:10px 0px;color: #FFF;font-family: "Inter_Regular";font-size: 16px !important;font-style: normal;font-weight: 400;line-height: 20px;}
	#account-type .Section2Mobil .cardContent p span {font-weight: 700;line-height: normal;}
      .container{padding-left:15px;padding-right:15px;}
	}  
	@media screen and (max-width: 375px) {
	#account-type .Section2Mobil .cardContainer .cardTitle {width: 100%;}
	#account-type .Section2Mobil .cardContainer .cardContent {width: 100%;}
	}