@font-face{font-family:'Montserrat';src:url('./assets/Montserrat-Regular.ttf')}
.montserrat-regular{font-family:'Montserrat-Regular',sans-serif}
@font-face{font-family:'Montserrat';src:url('./assets/Montserrat-Bold.ttf')}
.montserrat-bold{font-family:'Montserrat-Bold',sans-serif}
@font-face{font-family:'Montserrat';src:url('./assets/Montserrat-ExtraBold.ttf')}
.montserrat-extrabold{font-family:'Montserrat-ExtraBold',sans-serif}

*{font-family:Montserrat-Regular,Avenir,Helvetica,Arial,sans-serif}
html,body{height:100%;width:100%;margin:0;padding:0;background-color:#f7f7f7}
.unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.styless-a:link,.styless-a:visited{text-decoration:inherit;color:inherit;cursor:auto}
.underline{text-decoration:underline}
.c{display:flex;align-items:center;justify-content:center}.wrap{flex-wrap:wrap}.column{flex-direction:column}
.sp-bet{justify-content:space-between}.sp-ev{justify-content:space-evenly}.start{justify-content:flex-start}.end{justify-content:flex-end}
.f1{flex:1}.gap7{gap:7px}.gap16{gap:16px}.gap24{gap:24px}.gap32{gap:32px}
.c-txt{text-align:center}
.s15{font-size:15px}.s16{font-size:16px}.s17{font-size:17px}.s18{font-size:18px}.s19{font-size:19px}.s20{font-size:20px}.s21{font-size:21px}.s32{font-size:32px}
.w100{width:100%}.w90{width:90%}.w50{width:50%}
.white{color:white}.bg-white{background-color:white}
.neu{box-shadow:rgba(50,50,93,0.25) 0px 3px 15px -10px,rgba(0,0,0,0.3) 0px 15px 10px -15px,rgba(10,37,64,0.35) 0px -1px 3px 0px inset}
.div-line{width:90%;margin:auto 16px;height:2px;background-color:rgb(200,200,200)}
.bg{background-color:#005bf4;color:white}.txt-color{color:#005bf4}
.bg2{background-color:#3f83f7;color:white}.txt-color2{color:#3f83f7}
.bor1{border:3px solid #005bf4 !important}.bor2{border:3px solid #3f83f7 !important}
.bor-grey{border:3px solid rgba(0,0,0,0.2) !important}.bor-white{border:3px solid white !important}
.brad{border-radius:23px}.cir{border-radius:50%}
.shadow{box-shadow:0px 4px 10px rgba(0,0,0,0.36)}.shadow-light{box-shadow:0px 4px 10px rgb(85,85,85)}
.txt-shadow{text-shadow:2px 2px 5px black}.txt-shadow-light{text-shadow:2px 2px 5px white}
.hov:hover{background-color:rgba(0,0,0,0.16)}
.pt{cursor:pointer !important}
.bold{font-weight:bold}
.but-padd{padding:7px 23px}
.mar-auto{margin:auto}.mar0{margin:0}.mar-bott{margin-bottom:16px}.mar-top{margin-top:16px}
.lat-padd{padding-left:23px !important;padding-right:23px !important}.lat-padd-m{padding-left:42px !important;padding-right:42px !important}.lat-padd-xl{padding-left:72px !important;padding-right:72px !important}
.lat-mar{margin-left:23px !important;margin-right:23px !important}.lat-mar-m{margin-left:42px !important;margin-right:42px !important}.lat-mar-xl{margin-left:72px !important;margin-right:72px !important}
.scale-anim-3:hover{transform:scale(1.03);transition:transform 0.1s ease}
.scale-anim-7:hover{transform:scale(1.07);transition:transform 0.1s ease}
.std-w{width:90%;margin:auto}.std-p{width:90%;max-width:720px;margin:auto}
.a-but{display:inline-block;text-decoration:none}
.but{display:flex;align-items:center;justify-content:center;border-radius:23px;padding:10px 23px;cursor:pointer;border:none}
input,textarea,select{border-radius:16px;border:none;height:36px;font-family:Avenir,Helvetica,Arial,sans-serif;font-size:16px;padding:0 10px;outline:none;box-shadow:0px 4px 20px rgba(0,0,0,0.08);max-width:90%}
select{border-radius:21px;height:55px}textarea{padding-top:12px}
.transparent-input{background-color:transparent;border:none;outline:none;box-shadow:none}
.box-siz{box-sizing:border-box}
.fixed-img{object-fit:cover;object-position:center center}

#modal{z-index:1;display:none;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,0.23)}#modal>div{width:85%;height:90%;padding:0px 23px;background-color:white;border-radius:16px;box-shadow:rgba(50,50,93,0.25) 0px 50px 100px -20px,rgba(0,0,0,0.3) 0px 30px 60px -30px,rgba(10,37,64,0.35) 0px -2px 6px 0px inset;text-align:center;display:flex;flex-direction:column;justify-content:space-between;align-items:center}#modal>div>div{width:100%;overflow:auto}
@media screen and (max-width:900px){#modal>div{width:80vw;height:69vh;transform:translateY(-24px)}}
.clsMod{display:flex;justify-content:flex-end;align-items:center;margin-top:23px}
.clsMod>div{font-size:47px;width:47px;height:47px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}
.clsMod b{transform:translateY(-4px)}

.sep{margin:auto;width:100%;display:flex;gap:4px;flex-direction:column}
.sep div{background-color:blue;width:100%;height:2px}
.sep div:nth-child(1),.sep div:nth-child(7){opacity:0.08}
.sep div:nth-child(2),.sep div:nth-child(6){opacity:0.24}
.sep div:nth-child(3),.sep div:nth-child(5){opacity:0.66}

header{
	background-color:white;
	height:72px;
	width:90%;
	margin:23px auto;
	border-radius:23px;
	box-shadow:0px 4px 10px rgba(0,0,0,0.36);
	display:flex;
	justify-content:space-between;
	align-items:center;
	box-sizing:border-box;
	color:#005bf4;
	padding:24px 36px;
}
header img{width:100px}
header b{cursor:pointer;font-weight:bolder}
header b:hover{transform:scale(1.1);transition:transform 0.1s ease}
header svg{fill:#005bf4;cursor:pointer;display:none}
@media screen and (max-width:800px){
	header{padding:7px 23px}
	header svg{fill:#005bf4;cursor:pointer;display:block}
	header b{display:none}
}

#wpp{position:fixed;bottom:24px;right:24px;width:72px;height:72px;cursor:pointer}

.img-switch img:last-child{display:none}
@media screen and (max-width:700px){
	.img-switch img:first-child{display:none}
	.img-switch img:last-child{display:block}
}

.two-cont{width:100%;display:flex}
.two-cont>div{flex:1}
@media screen and (max-width:740px){
	.two-cont{flex-direction:column}
}

footer{background-color:rgb(55,69,92);color:white;padding:7px 23px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;flex-direction:column}
footer h3{font-size:16px}
footer img{width:180px;margin-top:48px}
footer svg{width:32px;height:32px;fill:white}
footer>div:first-child{align-items:flex-start;gap:20px}
footer>div:first-child div{width:200px;text-align:center}
footer>div:first-child div:last-child{width:160px}
footer>div:first-child p{margin:7px}
@media screen and (max-width:500px){
	footer>div:first-child div{width:95%}
}

#faq{width:850px;max-width:90%;box-shadow:0px 4px 10px rgba(0,0,0,0.36);margin-top:23px}
#faq p{cursor:pointer;width:100%;display:flex;justify-content:center;align-content:center;gap:12px}
#faq p b{flex:1}
#faq p svg{width:30px;height:30px}
#faq span{margin-bottom:16px;display:none}
#faq .div-line{width:100%}
@media screen and (max-width:500px){#faq{flex-direction:column;gap:24px}}