|
|
@@ -611,877 +611,931 @@
|
|
|
font-size: 4.5rem;
|
|
|
}
|
|
|
|
|
|
-@media (max-width: 992px) {
|
|
|
- .sec-steps .steps-block {
|
|
|
- padding: 0rem;
|
|
|
- }
|
|
|
-
|
|
|
- .sec-steps .steps-block::after {
|
|
|
- width: 100%;
|
|
|
- height: 12rem;
|
|
|
- }
|
|
|
-
|
|
|
- .sec-steps .steps-imgfr {
|
|
|
- width: 100%;
|
|
|
- height: 20rem;
|
|
|
- }
|
|
|
-
|
|
|
- .sec-steps .steps-imgfr img {
|
|
|
- width: 100%;
|
|
|
- }
|
|
|
+#content .container_list {
|
|
|
+ margin-top: 100px;
|
|
|
+}
|
|
|
|
|
|
- .sec-steps .steps-txt h3.steps-sub {
|
|
|
- font-size: 1.3rem;
|
|
|
- }
|
|
|
-
|
|
|
- .sec-steps .steps-txt span {
|
|
|
- width: 25px;
|
|
|
- height: 25px;
|
|
|
- background-color: #EA5413;
|
|
|
- font-size: 1.3rem;
|
|
|
- line-height: 25px;
|
|
|
- }
|
|
|
- .sec-features .row {
|
|
|
- margin: 5rem 0;
|
|
|
- }
|
|
|
- .sec-features .features-col {
|
|
|
- position: relative;
|
|
|
- height: 25vh;
|
|
|
- }
|
|
|
- .sec-features .features-col .features-block {
|
|
|
- left: 2rem;
|
|
|
- top: 1rem;
|
|
|
- }
|
|
|
- .sec-features .row .d-md-block {
|
|
|
- display: none;
|
|
|
- }
|
|
|
- .sec-features .row .d-block {
|
|
|
- display: block;
|
|
|
- }
|
|
|
- .sec-hero .col-left {
|
|
|
- margin-top: 2.5rem;
|
|
|
- }
|
|
|
+#post-content img {
|
|
|
+ width: 100%;
|
|
|
+ box-shadow: 0 11px 21px 0 rgba(194, 194, 194, 0.644);
|
|
|
+ transition: all .3s;
|
|
|
+ margin: 1.5rem 0;
|
|
|
}
|
|
|
|
|
|
-@media (max-width: 765px) {
|
|
|
- .sec-steps .steps-block {
|
|
|
- padding: 2rem 15rem;
|
|
|
- }
|
|
|
- .sec-steps .steps-imgfr {
|
|
|
- width: 100%;
|
|
|
- height: 32vh;
|
|
|
- }
|
|
|
- .sec-usecase .row>div {
|
|
|
- width: 50%;
|
|
|
- }
|
|
|
- .sec-features {
|
|
|
- margin-bottom: 0;
|
|
|
- }
|
|
|
-
|
|
|
- .blog-tabs {
|
|
|
- flex-direction: column;
|
|
|
- }
|
|
|
- .blog-tabs .blog-tabs-stage {
|
|
|
- width: 95%;
|
|
|
- }
|
|
|
- .blog-tabs .blog-tabs-nav {
|
|
|
- width: 95%;
|
|
|
- background-color: #F0F0F0;
|
|
|
- padding: 4rem 2.5rem;
|
|
|
- list-style: none;
|
|
|
- box-shadow: 0 2px 5px -2px rgb(173, 173, 173);
|
|
|
- text-align: left;
|
|
|
- }
|
|
|
- .blog-tabs .blog-tabs-nav li {
|
|
|
- padding: 10px;
|
|
|
- border-bottom: 1px dashed grey;
|
|
|
- }
|
|
|
- .blog-tabs .blog-tabs-nav li a {
|
|
|
- color: #EA5413;
|
|
|
- }
|
|
|
- .footer .container .row {
|
|
|
- flex-direction: column;
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
- .navbar-collapse .navbar-nav li {
|
|
|
- display: inline-block;
|
|
|
-
|
|
|
- }
|
|
|
+#post-content img:hover {
|
|
|
+ transform: translateY(-.125em);
|
|
|
+ box-shadow: 0 5px 10px 0 rgba(grey, 0.3);
|
|
|
+}
|
|
|
|
|
|
- .nav>li {
|
|
|
- display: inline-block;
|
|
|
- }
|
|
|
+#post-content i {
|
|
|
+ font-size: 2rem;
|
|
|
+ vertical-align: middle;
|
|
|
}
|
|
|
|
|
|
-@media (max-width: 576px) {
|
|
|
- .sec-steps .steps-block {
|
|
|
- padding: 2rem 6rem;
|
|
|
- }
|
|
|
- .sec-steps .steps-imgfr {
|
|
|
- width: 100%;
|
|
|
- height: 20rem;
|
|
|
- }
|
|
|
- .sec-steps .steps-txt h3.steps-sub {
|
|
|
- font-size: 1.5rem;
|
|
|
- }
|
|
|
- .sec-usecase .row>div {
|
|
|
- width: 100%;
|
|
|
- }
|
|
|
- .sec-usecase .usecase-block {
|
|
|
- padding: 0 2.5rem;
|
|
|
- }
|
|
|
- .hero-purple {
|
|
|
- width: 130px;
|
|
|
- }
|
|
|
-
|
|
|
- .hero-orange-s {
|
|
|
- left: 0%;
|
|
|
- width: 60px;
|
|
|
- }
|
|
|
-
|
|
|
- .hero-textgrp {
|
|
|
- left: 8%;
|
|
|
- width: 200px;
|
|
|
- }
|
|
|
-
|
|
|
- .hero-video {
|
|
|
- right: 5%;
|
|
|
- width: 90px;
|
|
|
- }
|
|
|
-
|
|
|
- .hero-amplify {
|
|
|
- width: 90px;
|
|
|
- }
|
|
|
+#blog-post {
|
|
|
+ padding-bottom: 3rem;
|
|
|
}
|
|
|
|
|
|
-@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;
|
|
|
- }
|
|
|
+#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;
|
|
|
+}
|
|
|
|
|
|
-.btn:hover {
|
|
|
- background-color: #181c47;
|
|
|
- color: white;
|
|
|
+#block-vtuber {
|
|
|
+ padding: 30px 0;
|
|
|
+ margin-bottom: 40px;
|
|
|
+ font-family: "Proxima Nova",sans-serif;
|
|
|
+ color: #181c47;
|
|
|
}
|
|
|
|
|
|
-.box-steps {
|
|
|
- border: 1px solid #181c47;
|
|
|
- padding: 1rem;
|
|
|
- border-radius: 5rem;
|
|
|
- position: relative;
|
|
|
+#block-vtuber h2 {
|
|
|
+ font-family: 'Poppins', sans-serif;
|
|
|
+ font-weight: bolder;
|
|
|
+ font-size: 3.7rem;
|
|
|
}
|
|
|
|
|
|
-.box-steps .step__box {
|
|
|
+#block-vtuber p {
|
|
|
+ font-size: 1.8rem;
|
|
|
+ line-height: 3rem;
|
|
|
+}
|
|
|
+
|
|
|
+.txt-block {
|
|
|
+ padding: 4rem 0;
|
|
|
+}
|
|
|
+
|
|
|
+.sec {
|
|
|
+ padding: 9rem 0;
|
|
|
+ margin-bottom: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.sec01 {
|
|
|
+ padding-top: 2rem;
|
|
|
+}
|
|
|
+
|
|
|
+.sec-right {
|
|
|
position: absolute;
|
|
|
- left: -5px;
|
|
|
- top: -5px;
|
|
|
- width: 4rem;
|
|
|
- height: 4rem;
|
|
|
- background-color: white;
|
|
|
+ right: -15%;
|
|
|
+ top: 10%;
|
|
|
+
|
|
|
}
|
|
|
|
|
|
-.box-steps .step__box span {
|
|
|
- font-size: 3rem;
|
|
|
- font-weight: 600;
|
|
|
- color: #38a7bb;
|
|
|
+.sec02 {
|
|
|
+ background-color: #FFEBE2;
|
|
|
+ position: relative;
|
|
|
+ /* clip-path: polygon(0% -10%, 100% 0%, 110% 100%, 0% 100%); */
|
|
|
}
|
|
|
|
|
|
-.box-steps .icon {
|
|
|
- border: none;
|
|
|
+.sec03, .sec04, .sec05 {
|
|
|
+ text-align: center;
|
|
|
+ padding: 12rem 0;
|
|
|
}
|
|
|
|
|
|
-.box-steps .icon > i {
|
|
|
- font-size: 3.5rem;
|
|
|
+.sec04 {
|
|
|
+ padding: 8rem 0;
|
|
|
+ background-color: #FFEBE2;
|
|
|
+ position: relative;
|
|
|
+ padding-top: 3rem;
|
|
|
}
|
|
|
|
|
|
-.box__video {
|
|
|
- min-height: 280px;
|
|
|
+.sec04::after {
|
|
|
+ display: none;
|
|
|
+ content: "";
|
|
|
+ position: absolute;
|
|
|
+ top: -66px;
|
|
|
+ left: 0;
|
|
|
+ display: block;
|
|
|
+ width: 100%;
|
|
|
+ height: 66px;
|
|
|
+ transform: rotate(180deg);
|
|
|
+ background-image: url("https://i.imgur.com/fR4Tz5V.png");
|
|
|
+ background-size: 3840px 66px;
|
|
|
+ background-position: 0 0;
|
|
|
}
|
|
|
|
|
|
-.footer__btn__text {
|
|
|
- font-size: 2rem;
|
|
|
- color: white;
|
|
|
+ .sec02::after {
|
|
|
+ display: none;
|
|
|
+ content: "";
|
|
|
+ position: absolute;
|
|
|
+ bottom: -66px;
|
|
|
+ left: 0;
|
|
|
+ display: block;
|
|
|
+ width: 100%;
|
|
|
+ height: 66px;
|
|
|
+ background-image: url("https://i.imgur.com/fR4Tz5V.png");
|
|
|
+ background-size: 3840px 66px;
|
|
|
+ background-position: 0 0;
|
|
|
+}
|
|
|
+
|
|
|
+.sec05 {
|
|
|
+ position: relative;
|
|
|
+ padding-top: 0;
|
|
|
+ padding-bottom: 4rem;
|
|
|
+ background-color: #FFEBE2;
|
|
|
+}
|
|
|
+
|
|
|
+.sec05::after {
|
|
|
+ display: none;
|
|
|
+ content: "";
|
|
|
+ position: absolute;
|
|
|
+ bottom: -66px;
|
|
|
+ left: 0;
|
|
|
+ display: block;
|
|
|
+ width: 100%;
|
|
|
+ height: 66px;
|
|
|
+ background-image: url("https://i.imgur.com/fR4Tz5V.png");
|
|
|
+ background-size: 3840px 66px;
|
|
|
+ background-position: 0 0;
|
|
|
}
|
|
|
|
|
|
-.table {
|
|
|
- display: flex;
|
|
|
- /* box-shadow: 0 0 5px 1px rgb(197, 197, 197); */
|
|
|
- border-radius: 15px;
|
|
|
- align-items: center;
|
|
|
- height: 280px;
|
|
|
+.img_decor {
|
|
|
+ position: absolute;
|
|
|
+ left: 4rem;
|
|
|
+ top: 1rem;
|
|
|
}
|
|
|
|
|
|
-.table .column {
|
|
|
- min-height: 280px;
|
|
|
- background-color: white;
|
|
|
- padding: 10px 2rem;
|
|
|
+.project {
|
|
|
+ max-height: 15rem;
|
|
|
}
|
|
|
|
|
|
-.table .column .body__company {
|
|
|
- font-size: 1.6rem;
|
|
|
- font-weight: 500;
|
|
|
+.project .owl-pagination {
|
|
|
+ display: none;
|
|
|
}
|
|
|
|
|
|
-.fa-check {
|
|
|
- margin-left: 4px;
|
|
|
- color: rgb(5, 212, 5);
|
|
|
+.owl-carousel.project .owl-buttons {
|
|
|
+ bottom: 0;
|
|
|
+ transform: translateX(-50%);
|
|
|
}
|
|
|
|
|
|
-.table .column .body__head {
|
|
|
- color: gray;
|
|
|
+.owl-carousel.project .owl-buttons div {
|
|
|
+ box-shadow: 3px 3px 16px 0 rgb(98 125 152 / 8%), 0 -1px 8px 0 rgb(0 0 0 / 4%);
|
|
|
+ padding: 1rem;
|
|
|
+ width: 40px;
|
|
|
+ height: 40px;
|
|
|
+ border-radius: 50%;
|
|
|
+ color: black;
|
|
|
}
|
|
|
|
|
|
-.table .column__first {
|
|
|
- border-radius: 15px 0 0 15px;
|
|
|
+.owl-carousel.project .owl-buttons div:hover {
|
|
|
+ box-shadow: 3px 3px 16px 0 rgb(98 125 152 / 3%), 0 -1px 8px 0 rgb(0 0 0 / 1%);
|
|
|
}
|
|
|
|
|
|
-.table .column__last {
|
|
|
- border-radius: 0 15px 15px 0;
|
|
|
+.owl-carousel .owl-controls .owl-buttons, .owl-theme .owl-controls .owl-buttons {
|
|
|
+ top: 110%;
|
|
|
+ right: 50%;
|
|
|
}
|
|
|
|
|
|
-.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;
|
|
|
+.txt-block .rankblock {
|
|
|
+ list-style: none;
|
|
|
+ padding: 0;
|
|
|
}
|
|
|
|
|
|
-.table .column div {
|
|
|
- min-height: 65px;
|
|
|
+.txt-block .rankblock li {
|
|
|
+ font-size: 2.2rem;
|
|
|
+ margin-bottom: 1rem;
|
|
|
}
|
|
|
|
|
|
-.navbar-brand > img {
|
|
|
+.txt-block .rankblock span {
|
|
|
display: inline-block;
|
|
|
+ width: 45px;
|
|
|
+ height: 45px;
|
|
|
+ border-radius: 50%;
|
|
|
+ background-color: #EA5413;
|
|
|
+ color: white;
|
|
|
+ line-height: 35px;
|
|
|
+ margin-right: 1rem;
|
|
|
+ font-size: 1.6rem;
|
|
|
+ padding-left: 6px;
|
|
|
+ padding-top: 6px;
|
|
|
}
|
|
|
|
|
|
-@media (max-width: 767px){
|
|
|
- .visible-xs {
|
|
|
- display: inline-block!important;
|
|
|
- }
|
|
|
+.btn-template-main {
|
|
|
+ color: #EA5413;
|
|
|
}
|
|
|
|
|
|
-.logo {
|
|
|
- width: 187px;
|
|
|
- height: 48px;
|
|
|
+.btn {
|
|
|
+ color: #EA5413;
|
|
|
+ border: 2px solid #EA5413;
|
|
|
+ border-radius: 2rem;
|
|
|
}
|
|
|
|
|
|
-.logo-sm {
|
|
|
- width: 150px;
|
|
|
- height: 40px;
|
|
|
+.btn:hover {
|
|
|
+ background-color: #EA5413;
|
|
|
+ border: 2px solid #EA5413;
|
|
|
}
|
|
|
|
|
|
-.logo_text {
|
|
|
- vertical-align: middle;
|
|
|
+#blog-listing-medium .post{
|
|
|
+ color: #181c47;
|
|
|
}
|
|
|
|
|
|
-.footer_img {
|
|
|
- height: 60px;
|
|
|
+#blog-listing-medium .tag-post .image {
|
|
|
+ position: relative;
|
|
|
+ overflow: visible;
|
|
|
}
|
|
|
|
|
|
-.followus {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: flex-start;
|
|
|
- margin-top: 1rem;
|
|
|
+#blog-listing-medium .tag-post .image::after {
|
|
|
+ position: absolute;
|
|
|
+ content: " ";
|
|
|
+ right: 2rem;
|
|
|
+ bottom: 2rem;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ z-index: -1;
|
|
|
}
|
|
|
|
|
|
-.followus__txt {
|
|
|
- display: inline-block;
|
|
|
- margin-right: 1rem;
|
|
|
- color: white;
|
|
|
- font-weight: 600;
|
|
|
+#blog-listing-medium .tag-post .image img {
|
|
|
+ border: 5px solid white;
|
|
|
}
|
|
|
|
|
|
-.followus .followus__img {
|
|
|
- margin-right: 1rem;
|
|
|
+#blog-listing-medium .tag-post:nth-of-type(3n+1) .image::after {
|
|
|
+ background-color: thistle;
|
|
|
}
|
|
|
|
|
|
-.bar.mb-0 {
|
|
|
- margin-bottom: 0;
|
|
|
+#blog-listing-medium .tag-post:nth-of-type(3n+2) .image::after {
|
|
|
+ background-color: #f3f3f9;
|
|
|
}
|
|
|
|
|
|
-.headingvf {
|
|
|
- margin-bottom: 1.5rem;
|
|
|
+#blog-listing-medium .tag-post:nth-of-type(3n) .image::after {
|
|
|
+ background-color: #eba764;
|
|
|
}
|
|
|
|
|
|
-.headingvf-sub {
|
|
|
- margin-bottom: 4rem;
|
|
|
+.v-tabs {
|
|
|
+ max-width: 100%;
|
|
|
}
|
|
|
-
|
|
|
-.headingvf-sub h4 {
|
|
|
- color: grey;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 1.6rem;
|
|
|
- line-height: 2.2rem;
|
|
|
+.v-tabs-nav li {
|
|
|
+ float: left;
|
|
|
+ width: 25%;
|
|
|
+ list-style: none;
|
|
|
}
|
|
|
-
|
|
|
-.testimonial_img {
|
|
|
- width: 200px;
|
|
|
- border-radius: 50%;
|
|
|
+.v-tabs-nav li a {
|
|
|
+ color: grey;
|
|
|
+ font-size: 2.5rem;
|
|
|
+ letter-spacing: 2px;
|
|
|
display: block;
|
|
|
- margin-left: auto;
|
|
|
- margin-right: auto;
|
|
|
+ font-weight: 600;
|
|
|
+ padding: 10px 0;
|
|
|
+ text-align: center;
|
|
|
+ text-decoration: none;
|
|
|
}
|
|
|
-
|
|
|
-.owl-item {
|
|
|
- height: 300px;
|
|
|
- overflow: hidden;
|
|
|
+.v-tabs-nav li a:hover {
|
|
|
+ color: black;
|
|
|
}
|
|
|
-
|
|
|
-.testimonial-title {
|
|
|
- font-size: 2rem;
|
|
|
+.v-tab-active a {
|
|
|
+ background: #fff;
|
|
|
+ border-bottom: 2px solid grey;
|
|
|
+ color: #2db34a;
|
|
|
+ cursor: default;
|
|
|
}
|
|
|
-
|
|
|
-.testimonial-text {
|
|
|
- font-size: 1.6rem;
|
|
|
+.v-tabs-stage {
|
|
|
+ clear: both;
|
|
|
+ padding: 40px 30px 10px 30px;
|
|
|
+ position: relative;
|
|
|
+ top: -1px;
|
|
|
+ text-align: left;
|
|
|
}
|
|
|
|
|
|
-.testimonials__pro {
|
|
|
- margin-bottom: 1rem;
|
|
|
+#block-vtuber .v-tabs-stage h2 {
|
|
|
+ font-size: 2.5rem;
|
|
|
}
|
|
|
|
|
|
-.testimonials__pro p {
|
|
|
- font-size: 1.6rem;
|
|
|
+#block-vtuber .v-tabs .owl-page span {
|
|
|
+ background: #EA5413;
|
|
|
}
|
|
|
|
|
|
-.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;
|
|
|
+.d-tabs {
|
|
|
+ max-width: 100%;
|
|
|
}
|
|
|
-
|
|
|
-@keyframes move {
|
|
|
-
|
|
|
- 0% {
|
|
|
- box-shadow: 0 0 0 transparent;
|
|
|
- }
|
|
|
-
|
|
|
- 50% {
|
|
|
- box-shadow: 5px 5px 4px #887e74;
|
|
|
- }
|
|
|
-
|
|
|
- 100% {
|
|
|
- box-shadow: 0 0 0 transparent;
|
|
|
- }
|
|
|
-
|
|
|
+.d-tabs-nav li {
|
|
|
+ float: left;
|
|
|
+ width: 50%;
|
|
|
+ list-style: none;
|
|
|
}
|
|
|
-
|
|
|
-.row__rank {
|
|
|
- height: min-content;
|
|
|
+.d-tabs-nav li a {
|
|
|
+ color: grey;
|
|
|
+ font-size: 2.5rem;
|
|
|
+ letter-spacing: 2px;
|
|
|
+ display: block;
|
|
|
+ font-weight: 600;
|
|
|
+ padding: 10px 0;
|
|
|
+ text-align: center;
|
|
|
+ text-decoration: none;
|
|
|
}
|
|
|
-
|
|
|
-.rank__box {
|
|
|
- min-height: min-content;
|
|
|
+.d-tabs-nav li a:hover {
|
|
|
+ color: black;
|
|
|
}
|
|
|
-
|
|
|
-.rank .rank__word {
|
|
|
- display: inline-block;
|
|
|
- font-weight: 500;
|
|
|
- position: relative;
|
|
|
+.d-tab-active a {
|
|
|
+ background: transparent;
|
|
|
+ border-bottom: 2px solid grey;
|
|
|
+ color: #2db34a;
|
|
|
+ cursor: default;
|
|
|
}
|
|
|
-
|
|
|
-.rank .rank__word::after {
|
|
|
- position: absolute;
|
|
|
- content: " ";
|
|
|
- width: 100%;
|
|
|
- height: 2px;
|
|
|
- left: 20%;
|
|
|
- top: 90%;
|
|
|
- background-color: #499aa8af;
|
|
|
+.d-tabs-stage {
|
|
|
+ clear: both;
|
|
|
+ padding: 40px 30px 10px 30px;
|
|
|
+ position: relative;
|
|
|
+ top: -1px;
|
|
|
+ text-align: left;
|
|
|
}
|
|
|
|
|
|
-.rank__num {
|
|
|
- display: inline-block;
|
|
|
- font-size: 3.5rem;
|
|
|
- color: #38a7bb;
|
|
|
- font-style: italic;
|
|
|
- font-weight: 600;
|
|
|
+#block-vtuber .d-tabs-stage h2 {
|
|
|
+ font-size: 2.5rem;
|
|
|
}
|
|
|
|
|
|
-.video__steps {
|
|
|
- margin-top: 6rem;
|
|
|
+.m-tabs {
|
|
|
+ max-width: 100%;
|
|
|
}
|
|
|
-
|
|
|
-.btn-video {
|
|
|
- text-align: center;
|
|
|
+.m-tabs-nav li {
|
|
|
+ float: left;
|
|
|
+ width: 50%;
|
|
|
+ list-style: none;
|
|
|
+}
|
|
|
+.m-tabs-nav li a {
|
|
|
+ color: grey;
|
|
|
+ font-size: 2.5rem;
|
|
|
+ letter-spacing: 2px;
|
|
|
display: block;
|
|
|
- width: 18rem;
|
|
|
- margin: 1rem auto;
|
|
|
+ font-weight: 600;
|
|
|
+ padding: 10px 0;
|
|
|
+ text-align: center;
|
|
|
+ text-decoration: none;
|
|
|
}
|
|
|
-
|
|
|
-@media (max-width: 992px) {
|
|
|
- .video__steps {
|
|
|
- margin-top: 1rem;
|
|
|
- }
|
|
|
+.m-tabs-nav li a:hover {
|
|
|
+ color: black;
|
|
|
}
|
|
|
-
|
|
|
-.video-steps {
|
|
|
- display: flex;
|
|
|
- text-align: center;
|
|
|
-
|
|
|
+.m-tab-active a {
|
|
|
+ background: transparent;
|
|
|
+ border-bottom: 2px solid grey;
|
|
|
+ color: #2db34a;
|
|
|
+ cursor: default;
|
|
|
}
|
|
|
-
|
|
|
-.steps__box {
|
|
|
- flex: 20%;
|
|
|
+.m-tabs-stage {
|
|
|
+ clear: both;
|
|
|
+ padding: 40px 30px 10px 30px;
|
|
|
position: relative;
|
|
|
+ top: -1px;
|
|
|
+ text-align: left;
|
|
|
}
|
|
|
|
|
|
-.steps__icon {
|
|
|
- font-size: 5rem;
|
|
|
- color: #38a7bb;
|
|
|
+#block-vtuber .m-tabs-stage h2 {
|
|
|
+ font-size: 2.5rem;
|
|
|
}
|
|
|
|
|
|
-.steps__name {
|
|
|
- font-size: 1.8rem;
|
|
|
- color: rgb(68, 67, 67);
|
|
|
- margin-bottom: 1rem;
|
|
|
+.sec06 {
|
|
|
+ text-align: center;
|
|
|
+ padding: 2rem 0;
|
|
|
}
|
|
|
|
|
|
-.steps__num {
|
|
|
- position: absolute;
|
|
|
- left: 15%;
|
|
|
- top: -2.5rem;
|
|
|
- font-size: 4rem;
|
|
|
- color: #72969c;
|
|
|
- font-weight: 500;
|
|
|
+.grow_title {
|
|
|
+ text-align: center;
|
|
|
}
|
|
|
|
|
|
+.grow_txt {
|
|
|
+ font-size: 1.2rem;
|
|
|
+}
|
|
|
|
|
|
-#content .container_list {
|
|
|
- margin-top: 100px;
|
|
|
+.grow_call {
|
|
|
+ font-weight: 700;
|
|
|
+ font-family: Arial, Helvetica, sans-serif;
|
|
|
+ font-size: 2.3rem;
|
|
|
+ display: block;
|
|
|
+ margin-top: 1.5rem;
|
|
|
+ margin-bottom: 1rem;
|
|
|
}
|
|
|
|
|
|
-#post-content img {
|
|
|
- width: 100%;
|
|
|
- box-shadow: 0 11px 21px 0 rgba(194, 194, 194, 0.644);
|
|
|
+.grow_btn {
|
|
|
+ padding: 1.2rem 7rem;
|
|
|
+ font-size: 2.5rem;
|
|
|
+ border: 2px solid #EA5413;
|
|
|
+ background: transparent;
|
|
|
+ outline: none;
|
|
|
+ border-radius: 5rem;
|
|
|
transition: all .3s;
|
|
|
- margin: 1.5rem 0;
|
|
|
+ display: inline-block;
|
|
|
+ color: #EA5413;
|
|
|
+ text-decoration: none;
|
|
|
}
|
|
|
|
|
|
-#post-content img:hover {
|
|
|
- transform: translateY(-.125em);
|
|
|
- box-shadow: 0 5px 10px 0 rgba(grey, 0.3);
|
|
|
+.grow_btn:hover {
|
|
|
+ color: white;
|
|
|
+ background: #EA5413;
|
|
|
+ text-decoration: none;
|
|
|
}
|
|
|
|
|
|
-#post-content i {
|
|
|
- font-size: 2rem;
|
|
|
- vertical-align: middle;
|
|
|
+.grow_img {
|
|
|
+ display: block;
|
|
|
+ margin: 0 auto;
|
|
|
+ margin-top: 1rem;
|
|
|
}
|
|
|
|
|
|
-#blog-post {
|
|
|
- padding-bottom: 3rem;
|
|
|
+.owl-item {
|
|
|
+ height: 300px;
|
|
|
+ overflow: hidden;
|
|
|
}
|
|
|
|
|
|
-#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;
|
|
|
-}
|
|
|
+@media (max-width: 992px) {
|
|
|
+ .sec-steps .steps-block {
|
|
|
+ padding: 0rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ .sec-steps .steps-block::after {
|
|
|
+ width: 100%;
|
|
|
+ height: 12rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ .sec-steps .steps-imgfr {
|
|
|
+ width: 100%;
|
|
|
+ height: 20rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ .sec-steps .steps-imgfr img {
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
|
|
|
-#block-vtuber {
|
|
|
- padding: 30px 0;
|
|
|
- margin-bottom: 40px;
|
|
|
- font-family: "Proxima Nova",sans-serif;
|
|
|
- color: #181c47;
|
|
|
+ .sec-steps .steps-txt h3.steps-sub {
|
|
|
+ font-size: 1.3rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ .sec-steps .steps-txt span {
|
|
|
+ width: 25px;
|
|
|
+ height: 25px;
|
|
|
+ background-color: #EA5413;
|
|
|
+ font-size: 1.3rem;
|
|
|
+ line-height: 25px;
|
|
|
+ }
|
|
|
+ .sec-features .row {
|
|
|
+ margin: 5rem 0;
|
|
|
+ }
|
|
|
+ .sec-features .features-col {
|
|
|
+ position: relative;
|
|
|
+ height: 25vh;
|
|
|
+ }
|
|
|
+ .sec-features .features-col .features-block {
|
|
|
+ left: 2rem;
|
|
|
+ top: 1rem;
|
|
|
+ }
|
|
|
+ .sec-features .row .d-md-block {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ .sec-features .row .d-block {
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+ .sec-hero .col-left {
|
|
|
+ margin-top: 2.5rem;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
-#block-vtuber h2 {
|
|
|
- font-family: 'Poppins', sans-serif;
|
|
|
- font-weight: bolder;
|
|
|
- font-size: 3.7rem;
|
|
|
-}
|
|
|
+@media (max-width: 765px) {
|
|
|
+ .sec-steps .steps-block {
|
|
|
+ padding: 2rem 15rem;
|
|
|
+ }
|
|
|
+ .sec-steps .steps-imgfr {
|
|
|
+ width: 100%;
|
|
|
+ height: 32vh;
|
|
|
+ }
|
|
|
+ .sec-usecase .row>div {
|
|
|
+ width: 50%;
|
|
|
+ }
|
|
|
+ .sec-features {
|
|
|
+ margin-bottom: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .blog-tabs {
|
|
|
+ flex-direction: column;
|
|
|
+ }
|
|
|
+ .blog-tabs .blog-tabs-stage {
|
|
|
+ width: 95%;
|
|
|
+ margin-top: -4rem;
|
|
|
+ background-color: white;
|
|
|
+ }
|
|
|
+ .blog-tabs .blog-tabs-nav {
|
|
|
+ width: 95%;
|
|
|
+ background-color: #F0F0F0;
|
|
|
+ padding: 4rem 2.5rem;
|
|
|
+ list-style: none;
|
|
|
+ box-shadow: 0 2px 5px -2px rgb(173, 173, 173);
|
|
|
+ text-align: left;
|
|
|
+ }
|
|
|
+ .blog-tabs .blog-tabs-nav li {
|
|
|
+ padding: 10px;
|
|
|
+ border-bottom: 1px dashed grey;
|
|
|
+ }
|
|
|
+ .blog-tabs .blog-tabs-nav li a {
|
|
|
+ color: #EA5413;
|
|
|
+ }
|
|
|
+ .footer .container .row {
|
|
|
+ flex-direction: column;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .navbar-collapse .navbar-nav li {
|
|
|
+ display: inline-block;
|
|
|
+
|
|
|
+ }
|
|
|
|
|
|
-#block-vtuber p {
|
|
|
- font-size: 1.8rem;
|
|
|
- line-height: 3rem;
|
|
|
+ .nav>li {
|
|
|
+ display: inline-block;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
-.txt-block {
|
|
|
- padding: 4rem 0;
|
|
|
-}
|
|
|
+@media (max-width: 576px) {
|
|
|
+ .sec {
|
|
|
+ padding-left: 2rem;
|
|
|
+ padding-right: 2rem;
|
|
|
+ }
|
|
|
+ .sec-hero {
|
|
|
+ padding: 4rem 0;
|
|
|
+ }
|
|
|
+ .sec-hero .hero-title {
|
|
|
+ font-size: 2.5rem;
|
|
|
+ }
|
|
|
+ .sec-steps .steps-block {
|
|
|
+ padding: 2rem 6rem;
|
|
|
+ }
|
|
|
+ .sec-steps .steps-imgfr {
|
|
|
+ width: 100%;
|
|
|
+ height: 20rem;
|
|
|
+ }
|
|
|
+ .sec-steps .steps-txt h3.steps-sub {
|
|
|
+ font-size: 1.5rem;
|
|
|
+ }
|
|
|
+ .sec-usecase .row>div {
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+ .sec-usecase .usecase-block {
|
|
|
+ padding: 0 4rem;
|
|
|
+ }
|
|
|
+ .hero-purple {
|
|
|
+ width: 130px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .hero-orange-s {
|
|
|
+ left: 0%;
|
|
|
+ width: 60px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .hero-textgrp {
|
|
|
+ left: 8%;
|
|
|
+ width: 200px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .hero-video {
|
|
|
+ right: 5%;
|
|
|
+ width: 90px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .hero-amplify {
|
|
|
+ width: 90px;
|
|
|
+ }
|
|
|
+ #content .container {
|
|
|
+ margin-top: 0;
|
|
|
+ }
|
|
|
+ .sec01 {
|
|
|
+ padding-top: 0;
|
|
|
+ }
|
|
|
|
|
|
-.sec {
|
|
|
- padding: 9rem 0;
|
|
|
- margin-bottom: 0;
|
|
|
+ #heading-breadcrumbs {
|
|
|
+ margin-bottom: 0;
|
|
|
+ }
|
|
|
+ #block-vtuber {
|
|
|
+ padding: 0;
|
|
|
+ }
|
|
|
+ #blog-listing-medium .tag-post:nth-of-type(3n+1) .image::after {
|
|
|
+ background-color: transparent;
|
|
|
+ }
|
|
|
+
|
|
|
+ #blog-listing-medium .tag-post:nth-of-type(3n+2) .image::after {
|
|
|
+ background-color: transparent;
|
|
|
+ }
|
|
|
+
|
|
|
+ #blog-listing-medium .tag-post:nth-of-type(3n) .image::after {
|
|
|
+ background-color: transparent;
|
|
|
+ }
|
|
|
+ .owl-carousel .owl-controls .owl-buttons, .owl-theme .owl-controls .owl-buttons {
|
|
|
+ top: 130%;
|
|
|
+ }
|
|
|
+ .owl-item {
|
|
|
+ height: unset;
|
|
|
+ }
|
|
|
+ .v-tabs-nav {
|
|
|
+ padding: 0 30px;
|
|
|
+ }
|
|
|
+ .d-tabs-nav {
|
|
|
+ padding: 0 30px;
|
|
|
+ }
|
|
|
+ .m-tabs-nav {
|
|
|
+ padding: 0 30px;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
-.sec01 {
|
|
|
- padding-top: 2rem;
|
|
|
+@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;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
-.sec-right {
|
|
|
- position: absolute;
|
|
|
- right: -15%;
|
|
|
- top: 10%;
|
|
|
|
|
|
+.btn:hover {
|
|
|
+ background-color: #181c47;
|
|
|
+ color: white;
|
|
|
}
|
|
|
|
|
|
-.sec02 {
|
|
|
- background-color: #FFEBE2;
|
|
|
+.box-steps {
|
|
|
+ border: 1px solid #181c47;
|
|
|
+ padding: 1rem;
|
|
|
+ border-radius: 5rem;
|
|
|
position: relative;
|
|
|
- /* clip-path: polygon(0% -10%, 100% 0%, 110% 100%, 0% 100%); */
|
|
|
}
|
|
|
|
|
|
-.sec03, .sec04, .sec05 {
|
|
|
- text-align: center;
|
|
|
- padding: 12rem 0;
|
|
|
+.box-steps .step__box {
|
|
|
+ position: absolute;
|
|
|
+ left: -5px;
|
|
|
+ top: -5px;
|
|
|
+ width: 4rem;
|
|
|
+ height: 4rem;
|
|
|
+ background-color: white;
|
|
|
}
|
|
|
|
|
|
-.sec04 {
|
|
|
- padding: 8rem 0;
|
|
|
- background-color: #FFEBE2;
|
|
|
- position: relative;
|
|
|
- padding-top: 3rem;
|
|
|
+.box-steps .step__box span {
|
|
|
+ font-size: 3rem;
|
|
|
+ font-weight: 600;
|
|
|
+ color: #38a7bb;
|
|
|
}
|
|
|
|
|
|
-.sec04::after {
|
|
|
- display: none;
|
|
|
- content: "";
|
|
|
- position: absolute;
|
|
|
- top: -66px;
|
|
|
- left: 0;
|
|
|
- display: block;
|
|
|
- width: 100%;
|
|
|
- height: 66px;
|
|
|
- transform: rotate(180deg);
|
|
|
- background-image: url("https://i.imgur.com/fR4Tz5V.png");
|
|
|
- background-size: 3840px 66px;
|
|
|
- background-position: 0 0;
|
|
|
+.box-steps .icon {
|
|
|
+ border: none;
|
|
|
}
|
|
|
|
|
|
- .sec02::after {
|
|
|
- display: none;
|
|
|
- content: "";
|
|
|
- position: absolute;
|
|
|
- bottom: -66px;
|
|
|
- left: 0;
|
|
|
- display: block;
|
|
|
- width: 100%;
|
|
|
- height: 66px;
|
|
|
- background-image: url("https://i.imgur.com/fR4Tz5V.png");
|
|
|
- background-size: 3840px 66px;
|
|
|
- background-position: 0 0;
|
|
|
+.box-steps .icon > i {
|
|
|
+ font-size: 3.5rem;
|
|
|
}
|
|
|
|
|
|
-.sec05 {
|
|
|
- position: relative;
|
|
|
- padding-top: 0;
|
|
|
- padding-bottom: 4rem;
|
|
|
- background-color: #FFEBE2;
|
|
|
+.box__video {
|
|
|
+ min-height: 280px;
|
|
|
}
|
|
|
|
|
|
-.sec05::after {
|
|
|
- display: none;
|
|
|
- content: "";
|
|
|
- position: absolute;
|
|
|
- bottom: -66px;
|
|
|
- left: 0;
|
|
|
- display: block;
|
|
|
- width: 100%;
|
|
|
- height: 66px;
|
|
|
- background-image: url("https://i.imgur.com/fR4Tz5V.png");
|
|
|
- background-size: 3840px 66px;
|
|
|
- background-position: 0 0;
|
|
|
+.footer__btn__text {
|
|
|
+ font-size: 2rem;
|
|
|
+ color: white;
|
|
|
}
|
|
|
|
|
|
-.img_decor {
|
|
|
- position: absolute;
|
|
|
- left: 4rem;
|
|
|
- top: 1rem;
|
|
|
+.table {
|
|
|
+ display: flex;
|
|
|
+ /* box-shadow: 0 0 5px 1px rgb(197, 197, 197); */
|
|
|
+ border-radius: 15px;
|
|
|
+ align-items: center;
|
|
|
+ height: 280px;
|
|
|
}
|
|
|
|
|
|
-.project {
|
|
|
- max-height: 15rem;
|
|
|
+.table .column {
|
|
|
+ min-height: 280px;
|
|
|
+ background-color: white;
|
|
|
+ padding: 10px 2rem;
|
|
|
}
|
|
|
|
|
|
-.project .owl-pagination {
|
|
|
- display: none;
|
|
|
+.table .column .body__company {
|
|
|
+ font-size: 1.6rem;
|
|
|
+ font-weight: 500;
|
|
|
}
|
|
|
|
|
|
-.owl-carousel.project .owl-buttons {
|
|
|
- bottom: 0;
|
|
|
- transform: translateX(-50%);
|
|
|
+.fa-check {
|
|
|
+ margin-left: 4px;
|
|
|
+ color: rgb(5, 212, 5);
|
|
|
}
|
|
|
|
|
|
-.owl-carousel.project .owl-buttons div {
|
|
|
- box-shadow: 3px 3px 16px 0 rgb(98 125 152 / 8%), 0 -1px 8px 0 rgb(0 0 0 / 4%);
|
|
|
- padding: 1rem;
|
|
|
- width: 40px;
|
|
|
- height: 40px;
|
|
|
- border-radius: 50%;
|
|
|
- color: black;
|
|
|
+.table .column .body__head {
|
|
|
+ color: gray;
|
|
|
}
|
|
|
|
|
|
-.owl-carousel.project .owl-buttons div:hover {
|
|
|
- box-shadow: 3px 3px 16px 0 rgb(98 125 152 / 3%), 0 -1px 8px 0 rgb(0 0 0 / 1%);
|
|
|
+.table .column__first {
|
|
|
+ border-radius: 15px 0 0 15px;
|
|
|
}
|
|
|
|
|
|
-.owl-carousel .owl-controls .owl-buttons, .owl-theme .owl-controls .owl-buttons {
|
|
|
- top: 110%;
|
|
|
- right: 50%;
|
|
|
+.table .column__last {
|
|
|
+ border-radius: 0 15px 15px 0;
|
|
|
}
|
|
|
|
|
|
-.txt-block .rankblock {
|
|
|
- list-style: none;
|
|
|
+.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;
|
|
|
}
|
|
|
|
|
|
-.txt-block .rankblock li {
|
|
|
- font-size: 2.2rem;
|
|
|
- margin-bottom: 1rem;
|
|
|
+.table .column div {
|
|
|
+ min-height: 65px;
|
|
|
}
|
|
|
|
|
|
-.txt-block .rankblock span {
|
|
|
+.navbar-brand > img {
|
|
|
display: inline-block;
|
|
|
- width: 45px;
|
|
|
- height: 45px;
|
|
|
- border-radius: 50%;
|
|
|
- background-color: #EA5413;
|
|
|
- color: white;
|
|
|
- line-height: 35px;
|
|
|
- margin-right: 1rem;
|
|
|
- font-size: 1.6rem;
|
|
|
- padding-left: 6px;
|
|
|
- padding-top: 6px;
|
|
|
-}
|
|
|
-
|
|
|
-.btn-template-main {
|
|
|
- color: #EA5413;
|
|
|
-}
|
|
|
-
|
|
|
-.btn {
|
|
|
- color: #EA5413;
|
|
|
- border: 2px solid #EA5413;
|
|
|
- border-radius: 2rem;
|
|
|
}
|
|
|
|
|
|
-.btn:hover {
|
|
|
- background-color: #EA5413;
|
|
|
- border: 2px solid #EA5413;
|
|
|
+@media (max-width: 767px){
|
|
|
+ .visible-xs {
|
|
|
+ display: inline-block!important;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
-#blog-listing-medium .post{
|
|
|
- color: #181c47;
|
|
|
+.logo {
|
|
|
+ width: 187px;
|
|
|
+ height: 48px;
|
|
|
}
|
|
|
|
|
|
-#blog-listing-medium .tag-post .image {
|
|
|
- position: relative;
|
|
|
- overflow: visible;
|
|
|
+.logo-sm {
|
|
|
+ width: 150px;
|
|
|
+ height: 40px;
|
|
|
}
|
|
|
|
|
|
-#blog-listing-medium .tag-post .image::after {
|
|
|
- position: absolute;
|
|
|
- content: " ";
|
|
|
- right: 2rem;
|
|
|
- bottom: 2rem;
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- z-index: -1;
|
|
|
+.logo_text {
|
|
|
+ vertical-align: middle;
|
|
|
}
|
|
|
|
|
|
-#blog-listing-medium .tag-post .image img {
|
|
|
- border: 5px solid white;
|
|
|
+.footer_img {
|
|
|
+ height: 60px;
|
|
|
}
|
|
|
|
|
|
-#blog-listing-medium .tag-post:nth-of-type(3n+1) .image::after {
|
|
|
- background-color: thistle;
|
|
|
+.followus {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: flex-start;
|
|
|
+ margin-top: 1rem;
|
|
|
}
|
|
|
|
|
|
-#blog-listing-medium .tag-post:nth-of-type(3n+2) .image::after {
|
|
|
- background-color: #f3f3f9;
|
|
|
+.followus__txt {
|
|
|
+ display: inline-block;
|
|
|
+ margin-right: 1rem;
|
|
|
+ color: white;
|
|
|
+ font-weight: 600;
|
|
|
}
|
|
|
|
|
|
-#blog-listing-medium .tag-post:nth-of-type(3n) .image::after {
|
|
|
- background-color: #eba764;
|
|
|
+.followus .followus__img {
|
|
|
+ margin-right: 1rem;
|
|
|
}
|
|
|
|
|
|
-.v-tabs {
|
|
|
- max-width: 100%;
|
|
|
+.bar.mb-0 {
|
|
|
+ margin-bottom: 0;
|
|
|
}
|
|
|
-.v-tabs-nav li {
|
|
|
- float: left;
|
|
|
- width: 25%;
|
|
|
- list-style: none;
|
|
|
+
|
|
|
+.headingvf {
|
|
|
+ margin-bottom: 1.5rem;
|
|
|
}
|
|
|
-.v-tabs-nav li a {
|
|
|
- color: grey;
|
|
|
- font-size: 2.5rem;
|
|
|
- letter-spacing: 2px;
|
|
|
- display: block;
|
|
|
- font-weight: 600;
|
|
|
- padding: 10px 0;
|
|
|
- text-align: center;
|
|
|
- text-decoration: none;
|
|
|
+
|
|
|
+.headingvf-sub {
|
|
|
+ margin-bottom: 4rem;
|
|
|
}
|
|
|
-.v-tabs-nav li a:hover {
|
|
|
- color: black;
|
|
|
+
|
|
|
+.headingvf-sub h4 {
|
|
|
+ color: grey;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 1.6rem;
|
|
|
+ line-height: 2.2rem;
|
|
|
}
|
|
|
-.v-tab-active a {
|
|
|
- background: #fff;
|
|
|
- border-bottom: 2px solid grey;
|
|
|
- color: #2db34a;
|
|
|
- cursor: default;
|
|
|
+
|
|
|
+.testimonial_img {
|
|
|
+ width: 200px;
|
|
|
+ border-radius: 50%;
|
|
|
+ display: block;
|
|
|
+ margin-left: auto;
|
|
|
+ margin-right: auto;
|
|
|
}
|
|
|
-.v-tabs-stage {
|
|
|
- clear: both;
|
|
|
- padding: 40px 30px 10px 30px;
|
|
|
- position: relative;
|
|
|
- top: -1px;
|
|
|
- text-align: left;
|
|
|
+
|
|
|
+.testimonial-title {
|
|
|
+ font-size: 2rem;
|
|
|
}
|
|
|
|
|
|
-#block-vtuber .v-tabs-stage h2 {
|
|
|
- font-size: 2.5rem;
|
|
|
+.testimonial-text {
|
|
|
+ font-size: 1.6rem;
|
|
|
}
|
|
|
|
|
|
-#block-vtuber .v-tabs .owl-page span {
|
|
|
- background: #EA5413;
|
|
|
+.testimonials__pro {
|
|
|
+ margin-bottom: 1rem;
|
|
|
}
|
|
|
|
|
|
-.d-tabs {
|
|
|
- max-width: 100%;
|
|
|
+.testimonials__pro p {
|
|
|
+ font-size: 1.6rem;
|
|
|
}
|
|
|
-.d-tabs-nav li {
|
|
|
- float: left;
|
|
|
- width: 50%;
|
|
|
- list-style: none;
|
|
|
+
|
|
|
+.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;
|
|
|
}
|
|
|
-.d-tabs-nav li a {
|
|
|
- color: grey;
|
|
|
- font-size: 2.5rem;
|
|
|
- letter-spacing: 2px;
|
|
|
- display: block;
|
|
|
- font-weight: 600;
|
|
|
- padding: 10px 0;
|
|
|
- text-align: center;
|
|
|
- text-decoration: none;
|
|
|
+
|
|
|
+@keyframes move {
|
|
|
+
|
|
|
+ 0% {
|
|
|
+ box-shadow: 0 0 0 transparent;
|
|
|
+ }
|
|
|
+
|
|
|
+ 50% {
|
|
|
+ box-shadow: 5px 5px 4px #887e74;
|
|
|
+ }
|
|
|
+
|
|
|
+ 100% {
|
|
|
+ box-shadow: 0 0 0 transparent;
|
|
|
+ }
|
|
|
+
|
|
|
}
|
|
|
-.d-tabs-nav li a:hover {
|
|
|
- color: black;
|
|
|
+
|
|
|
+.row__rank {
|
|
|
+ height: min-content;
|
|
|
}
|
|
|
-.d-tab-active a {
|
|
|
- background: transparent;
|
|
|
- border-bottom: 2px solid grey;
|
|
|
- color: #2db34a;
|
|
|
- cursor: default;
|
|
|
+
|
|
|
+.rank__box {
|
|
|
+ min-height: min-content;
|
|
|
}
|
|
|
-.d-tabs-stage {
|
|
|
- clear: both;
|
|
|
- padding: 40px 30px 10px 30px;
|
|
|
+
|
|
|
+.rank .rank__word {
|
|
|
+ display: inline-block;
|
|
|
+ font-weight: 500;
|
|
|
position: relative;
|
|
|
- top: -1px;
|
|
|
- text-align: left;
|
|
|
}
|
|
|
|
|
|
-#block-vtuber .d-tabs-stage h2 {
|
|
|
- font-size: 2.5rem;
|
|
|
+.rank .rank__word::after {
|
|
|
+ position: absolute;
|
|
|
+ content: " ";
|
|
|
+ width: 100%;
|
|
|
+ height: 2px;
|
|
|
+ left: 20%;
|
|
|
+ top: 90%;
|
|
|
+ background-color: #499aa8af;
|
|
|
}
|
|
|
|
|
|
-.m-tabs {
|
|
|
- max-width: 100%;
|
|
|
-}
|
|
|
-.m-tabs-nav li {
|
|
|
- float: left;
|
|
|
- width: 50%;
|
|
|
- list-style: none;
|
|
|
-}
|
|
|
-.m-tabs-nav li a {
|
|
|
- color: grey;
|
|
|
- font-size: 2.5rem;
|
|
|
- letter-spacing: 2px;
|
|
|
- display: block;
|
|
|
+.rank__num {
|
|
|
+ display: inline-block;
|
|
|
+ font-size: 3.5rem;
|
|
|
+ color: #38a7bb;
|
|
|
+ font-style: italic;
|
|
|
font-weight: 600;
|
|
|
- padding: 10px 0;
|
|
|
- text-align: center;
|
|
|
- text-decoration: none;
|
|
|
-}
|
|
|
-.m-tabs-nav li a:hover {
|
|
|
- color: black;
|
|
|
}
|
|
|
-.m-tab-active a {
|
|
|
- background: transparent;
|
|
|
- border-bottom: 2px solid grey;
|
|
|
- color: #2db34a;
|
|
|
- cursor: default;
|
|
|
+
|
|
|
+.video__steps {
|
|
|
+ margin-top: 6rem;
|
|
|
}
|
|
|
-.m-tabs-stage {
|
|
|
- clear: both;
|
|
|
- padding: 40px 30px 10px 30px;
|
|
|
- position: relative;
|
|
|
- top: -1px;
|
|
|
- text-align: left;
|
|
|
+
|
|
|
+.btn-video {
|
|
|
+ text-align: center;
|
|
|
+ display: block;
|
|
|
+ width: 18rem;
|
|
|
+ margin: 1rem auto;
|
|
|
}
|
|
|
|
|
|
-#block-vtuber .m-tabs-stage h2 {
|
|
|
- font-size: 2.5rem;
|
|
|
+@media (max-width: 992px) {
|
|
|
+ .video__steps {
|
|
|
+ margin-top: 1rem;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
-.sec06 {
|
|
|
+.video-steps {
|
|
|
+ display: flex;
|
|
|
text-align: center;
|
|
|
- padding: 2rem 0;
|
|
|
+
|
|
|
}
|
|
|
|
|
|
-.grow_title {
|
|
|
- text-align: center;
|
|
|
+.steps__box {
|
|
|
+ flex: 20%;
|
|
|
+ position: relative;
|
|
|
}
|
|
|
|
|
|
-.grow_txt {
|
|
|
- font-size: 1.2rem;
|
|
|
+.steps__icon {
|
|
|
+ font-size: 5rem;
|
|
|
+ color: #38a7bb;
|
|
|
}
|
|
|
|
|
|
-.grow_call {
|
|
|
- font-weight: 700;
|
|
|
- font-family: Arial, Helvetica, sans-serif;
|
|
|
- font-size: 2.3rem;
|
|
|
- display: block;
|
|
|
- margin-top: 1.5rem;
|
|
|
+.steps__name {
|
|
|
+ font-size: 1.8rem;
|
|
|
+ color: rgb(68, 67, 67);
|
|
|
margin-bottom: 1rem;
|
|
|
}
|
|
|
|
|
|
-.grow_btn {
|
|
|
- padding: 1.2rem 7rem;
|
|
|
- font-size: 2.5rem;
|
|
|
- border: 2px solid #EA5413;
|
|
|
- background: transparent;
|
|
|
- outline: none;
|
|
|
- border-radius: 5rem;
|
|
|
- transition: all .3s;
|
|
|
- display: inline-block;
|
|
|
- color: #EA5413;
|
|
|
- text-decoration: none;
|
|
|
+.steps__num {
|
|
|
+ position: absolute;
|
|
|
+ left: 15%;
|
|
|
+ top: -2.5rem;
|
|
|
+ font-size: 4rem;
|
|
|
+ color: #72969c;
|
|
|
+ font-weight: 500;
|
|
|
}
|
|
|
|
|
|
-.grow_btn:hover {
|
|
|
- color: white;
|
|
|
- background: #EA5413;
|
|
|
- text-decoration: none;
|
|
|
-}
|
|
|
|
|
|
-.grow_img {
|
|
|
- display: block;
|
|
|
- margin: 0 auto;
|
|
|
- margin-top: 1rem;
|
|
|
-}
|
|
|
|
|
|
|
|
|
|
huaisianhuang