PATH:
home
/
rwabteecom
/
project_11
/
public
/
front
/
css
/
Editing: index.css
*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;scroll-behavior:smooth;color:#222222;font-family:'Poppins', sans-serif}a{text-decoration:none}:root{--main-color: #FF8A2D;--dark-color: #222222;--gray-color: #EFEFEF}.navbar .nav-item{margin:0 8px}.navbar .nav-item .nav-link{font-size:16px;font-weight:400;line-height:24px;letter-spacing:0em;color:var(--dark-color);text-align:center}.navbar .nav-item .nav-link:hover,.navbar .nav-item .nav-link:active,.navbar .nav-item .nav-link.active{color:var(--main-color)}.lang-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-right:1px solid #DEDEDE;background-color:transparent;color:var(--dark-color)}.lang-link svg{fill:var(--dark-color)}.lang-link:hover{color:var(--main-color)}.lang-link:hover svg{fill:var(--main-color)}.nav-right a{margin:0 10px;padding:8px 14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.nav-right .Login-link{color:#000;border-radius:10px;background-color:#EFEFEF;padding:6px 25px}.nav-right .Login-link:hover{background-color:var(--main-color);color:#fff}.nav-right .create-link{background-color:var(--main-color);border-radius:10px;color:#fff;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.nav-right .create-link:hover{-webkit-box-shadow:rgba(0,0,0,0.1) 0px 10px 15px -3px,rgba(0,0,0,0.05) 0px 4px 6px -2px;box-shadow:rgba(0,0,0,0.1) 0px 10px 15px -3px,rgba(0,0,0,0.05) 0px 4px 6px -2px}.navbar .navbar-toggler{border:none;-webkit-box-shadow:none;box-shadow:none;outline:none;padding:4px}.contact-form .input-area{background-color:var(--gray-color);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0;border-radius:10px;padding:0 16px}.contact-form .input-area p{font-weight:600;padding:13px 6px;white-space:nowrap}.contact-form .input-area input{padding:13px 0;background-color:transparent;border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;max-width:150px}.contact-form button{border:none;background-color:var(--gray-color);padding:13px 25px;border-radius:15px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.contact-form button:hover{background-color:var(--main-color);color:#fff}.hero-sec h1{font-size:64px;font-weight:600;line-height:70px;letter-spacing:0em}@media (max-width: 992px){.hero-sec h1{font-size:40px;line-height:50px}}.hero-sec h5{font-size:20px;font-weight:400;line-height:30px;letter-spacing:0em;color:#333333}.about-sec{background-color:#F2F2F2}.main-text{font-size:48px;font-weight:600;line-height:54px;letter-spacing:0em}@media (max-width: 992px){.main-text{font-size:34px;line-height:50px}}.des-text{font-size:20px;font-weight:400;line-height:30px;letter-spacing:0em;color:#333333}.main-btn{height:45px;padding:12px 25px;border-radius:16px;background-color:#fff;color:var(--main-color)}.main-btn:hover{background-color:var(--main-color);color:#fff}.decription-sec{background:-webkit-gradient(linear, left top, left bottom, from(#FFE1C9), to(#FFD0AA));background:linear-gradient(180deg, #FFE1C9 0%, #FFD0AA 100%);position:relative}.des-img{position:absolute;right:0;top:0;width:45%;height:100%}.des-img img{width:100%;height:100%}.plan-sec h2{font-weight:600;line-height:48px;letter-spacing:0em;color:#000}.plan-sec p{font-weight:500;line-height:23px;letter-spacing:0em;color:#5E6278}.plan-card{border:1px solid #ECECEC;border-radius:18px;-webkit-box-shadow:0px 2px 40px 0px #D0D0D040;box-shadow:0px 2px 40px 0px #D0D0D040}.plan-card h5{color:#000000;font-weight:700}.plan-card p.small{color:#B5B5C3;font-weight:500;line-height:16px;letter-spacing:0em}.plan-card .price-con p{font-weight:600;line-height:33px;letter-spacing:-0.02em;color:var(--main-color)}.plan-card .price-con h1{color:var(--main-color);font-weight:600;line-height:45px;letter-spacing:-0.02em}.plan-card .price-con span{color:#B5B5C3;font-weight:400;line-height:33px;letter-spacing:0em}.plan-card ul{padding:0;margin:0;list-style:none}.plan-card ul li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.plan-card ul li span{color:#5E6278}.plan-card .reserve-btn{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:45px;border-radius:6px;border:none;color:var(--dark-color);background-color:var(--gray-color)}.plan-card .reserve-btn:hover{background-color:var(--main-color);color:#fff}.plan-card.active-plan{background-color:#FFDCBF;border:none;-webkit-box-shadow:none;box-shadow:none}.plan-card.active-plan p.small,.plan-card.active-plan .price-con h1,.plan-card.active-plan .price-con p,.plan-card.active-plan ul li span,.plan-card.active-plan .price-con span{color:#181818}.plan-card.active-plan .reserve-btn{background-color:#fff;color:var(--main-color)}.plan-card.active-plan .reserve-btn:hover{background-color:var(--main-color);color:#fff}.contact-sec{background-color:#F2F2F2}.contact-sec .contact-form .input-area{background-color:#fff}.contact-sec .contact-form button{background-color:#fff}.contact-sec .contact-form button:hover{background-color:var(--main-color)}footer{background-color:#FFD3B0;position:relative}footer ul{list-style:none;padding:0;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex}footer .top-div{border-bottom:1px solid #EDBE98}footer .footer-nav-links li{margin:10px}footer .footer-nav-links li a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#171717}footer .footer-nav-links li a svg{fill:#171717}footer .footer-nav-links li a:hover{color:var(--main-color)}footer .footer-nav-links li a:hover span{color:var(--main-color)}footer .footer-nav-links li a:hover svg{fill:var(--main-color)}footer .footer-nav-links li a:hover span .text-underline{text-decoration:underline}.social-link li{margin:10px}.social-link li a{color:#585858}.social-link li a svg{fill:#585858}.social-link li a:hover{color:var(--main-color)}.social-link li a:hover svg{fill:var(--main-color)}footer p{color:#585858}footer .up-btn{position:absolute;top:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;right:10px;top:-25px;background-color:transparent;border:none}.register-page{overflow:hidden}.plans-page .lang-link,.register-page .lang-link{border:none}.register-page .register-right{background-image:url(../assets/register-right.png);background-repeat:no-repeat;background-size:cover;min-height:100vh;position:relative}.register-page .register-right h1{font-size:48px;font-weight:800;line-height:66px;letter-spacing:0em;text-align:left;color:#000}.register-page .register-right h5{font-size:20px;font-weight:400;line-height:32px;letter-spacing:0em;color:#000}.register-page .register-bottom{position:absolute;width:100%;height:55%;bottom:0}.register-page .register-bottom img{width:100%;height:100%}.register-page .register-left h2{font-weight:700;line-height:54px;letter-spacing:0em;text-align:left;color:#000}.register-page .register-left .switch-link{font-weight:500;line-height:21px;letter-spacing:0em;color:#000}.register-page .register-left .switch-link a{color:var(--main-color)}.register-page .iti{width:100%}.formInput{height:50px;width:100%;background-color:#F2F2F2;border-radius:16px;padding:8px 16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;outline:none;border:none}.formInput input{width:100%;background-color:transparent;height:100%;padding:0 8px;outline:none;border:none}.formlabel{font-weight:500;line-height:21px;letter-spacing:0em;margin-bottom:8px;color:#000000}.password-eye span{cursor:pointer;height:100%;padding:0 8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.password-eye span.hide-password{display:none}.signForm .form-submit{width:100%;height:50px;border-radius:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:none;font-weight:600;line-height:21px;letter-spacing:0em;color:#fff;background-color:var(--main-color)}.signForm .form-submit:disabled{background-color:#E0E2D9;color:#666666;cursor:not-allowed}.or-div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}.or-div .line-div{position:absolute;width:100%;height:1px;border-radius:2px;background-color:#E0E0E0;top:50%}.or-div p{background-color:#fff;position:relative;padding:10px 20px;font-weight:500;line-height:21px;letter-spacing:0em;color:#444444}.social-login{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:1px solid #E0E0E9;-webkit-box-shadow:0px 18px 30px 0px #8377C61C;box-shadow:0px 18px 30px 0px #8377C61C;border-radius:16px;height:60px;color:#1D1C2B}.sign-back-link{color:var(--main-color);font-weight:500;line-height:21px;letter-spacing:0em}@media (max-width: 768px){.register-page .register-right h1{font-size:38px;line-height:50px}.register-page .register-bottom{height:60%}.plan_card .plan-price h1{line-height:27px !important}}.plans-page{background-image:url(../assets/plansbg.png);background-repeat:no-repeat;background-size:cover}.plans-page .plans-top .plans-title{font-size:45px;font-weight:700;line-height:60px;letter-spacing:-0.02em;color:#061C3D}.plans-page .plans-top h5{font-weight:400;line-height:26px;letter-spacing:0em;color:#061C3D}.plan_card{border:1px solid #E6E8EC;background-color:#fff;border-radius:20px}.plan_card .plan-name{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:#252525;padding:4px 20px;background-color:#F0F5FF;border-radius:100px}.plan_card .plan-price h5{font-size:22px;font-weight:700;line-height:25px;letter-spacing:-0.02em;color:var(--main-color)}.plan_card .plan-price h1{font-weight:700;line-height:35px;letter-spacing:-0.02em;color:var(--main-color)}.plan_card .plan-price p{font-size:16px;font-weight:400;line-height:24px;letter-spacing:0em;color:#42526B}.plan_card .plan-options{padding:0;margin:0;list-style:none;border-top:1px solid #E6E8EC}.plan_card .plan-options li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#42526B;font-weight:400;line-height:24px;letter-spacing:0em}.plan_card .plan-options li span{width:24px;height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#F0F5FF;border-radius:50%}.plan_card .choose-plan{height:50px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:var(--gray-color);border-radius:7px;color:#000}.plan_card .choose-plan svg{fill:#000}.plan_card .choose-plan:hover{color:#fff;background-color:var(--main-color)}.plan_card .choose-plan:hover svg{fill:#fff}.plan_card.special{-webkit-box-shadow:0px 12px 56px 0px #061C3D1F;box-shadow:0px 12px 56px 0px #061C3D1F;border:none;background-color:#FFDCBF;position:relative}.plan_card.special .plan-name{background-color:#fff}.plan_card.special .plan-options{border-top:1px solid #FBC293}.plan_card.special .plan-options li span{background-color:#fff}.plan_card.special .choose-plan{background-color:#fff}.plan_card.special .choose-plan:hover{background-color:var(--main-color)}.recommand-text{background-color:var(--main-color);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:12px 12px 0 0;padding:9px 16px;position:absolute;height:42px;top:-42px;right:50%;-webkit-transform:translateX(50%);transform:translateX(50%);color:#fff}.support-sec p{font-weight:500;line-height:24px;letter-spacing:0em;color:#646464}.support-sec a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:60px;color:#000;font-weight:500;line-height:24px;letter-spacing:0em;background-color:#EFEFEF;border-radius:9px;padding:20px}.support-sec a svg{fill:#000}.support-sec a:hover{background-color:var(--main-color);color:#fff}.support-sec a:hover svg{fill:#fff} /*# sourceMappingURL=index.css.map */
SAVE
CANCEL