.hero-chuyenhost::before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-image:url(https://vutruso.com/wp-content/uploads/2021/08/white-on-transparent.svg);background-size:auto 80vw;opacity:.15;background-repeat:no-repeat;background-position:left -30vw bottom 5rem}div.hero-chuyenhost{padding:5rem 1.5rem 4rem;position:relative;z-index:1;background-color:#1d60ad !important}.hero-chuyenhost h1{margin-bottom:5%}.subtitle{font-size:1.1rem}a{text-decoration:none}.button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-moz-appearance:none;-webkit-appearance:none;align-items:center;border:1px solid transparent;border-radius:4px;box-shadow:none;display:inline-flex;font-size:1rem;height:2.25em;justify-content:flex-start;line-height:1.5;position:relative;vertical-align:top;background-color:#fff;border-color:#dbdbdb;border-width:1px;color:#363636;cursor:pointer;padding:calc(.375em - 1px) .75em;text-align:center;white-space:nowrap}.button.is-rounded{border-radius:290486px;padding-left:1em;padding-right:1em}.chuyenghiep .title,.hero-chuyenhost .title{color:#363636;font-size:1.6rem;font-weight:400;line-height:1.375}.hero-body{flex-grow:1;flex-shrink:0;padding:3rem 1.5rem}.has-text-dark{color:#1c2d3b!important}.has-text-white{color:#fff!important}.has-text-dark p,.has-text-white p{line-height:29px;padding:10px 0}.has-background-dark{background-color:#1c2d3b!important}.has-background-light{background-color:#f6f7f9!important}.box{background-color:#fff;border-radius:0;box-shadow:0 2px 3px rgb(21 30 41 / 10%),0 0 0 1px rgb(21 30 41 / 10%);color:#1c2d3b;display:block;padding:1.5rem}.level{align-items:center;justify-content:space-between}.is-full-height{margin:0 auto;width:100%;text-align:center;height:100%;border-radius:7px}.is-full-height .title{text-align:center;font-size:1.4em;padding-bottom: 10px}div.section{padding:1.5rem}.card-content,.card-footer{background-color:transparent}.card-content{padding:1.2rem}.card{background-color:#fff;box-shadow:0 2px 3px rgb(21 30 41 / 10%),0 0 0 1px rgb(21 30 41 / 10%);color:#1c2d3b;max-width:100%;position:relative;margin-bottom:1%}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem;padding:0}.container-fluid .row{max-width:1286px;margin:0 auto}.card-content h5{font-size:1.15rem;margin-bottom:1rem}.card-content span{font-size:1.1em}#solutions h2{font-size:1.8em;font-weight:700;line-height:1.25em;color:#0c455c;margin:0 0 10px}#solutions h3{font-size:2.8em;font-weight:700;text-transform:uppercase;line-height:1.2em;color:#0c455c;margin:0 0 40px}section{display:block}.cta-item a{color:#337ab7;text-decoration:none;background-color:transparent}#solutions{position:relative;background-color:#f8f8f8;padding:30px 0}.cta_panel_module .cta-item-wrapper{display:flex;flex-direction:column}.cta_panel_module .cta-item-wrapper .cta-item__image{background:#fff;background-repeat:no-repeat;background-position:center;padding:120px;transition:all .3s ease;width:50%;float:left}.cta-item__content p{font-size:1.1em;line-height:1.5em}.cta_panel_module .cta-item-wrapper .cta-item__body{margin:0 10px}.cta_panel_module .cta-item-wrapper .cta-item__body h4{text-align:center;text-transform:uppercase;font-weight:700;font-size:1.7em;line-height:1.5;margin-bottom:16px;transition:all .3s ease}.cta_panel_module .cta-item-wrapper .cta-item__body .cta-item__content{display:inline-block;margin-bottom:20px}.cta_panel_module .cta-item-wrapper .cta-item__body .cta-item__action{width:100%;position:relative;padding:16px 22px 18px;transition:all .2s ease}.cta_panel_module .cta-item-wrapper .cta-item__body .cta-item__action span{color:#0e455d;position:relative;font-size:17px;line-height:1;font-weight:700;letter-spacing:0;text-transform:inherit;vertical-align:middle}.cta_panel_module .cta-item-wrapper .cta-item__body .cta-item__action:before{content:"";position:absolute;top:0;left:0;display:block;border-radius:28px;background:#88edfe;width:56px;height:56px;transition:all .3s ease}.cta_panel_module .cta-item-wrapper .cta-item__body .cta-item__action svg{position:relative;top:0;margin-left:10px;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke:#0e455d;stroke-width:2;transform:translateX(-5px);transition:all .3s ease}.cta_panel_module .cta-item a:hover .cta-item__image{box-shadow:0 8px 24px rgba(86,221,243,.59)}.cta_panel_module .cta-item a:hover h4{color:#61e2f7}.cta_panel_module .cta-item a:hover .cta-item__action::before{width:100%;background:#88edfe}.cta_panel_module .cta-item .cta-item-wrapper{flex-direction:row;background:#fff;margin:0 10px 20px;min-height:245px;position:relative}.cta_panel_module .cta-item .cta-item-wrapper .cta-item__body h4{text-align:left;text-transform:inherit;margin-top:20px;line-height:1.2em}.cta_panel_module .cta-item .cta-item-wrapper .cta-item__wrapper{display:inline-block;width:100%;text-align:right;position:absolute;bottom:30px;z-index:2;right:15px}.cta_panel_module .cta-item a:hover .cta-item__image{box-shadow:none}.cta_panel_module .cta-item a:hover .cta-item-wrapper{box-shadow:0 8px 24px rgba(86,221,243,.59)}@media screen and (max-width:767px){.cta_panel_module .cta-item-wrapper .cta-item__body .cta-item__content{text-align:center}.cta_panel_module .cta-item-wrapper .cta-item__body .cta-item__wrapper{display:block;width:100%;text-align:center}.cta_panel_module .cta-item .cta-item-wrapper .cta-item__body .cta-item__content{text-align:left}}@media screen and (max-width:529px){.cta_panel_module .cta-item .cta-item-wrapper{flex-direction:column}.cta_panel_module .cta-item .cta-item-wrapper .cta-item__image{margin:0 auto!important;padding:80px}.cta_panel_module .cta-item .cta-item-wrapper .cta-item__body h4{text-align:center!important;font-size:1.3em;margin-top:0!important}.cta_panel_module .cta-item .cta-item-wrapper .cta-item__body .cta-item__content{text-align:center!important;margin-bottom:70px}}
.how-help-section {margin: 40px 0 0;position: relative;background: #fafbfe url(https://vutruso.com/wp-content/uploads/2021/10/help-bg.png) no-repeat;background-position: left bottom;border-radius: 15px;margin: 0;padding: 30px }.help-heading {font-size: 28px;margin: 0 0 10px;padding: 0;color: #0c49c4;padding: 20px 0;border-radius: 15px;}.help-list li {width: 100%;display: inline-block;font-size: 15px;padding: 0 0 5px 25px;margin: 0 0 10px;background: url(https://vutruso.com/wp-content/uploads/2021/10/check-li.svg) no-repeat left center;}@media (max-width: 768px) {p {line-height: 1.4;}.help-heading {padding: 14px 40px;}.help-list {padding: 50px 10px 35px;}.help-list li {font-size: 16px;width: 49%;}.help-list {padding: 0 10px 0 40px;}}@media (max-width: 767px) {p {font-size: 18px;}.help-list {padding: 70px 10px 35px;}.help-list li {font-size: 14px;}.help-heading {padding: 14px 40px;}}@media (max-width: 640px) {.help-list li {width: 100%;}.help-heading {width: 95%;padding: 14px 10px;text-align: center;}.how-help-section {padding: 0 15px;}.help-heading {text-align: left;}.help-list {padding: 10px 10px 35px;}}@media (max-width: 414px) {.help-heading {font-size: 24px;top: -44px;}.help-list {padding: 0 10px 35px;}}
.fa {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}.fa-whatsapp:before {content: "\f232";}.section-cta {padding: 5rem 0 7rem;}.section-cta .cta-container {align-items: center;justify-content: center;max-width: 980px;margin: 0 auto;display: block;clear: both;text-align: center;}.section-cta .cta-desc-content, .section-cta .cta-btn-content {display: inline-block;text-align: center;padding: 1rem;}.section-cta .cta-desc-content {position: relative;}.section-cta .cta-icon {color: rgba(0, 0, 0, 0.04);font-size: 18rem;top: -1.2rem;left: 0;position: absolute;}.section-cta .cta-title {font-size: 2.2rem;font-weight: 700;color: #5b2000;text-align: center;}.section-cta .cta-desc {color: #666;font-size: 1.2rem;line-height: 1.4;margin-top: 2rem;font-weight: 300;}@media (max-width: 768px) {.section-cta {padding: 2rem 0 3rem;}.section-cta .cta-container {display: block;}.section-cta .cta-desc-content, .section-cta .cta-btn-content {display: block;margin: 0 auto;text-align: center;width: 70%;}.section-cta .cta-icon {font-size: 14rem;left: 20px;}.section-cta .cta-btn {font-size: 1.2rem;line-height: 60px;width: 240px;margin: 0 auto;}}@media (max-width: 480px) {.section-cta .cta-desc-content, .section-cta .cta-btn-content {width: 100%;}.section-cta .cta-title {font-size: 1.6rem;}}@media (max-width: 340px) {.section-cta .cta-desc {font-size: 1rem;}}.section-cta .cta-btn {background-color: #d7d7d7;color: #fff;padding: 0 1rem;width: 320px;display: block;font-size: 1.8rem;border-radius: 60px;line-height: 70px;font-weight: bold;text-decoration: none;transition: all 0.3s ease;box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);}.section-cta .cta-btn i {border-right: 1px solid rgba(255, 255, 255, 0.2);padding-right: 10px;}.section-cta .cta-btn:hover {box-shadow: 0 0 45px rgba(0, 0, 0, 0.2);}.section-cta .cta-btn:focus {box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.12);}.section-cta .cta-label {color: #777;display: block;font-size: 12px;margin-top: 0.3rem;}.cta-whatsapp {background: rgba(0, 0, 0, 0.01);}.cta-whatsapp .cta-btn {background-color: #65bc54;margin: 0 auto }
.align-items-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .justify-content-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .btn { display: inline-block; font-weight: 700; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; } .card { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, .125); border-radius: .25rem; } .card-body { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1.25rem; } .card-body h4 { padding-bottom: 12%; } .text-center { text-align: center; } .btnAnimated { display: inline-block; position: relative; z-index: 1; font-size: 16px; color: #fff; outline: none; cursor: pointer; overflow: hidden; line-height: 42px; text-align: center; padding: 0 20px 0 45px; background: #ef323a; -webkit-border-radius: 28px; -moz-border-radius: 28px; -ms-border-radius: 28px; border-radius: 28px; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .btnAnimated:hover { text-decoration: none; } .btnAnimated:before { position: absolute; display: block; content: ''; width: 20px; height: 20px; top: 11px; left: 19px; z-index: -1; pointer-events: none; background-color: unset; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 0 0 rgba(1, 42, 94, 1); box-shadow: 0 0 0 0 rgba(1, 42, 94, 1); } .btnAnimated:after { position: absolute; display: block; content: ''; width: 22px; height: 22px; top: 10px; left: 18px; z-index: -1; pointer-events: none; background-color: transparent; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: inset 0 0 0 5px #0c49c4; box-shadow: inset 0 0 0 5px #0c49c4; } .btnAnimated:hover:before { -webkit-transition: all .5s ease-in-out .2s; -o-transition: all .5s ease-in-out .2s; transition: all .5s ease-in-out .2s; -webkit-box-shadow: 0 0 0 30px rgba(0, 0, 0, 0); box-shadow: 0 0 0 30px rgba(0, 0, 0, 0); } .yellow-btn-default { background: #0c49c4; border-radius: 100px; -webkit-border-radius: 100px; font-size: 15px; text-transform: uppercase; color: #fff !important; line-height: 49px; } .yellow-btn-default:before { -webkit-box-shadow: 0 0 0 0 #fff; box-shadow: 0 0 0 0 #fff; top: 13px; } .yellow-btn-default:after { -webkit-box-shadow: inset 0 0 0 6px #fff; box-shadow: inset 0 0 0 6px #fff; top: 13px; } .yellow-btn-default:hover { background: #110F0F; color: #fff; } .small-title { font-size: 18px; } .spaceTop75 { padding-top: 21px; } .border_bottom { border-bottom: 2px solid #0c49c4; padding-bottom: 8px; display: inline-block; font-size: 28px } .bold { font-weight: 600; } .circle-bg { background: url(https://vutruso.com/wp-content/themes/vutruso/assets/images/bottom-circle.png) 105% 190% no-repeat; background-color: rgba(195, 205, 225, 0.08); } .columns2 .card { height: auto; margin-bottom: 35px; padding-top: 30px; display: inline-block; width: 100%; } .rounded-corner { border: 0; border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); } .common-section { background-repeat: no-repeat !important; clear: both; } .circle-bg p { font-size: 16px; line-height: 27px; } .rounded-corner .card-text { font-size: 15px; line-height: 21px; } @media screen and (min-width: 576px) and (max-width: 767px) { .card { -ms-flex: 1 0 44% !important; flex: 2 1 44% !important; margin-bottom: 25px !important; } .card-columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 2; } } @media (min-width:768px) { .card-columns { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; } } @media (max-width:1024px) { .card-columns { padding-top: 32px; } .spaceTop75 { padding-top: 30px; } } @media (max-width: 768px) { .common-section p { font-size: 16px; line-height: 27px; } .card-body { padding: 20px; } .spaceTop75 { padding-top: 30px; } .yellow-btn-default { margin-bottom: 30px; margin-top: 15px !important; } } @media (max-width: 767px) { .yellow-btn-default { margin-bottom: 30px; } } @media (max-width: 640px) { .spaceTop75 { padding-top: 30px; } } @media (max-width: 480px) { .spaceTop75 { padding-top: 30px; } .border_bottom {font-size: 25px;} }
