@import"https://fonts.googleapis.com/css2?family=Open+Sans&display=swap";*{box-sizing:border-box;margin:0;padding:0}p,h3{font-size:14px;font-family:Open Sans,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:light;font-variation-settings:"wdth" 100}h2{font-size:18px;font-family:Open Sans,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal;font-variation-settings:"wdth" 100}.open-sans-light{font-family:Open Sans,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:light;font-variation-settings:"wdth" 100}.open-sans-regular{font-family:Open Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100}.open-sans-medium{font-family:Open Sans,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal;font-variation-settings:"wdth" 100}.open-sans-bold{font-family:Open Sans,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal;font-variation-settings:"wdth" 100}.open-sans-light-italic{font-family:Open Sans,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:italic;font-variation-settings:"wdth" 100}.open-sans-regular-italic{font-family:Open Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:italic;font-variation-settings:"wdth" 100}.open-sans-medium-italic{font-family:Open Sans,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:italic;font-variation-settings:"wdth" 100}.open-sans-bold-italic{font-family:Open Sans,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:italic;font-variation-settings:"wdth" 100}.header{background-color:#fff;width:100%;padding:40px;align-items:left;display:flex;flex-direction:column}.header .logo{max-width:201px}@media (min-width: 768px){.header{padding:60px;align-items:start;flex-direction:column}.header .logo{max-width:201px}}.body{background-color:#f5f5f5}.main__landing{width:100%;max-width:1600px;padding:60px;display:flex;flex-direction:column;justify-content:center;align-items:center;height:87vh}.section__1{margin-left:35px;margin-right:35px}.section__1__img{width:250px;height:63px;margin-inline:35px;margin-top:5vh;margin-bottom:35.4px}.section__1__text__1{margin-left:47.7px;margin-right:49.3px;font-family:Merriweather,serif;font-size:19.2px;font-weight:900;text-align:center;color:#e17334}.section__1__text__2{margin-left:27.2px;margin-right:28px;font-family:Open Sans,sans-serif;font-size:12.8px;font-weight:500;text-align:center;color:#114e4e}.section__2__icons{display:flex;justify-content:space-around;align-items:center;text-align:center;box-sizing:border-box;margin-left:25.6px;margin-right:26.4px;margin-top:17.8px;height:73.8px;width:268px;padding:15px 20px 9.8px;border-radius:4px;border:solid 1.6px rgba(225,115,52,.21)}.section__2__icons i{display:block;font-size:24px;margin-bottom:8px;color:#e17334}.section__2__icons p{font-family:Open Sans,sans-serif;font-size:12.8px;font-weight:400;color:#54585a}.section__2__Btn{margin-left:90px;margin-right:101px;margin-top:7vh;size:42px 129px;padding:10px 25px;border-radius:21px;background-color:#438792}.section__2__Btn__text{margin-block:10px;text-decoration:none;font-family:Open Sans,sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;text-align:center;color:#fff}@media (min-width: 768px){.section__1__img{width:419px;height:105px}}@media (min-width: 768px) and (min-width: 768px){.section__2__Btn{margin-top:186px}}.preview{min-width:100%;height:457px;background-color:#bfcdd0;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:8px;background-image:linear-gradient(to bottom,#bfcdd0,#dde9ed)}@media (min-width: 768px){.preview{min-height:100%;justify-content:center}}@media (min-width: 1280px){.preview{width:585px;min-height:100%;justify-content:center}}.card_box{display:flex;flex-direction:column;align-items:flex-start}@media (min-width: 768px){.card_box{margin-top:-20%}}.button_reset{margin-top:30px;width:75px;height:30px;cursor:pointer;border-radius:15px;border:solid 1px #ffffff;font-size:10px;background-color:#bfcdd0;color:#54585a}.preview_photo{width:240px;height:200px;background-size:cover;background-image:url(../images/photo_preview.jpg);margin-top:2px}.preview_titlebox{margin-top:22px;display:flex;justify-content:flex-start}.green{width:5px;height:42px;margin:2px 15px 10px 0;background-color:#438792}.preview_header{margin-left:3px;font-family:sans-serif}.preview_name{font-size:18px;font-family:Open Sans,sans-serif;font-optical-sizing:auto;font-weight:900;font-style:normal;color:#114e4e}.preview_job{font-size:16px;color:#54585a;margin-top:4px;font-family:Open Sans,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal}.preview_profile_card{width:240px;height:329px;background-color:#fff;margin-top:25px;border:.3px solid rgb(158,157,157);display:flex;flex-direction:column;box-shadow:0 1px 10px #0003,0 1px 3px #00000059}.circle{width:32px;height:32px;margin:0 0 0 10px;padding:8px 7.5px 6px;border-radius:16px;border:solid 2px #a2deaf;color:#114e4e}.circle_box{margin-top:15px;align-items:center}.form-fill-section{display:flex;flex-direction:column;align-items:stretch;margin-top:1rem;width:100%;font-family:Open Sans,sans-serif;color:#114e4e}.form__data{display:none;display:flex;flex-direction:column;margin-bottom:.5em}.form__fill_Label{margin-top:.5rem;margin-bottom:.5em;color:#114e4e;font-family:Open Sans,sans-serif;font-size:14px}.form__input{margin-bottom:1em;height:2rem;width:auto;border:solid 1px #a2deaf;line-height:20px;padding:1em;color:#114e4e;background:transparent;max-width:450px}::placeholder{color:#c5c5c5;font-size:14px}.img__box{display:flex;align-items:center}.form__img{margin-bottom:1rem}.form__btn{padding:.7em;border-radius:.5em;background-color:#e17334;border:#e17334;color:#fff;width:150px;font-size:14px;font-family:Open Sans,sans-serif;margin-top:.5rem;text-align:center;cursor:pointer}.form__photothumb{border:solid 1px #a2deaf;width:2rem;height:2rem;margin-left:1rem;background:transparent;background-position:center;background-size:cover}.hidden{display:none}.visible{display:block}.create_Card_btn{text-transform:uppercase;display:flex;justify-content:center;text-align:center;align-items:center;border-radius:10px;background-color:#e17334;border:none;color:#fff;font-size:18px;padding:15px 25px;cursor:pointer;margin-top:20px;margin-bottom:20px;box-shadow:0 4px 6px #0000001a}.create_Card_icon{display:flex;justify-content:center;align-items:center;text-align:center;background-color:#fff;color:#e17334;border-radius:2px;padding:2px 2px 1px;font-size:20px;margin-right:10px;line-height:1}.icon-wrapper{display:flex;align-items:center;justify-content:center;text-align:center;padding:1px}.disabled{background-color:#d3d3d3;cursor:not-allowed;color:#fff}.disabled_icon{color:#d3d3d3}.created_Card{color:#54585a;font-weight:700;font-size:16px;margin-bottom:15px;border:0;border-top:2px groove #a0c0cf;padding-top:15px;width:100%;text-align:center;align-items:center}.creat_Card_link{list-style-type:none;text-decoration:none;color:#e17334;display:block;text-align:center;margin:0 auto}.twitter_btn{display:none;margin-top:10px;margin-left:60px;text-align:center;align-items:center;justify-content:center;text-decoration:none;background-color:#1da1f2;color:#fff;border:none;margin-bottom:10px auto;padding:8px 16px;border-radius:5px;cursor:pointer;width:fit-content;font-size:16px;box-shadow:0 4px 6px #0000001a}.form-share-section{display:none}.form-share-section.visible{display:block;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:95%}.icon_arrow.active{transform:rotate(180deg)}.design__form{display:none}.design__form.visible{display:block}.form_design_section.visible{display:block;display:flex;justify-content:space-between;margin-block-start:20px}.colors_palettes{margin-bottom:30px}.colors_palettes li{list-style-type:none}.input_palette{margin-right:20px;width:20px}.palette_label{display:inline-flex;padding-block-start:20px}.palette{width:30px;height:30px}.palette_color1{background-color:#114e4e}.palette_color2{background-color:#438792}.palette_color3{background-color:#a2deaf}.color_palette1{color:#114e4e}.line_color_palette1{background-color:#438792}.border_color_palette1{border-color:#a2deaf}.palette_color4{background-color:#420101}.palette_color5{background-color:#bd1010}.palette_color6{background-color:#e95626}.color_palette2{color:#420101}.line_color_palette2{background-color:#bd1010}.border_color_palette2{border-color:#e95626}.palette_color7{background-color:#3e5b65}.palette_color8{background-color:#eab052}.palette_color9{background-color:#a0c0cf}.color_palette3{color:#3e5b65}.line_color_palette3{background-color:#eab052}.border_color_palette3{border-color:#a0c0cf}.footer{display:flex;flex-direction:column;align-items:center;border-top:solid 1px #d8d8d8;width:100%;box-sizing:border-box}.footer__text{margin-top:10px;opacity:.5;margin-left:40px;margin-bottom:20px;font-family:Open Sans,sans-serif;font-size:14px;color:#6b6b6b}.footer__logo{width:103px;height:40px;margin-left:50px;margin-right:60px}@media (min-width: 768px){.footer{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;width:100%;height:8vh}}body{background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center}.main{background-color:#f5f5f5;width:100%;display:flex;flex-direction:column;justify-content:space-between}@media (min-width: 768px){.main{padding:20px 40px 20px 42px;min-height:852px}}.main .form{align-items:left;flex-direction:column;width:100%;margin-right:30px;padding-top:27px;padding-inline:20px}@media (min-width: 768px){.main .form{padding-top:0%}}.main .form__label{color:#54585a;font-size:18px;font-family:Open Sans,sans-serif}.main .main__preview{width:100%}@media (min-width: 768px){.main{flex-direction:row}.main .main__preview{width:70%;order:2}.main .form{width:30%;order:1}}.form__fieldset{border:0;border-bottom:2px groove #a0c0cf;padding-block:10px;margin-bottom:10px}.form__legend{display:flex;align-items:center;width:100%}.form__legend .title_section{font-size:18px;font-family:Open Sans,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal;font-variation-settings:"wdth" 100;margin:0 10px}.form__legend .icon_arrow{cursor:pointer;margin-left:auto}.form__legend .icon_section{color:#e17334}