/* your styles go here */ .box-image-text .image { min-height: 200px; max-height: 200px; } .box-simple { min-height: 200px; margin-bottom: 0; } .box-simple .video__desc { color: black; font-size: 1.8rem; text-align: left; padding-left: 1rem; padding-right: 1rem; } .goto__btn { text-align: center; margin-top: 2rem; margin-left: auto; margin-right: auto; } .container__footer { display: flex; align-items: center; } .box-simple .icon__feature { width: 120px; height: 120px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-left: auto; margin-right: auto; } .box-simple .icon__feature > i { font-size: 4.5rem; } @media (max-width: 992px) { .container__footer { flex-direction: column; } .container__footer > div { margin-bottom: 1.5rem; } .video__col { margin-bottom: 2rem; } .mb-mobile { margin-bottom: 5rem; } .step__box { margin-bottom: 2rem; } } .btn { border: 2px solid #38a7bb; } .btn:hover { background-color: #38a7bb; color: white; } .box-steps { border: 1px solid #38a7bb; padding: 1rem; border-radius: 5rem; position: relative; } .box-steps .step__box { position: absolute; left: -5px; top: -5px; width: 4rem; height: 4rem; background-color: white; } .box-steps .step__box span { font-size: 3rem; font-weight: 600; color: #38a7bb; } .box-steps .icon { border: none; } .box-steps .icon > i { font-size: 3.5rem; } .box__video { min-height: 280px; } .footer__btn__text { font-size: 2rem; color: white; } .table { display: flex; /* box-shadow: 0 0 5px 1px rgb(197, 197, 197); */ border-radius: 15px; align-items: center; height: 280px; } .table .column { min-height: 280px; background-color: white; padding: 10px 2rem; } .table .column .body__company { font-size: 1.6rem; font-weight: 500; } .fa-check { margin-left: 4px; color: rgb(5, 212, 5); } .table .column .body__head { color: gray; } .table .column__first { border-radius: 15px 0 0 15px; } .table .column__last { border-radius: 0 15px 15px 0; } .table .column__choozmo { border: 1px solid rgb(212, 212, 212); box-shadow: 0 0 5px 1px rgb(197, 197, 197); border-radius: 15px; height: 340px; } .table .column div { min-height: 65px; } .navbar-brand > img { display: inline-block; } @media (max-width: 767px){ .visible-xs { display: inline-block!important; } } .logo { width: 187px; height: 48px; } .logo-sm { width: 110px; height: 30px; } .logo_text { vertical-align: middle; } .footer_img { height: 60px; } .followus { display: flex; align-items: center; justify-content: flex-start; margin-top: 1rem; } .followus__txt { display: inline-block; margin-right: 1rem; color: white; font-weight: 600; } .followus .followus__img { margin-right: 1rem; } .bar.mb-0 { margin-bottom: 0; } .headingvf { margin-bottom: 1.5rem; } .headingvf-sub { margin-bottom: 4rem; } .headingvf-sub h4 { color: grey; font-weight: 400; font-size: 1.6rem; line-height: 2.2rem; } .testimonial_img { width: 200px; border-radius: 50%; display: block; margin-left: auto; margin-right: auto; } .owl-item { height: 300px; overflow: hidden; } .testimonial-title { font-size: 2rem; } .testimonial-text { font-size: 1.6rem; } .testimonials__pro { margin-bottom: 1rem; } .testimonials__pro p { font-size: 1.6rem; } .testimonials__goto__btn a { animation-name: move; animation-duration: 1.5s; animation-delay: 0; animation-iteration-count: infinite; animation-direction: normal; animation-timing-function: linear; } @keyframes move { 0% { box-shadow: 0 0 0 transparent; } 50% { box-shadow: 5px 5px 4px #887e74; } 100% { box-shadow: 0 0 0 transparent; } } .row__rank { height: min-content; } .rank__box { min-height: min-content; } .rank .rank__word { display: inline-block; font-weight: 500; position: relative; } .rank .rank__word::after { position: absolute; content: " "; width: 100%; height: 2px; left: 20%; top: 90%; background-color: #499aa8af; } .rank__num { display: inline-block; font-size: 3.5rem; color: #38a7bb; font-style: italic; font-weight: 600; } .video__steps { margin-top: 6rem; } .btn-video { text-align: center; display: block; width: 18rem; margin: 1rem auto; } @media (max-width: 992px) { .video__steps { margin-top: 1rem; } } .video-steps { display: flex; text-align: center; } .steps__box { flex: 20%; position: relative; } .steps__icon { font-size: 5rem; color: #38a7bb; } .steps__name { font-size: 1.8rem; color: rgb(68, 67, 67); margin-bottom: 1rem; } .steps__num { position: absolute; left: 15%; top: -2.5rem; font-size: 4rem; color: #72969c; font-weight: 500; } #post-content img { width: 100%; box-shadow: 0 11px 21px 0 rgba(194, 194, 194, 0.644); transition: all .3s; margin: 1.5rem 0; } #post-content img:hover { transform: translateY(-.125em); box-shadow: 0 5px 10px 0 rgba(grey, 0.3); } #post-content i { font-size: 2rem; vertical-align: middle; } #blog-post { padding-bottom: 3rem; } #blog-post h2 { font-family: "Proxima Nova",sans-serif; margin-right: 5px; } #blog-post p, #blog-post li{ font-size: 1.8rem; font-family: "Proxima Nova",sans-serif; } #block-vtuber { padding: 20px 0; margin-bottom: 40px; font-family: "Proxima Nova",sans-serif; } #block-vtuber h2 { font-family: 'Poppins', sans-serif; font-weight: bolder; font-size: 3.7rem; } #block-vtuber p { font-size: 1.8rem; line-height: 3rem; } .txt-block { padding: 5rem 0; } .embed-container::after{ position: absolute; content: " "; left: 3rem; top: 3rem; width: 100%; height: 100%; background: url("https://pixabay.com/get/g429f3dae72cb0be8dd348c3a5fcc041e19c6577b6a05f5f86d1a351c9bbd3841b828184e3e063fa39ce129dd51e8e950_640.jpg"); z-index: -2; }