��ѧۧݧ�ӧ�� ާ֧ߧ֧էا֧�

��ѧۧݧ�ӧ�� ާ֧ߧ֧էا֧� - ��֧էѧܧ�ڧ��ӧѧ�� - /home/zhaagvlk/public_html/wp-content/themes/sasup/assets/css/sasup-custom.css

��ѧ٧ѧ�
.sasup-logo a img { padding: 25px 0px; } .sasup-header ul li .sub-menu li .sub-menu { inset-inline-start: 100%; top: 0; opacity: 0; visibility: hidden; transition: all 0.3s ease 0s; } .sasup-header ul li .sub-menu li:hover .sub-menu { opacity: 1; visibility: visible; } .logo-sticky-option .sticky-logo { display: none; } .sticky .logo-sticky-option .sticky-logo { display: inline-block; } .sticky .logo-sticky-option .standard-logo-white { display: none; } .sticky .logo-sticky-option .standard-logo { display: none; } .footer-widget .footer__widget--title { color: var(--clr-common-white); } .footer-widget.footer-widget-3.c-footer-widget-2 { padding-left: 105px; } .footer-widget.footer-widget-3.c-footer-widget-3 { padding-left: 75px; } .footer-1 .footer__widget--title { color: var(--clr-body-heading); } /blog/ .post-wrapper { box-shadow: 0px 20px 40px 0px #0005270f; border-radius: 4px; overflow: hidden; border-radius: 4px; background-color: var(--clr-common-white); } .post-wrapper blockquote { font-size: 24px; line-height: 34px; color: #0a1426 !important; margin-bottom: 14px; } @media (max-width: 767px) { .post-wrapper blockquote { font-size: 15px; line-height: 1.6; } } .post-wrapper .post-thumb { overflow: hidden; position: relative; } .post-wrapper .post-thumb .btn-play { position: absolute; z-index: 9; inset-inline-start: 50%; top: 50%; transform: translate(-50%, -50%); } .post-wrapper .post-thumb .btn-play::after, .post-wrapper .post-thumb .btn-play::before { position: absolute; inset-inline-start: 50%; top: 50%; transform: translate(-50%, -50%); border: 1px solid var(--clr-common-white); border-radius: 50%; content: ""; width: 100%; height: 100%; animation-name: video-scale-up; animation-duration: 2s; animation-timing-function: linear; animation-iteration-count: infinite; } .post-wrapper .post-thumb .btn-play::after { animation-delay: 1s; } .post-wrapper .post-thumb img { -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } .post-wrapper .post-content { overflow: hidden; padding: 30px; } @media (min-width: 768px) and (max-width: 991px) { .post-wrapper .post-content { padding: 20px; } } @media (max-width: 767px) { .post-wrapper .post-content { padding: 20px; } } @media (min-width: 1200px) and (max-width: 1399px) { .blog-title { font-size: 24px; } } @media (max-width: 767px) { .blog-title { font-size: 22px; } } .blog-title:hover { color: var(--clr-theme-1); } .blog-title a { text-decoration: none; } .post-wrapper:hover .post-thumb img { transform: scale(1.06); } .post-meta span { font-size: 14px; color: #686a6f; margin-bottom: 0; margin-right: 10px; } .post-meta span i { color: #4b75ff; margin-right: 5px; } .post-meta span a { text-decoration: none; } .postbox__audio iframe { width: 100%; } .post-gallery-active .swiper-button-next i::before { display: none; } .post-gallery-active .swiper-button-prev i::before { display: none; } .post-gallery-active .swiper-button-next { color: var(--clr-theme-1); inset-inline-end: 20px; inset-inline-start: auto; } .post-gallery-active .swiper-button-prev { color: var(--clr-theme-1); inset-inline-end: auto; inset-inline-start: 20px; } div.blog__tag a { height: 30px; display: inline-block; border: 2px solid #e6e7eb; padding: 0 13px; text-decoration: none; font-size: 13px; border-radius: 4px; font-weight: 500; color: var(--clr-body-text); margin-bottom: 10px; margin-right: 2px; line-height: 26px; } div.blog__tag a:hover { background: #4b75ff; color: var(--clr-common-white); border-color: transparent; } .post-comment-form button { border: none; } .post-text h3 { font-size: 26px; } .comments-text a { text-decoration: none; } .wp-block-search .wp-block-search__label { font-weight: 700; color: var(--clr-body-heading); margin-bottom: 20px; font-size: 20px; } .sidebar__widget--title { font-weight: 600; color: var(--clr-body-heading); margin-bottom: 30px; font-size: 20px; } .wp-block-group__inner-container h2 { font-weight: 600; color: var(--clr-body-heading); margin-bottom: 30px; font-size: 20px; } .sidebar__post--text .sidebar__post--title { font-size: 16px; font-weight: 600; line-height: 22px; color: var(--clr-body-heading); margin-bottom: 0; } .sidebar__post--text .sidebar__post--title:hover { color: var(--clr-theme-1); } .sidebar__post--text .sidebar__post--title a { text-decoration: none; } .sidebar__post--text .rc-meta { font-size: 14px; color: #686a6f; } .widget.widget_block ul li { font-size: 16px; font-weight: 600; line-height: 22px; color: var(--clr-body-heading); margin-bottom: 0; padding: 10px 0px; } .widget.widget_block ul li:first-child { padding-top: 0px; } .widget.widget_block ul li:hover { color: var(--clr-theme-1); } .widget .wp-block-latest-comments .wp-block-latest-comments__comment { font-size: 16px; font-weight: 600; line-height: 22px; color: var(--clr-body-heading); margin-bottom: 0; padding: 10px 0px; } .widget .wp-block-latest-comments .wp-block-latest-comments__comment:first-child { padding-top: 0; } .widget .wp-block-latest-comments .wp-block-latest-comments__comment .wp-block-latest-comments__comment-link:hover { color: var(--clr-theme-1); } .blog-area .widget>ul { padding: 0; } .widget ul li { margin-bottom: 20px; } .widget ul li:last-child { border: 0; margin-bottom: 0; } .widget ul li a { position: relative; padding-left: 15px; } .widget ul li a:before { position: absolute; content: "\f105"; inset-inline-start: 0; top: 0; font-family: "Font Awesome 5 Pro"; color: var(--clr-theme-1); } .right-widget-area.has-space.widget-shadow-default .widget:last-child { margin-bottom: 0px; } .widget.widget_block ul li a, .widget.widget_recent_comments ul li a, .widget.widget_rss ul li a, .widget.widget_recent_entries ul li a { padding-left: 0; } .widget.widget_block ul li a:before, .widget.widget_recent_comments ul li a:before, .widget.widget_rss ul li a:before, .widget.widget_recent_entries ul li a:before { display: none; } .right-widget-area.has-space.widget-shadow-default .widget ol:last-child { margin-bottom: 0px; } .right-widget-area.has-space.widget-shadow-default .widget ol li:last-child { padding-bottom: 0; } .single-post .breadcrumb-title { font-size: 45px; margin-bottom: 25px; } .basic-pagination ul { padding: 0; } .footer__widget .nice-select .list { max-height: 300px; overflow-y: scroll; } .widget.widget_recent_comments .recentcomments span a:hover { color: var(--clr-body-text); } .widget.widget_recent_entries ul li a, .widget.widget_rss ul li, .widget.widget_recent_comments li a { font-size: 16px; font-weight: 600; line-height: 22px; color: var(--clr-body-heading); margin-bottom: 0; padding: 10px 0px; } .widget.widget_recent_entries ul li a:hover, .widget.widget_rss ul li a:hover, .widget.widget_recent_comments li>a:hover { color: var(--clr-theme-1); } .footer-widget.widget_recent_comments ul li, .footer-widget.widget_rss ul li { color: #c0c1cb; } .footer-widget.widget_recent_comments ul li .rssSummary:hover { color: #c0c1cb; } .footer-widget.widget_text .textwidget p { color: #c0c1cb; } .footer-widget .nice-select, .widget .nice-select { border-radius: 5px; } .footer-widget .nice-select .list { width: 100%; } .home_front_page .breadcrumb-trail { display: none; } .blog__wrapper .page-header { display: none; } .footer-1 .footer-widget.widget_text .textwidget p { color: #686b6f; } .custom-footer-2-2 { padding-left: 70px; } .custom-footer-2-3 { padding-left: 40px; } .custom-footer-2-4 { padding-left: 10px; } @media (max-width: 767px) { .custom-footer-2-2 { padding-left: 0px; } .custom-footer-2-3 { padding-left: 0px; } .custom-footer-2-4 { padding-left: 0px; } } @media (min-width: 992px) and (max-width: 1199px) { .custom-footer-2-2 { padding-left: 0px; } .custom-footer-2-3 { padding-left: 0px; } .custom-footer-2-4 { padding-left: 0px; } } @media (min-width: 768px) and (max-width: 991px) { .custom-footer-2-2 { padding-left: 0px; } .custom-footer-2-3 { padding-left: 0px; } .custom-footer-2-4 { padding-left: 0px; } } .custom-footer-3-2 { padding-left: 80px; } .custom-footer-3-3 { padding-left: 50px; } .custom-footer-3-4 { padding-left: 10px; } @media (max-width: 767px) { .custom-footer-3-2 { padding-left: 0px; } .custom-footer-3-3 { padding-left: 0px; } .custom-footer-3-4 { padding-left: 0px; } } @media (min-width: 992px) and (max-width: 1199px) { .custom-footer-3-2 { padding-left: 0px; } .custom-footer-3-3 { padding-left: 0px; } .custom-footer-3-4 { padding-left: 0px; } } @media (min-width: 768px) and (max-width: 991px) { .custom-footer-3-2 { padding-left: 0px; } .custom-footer-3-3 { padding-left: 0px; } .custom-footer-3-4 { padding-left: 0px; } } .custom-footer-2 { padding-left: 30px; } .custom-footer-3 { padding-left: 30px; } @media (max-width: 767px) { .custom-footer-2 { padding-left: 0px; } .custom-footer-3 { padding-left: 0px; } } @media (min-width: 992px) and (max-width: 1199px) { .custom-footer-2 { padding-left: 0px; } .custom-footer-3 { padding-left: 0px; } } @media (min-width: 768px) and (max-width: 991px) { .custom-footer-2 { padding-left: 0px; } .custom-footer-3 { padding-left: 0px; } } @media (min-width: 1200px) and (max-width: 1400px) { .custom-footer-2 { padding-left: 0px; } .custom-footer-3 { padding-left: 0px; } } /blog / @media (min-width: 992px) and (max-width: 1199px) { .right-widget-area { padding: 35px 30px; } .blog__wrapper { margin-right: 10px; } } @media (min-width: 768px) and (max-width: 991px) { .blog__wrapper { margin-right: 0px; } } @media (max-width: 767px) { .blog__wrapper { margin-right: 0px; } .logged-in .header-sticky.sticky { margin-top: 0px; } .post-wrapper.sticky::before { inset-inline-end: 10px; top: 15px; } } @media (min-width:601px) and (max-width: 767px) { .logged-in .header-sticky.sticky { margin-top: 32px; } } .sasup-logo img { width: 133px; } .footer-widget .logo img { width: 133px; } .sasup-header ul li.menu-last .sub-menu li .sub-menu { inset-inline-start: auto; top: 0; inset-inline-end: 100%; } .header-style-4 .mobile-bar-control-white .line { background-color: #222; } .sasup-feature-logo img { width: 52px; } .creative-task-dashbord-wrap .icon img { width: 50px; } .feature-icon-2 img { width: 54px; } .listing-feature-icon img { width: 44px; } .service-feature-boxed-2-thumb img { width: 52px; } .sasup-hero-content .wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email { width: 100%; border: 0; padding-left: 16px; background-color: transparent; height: 100%; margin-top: 39px; } .slider-wrapper .wpcf7-form-control.wpcf7-submit.rectangle-btn-2 { border: 0; background-color: #ff4e80; color: var(--clr-common-white); height: 55px; width: 100px; position: absolute; right: 0; top: 0; display: inline-block; } .rtl .slider-wrapper .wpcf7-form-control.wpcf7-submit.rectangle-btn-2 { right: unset; left: 0; } div.hero-form-2 input { padding-inline-end: 120px; } .hero-form-2 .ajax-loader { display: none; } .hero-form-2 p { margin-bottom: 0px; } .sasup-hero-content .sasup-form-group .ajax-loader { display: none; } .post-comments-title h2 small { font-size: 18px; color: var(--clr-theme-1); } .blog__details-wrapper .post-input input, .blog__details-wrapper .post-input textarea { margin-bottom: 20px; } .news-bottom .thumb img { width: 200px; } .support-sm-team-thumb-group img { width: 100px; } @media (max-width: 767px) { .sasup-logo.mr-70 { margin-right: 0; } } /fadein custom/ @-webkit-keyframes fadeInUp2 { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp2 { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2; } /fadeInUp/ @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } // fadeInLeft2 // @-webkit-keyframes fadeInLeft2 { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft2 { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2; } // fadeInRight22 // @-webkit-keyframes fadeInRight2 { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight2 { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2; } @media (max-width: 575px) { .slider-content-space-2.bdevs-el-content { padding-top: 60px; } } /home 05 css / .sasup-header-logo-4 { max-width: 150px; line-height: 80px; } .sasup-header-nav-4 ul li { display: inline-block; list-style: none; } .sasup-header-nav-4 ul li a { font-family: "Roboto", sans-serif; font-weight: 500; text-decoration: none; font-size: 16px; color: var(--clr-common-white); display: inline-block; padding: 27px 0; } .sasup-header-nav-4 ul li:hover>a { color: var(--clr-theme-2) !important; } .sasup-header-user-4 { font-family: "Roboto", sans-serif; font-weight: 500; font-size: 16px; text-transform: capitalize; color: var(--clr-common-white); text-decoration: none; } .sasup-header-user-4:hover { color: var(--clr-theme-2); } .sasup-header-user-4 i { margin-right: 5px; } .sasup-header-right-action-4 { display: flex; align-items: center; grid-column-gap: 20px; } .sasup-hero-height-4 { min-height: 860px; } .sasup-hero-subtitle-4 { font-family: "Space Grotesk", sans-serif; font-weight: 700; font-size: 13px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--clr-common-white); display: inline-block; position: relative; margin-bottom: 22px; } .sasup-hero-subtitle-4::before { background: linear-gradient(270deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 70.66%); border-radius: 50px; transform: matrix(-1, 0, 0, 1, 0, 0); position: absolute; inset-inline-start: -20px; inset-inline-end: -20px; top: -10px; bottom: -10px; content: ""; } .sasup-hero-text-4 { font-family: "Roboto", sans-serif; font-size: 20px; line-height: 28px; color: var(--clr-common-white); margin-bottom: 40px; } .sasup-hero-title-4 { font-family: "Space Grotesk", sans-serif; font-weight: 700; line-height: 1.1; font-size: 70px; letter-spacing: -0.04em; color: var(--clr-common-white); margin-bottom: 10px; } @media (max-width: 1201px) { .sasup-hero-title-4 { font-size: 50px; } } .sasup-hero-content-right-img-4 { margin-left: -144px; transform: translateY(42px); } @media (min-width: 1400px) and (max-width: 1700px) { .sasup-hero-content-right-img-4 { margin-left: 0px; } } @media (min-width: 1200px) and (max-width: 1399px) { .sasup-hero-content-right-img-4 { margin-left: 0px; } } @media (min-width: 768px) and (max-width: 991px) { .sasup-hero-content-right-img-4 { margin-left: 0px; } } @media (max-width: 767px) { .sasup-hero-content-right-img-4 { margin-left: 0px; } } .sasup-hero-content-right-img-4 img { max-width: 850px; -webkit-animation: hero-thumb-animation 2s linear infinite alternate; -moz-animation: hero-thumb-animation 2s linear infinite alternate; -o-animation: hero-thumb-animation 2s linear infinite alternate; animation: hero-thumb-animation 2s linear infinite alternate; } @media (min-width: 1200px) and (max-width: 1399px) { .sasup-hero-content-right-img-4 img { max-width: 550px; } } @media (min-width: 992px) and (max-width: 1199px) { .sasup-hero-content-right-img-4 img { max-width: 600px; } } @media (min-width: 768px) and (max-width: 991px) { .sasup-hero-content-right-img-4 img { max-width: 700px; } } @media (max-width: 767px) { .sasup-hero-content-right-img-4 img { max-width: 300px; } } .sasup-hero-content-4 { margin-top: -35px; } @media (min-width: 768px) and (max-width: 991px) { .sasup-hero-content-4 { margin-top: 200px; } } @media (max-width: 767px) { .sasup-hero-content-4 { margin-top: 150px; } } .bg-top-left { background-size: cover; background-position: top left; background-repeat: no-repeat; } .hero-area-shape-wrap-4 .shape-1 { position: absolute; inset-inline-start: 158px; top: 83px; } .hero-area-shape-wrap-4 .shape-1 img { -webkit-animation: services-triangle 7s linear infinite alternate; -moz-animation: services-triangle 7s linear infinite alternate; -o-animation: services-triangle 7s linear infinite alternate; animation: services-triangle 7s linear infinite alternate; } .hero-area-shape-wrap-4 .shape-2 { position: absolute; inset-inline-start: 65px; bottom: 93px; } .hero-area-shape-wrap-4 .shape-2 img { -webkit-animation: hero-triangle-2 4s linear infinite alternate; -moz-animation: hero-triangle-2 4s linear infinite alternate; -o-animation: hero-triangle-2 4s linear infinite alternate; animation: hero-triangle-2 4s linear infinite alternate; } .hero-area-shape-wrap-4 .shape-3 { inset-inline-end: 150px; top: 293px; position: absolute; } .hero-container-shape-wrap-4 .shape-4 { position: absolute; inset-inline-end: 39%; top: 30%; } .hero-container-shape-wrap-4 .shape-3 { inset-inline-start: 41.3%; top: 120px; position: absolute; } .hero-container-shape-wrap-4 .shape-3 img { -webkit-animation: services-triangle 7s linear infinite alternate; -moz-animation: services-triangle 7s linear infinite alternate; -o-animation: services-triangle 7s linear infinite alternate; animation: services-triangle 7s linear infinite alternate; } /hero css / .sasup-hero-height-4 { min-height: 860px; } .sasup-hero-subtitle-4 { font-family: "Space Grotesk", sans-serif; font-weight: 700; font-size: 13px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--clr-common-white); display: inline-block; position: relative; margin-bottom: 22px; } .sasup-hero-subtitle-4::before { background: linear-gradient(270deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 70.66%); border-radius: 50px; transform: matrix(-1, 0, 0, 1, 0, 0); position: absolute; inset-inline-start: -20px; inset-inline-end: -20px; top: -10px; bottom: -10px; content: ""; } .sasup-hero-content-right-img-4 { margin-left: -144px; transform: translateY(42px); } @media (min-width: 1400px) and (max-width: 1700px) { .sasup-hero-content-right-img-4 { margin-left: 0px; } } @media (min-width: 1200px) and (max-width: 1399px) { .sasup-hero-content-right-img-4 { margin-left: 0px; } } @media (min-width: 768px) and (max-width: 991px) { .sasup-hero-content-right-img-4 { margin-left: 0px; } } @media (max-width: 767px) { .sasup-hero-content-right-img-4 { margin-left: 0px; } } .sasup-hero-content-right-img-4 img { max-width: 850px !important; -webkit-animation: hero-thumb-animation 2s linear infinite alternate; -moz-animation: hero-thumb-animation 2s linear infinite alternate; -o-animation: hero-thumb-animation 2s linear infinite alternate; animation: hero-thumb-animation 2s linear infinite alternate; } @media (min-width: 1200px) and (max-width: 1399px) { .sasup-hero-content-right-img-4 img { max-width: 550px !important; } } @media (min-width: 992px) and (max-width: 1199px) { .sasup-hero-content-right-img-4 img { max-width: 600px !important; } } @media (min-width: 768px) and (max-width: 991px) { .sasup-hero-content-right-img-4 img { max-width: 700px !important; } } @media (max-width: 767px) { .sasup-hero-content-right-img-4 img { max-width: 300px !important; } } .sasup-hero-content-4 { margin-top: -35px; } @media (min-width: 768px) and (max-width: 991px) { .sasup-hero-content-4 { margin-top: 200px; } .hero-container-shape-wrap-4 .shape-4 { inset-inline-end: 10% !important; } } @media (max-width: 767px) { .sasup-hero-content-4 { margin-top: 150px; } } .bg-top-left { background-size: cover; background-position: top left; background-repeat: no-repeat; } .hero-area-shape-wrap-4 .shape-1 { position: absolute; inset-inline-start: 158px; top: 83px; } .hero-area-shape-wrap-4 .shape-1 img { -webkit-animation: services-triangle 7s linear infinite alternate; -moz-animation: services-triangle 7s linear infinite alternate; -o-animation: services-triangle 7s linear infinite alternate; animation: services-triangle 7s linear infinite alternate; } .hero-area-shape-wrap-4 .shape-2 { position: absolute; inset-inline-start: 65px; bottom: 93px; } .hero-area-shape-wrap-4 .shape-2 img { -webkit-animation: hero-triangle-2 4s linear infinite alternate; -moz-animation: hero-triangle-2 4s linear infinite alternate; -o-animation: hero-triangle-2 4s linear infinite alternate; animation: hero-triangle-2 4s linear infinite alternate; } .hero-area-shape-wrap-4 .shape-3 { inset-inline-end: 150px; top: 293px; position: absolute; } .hero-container-shape-wrap-4 .shape-4 { position: absolute; inset-inline-end: 39%; top: 30%; } @media (max-width: 767px) { .hero-container-shape-wrap-4 .shape-4 { inset-inline-end: 10%; top: 10%; } .hero-area-shape-wrap-4 .shape-3 { inset-inline-end: 50px; top: 150px; } } .hero-container-shape-wrap-4 .shape-3 { inset-inline-start: 41.3%; top: 120px; position: absolute; } .hero-container-shape-wrap-4 .shape-3 img { -webkit-animation: services-triangle 7s linear infinite alternate; -moz-animation: services-triangle 7s linear infinite alternate; -o-animation: services-triangle 7s linear infinite alternate; animation: services-triangle 7s linear infinite alternate; } /fearture css / .sasup-features-box-3d-img-4-2 { margin-left: -26px; } .sasup-features-box-3d-img-4-2 img { -webkit-animation: hero-thumb-sm-2-animation 4s linear infinite alternate; -moz-animation: hero-thumb-sm-2-animation 4s linear infinite alternate; -o-animation: hero-thumb-sm-2-animation 4s linear infinite alternate; animation: hero-thumb-sm-2-animation 4s linear infinite alternate; animation-duration: 5.6s; } .sasup-features-box-3d-img-4-2-2 { position: absolute; bottom: -30px; inset-inline-end: 0; } .sasup-features-box-3d-img-4-2-2 img { max-width: inherit; } .sasup-features-box-3d-img-4-3 { filter: drop-shadow(0px 1px 4px rgba(48, 0, 74, 0.06)); border-radius: 10px; } .sasup-features-box-3d-img-4-3-img { transform: translateX(-60px) translateY(-11px); } .sasup-features-box-3d-img-4-3-img img { max-width: inherit; -webkit-animation: hero-thumb-animation 2s linear infinite alternate; -moz-animation: hero-thumb-animation 2s linear infinite alternate; -o-animation: hero-thumb-animation 2s linear infinite alternate; animation: hero-thumb-animation 2s linear infinite alternate; } .sasup-features-box-3d-img-4-2-3 { border-radius: 10px; filter: drop-shadow(0px -10px 20px rgba(19, 15, 64, 0.04)) drop-shadow(0px 30px 50px rgba(83, 0, 0, 0.08)); margin-left: 90px; margin-top: -70px; overflow: hidden; } .sasup-features-box-4 { border-radius: 10px; padding: 43px 50px; padding-bottom: 60px; position: relative; } @media (min-width: 768px) and (max-width: 991px) { .sasup-features-box-4 { padding-bottom: 260px; } } .sasup-features-box-4.style-2 { padding-bottom: 45px; padding-top: 35px; } .sasup-features-box-4.style-3 { padding: 43px 40px; padding-bottom: 60px; } .sasup-features-box-4.style-4 { padding: 43px 40px; padding-bottom: 52px; } .sasup-features-box-title-4 { font-family: "Space Grotesk", sans-serif; font-weight: 700; font-size: 26px; letter-spacing: -0.04em; color: var(--clr-body-heading); margin-bottom: 7px; line-height: 1.3; } .sasup-features-box-title-4 a { text-decoration: none; } .sasup-features-box-title-4 a:hover { color: var(--clr-theme-1); } .sasup-features-box-content-img-left-4 { float: left; margin-right: 11px; } .sasup-features-box-content-img-left-4 img { -webkit-animation: hero-thumb-sm-2-animation 4s linear infinite alternate; -moz-animation: hero-thumb-sm-2-animation 4s linear infinite alternate; -o-animation: hero-thumb-sm-2-animation 4s linear infinite alternate; animation: hero-thumb-sm-2-animation 4s linear infinite alternate; } .sasup-features-box-content-img-wrap-4 { overflow: hidden; } .sasup-features-box-content-img-wrap-4 .item-1 { filter: drop-shadow(0px 2px 6px rgba(48, 0, 74, 0.06)); overflow: hidden; } .sasup-features-box-content-img-wrap-4 .item-2 { filter: drop-shadow(0px -10px 20px rgba(19, 15, 64, 0.04)) drop-shadow(0px 30px 50px rgba(19, 15, 64, 0.05)); margin-left: 70px; margin-top: -50px; overflow: hidden; } .sasup-features-message-img-4-1 { margin-left: -10px; overflow: hidden; } .sasup-features-message-img-4-1 img { max-width: inherit; } .sasup-features-message-img-4-2 { webkit-animation: hero-thumb-sm-2-animation 4s linear infinite alternate; -moz-animation: hero-thumb-sm-2-animation 4s linear infinite alternate; -o-animation: hero-thumb-sm-2-animation 4s linear infinite alternate; animation: hero-thumb-sm-2-animation 4s linear infinite alternate; animation-duration: 5.6s; } .sasup-features-message-img-4-2 img { max-width: inherit; transform: translateX(6px) translateY(51px); } .has-feature-top-bg { position: relative; } .has-feature-top-bg>* { position: relative; z-index: 3; } .has-feature-top-bg::before { position: absolute; inset-inline-start: 0; top: 0; width: 100%; height: 400px; background: linear-gradient(180deg, #F3F8FF 0%, rgba(248, 251, 255, 0.2) 100%); content: ""; } /service css / .sasup-service-box-img-4 { max-width: 186px; margin: 0 auto; } .sasup-service-box-img-4 img { height: 147.2px !important; } .sasup-service-box-title-4 { font-family: "Space Grotesk", sans-serif; font-weight: 700; font-size: 22px; letter-spacing: -0.02em; color: var(--clr-body-heading); margin-bottom: 12px; } .sasup-service-box-title-4 a { text-decoration: none; } .sasup-service-box-title-4 a:hover { color: var(--clr-theme-1); } .sasup-service-box-text-4 { font-family: "Roboto", sans-serif; font-weight: 400; font-size: 16px; line-height: 24px; text-align: center; margin-bottom: 15px; color: var(--clr-body-gray); } .sasup-service-box-read-more-link-4 { font-family: "Roboto", sans-serif; font-weight: 500; font-size: 14px; color: var(--clr-common-black); text-decoration: none; } .sasup-service-box-read-more-link-4:hover { color: var(--clr-theme-1); } .sasup-service-box-read-more-link-4 i { font-weight: 600; font-size: 12px; vertical-align: middle; margin-left: 3px; } .rtl .sasup-service-box-read-more-link-4 i { margin-left: 0; margin-right: 3px; transform: rotate(180deg); } .sasup-vertical-animated-line-4 { position: absolute; inset-inline-end: -30px; height: 330px; top: 0; width: 1px; background: var(--clr-body-soft-bg-2); } @media (max-width: 767px) { .sasup-vertical-animated-line-4 { display: none; } } .sasup-vertical-animated-line-4::after { position: absolute; inset-inline-start: -1px; top: 0; width: 3px; height: 30px; background-color: #0487FF; animation-timing-function: linear; animation-name: topBottomLine; animation-duration: 9s; animation-iteration-count: infinite; content: ""; } .sasup-vertical-animated-line-4.slow { inset-inline-end: -55px; } .sasup-vertical-animated-line-4.slow::after { animation-delay: 2s; } /feature about / .sasup-features-about-dashbord-img-4-1 { border-radius: 10px; filter: drop-shadow(0px 20px 50px rgba(0, 74, 37, 0.08)); margin-bottom: 18px; overflow: hidden; } .sasup-features-about-dashbord-img-4-2 { filter: drop-shadow(0px 20px 50px rgba(0, 56, 28, 0.08)); border-radius: 10px; overflow: hidden; } .sasup-features-about-dashbord-img-4-3 { filter: drop-shadow(0px 20px 50px rgba(0, 56, 28, 0.08)); border-radius: 10px; margin-bottom: 20px; overflow: hidden; } .sasup-features-about-dashbord-img-4-4 { overflow: hidden; filter: drop-shadow(0px 30px 50px rgba(0, 56, 28, 0.06)); } .sasup-features-about-dashbord-has-before { position: relative; padding: 0 75px; padding-top: 50px; } @media (max-width: 767px) { .sasup-features-about-dashbord-has-before { padding: 0; } } .sasup-features-about-dashbord-has-before::before { background: linear-gradient(258.69deg, #F8F3EA 0.26%, #DBF4EA 99.99%); border-radius: 14px; transform: matrix(-1, 0, 0, 1, 0, 0); width: 100%; position: absolute; inset-inline-start: 0; top: 0; z-index: -1; height: 320px; content: ""; } @media (max-width: 767px) { .sasup-features-about-box-main-space.pl-10.pr-90 { padding-right: 0; margin-bottom: 120px; } } .sasup-features-about-custom-row>:nth-child(1) { width: 44.6%; } .sasup-features-about-custom-row>:nth-child(2) { width: calc(100% - 44.6%); } .sasup-features-about-left-shape-4 { position: absolute; inset-inline-start: -28.7%; top: -104px; z-index: -2; } .sasup-features-about-left-shape-4-2 { position: absolute; top: 70.8%; inset-inline-start: 22px; } /testimonial css / .sasup-testimonial-author-box-img-4 { width: 54px; height: 54px; border-radius: 50%; margin: 0 auto; margin-bottom: 3px; border: 3px solid var(--clr-common-white); filter: drop-shadow(0px 20px 30px rgba(19, 15, 64, 0.1)); } .sasup-testimonial-author-box-name-4 { font-family: "Space Grotesk", sans-serif; font-weight: 100; font-size: 15px; letter-spacing: -0.04em; margin-bottom: 0; display: inline-block; color: var(--clr-common-black); } .sasup-testimonial-author-box-designation-4 { font-family: "Space Grotesk", sans-serif; font-weight: 400; font-size: 15px; letter-spacing: -0.04em; color: var(--clr-body-gray); } .sasup-testimonial-box-content-title-4 { font-family: "Space Grotesk", sans-serif; font-weight: 700; font-size: 34px; margin-bottom: 20px; line-height: 1.25; letter-spacing: -0.04em; color: var(--clr-common-black); } .sasup-testimonial-box-content-text-4 { font-family: "Roboto", sans-serif; font-size: 18px; line-height: 30px; margin-bottom: 30px; color: var(--clr-body-gray); } .sasup-testimonial-box-brand-4 { margin: 0 auto; max-width: 74px; } .sasup-testimonial-funfect-title-4 { font-family: "Space Grotesk", sans-serif; font-weight: 700; font-size: 60px; letter-spacing: -0.02em; color: var(--clr-common-black); margin-bottom: -3px; } .sasup-testimonial-funfect-subtitle-4 { font-family: "Roboto", sans-serif; color: var(--clr-common-black); } .sasup-common-swiper-arrow { width: 50px; padding: 0; height: 50px; border: 2px solid var(--clr-body-soft-bg-3); border-radius: 50%; background: transparent; font-size: 25px; line-height: 50px; color: var(--clr-common-black-3); -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } .rtl .sasup-common-swiper-arrow i { transform: rotate(180deg); } .sasup-common-swiper-arrow:hover { background: #0487FF; box-shadow: 0px 20px 40px rgba(13, 0, 104, 0.2); color: var(--clr-common-white); } .sasup-testimonial-arrow-4 .testimonial-swiper-button-prev-4 { position: absolute; inset-inline-start: -13%; top: 70%; transform: translateY(-50%); } @media (min-width: 992px) and (max-width: 1199px) { .sasup-testimonial-arrow-4 .testimonial-swiper-button-prev-4 { inset-inline-start: -25px; } } @media (min-width: 768px) and (max-width: 991px) { .sasup-testimonial-arrow-4 .testimonial-swiper-button-prev-4 { inset-inline-start: -25px; } } @media (max-width: 767px) { .sasup-testimonial-arrow-4 .testimonial-swiper-button-prev-4 { inset-inline-start: 0px; bottom: -50px; top: auto; } } .sasup-testimonial-arrow-4 .testimonial-swiper-button-next-4 { position: absolute; inset-inline-end: -13%; top: 70%; transform: translateY(-50%); } @media (min-width: 992px) and (max-width: 1199px) { .sasup-testimonial-arrow-4 .testimonial-swiper-button-next-4 { inset-inline-end: -25px; } } @media (min-width: 768px) and (max-width: 991px) { .sasup-testimonial-arrow-4 .testimonial-swiper-button-next-4 { inset-inline-end: -25px; } } @media (max-width: 767px) { .sasup-testimonial-arrow-4 .testimonial-swiper-button-next-4 { inset-inline-end: 0px; bottom: -50px; top: auto; } } .sasup-testimonial-box-content-main-4 { padding: 0 38px; } @media (max-width: 767px) { .sasup-testimonial-box-content-main-4 { padding: 0px; } } .sasup-testimonial-line-shape-4 { position: absolute; inset-inline-end: 0; top: -30px; } .sasup-testimonial-user-control-active-4 .sasup-t-user-1, .sasup-testimonial-user-control-active-4 .sasup-t-user-2 { max-width: 70px; } .sasup-testimonial-user-control-active-4 .sasup-t-user-1 { position: absolute; top: 19.5%; inset-inline-start: 2.5%; animation-name: scaleUpUser; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: linear; } .sasup-testimonial-user-control-active-4 .sasup-t-user-2 { position: absolute; bottom: 13.2%; inset-inline-start: 11.3%; animation-name: scaleUpUser; animation-duration: 4s; animation-iteration-count: infinite; animation-timing-function: linear; } .sasup-testimonial-user-control-active-4 .sasup-t-user-3 { max-width: 70px; position: absolute; inset-inline-end: 16.25%; top: 17.5%; animation-name: scaleUpUser; animation-duration: 4.5s; animation-iteration-count: infinite; animation-timing-function: linear; } .sasup-testimonial-user-control-active-4 .sasup-t-user-4 { max-width: 70px; position: absolute; inset-inline-end: 6.4%; bottom: 8.5%; animation-name: scaleUpUser; animation-duration: 3.5s; animation-iteration-count: infinite; animation-timing-function: linear; } .sasup-testimonial-has-map-bg-4 { background-repeat: no-repeat; background-position: center bottom 18%; } /footer css / .sasup-logo-4 { max-width: 116.69px; } .sasup-footer-widget-social-link-4 .title { font-family: "Roboto", sans-serif; font-weight: 700; margin-bottom: 0; font-size: 15px; margin-bottom: 15px; color: var(--clr-common-white); } .sasup-footer-widget-social-link-4 a { width: 40px; height: 40px; border: 2px solid rgba(255, 255, 255, 0.06); border-radius: 100px; display: inline-block; text-align: center; line-height: 38px; margin-right: 5px; color: #9FA9B8; font-size: 14px; } .sasup-footer-widget-social-link-4 a:hover { background-color: #0487FF; color: var(--clr-common-white); border-color: transparent; } .sasup-footer-widget-title-4 { font-family: "Space Grotesk", sans-serif; font-weight: 700; font-size: 22px; letter-spacing: -0.04em; color: var(--clr-common-white); } .sasup-footer-widget-4 ul li { list-style: none; margin-bottom: 10px; } .sasup-footer-widget-4 ul li a { display: block; font-family: "Roboto"; font-weight: 400; text-decoration: none; font-size: 16px; color: #B9B9CA; } .sasup-footer-widget-4 ul li a:hover { color: #0487FF; } .sasup-footer-widget-4 p { font-family: "Roboto", sans-serif; font-weight: 400; font-size: 16px; line-height: 24px; color: var(--clr-common-white); opacity: 0.8; } .sasup-footer-widget-contact-4 a { display: block; text-decoration: none; font-family: "Roboto", sans-serif; font-weight: 400; font-size: 15px; color: var(--clr-common-white); margin-bottom: 12px; } .sasup-footer-widget-contact-4 a svg { margin-right: 7px; } .sasup-footer-4-space { margin-top: -190px; } .sasup-newspaper-form-4 p { font-size: 14px; line-height: 20px; } .sasup-newspaper-form-4 form { position: relative; border-radius: 6px; overflow: hidden; } .sasup-newspaper-form-4 input[type=email] { width: 100%; height: 50px; background: var(--clr-common-white); border-radius: 6px; border: 0; padding: 0 20px; font-family: "Roboto", sans-serif; font-weight: 400; font-size: 14px; line-height: 24px; color: #8E8CA4; } .sasup-newspaper-form-4 input[type=email]::placeholder { font-family: "Roboto", sans-serif; font-weight: 400; font-size: 14px; line-height: 24px; color: #8E8CA4; } .sasup-newspaper-form-4 button[type=submit], .sasup-newspaper-form-4 input[type=submit] { height: 50px; padding: 0 20px; top: 6864px; background: var(--clr-theme-1); color: var(--clr-common-white); position: absolute; inset-inline-end: 0; top: 0; border: 0; } @media (max-width: 767px) { .sasup-copyright-menu-link-4 { text-align: center !important; } } .sasup-copyright-menu-link-4 a { font-family: "Space Grotesk", sans-serif; font-weight: 600; font-size: 14px; line-height: 22px; color: #94999E; text-decoration: none; margin-left: 36px; display: inline-block; } @media (max-width: 767px) { .sasup-copyright-menu-link-4 a { margin-left: 8px; } } .sasup-copyright-menu-link-4 a:hover { color: #0487FF; } .sasup-copyright-text-4 { font-family: "Space Grotesk", sans-serif; font-weight: 600; font-size: 14px; line-height: 18px; color: #94999E; margin-bottom: 0; } @media (max-width: 767px) { .sasup-copyright-text-4 { margin-bottom: 20px; text-align: center; } } .sasup-copyright-text-4 a { color: var(--clr-common-white); text-decoration: none; } .sasup-copyright-text-4 a:hover { color: #0487FF; } .sasup-has-copyright-border-top { border-top: 1px solid rgba(255, 255, 255, 0.08); } @media (min-width: 992px) and (max-width: 1199px) { .sasup-footer-widget-4-2 { padding-left: 0 !important; } .sasup-footer-widget-4-3 { padding-left: 0px !important; } } @media (min-width: 768px) and (max-width: 991px) { .sasup-footer-widget-4-2 { padding-left: 0 !important; } .sasup-footer-widget-4-3 { padding-left: 0px !important; } } @media (max-width: 767px) { .sasup-footer-widget-4-2 { padding-left: 0 !important; } .sasup-footer-widget-4-3 { padding-left: 0px !important; } } @media (min-width: 992px) and (max-width: 1199px) { .sasup-footer-widget-4-2 { padding-left: 0 !important; } .sasup-transparent-btn i { margin-right: 5px !important; } .sasup-theme-btn.sasup-black-btn.ml-25.d-none.d-sm-inline-block { margin-left: 10px !important; } } @media (min-width: 768px) and (max-width: 991px) { .sasup-footer-widget-4-2 { padding-left: 0 !important; } } @media (max-width: 767px) { .sasup-footer-widget-4-2 { padding-left: 0 !important; } } @media (min-width: 768px) and (max-width: 991px) { .sasup-service-box-4.pl-65.p-rel { padding-left: 40px; } } @media (max-width: 767px) { .sasup-service-box-4.pl-65.p-rel { padding-left: 0px; } } @media (min-width: 768px) and (max-width: 991px) { .sasup-service-box-4.pl-55.p-rel { padding-left: 20px; } } @media (max-width: 767px) { .sasup-service-box-4.pl-55.p-rel { padding-left: 0px; } } @media (max-width: 767px) { .sasup-service-box-4 { margin-bottom: 40px; } } .sasup-header-btn-4 { height: 40px; background: var(--clr-common-black); box-shadow: 0px 2px 4px rgba(19, 15, 64, 0.2); border-radius: 6px; color: var(--clr-common-white); text-decoration: none; display: inline-block; font-family: "Roboto", sans-serif; font-weight: 500; line-height: 40px; font-size: 15px; padding: 0 23px; box-shadow: 0px 2px 4px rgba(19, 15, 64, 0.2); overflow: hidden; position: relative; } .sasup-header-btn-4 span { position: relative; z-index: 3; } .sasup-header-btn-4::after { background-color: rgba(255, 255, 255, 0.76); content: ""; height: 150px; inset-inline-start: -75px; position: absolute; top: -35px; transform: rotate(35deg); transition: all 1600ms cubic-bezier(0.19, 1, 0.22, 1); width: 40px; opacity: 0; } .sasup-header-btn-4:hover { color: var(--clr-common-white); background-color: var(--clr-theme-2); } .sasup-header-btn-4:hover::after { inset-inline-start: 120%; transition: all 1300ms cubic-bezier(0.19, 1, 0.22, 1); opacity: 0.25; } .sasup-hero-started-btn-4 { display: inline-block; height: 50px; background: var(--clr-common-white); border-radius: 6px; line-height: 50px; text-decoration: none; font-family: "Roboto", sans-serif; font-weight: 500; font-size: 15px; padding: 0 42px; position: relative; overflow: hidden; text-align: center; color: var(--clr-common-black); } .sasup-hero-started-btn-4 span { position: relative; z-index: 9; } .sasup-hero-started-btn-4::after { background-color: rgba(255, 255, 255, 0.76); content: ""; height: 150px; inset-inline-start: -75px; position: absolute; top: -35px; transform: rotate(35deg); transition: all 1600ms cubic-bezier(0.19, 1, 0.22, 1); width: 40px; opacity: 0; } .sasup-hero-started-btn-4:hover { background-color: var(--clr-theme-2); color: var(--clr-common-white); } .sasup-hero-started-btn-4:hover::after { inset-inline-start: 120%; transition: all 1300ms cubic-bezier(0.19, 1, 0.22, 1); opacity: 0.25; } .sasup-featured-bordered-btn-4 { font-family: "Roboto", sans-serif; font-weight: 500; font-size: 15px; color: var(--clr-common-black); text-decoration: none; height: 46px; display: inline-block; border: 2px solid rgba(32, 27, 89, 0.1); line-height: 43px; border-radius: 6px; padding: 0 28px; position: relative; overflow: hidden; } .sasup-featured-bordered-btn-4::after { background-color: rgba(255, 255, 255, 0.76); content: ""; height: 150px; inset-inline-start: -75px; position: absolute; top: -35px; transform: rotate(35deg); transition: all 1600ms cubic-bezier(0.19, 1, 0.22, 1); width: 40px; opacity: 0; } .sasup-featured-bordered-btn-4 span { position: relative; z-index: 9; } .sasup-featured-bordered-btn-4:hover { background-color: var(--clr-theme-1); color: var(--clr-common-white); } .sasup-featured-bordered-btn-4:hover::after { inset-inline-start: 120%; transition: all 1300ms cubic-bezier(0.19, 1, 0.22, 1); opacity: 0.25; } .sasup-black-btn { background: #130F40 !important; } .sasup-transparent-btn2:hover { color: #130F40 !important; } .footer-bg-05 { background-color: rgb(17, 15, 42); } .sasup-copyright-text-4 { font-family: "Space Grotesk", sans-serif; font-weight: 600; font-size: 14px; line-height: 18px; color: #94999E; margin-bottom: 0; } .sasup-copyright-menu-link-4 a { font-family: "Space Grotesk", sans-serif; font-weight: 600; font-size: 14px; line-height: 22px; color: #94999E; text-decoration: none; margin-left: 36px; display: inline-block; } .sasup-copyright-menu-link-4 a:hover { color: var(--clr-theme-1); } .pt-300 { padding-top: 300px; } .sasup-footer-widget-contact-4 a i { margin-right: 4px; color: #FF785A; font-size: 14px; } .rtl .sasup-footer-widget-contact-4 a i { margin-right: 0; margin-left: 4px; } .sasup-footer-widget-4-2 { padding-left: 80px; } .sasup-footer-widget-4-3 { padding-left: 30px; } .sasup-cta-subtitle-4 { font-family: "Space Grotesk", sans-serif; font-weight: 300; font-size: 24px; letter-spacing: -0.04em; color: var(--clr-common-white); display: block; } .sasup-section-title-4 { font-family: "Space Grotesk", sans-serif; font-weight: 700; font-size: 46px; margin-bottom: 11px; letter-spacing: -0.04em; color: var(--clr-body-heading); line-height: 1.2; } .sasup-section-subtitle-4 { font-family: "Roboto", sans-serif; font-size: 18px; line-height: 28px; margin-bottom: 0; color: #4D5765; } .sasup-section-badge-4 { font-family: "Roboto", sans-serif; font-weight: 700; font-size: 14px; color: var(--clr-common-white); height: 30px; background: var(--clr-tertiary4); border-radius: 50px; display: inline-block; line-height: 30px; padding: 0 17px; } /about 04 / .sasup-about-dashbord-left-4 { display: flex; flex-wrap: wrap; align-items: flex-end; grid-column-gap: 25px; } .sasup-about-dashbord-left-4>* { flex: 0 0 auto; } @media (max-width: 767px) { .sasup-about-dashbord-left-4>* { max-width: 100%; } } .sasup-about-dashbord-avatar-4 { max-width: 115px; } .sasup-about-dashbord-avatar-4 img { -webkit-animation: hero-thumb-sm-2-animation 4s linear infinite alternate; -moz-animation: hero-thumb-sm-2-animation 4s linear infinite alternate; -o-animation: hero-thumb-sm-2-animation 4s linear infinite alternate; animation: hero-thumb-sm-2-animation 4s linear infinite alternate; } .sasup-about-dashbord-avatar-4-2 img { -webkit-animation: hero-thumb-animation 2s linear infinite alternate; -moz-animation: hero-thumb-animation 2s linear infinite alternate; -o-animation: hero-thumb-animation 2s linear infinite alternate; animation: hero-thumb-animation 2s linear infinite alternate; } .sasup-about-dashbord-right-4 p { font-size: 16px; line-height: 24px; } .sasup-sm-project-template-box-4 { overflow: hidden; background: var(--clr-common-white); box-shadow: 0px 1px 2px rgba(19, 15, 64, 0.1); border-radius: 6px; padding: 15px 25px; padding-right: 35px; } .sasup-sm-project-template-box-img-4 { max-width: 36px; position: relative; float: left; margin-right: 20px; } .rtl .sasup-sm-project-template-box-img-4 { float: right; margin-right: 0; margin-left: 20px; } .sasup-sm-project-template-box-icon-4 { position: absolute; inset-inline-end: -2px; bottom: -1px; display: inline-block; width: 16px; height: 16px; line-height: 16px; text-align: center; background: var(--clr-common-white); border-radius: 50%; box-shadow: 0px 6px 10px rgba(19, 15, 64, 0.1); } .sasup-sm-project-template-box-content-4 { overflow: hidden; } .sasup-sm-project-template-box-content-4 p { font-family: "Roboto", sans-serif; font-style: normal; font-weight: 400; font-size: 13px; margin-bottom: 0; line-height: 20px; color: #4D5765; } .sasup-sm-project-template-box-content-4 p span { color: var(--clr-body-heading); font-weight: 500; } .sasup-about-dashbord-service-single-4 { display: flex; align-items: center; grid-column-gap: 13px; position: relative; } @media (min-width: 768px) and (max-width: 991px) { .sasup-about-dashbord-service-single-4 { margin-bottom: 20px; } } @media (min-width: 992px) and (max-width: 1199px) { .sasup-about-dashbord-service-single-4 { margin-bottom: 20px; } } @media (max-width: 767px) { .sasup-about-dashbord-service-single-4 { margin-bottom: 20px; } } .sasup-about-dashbord-service-single-4>* { position: relative; z-index: 3; } .sasup-about-dashbord-service-single-4::before { position: absolute; inset-inline-start: 0; top: 50%; transform: translateY(-50%); width: 74px; height: 74px; border-radius: 100px; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; content: ""; box-shadow: 0px 2px 4px rgba(19, 15, 64, 0.1); background-color: var(--clr-common-white); } .sasup-about-dashbord-service-single-4:hover::before { width: 100%; } .sasup-about-dashbord-service-icon-4 { width: 74px; text-align: center; line-height: 74px; height: 74px; border-radius: 100px; } .sasup-about-dashbord-service-icon-4 img { max-width: 32.4px !important; } .sasup-about-dashbord-service-content-4 { margin-top: 5px; } .sasup-about-dashbord-service-title-4 { font-family: "Roboto", sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; color: #4D5765; margin-bottom: 0; } .sasup-about-dashbord-service-link-4 { font-family: "Roboto", sans-serif; font-weight: 500; font-size: 13px; text-align: center; text-decoration: none; color: var(--clr-body-heading); } .sasup-about-dashbord-service-link-4 i { vertical-align: middle; margin-left: 5px; } .rtl .sasup-about-dashbord-service-link-4 i { margin-left: 0; margin-right: 5px; transform: rotate(180deg); } .sasup-about-dashbord-service-link-4:hover { color: var(--clr-theme-1); } .sasup-about-dashbord-service-wrap-4 { border: 1px solid rgba(106, 85, 255, 0.1); border-radius: 100px; padding: 8px; } .sasup-about-dashbord-shape-wrap>* { position: absolute; } .sasup-about-dashbord-shape-wrap .shape-1 { top: 80px; inset-inline-start: 0; } .sasup-about-dashbord-shape-wrap .shape-1 img { -webkit-animation: hero-thumb-animation 2s linear infinite alternate; -moz-animation: hero-thumb-animation 2s linear infinite alternate; -o-animation: hero-thumb-animation 2s linear infinite alternate; animation: hero-thumb-animation 2s linear infinite alternate; } @media (max-width: 767px) { .sasup-about-dashbord-shape-wrap .shape-1 { display: none; } } .sasup-about-dashbord-shape-wrap .shape-2 { top: 20%; inset-inline-start: 15.5%; } .sasup-about-dashbord-shape-wrap .shape-2 img { -webkit-animation: services-triangle 7s linear infinite alternate; -moz-animation: services-triangle 7s linear infinite alternate; -o-animation: services-triangle 7s linear infinite alternate; animation: services-triangle 7s linear infinite alternate; } @media (max-width: 767px) { .sasup-about-dashbord-shape-wrap .shape-2 { display: none; } } .sasup-about-dashbord-shape-wrap .shape-3 { inset-inline-end: 9.8%; top: 42.5%; } .sasup-about-dashbord-shape-wrap .shape-3 img { -webkit-animation: hero-thumb-sm-animation 4s linear infinite alternate; -moz-animation: hero-thumb-sm-animation 4s linear infinite alternate; -o-animation: hero-thumb-sm-animation 4s linear infinite alternate; animation: hero-thumb-sm-animation 4s linear infinite alternate; } @media (max-width: 767px) { .sasup-about-dashbord-shape-wrap .shape-3 { display: none; } } .sasup-about-dashbord-shape-wrap .shape-4 { top: 0; inset-inline-end: 4%; } .sasup-about-dashbord-shape-wrap .shape-5 { inset-inline-end: 0; bottom: 15.5%; } .sasup-about-dashbord-shape-wrap .shape-5 img { -webkit-animation: hero-thumb-animation 2s linear infinite alternate; -moz-animation: hero-thumb-animation 2s linear infinite alternate; -o-animation: hero-thumb-animation 2s linear infinite alternate; animation: hero-thumb-animation 2s linear infinite alternate; } /blog/ .sasup-blog-box-meta-4 { border-top: 1px solid rgba(19, 15, 64, 0.08); padding-top: 15px; margin-top: 25px; margin-bottom: -9px; } .sasup-blog-box-meta-4 span { font-family: "Roboto", sans-serif; font-weight: 400; font-size: 14px; line-height: 16px; display: inline-block; color: #4D5765; } .sasup-blog-box-meta-4 span:not(:last-child) { margin-right: 20px; position: relative; } .sasup-blog-box-meta-4 span:not(:last-child)::after { position: absolute; inset-inline-end: -12px; top: 50%; transform: translateY(-50%); width: 1px; content: ""; background-color: #C4C4C4; height: 12px; } .sasup-blog-box-title-4 { font-family: "Space Grotesk", sans-serif; font-size: 22px; margin-bottom: 0; letter-spacing: -0.04em; color: var(--clr-body-heading); line-height: 1.3; } .sasup-blog-box-title-4 a { text-decoration: none; } .sasup-blog-box-title-4 a:hover { color: var(--clr-theme-1); } .sasup-blog-box-category-4 { display: inline-block; background: rgba(106, 85, 255, 0.08); border-radius: 4px; height: 25px; line-height: 25px; padding: 0 13px; font-family: "Roboto"; font-weight: 500; font-size: 13px; color: var(--clr-tertiary4); text-decoration: none; } .sasup-blog-box-category-4:hover { background-color: var(--clr-tertiary4); color: var(--clr-common-white); } .sasup-blog-box-4 { background: var(--clr-common-white); border: 1.5px solid rgba(19, 15, 64, 0.08); box-sizing: border-box; padding: 23px; border-radius: 10px; } .sasup-blog-box-img-4 { border-radius: 10px; overflow: hidden; } .sasup-blog-box-img-4 img { -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } .sasup-blog-box-img-4:hover img { transform: scale(1.1); } .sasup-cta-box-4 { border-radius: 10px; overflow: hidden; } /* updated css */ .sasup-sm-brand-single-4 { max-width: 110px; }

| ver. 1.4 | Github | . | PHP 8.1.34 | ��֧ߧ֧�ѧ�ڧ� ��ѧߧڧ��: 0 | proxy | phpinfo | ��ѧ��ۧܧ�