:root {
--gray: #9ba2ad;
--white: #fff;
--blue: #0184d157;
--lightblue: #0184d1;
--lightgreen: #3ac97c;
--purple: #4c3ac9;
--gray-blue: #274562;
}
*:focus {
outline: none !important;
}
@font-face {
font-family: "Fontello";
src: url(https://evit-org.com/wp-content/themes/dsmart-child/css/font/Fontello.woff2);
font-weight: normal;
}
.primary-navigation {
background: transparent;
}
.col-full.topbar-wrapper {
border-bottom: unset !important;
}
.header-4 .header-4-container {
padding: 0 60px !important;
border-bottom: unset !important;
box-shadow: none !important;
}
footer.copyright {
margin-top: 0 !important;
padding-top: 0 !important;
}
footer.copyright p {
text-align: left;
border-top: 1px solid var(--gray);
padding-top: 2rem;
font-size: 16px !important;
}
footer.site-footer .col-full > div:first-child,
footer.copyright .col-full > div:first-child {
padding-left: 0;
}
footer.site-footer .col-full > div:last-child,
footer.copyright .col-full > div:last-child {
padding-right: 0;
}
footer.site-footer .widget-title {
font-size: 19px !important;
font-weight: 700;
}
.site-footer .widget ul li {
font-size: 17px;
}
.home-slide {
margin-top: -90px !important;
}
.header-4-container,
.home .header-4-container.not-home {
background-color: transparent !important;
}
.primary-navigation .menu li a,
.home-solution .desc p {
color: var(--white) !important;
}
.header-4-container.fixed {
background: #03032dcc !important;
transition: all 0.8s ease-in-out;
}
.header-4-container.not-home {
background-color: #03032dcc !important;
}
#site-navigation ul.menu li.current-menu-item span::after {
content: "";
position: absolute;
top: calc(100% + 2px);
left: 0;
width: 100%;
display: block;
}
.menu-primary-menu-container > ul > li > a span:before {
border-color: var(--white) !important;
border-width: 2px !important;
} .no-space > .elementor-widget-wrap {
padding: 0 !important;
}
.home-reviews .left > .elementor-widget-wrap,
.home-solution .left > .elementor-widget-wrap {
display: flex;
align-content: center;
}
.home-reviews .elementor-testimonial__text {
color: var(--gray);
}
.home-reviews .elementor-testimonial__footer {
flex-direction: column;
}
.elementor-testimonial__cite {
text-align: center !important;
color: var(--white);
}
.home-reviews .left .elementor-testimonial__image img {
width: 78px;
height: 78px;
}
.home-reviews .elementor-testimonial__name {
font-size: 18px;
}
.home-reviews .elementor-testimonial__title {
font-size: 16px;
}
.sec-heading .sub-title .elementor-widget-container,
.sec-heading .heading .elementor-widget-container {
text-align: center;
color: var(--white);
}
.sec-heading > .e-con-inner {
gap: 0 !important;
}
.sec-heading .sub-title {
margin-bottom: 0 !important;
}
.sec-heading .sub-title p {
margin-bottom: 18px;
line-height: 18px;
font-weight: 500;
text-transform: uppercase;
font-size: 13px;
}
.sec-heading .heading .elementor-heading-title {
font-size: 45px;
text-transform: uppercase;
font-weight: 600;
}
.sec-heading {
padding: 120px 0;
}
section.sec-heading.elementor-section > .elementor-container {
max-width: 1320px;
}
.home-support .list-img .e-gallery-item .e-gallery-image {
min-height: 500px;
max-height: 500px;
object-fit: cover;
}
.home-support figcaption {
position: absolute;
bottom: -120px;
color: var(--white);
max-width: 80%;
left: 50%;
transform: translateX(-50%);
font-size: 20px;
font-weight: 600;
line-height: 24px;
transition: all 0.8s;
}
.home-support .gallery-icon::after,
.home-support .e-gallery-item::after {
content: "";
width: 100%;
height: 100%;
display: block;
background-color: rgba(0, 0, 0, 0.4);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: all 0.5s;
}
.home-support .gallery .gallery-item {
padding: 15px;
}
.home-support figure:hover .gallery-icon::after {
background: var(--lightblue);
}
.home-support figure:hover figcaption {
bottom: 10%;
}
.home-blog article.post {
padding: 20px;
background: var(--blue);
border-bottom: unset;
}
.home-blog article {
padding: 20px !important;
background: var(--blue);
border-bottom: unset;
height: 449px;
} .home-blog article h2,
.archive article h2 {
line-height: 25px;
letter-spacing: unset !important;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.home-blog article h2 a.eael-grid-post-link {
color: var(--white) !important;
text-decoration: none !important;
}
.home-blog a.eael-post-elements-readmore-btn {
font-size: 20px;
}
.home-blog .list-posts a.eael-post-elements-readmore-btn::before {
content: "";
height: 3px;
width: 15px;
background-color: var(--white);
display: block;
float: left;
position: relative;
top: 5px;
transition: 0.2s ease-in-out;
}
.home-blog article .eael-grid-post-holder {
border: unset;
background-color: unset !important;
}
.home-blog .list-posts a.eael-post-elements-readmore-btn::after {
content: "";
float: left;
border-left: 7px solid var(--white);
border-right: 7px solid transparent;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
}
.home-blog .list-posts article:hover a.eael-post-elements-readmore-btn:before {
width: 25px;
}
.home-blog .elementor-post__title a {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.btn-direct a.elementor-button-link {
padding: 18px 40px;
}
.home-blog .list-posts {
margin-top: 15px;
padding-bottom: 15px;
}
.home-solution .sub-title p {
text-align: left;
}
.home-work .sub-title p {
margin-bottom: 0;
text-transform: uppercase;
}
.home-work .list-success {
margin-bottom: 35px !important;
}
.home-work .list-success ul li {
list-style: none !important;
}
header.entry-header h2.entry-title a,.gamma.widget-title{
color: #fff !important;
}
.home-work .list-success ul li::before {
content: "\e9a2";
font-family: "Fontello";
font-size: 11px;
margin-right: 8px;
color: var(--lightgreen) !important;
}
.home-solution .item .content {
position: unset !important;
}
.home-solution .item .content h4{
color: #fff;
}
.home-solution .item > .elementor-widget-wrap {
position: relative;
}
.home-solution .item .content::before {
font-family: "Fontello";
color: var(--lightblue);
font-size: 57px;
position: absolute;
top: 40px;
left: 30px;
}
.home-solution .desc P {
font-size: 17px;
color: var(--gray);
margin-bottom: 0 !important;
}
.home-solution .desc {
margin-bottom: 45px !important;
}
.home-solution .item .content p {
margin-bottom: 0 !important;
color: var(--gray);
}
.home-solution .top .item.left .content::before {
content: "\ea2e";
}
.home-solution .top .item.right .content::before {
content: "\ea2f";
}
.home-solution .bottom .item.left .content::before {
content: "\ea30";
}
.home-solution .bottom .item.right .content::before {
content: "\ea31";
}
.home-solution .item {
background: var(--blue);
}
.home-solution .right > .elementor-widget-wrap {
row-gap: 30px;
}
.home-solution .right .top > .elementor-container,
.home-solution .right .bottom > .elementor-container {
column-gap: 30px;
}
.home-solution .right .item > .elementor-widget-wrap {
padding: 30px;
align-content: flex-end;
min-height: 300px;
}
.home-solution .item .content > .elementor-widget-container {
margin-top: 70px;
}
.home-reviews .right figure {
overflow: hidden;
width: inherit;
}
.home-reviews .right figure img {
width: inherit;
transition: all 9s;
}
.home-reviews:hover .right .swiper-slide-active figure img {
transform: scale(1.2);
}
.home-slide figure {
position: relative;
}
.home-slide figcaption {
position: absolute;
bottom: 160px;
left: 170px;
color: var(--white);
font-size: 80px;
line-height: 1;
text-align: left !important;
font-weight: 700;
max-width: 80%;
letter-spacing: -3px;
}
.home-slide .elementor-swiper-button-prev,
.home-slide .elementor-swiper-button-next {
position: absolute;
bottom: 70px;
top: unset !important;
}
.home-slide .elementor-swiper-button-prev {
left: 170px !important;
}
.home-slide .elementor-swiper-button-next {
left: 240px !important;
right: unset !important;
}
.home-slide .elementor-swiper-button svg {
width: 57px !important;
}
.home-slide .elementor-widget {
position: unset !important;
}
.home-slide figcaption img {
display: inline;
}
.home-slide .slide-img .elementor-image-carousel-wrapper {
padding-bottom: 0 !important;
}
.home-slide figcaption small {
font-size: 17px;
letter-spacing: 1px !important;
display: block;
font-weight: 500;
margin-bottom: 5px;
}
.home-slide figure > img {
width: 100%;
max-height: 100vh !important;
min-height: 100vh !important;
object-fit: cover !important;
}
.home-blog .list-posts article img {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
}
.home-reviews .elementor-testimonial .elementor-testimonial__text::before {
content: "\e9de";
font-family: "Fontello";
font-size: 23px;
display: block;
font-style: normal;
color: var(--white);
margin-bottom: 30px;
}
.home-reviews .swiper-pagination-bullet {
width: 10px;
height: 10px;
border: 2px solid var(--white);
opacity: 1;
}
.home-reviews .swiper-pagination-bullet-active {
background-color: var(--purple);
border: unset;
}
.page.page-template-default .content-area {
margin-bottom: 0 !important;
}
.page-template-default .archive-header {
padding-bottom: 0 !important;
}
ul.menu li.pll-parent-menu-item > a.main-menu-link {
display: flex;
height: 100%;
align-items: center;
}
ul.menu li.pll-parent-menu-item img {
width: 20px !important;
height: 16px !important;
}
ul.menu li.pll-parent-menu-item > a.main-menu-link::after {
background-color: #fff !important;
}
.home-work .right {
color: var(--white);
background: var(--blue);
padding-left: 5%;
padding-right: 15%;
align-items: center;
position: relative;
}
.home-work .left {
padding: 120px 30px;
position: relative;
z-index: 5;
margin-left: 30px;
}
.home-work .left .box {
width: 424px;
}
.home-work .left .video {
margin-left: 30px;
}
.home-work .left .video img {
max-height: 704px;
}
.home-work .left .box > .elementor-widget-wrap {
max-height: 700px;
}
.home-work .right::before {
content: "";
width: 300px;
height: 100%;
background: var(--blue);
display: block;
position: absolute;
left: -300px;
top: 0;
z-index: 0;
}
.home-work .list-success ul {
margin-bottom: 0;
}
.home-work .main-title,
.home-work .sub-title p {
margin-bottom: 30px !important;
}
.home-support .e-gallery-container {
position: unset !important;
}
.home-support .e-gallery-item {
position: relative !important;
}
.home-support .elementor-gallery-item__content {
position: absolute !important;
top: unset !important;
bottom: -70%;
z-index: 10;
transition: all 0.8s ease-in-out;
justify-content: unset !important;
}
.home-support .e-gallery-item:hover .elementor-gallery-item__content {
justify-content: center !important;
}
.home-support .elementor-gallery-item__title,
.home-support .elementor-gallery-item__description {
opacity: unset !important;
}
.home-support .e-gallery-item:hover .elementor-gallery-item__content {
bottom: 0%;
}
.home-support .e-gallery-item:hover::after {
background: var(--lightblue);
}
.home-support .elementor-gallery-item__title {
margin-bottom: 100px;
}
.home-support .e-gallery-item:hover .elementor-gallery-item__title {
margin-bottom: 20px;
}
.home-support {
padding-bottom: 0;
}
.home-support .list-img {
margin-top: 30px;
margin-bottom: 30px !important;
}
.menu li.pll-parent-menu-item > a.cg-menu-link > span::before {
border-bottom: unset !important;
}
#site-navigation ul.menu li.pll-parent-menu-item ul.sub-menu {
background-color: transparent;
left: -15px;
top: -50px;
}
#site-navigation ul.menu li.pll-parent-menu-item {
overflow: hidden;
}
.home-blog i.fa {
width: 30px;
height: 30px;
background: #0184d1a8;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
color: #fff;
}
.home-blog i.fa:hover {
color: #0184d1;
}
.sec-contact {
padding-top: 50px;
}
.sec-contact .sub-title p {
font-size: 35px;
color: var(--white);
font-weight: 600;
margin-bottom: 0;
}
.sec-contact .sub-title {
margin-bottom: 0 !important;
}
.sec-contact .main-title .elementor-heading-title {
font-size: 55px;
letter-spacing: 0.3px !important;
}
.sec-contact .box > .elementor-widget-wrap {
padding: 0 !important;
}
.sec-contact > .elementor-container {
column-gap: 30px;
}
.sec-contact .frm-contact input,
.sec-contact .frm-contact textarea {
padding: 5px 15px;
border: 3px solid #386ca5;
background-color: transparent;
border-radius: 8px;
color: var(--white);
font-size: 18px;
line-height: 25px;
}
.sec-contact .frm-contact p {
margin-bottom: 0;
}
.sec-contact .frm-contact input[type="submit"] {
background: #ff3131;
border-color: #ff3131;
width: 350px;
font-size: 16px;
text-transform: uppercase;
padding: 10px 0;
border-radius: 15px;
}
.sec-contact .frm-contact input[type="submit"]:hover {
background: var(--white);
color: #0184d1;
}
.sec-contact .frm-contact input::placeholder,
.sec-contact .frm-contact textarea::placeholder {
font-size: 16px;
}
.sec-contact .frm-contact input:focus {
background: #1d2a50;
}
.archive .site-main.grid.grid-2 {
display: block;
}
.archive .site-main.grid header.page-header {
margin-bottom: 0;
}
.archive #main article {
display: flex;
color: #a9a7b0;
margin-bottom: 30px;
}
.archive .site-main article h2 a {
color: var(--white);
}
.archive article > a {
flex: 0 0 45%;
max-width: 45%;
margin-bottom: 0 !important; }
.archive article > a > img {
min-height: 100%;
object-fit: cover;
}
.archive article h2 {
font-size: 24px;
line-height: 32px;
}
.archive article .entry-content p {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
font-size: 17px;
}
.archive #secondary .widget a,
.archive #secondary .widget span,
.archive #secondary .widget li,
.archive #secondary > div:first-child p {
color: var(--white);
}
.archive #secondary .widget .current-cat > a,
.archive #secondary .widget .cat-item > a:hover,
.archive #secondary .wp-block-tag-cloud > a:hover {
color: var(--lightblue);
}
.archive #secondary .wp-block-tag-cloud > a {
font-size: 13px !important;
margin-bottom: 3px;
}
.archive #secondary span.widget-title,
.archive #secondary > div:first-child p {
font-size: 18px;
font-weight: 600;
}
.archive #secondary input {
background: #040913;
color: var(--white);
}
.archive #secondary > div:nth-child(4),
.archive #secondary > div:first-child {
margin-bottom: 0 !important;
border-bottom: 0 !important;
padding-bottom: 0 !important;
}
.sec-btn-popup {
position: fixed !important;
bottom: 30px;
right: 30px;
}
.popup-title .elementor-heading-title {
color: #000 !important;
text-align: center;
line-height: 50px;
}
.popup-title,
.frm-download {
padding: 0 30px;
}
.popup-title {
padding-top: 30px;
}
.frm-download {
padding-top: 15px;
padding-bottom: 30px;
}
.frm-download button.elementor-button {
background: var(--lightblue);
}
.frm-download button.elementor-button:hover,
.sec-btn-popup .popup a.elementor-button:hover {
background: var(--blue) !important;
}
.sec-btn-popup .popup a.elementor-button {
font-size: 20px;
border-radius: 50%;
padding: 20px 18px 20px 21px;
position: relative;
z-index: 15;
}
ul.tags-post {
margin: 0 0 20px 0 !important;
display: flex;
flex-wrap: wrap;
column-gap: 5px;
}
ul.tags-post li {
list-style: none !important;
}
.archive #secondary .widget_categories li {
list-style: disc;
font-size: 16px;
}
.archive #secondary .widget_categories ul {
margin-left: 15px;
}
.home-work .right .sub-title p {
font-weight: 500;
}
.home-work .main-title .elementor-heading-title {
line-height: 40px !important;
letter-spacing: normal;
}
.sec-about-ceo {
padding-top: 80px;
}
.sec-about-ceo > .elementor-container,
.sec-logo > .elementor-container,
.sec-reviews > .elementor-container {
max-width: 1350px !important;
}
.sec-about-ceo .box > .elementor-widget-wrap {
padding: 0 !important;
}
.sec-about-ceo .main-title {
margin-bottom: 40px !important;
}
.sec-about-ceo .main-title .elementor-heading-title {
color: #002060;
font-size: 60px;
}
.sec-about-ceo .sub-title .elementor-heading-title {
color: #000;
font-size: 44px;
}
.sec-about-ceo .main-title .elementor-heading-title {
color: #0184d1;
font-size: 60px;
}
.sec-about-ceo .desc p {
font-size: 16px;
}
.sec-about-ceo .sub-title .elementor-heading-title {
color: #c3d5df;
font-size: 44px;
}
.sec-about-ceo .left {
padding-left: 105px;
padding-bottom: 35px;
}
.inline-flex .elementor-widget-container > p:nth-child(2),
.sec-reviews .left .title .gradient-blue-text {
background: -webkit-linear-gradient(312.15deg, #2845e1, #52b4f9 84.87%);
-webkit-background-clip: text;
}
.inline-flex .elementor-widget-container > p:nth-child(1) {
background: -webkit-linear-gradient(
312.15deg,
rgba(23, 38, 63, 0.9),
rgba(8, 31, 92, 0.55) 84.87%
);
-webkit-background-clip: text;
}
.inline-flex .elementor-widget-container > p:nth-child(1) {
background: -webkit-linear-gradient(
312.15deg,
rgb(27 70 142 / 90%),
rgb(245 246 249 / 55%) 84.87%
);
-webkit-background-clip: text;
}
.inline-flex .elementor-widget-container {
display: inline-flex;
column-gap: 10px;
min-width: 500px;
width: 100% !important;
}
.sec-reviews .left {
background: #f8f9fa;
}
.sec-reviews .left .title .elementor-heading-title {
font-size: 60px;
color: #002060;
font-weight: 700;
}
.sec-reviews .left .title .gradient-blue-text {
-webkit-text-fill-color: transparent;
}
.sec-reviews .left .elementor-widget-wrap {
padding: 60px 80px 60px 0 !important;
position: relative;
}
.sec-reviews .left .title {
margin-bottom: 40px !important;
}
.sec-reviews .left .elementor-widget-wrap::before {
content: "";
display: block;
width: 41vw;
height: 100%;
position: absolute;
top: 0;
left: -41vw;
z-index: 10;
background: #f8f9fa;
}
.sec-reviews .right .elementor-widget-wrap {
padding: 30px 0 30px 50px !important;
}
.sec-reviews .right figure img {
border-radius: 50%;
}
.sec-reviews .eael-testimonial-content .default-style-testimonial-content {
display: flex;
flex-direction: column;
}
.sec-reviews
.elementor-widget-eael-testimonial-slider
.eael-testimonial-item
.eael-testimonial-quote::after {
color: var(--white) !important;
}
.sec-reviews .right .eael-testimonial-user-company {
font-size: 16px !important;
font-weight: 500 !important;
color: #0184d1 !important;
}
.sec-reviews .right .eael-testimonial-user {
font-size: 18px !important;
font-weight: 500 !important;
color: #0184d1 !important;
}
.sec-reviews .right .eael-testimonial-content {
min-height: 230px;
}
.sec-reviews .swiper-button-next,
.sec-reviews .swiper-button-prev {
left: unset;
right: 0;
width: 40px !important;
height: 40px !important;
border: double 1px transparent;
border-radius: 50%;
background-origin: border-box;
background-clip: content-box, border-box;
display: inline-block;
}
.sec-reviews .swiper-button-prev {
right: 50px;
}
.sec-reviews .swiper-button-next {
background-image: linear-gradient(#e6ecfb, #e6ecfb),
radial-gradient(circle at left, #3a81dc, #9c7ae5);
}
.sec-reviews .swiper-button-prev {
background-image: linear-gradient(#e6ecfb, #e6ecfb),
radial-gradient(circle at left, #9c7ae5, #3a81dc);
}
i.fa-chevron-right:before {
background: linear-gradient(to left, #9c7ae5, #3a81dc);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
i.fa-chevron-left:before {
background: linear-gradient(to left, #3a81dc, #9c7ae5);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.sec-reviews .right .item,
.sec-reviews .right .item > .elementor-widget-container,
.sec-reviews .right .item .eael-testimonial-slider,
.sec-reviews .right .item .eael-testimonial-slider .swiper {
position: unset !important;
}
.video-feedback .column-video > .elementor-widget-wrap {
padding: 0 !important;
}
.home-solution .content h4 {
line-height: 30px;
}
.wpcf7 form.sent .wpcf7-response-output {
color: var(--white);
}
.home-support .list-img .elementor-gallery-item__description {
font-family: "Roboto", sans-serif !important;
}
.btn-form-popup a.elementor-button-link {
background: var(--lightblue);
}
.btn-form-popup a.elementor-button-link:hover {
background: #022f65 !important;
}
.sec-download .img-tech img {
width: 60%;
}
#secondary .widget_search .wp-block-search__inside-wrapper {
width: 100% !important;
} .sec-contact input {
margin-bottom: 0;
}
.sec-contact form {
padding: 50px 40px;
}
.sec-contact .frm-contact .cnt-form{
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-items: stretch;
}
.sec-contact .frm-contact .cnt-form > div:not(:last-child){
margin-bottom: 20px;
}
.sec-contact .btn-form { margin-top: 20px;
}
.sec-contact input::placeholder,
.sec-contact textarea::placeholder,
.sec-contact select::placeholder {
color: var(--white);
}
.sec-contact .frm-contact select {
border: 3px solid #386ca5;
border-radius: 8px;
font-size: 18px;
line-height: 25px;
color: var(--white);
padding: 5px 15px;
margin-bottom: 0;
}
.sec-contact .btn-form > p {
display: none;
}
.pad-0 > .elementor-widget-wrap {
padding: 0 !important;
}
.contact-exp .item {
border: 3px solid #0084d1;
border-radius: 38px;
padding: 30px 20px;
position: relative;
}
.contact-exp > .elementor-container {
gap: 15px;
}
.contact-exp .item .elementor-heading-title {
font-size: 20px;
line-height: 1.2;
}
.contact-exp .item .elementor-heading-title,
.contact-exp .title {
margin-bottom: 0 !important;
}
.contact-exp .counter-num {
position: absolute;
top: -55px;
width: fit-content !important;
left: 50%;
transform: translateX(-50%);
background: var(--white);
padding: 0 20px;
}
.contact-exp .elementor-counter .elementor-counter-number-wrapper {
font-size: 50px;
color: #0084d1;
}
.frm-contact .btn-form span.wpcf7-spinner {
display: none;
}
.frm-contact .btn-form {
display: flex;
align-items: center;
flex-direction: column;
flex-wrap: wrap;
}
.frm-contact .btn-form .right { margin-top: 15px;
}
.rc-anchor-logo-portrait {
margin-left: 0 !important;
}
.sec-contact .frm-contact textarea {
height: 165px;
}
.sec-contact .frm-contact input[type="submit"]:hover {
color: #ff0000;
}
.contact-title .elementor-heading-title {
line-height: 1.3;
}
.contact-info .elementor-widget-text-editor p{
text-align: center !important;
}
.contact-info .elementor-widget-text-editor a:hover{
margin-left: 8px;
color: #fff;
}
.contact-info .elementor-widget-text-editor a:hover:after{
transform: scale(1, 1);
transform-origin: left center;
}
.contact-info .elementor-widget-text-editor a{
transition: all 0.5s ease-in-out;
position: relative;
}
.contact-info .elementor-widget-text-editor a:after{
transition: transform .3s cubic-bezier(.28,.75,.22,.95);
display: block;
position: absolute;
top: calc(100% + 2px);
left: 0;
width: 100%;
border-bottom: 1px solid #ccc;
content: "";
transition: transform .6s cubic-bezier(.28,.75,.22,.95);
transform: scale(0, 1);
transform-origin: right center;
}