/** * 通用的 具体样式类 */ * {margin: 0;padding: 0;border: none;outline: none;-webkit-box-shadow: none;box-shadow: none; } body { color: var(--heading-color); font-size: 100%; font-family:Microsoft YaHei, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, SimSun, sans-serif; --primary-color: #275985; --success-color: #83B73E; --secondary-color: #eb940d; --heading-color: #252931; --base-color: #565960; --lighter-color: #f8fbff; --navyblue-color: #17233D; --border-color: rgba(1, 13, 9, 0.1); --bs-gutter-x:0.75rem; } hr{background-color:#999;} p{line-height: 1.8;} a { color: var(--base-color);cursor: pointer;outline: none;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;text-decoration: none; } a:hover, a:focus, a:visited { text-decoration: none; outline: none; } a:hover { color: var(--primary-color); } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: var(--heading-color); } ul, li { list-style: none; padding: 0; margin: 0; } img { max-width: 100%; display: inline-block; } mark { color: var(--primary-color); background: transparent; text-decoration: underline; } header:after, section:after, footer:after { display: block; clear: both; content: ""; } input, select, textarea, .nice-select, .form-control { width: 100%; height: auto; font-weight: 500; padding: 20px 30px; border-radius: 15px; background: var(--lighter-color); border: 1px solid var(--lighter-color); } input:focus, select:focus, textarea:focus, .nice-select:focus, .form-control:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; background: transparent; border-color: var(--border-color); } textarea { display: inherit; padding-top: 20px; } label { cursor: pointer; font-weight: 500; margin-bottom: 5px; color: var(--base-color); } .form-group { position: relative; margin-bottom: 15px; } input[type=search]::-ms-clear { display: none; width: 0; height: 0; } input[type=search]::-ms-reveal { display: none; width: 0; height: 0; } input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration { display: none; } input[type=checkbox], input[type=radio] { height: auto; width: auto; } .page-wrapper {position: relative;z-index: 9;width: 100%;margin: 0 auto;overflow: hidden;min-width: 300px;} @media only screen and (min-width: 1200px) { .container.container-1695 { max-width: 1725px; } .container.container-1660 { max-width: 1600px; } .container.container-1520 { max-width: 1550px; } .container.container-1500 { max-width: 1530px; } .container.container-1450 { max-width: 1480px; } .container.container-1370 { max-width: 1400px; } .container.container-1070 { max-width: 1200px; } } @media only screen and (min-width: 576px) { .container-fluid { padding-left: 25px; padding-right: 25px; } } @media only screen and (min-width: 1400px) { .container-fluid { padding-left: 70px; padding-right: 70px; } } /* gap */ .no-gap {--bs-gutter-x: 0; } @media only screen and (min-width: 1400px) { .gap-5 { --bs-gutter-x: 5px; } } @media only screen and (min-width: 1400px) { .gap-10 { --bs-gutter-x: 10px; } } @media only screen and (min-width: 1400px) { .gap-15 { --bs-gutter-x: 15px; } } @media only screen and (min-width: 1400px) { .gap-20 { --bs-gutter-x: 20px; } } @media only screen and (min-width: 1400px) { .gap-25 { --bs-gutter-x: 25px; } } @media only screen and (min-width: 1400px) { .gap-30 { --bs-gutter-x: 30px; } } @media only screen and (min-width: 1400px) { .gap-35 { --bs-gutter-x: 35px; } } @media only screen and (min-width: 1400px) { .gap-40 { --bs-gutter-x: 40px; } } @media only screen and (min-width: 1400px) { .gap-45 { --bs-gutter-x: 45px; } } @media only screen and (min-width: 1400px) { .gap-50 { --bs-gutter-x: 50px; } } @media only screen and (min-width: 1400px) { .gap-55 { --bs-gutter-x: 55px; } } @media only screen and (min-width: 1400px) { .gap-60 { --bs-gutter-x: 60px; } } @media only screen and (min-width: 1400px) { .gap-65 { --bs-gutter-x: 65px; } } @media only screen and (min-width: 1400px) { .gap-70 { --bs-gutter-x: 70px; } } @media only screen and (min-width: 1400px) { .gap-75 { --bs-gutter-x: 75px; } } @media only screen and (min-width: 1400px) { .gap-80 { --bs-gutter-x: 80px; } } @media only screen and (min-width: 1400px) { .gap-85 { --bs-gutter-x: 85px; } } @media only screen and (min-width: 1400px) { .gap-90 { --bs-gutter-x: 90px; } } @media only screen and (min-width: 1400px) { .gap-95 { --bs-gutter-x: 95px; } } @media only screen and (min-width: 1400px) { .gap-100 { --bs-gutter-x: 100px; } } @media only screen and (min-width: 1400px) { .gap-105 { --bs-gutter-x: 105px; } } @media only screen and (min-width: 1400px) { .gap-110 { --bs-gutter-x: 110px; } } @media only screen and (min-width: 1400px) { .gap-115 { --bs-gutter-x: 115px; } } @media only screen and (min-width: 1400px) { .gap-120 { --bs-gutter-x: 120px; } } @media only screen and (min-width: 1400px) { .gap-125 { --bs-gutter-x: 125px; } } @media only screen and (min-width: 1400px) { .gap-130 { --bs-gutter-x: 130px; } } @media only screen and (min-width: 1400px) { .gap-135 { --bs-gutter-x: 135px; } } @media only screen and (min-width: 1400px) { .gap-140 { --bs-gutter-x: 140px; } } @media only screen and (min-width: 1400px) { .gap-145 { --bs-gutter-x: 145px; } } @media only screen and (min-width: 1400px) { .gap-150 { --bs-gutter-x: 150px; } } @media only screen and (min-width: 1200px) { .row-cols-xl-7 > * { width: 14.2857%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } } @media only screen and (max-width: 375px) { .col-small { width: 100%; } } @media only screen and (min-width: 1200px) { html { font-size:14px} h1,.h1 { font-size:2.57rem} h3,.h3 { font-size:1.714rem} h4,.h4 { font-size:1.428rem} h5,.h5 { font-size:1.142rem} } @media only screen and (min-width: 375px) and (max-width:1199px) { html {font-size:13px} } /* 层级 */ .rel { position: relative; } .z-0 { z-index: 0; } .z-1 { z-index: 1; } .z-2 { z-index: 2; } .z-3 { z-index: 3; } .z-4 { z-index: 4; } .z-5 { z-index: 5; } .overlay { z-index: 1; position: relative; } .overlay::before { position: absolute; content: ""; width: 100%; height: 100%; z-index: -1; top: 0; left: 0; opacity: 0.25; background-color: black; } /* 背景 */ .bg-black { background-color: black; } .bgc-black { background-color: var(--heading-color); } .bgc-primary { background-color: var(--primary-color); } .bgc-lighter { background-color: var(--lighter-color); } .bgc-navyblue { background-color: var(--navyblue-color); } .bgc-success { background-color: var(--success-color); } /* 背景位置 */ .bgs-cover { background-size: cover; background-position: center; } .bgp-bottom { background-position: bottom; background-repeat: no-repeat; } .bgp-center { background-position: center; background-repeat: no-repeat; } /* 重置swiper-bundle-min内样式 */ .swiper-pagination-bullet-active{background: var(--primary-color);} .swiper-button-next, .swiper-button-prev{color: initial;} .swiper-button-next:hover, .swiper-button-prev:hover{color: var(--primary-color);} /* 重置fonticon图标 */ .iconfont{font-size: 14px;} /***********************************************************************************************************************************/ /***********************************************************************************************************************************/ /**************************************************以下为通用具体样式******************************************************************/ /***********************************************************************************************************************************/ /***********************************************************************************************************************************/ /************************************************************************************ 页面加载 */ .preloader {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 9999999;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;background-color: #010101;background-repeat: no-repeat;background-position: center center;} .preloader .custom-loader {width: 75px;height: 75px;border-radius: 50%;background-color: transparent;border: 2px solid var(--heading-color);border-top: 2px solid var(--primary-color);border-bottom: 2px solid var(--primary-color);-webkit-animation: 1s preloader linear infinite;animation: 1s preloader linear infinite;} /************************************************************************************ 分页 */ .pagination {-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-left: -7px;margin-right: -7px;} .pagination li { margin: 14px 7px 0; width:45px; height: 45px; } .pagination li a, .pagination li .page-link {padding: 0;width: 100%;height: 100%;font-size: 20px;-webkit-box-shadow: none;box-shadow: none;font-weight: 500;line-height: 43px;border-radius: 50%;text-align: center;color: var(--base-color);background: transparent;border: 1px solid var(--border-color);} .pagination li.disabled{background: #ebedef !important;cursor: not-allowed !important;border-radius: 50%;} .pagination li.disabled .page-link, .pagination li:last-child .page-link {border-radius: 50%;background: transparent;border: 1px solid var(--border-color);} .pagination li.active .page-link, .pagination li:hover:not(.disabled) .page-link {color: white;background: var(--primary-color);border-color: var(--primary-color);} @media only screen and (max-width: 575px) { .pagination li { width:36px; height: 36px; } .pagination li a, .pagination li .page-link {line-height: 34px;} } /************************************************************************************ Rating */ .ratting {line-height: 1;-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex; } .ratting i {margin: 5px;font-size: 18px;color: var(--primary-color); } .slider-arrow .slick-arrow {border: 1px solid var(--border-color); } .slider-arrow .slick-arrow:not(:last-child) {margin-right: 5px; } .slider-arrow .slick-arrow:focus, .slider-arrow .slick-arrow:hover {color: white;background: var(--primary-color);border-color: var(--primary-color);} /************************************************************************************ Slick Dots */ .slick-dots {-ms-flex-wrap: wrap;flex-wrap: wrap;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; } .slick-dots li {position: relative;cursor: pointer;width: 5px;height: 5px;-webkit-transition: 0.5s;transition: 0.5s;margin: 0 10px;border-radius: 50%;background: #ffffff; } .slick-dots li button {opacity: 0; } .slick-dots li:after {content: '';position: absolute;left: -5px;top: -5px;width: 15px;height: 15px;border-radius: 50%;border: 1px solid transparent;-webkit-transition: .5s;transition: .5s;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0); } .slick-dots li.slick-active:after {border-color:#ffffff;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1); } .text-white .slick-dots li {opacity: 0.3;background: white; } .text-white .slick-dots li.slick-active {opacity: 1; } .text-white .slick-dots li.slick-active:after {border-color: white; } /************************************************************************************ Scroll Top style */ .scroll-top {position: fixed;bottom: 25px;right: 0;width: 40px;height: 40px;z-index: 99;display: none;font-size: 16px;cursor: pointer;line-height: 44px;background: var(--primary-color);-webkit-animation: pulse 2s infinite;animation: pulse 2s infinite; } /************************************************************************************ BG Lines */ .bg-lines span { top: 0; z-index: -1; width: 1px; height: 100%; position: absolute; -webkit-animation: leftRightOne 18s infinite; animation: leftRightOne 18s infinite; background: rgba(16, 24, 40, 0.07); } .bg-lines span:nth-child(1) { left: 20%; } .bg-lines span:nth-child(2) { left: 40%; } .bg-lines span:nth-child(3) { left: 60%; } .bg-lines span:nth-child(4) { left: 80%; } .bg-lines span:nth-child(5) { left: 100%; } .bg-lines span:nth-child(6) { left: 120%; } .bg-lines span:nth-child(7) { left: 140%; } .bg-lines span:nth-child(8) { left: 160%; } .bg-lines span:nth-child(9) { left: 180%; } .bg-lines.line-white span { background: rgba(255, 255, 255, 0.07); } /************************************************************************************ color */ .color-one { --primary-color: #396154; } .color-two { --primary-color: #FEC458; } .color-three { --primary-color: #8F00FF; } .color-four { --primary-color: #FF008A; } .color-five { --primary-color: #03B67C; } .color-six { --primary-color: #FF4D12; } .color-seven { --primary-color: #5652CC; } .color-eight { --primary-color: #3157EF; } .color-nine { --primary-color: #362E94; } .color-ten { --primary-color: #2196F3; } /* For Home Two */ .home-two { --primary-color: #0095FF; } .home-two .section-title p { font-weight: 500; } @media only screen and (min-width: 576px) { .home-two .section-title p { font-size: 20px; } } /* For Home Three */ .home-three {--primary-color: #F85C3A;--navyblue-color: #324438;--lighter-color: #F4F1E7; } .home-three .subtitle-one {-webkit-box-shadow: none;box-shadow: none;background: rgba(248, 92, 58, 0.16); } .home-three .text-white .subtitle-one {color: white;background: rgba(255, 255, 255, 0.15); } /* For Home Four */ .home-four {--primary-color: #B966E7;--secondary-color: #3157EF; } .home-four .theme-btn.style-two {background: -webkit-linear-gradient(356deg, var(--primary-color) 13.66%, var(--secondary-color) 81.89%);background: linear-gradient(94deg, var(--primary-color) 13.66%, var(--secondary-color) 81.89%); } .home-four .footer-bottom .scroll-top {color: white;background: var(--primary-color); } .home-four .newsletter-form.style-two button {background: -webkit-linear-gradient(356deg, #B065E7 13.66%, #3157EF 81.89%);background: linear-gradient(94deg, #B065E7 13.66%, #3157EF 81.89%); } /* For Home Five */ .home-five {--primary-color: #08C16A;--lighter-color: #E7F9F1; } .home-five .section-title h4 span {color: white;padding: 0 5px;border-radius: 5px;background: var(--primary-color); } .home-five .subtitle-one.style-two {-webkit-box-shadow: none;box-shadow: none;background: rgba(8, 193, 106, 0.1); } .home-five .subtitle-one.style-three {color: white;background: var(--primary-color); } /* For Home Six */ .home-six {--lighter-color: #FFFCEF;--primary-color: #464EE2;--navyblue-color: #151F39; } .home-six .subtitle-one {border: 1px solid var(--border-color); } .home-six .scroll-top {color: white;border: 1px solid;line-height: 38px; } /* For Home Seven */ .home-seven {--lighter-color: #FFFCEF;--primary-color: #15CF92; } .home-seven .theme-btn:not(:hover) {color: var(--heading-color); } .home-seven .theme-btn.style-three {color: rgba(255, 255, 255, 0.65); } .home-seven .theme-btn.style-three:hover {color: var(--heading-color); } .home-seven .bgc-black {background: #010D09; } /* For Home Eight */ .home-eight {--primary-color: #FF8100;--lighter-color: #EFEEE8;--secondary-color: #EB001B; } .home-eight .theme-btn {background-image: -webkit-gradient(linear, left bottom, left top, color-stop(50%, var(--primary-color)), color-stop(50%, var(--secondary-color)));background-image: -webkit-linear-gradient(bottom, var(--primary-color) 50%, var(--secondary-color) 50%);background-image: linear-gradient(to top, var(--primary-color) 50%, var(--secondary-color) 50%); } .home-eight .theme-btn:not(:hover) {color: var(--heading-color); } .home-eight .theme-btn.style-two {color: white;background-image: -webkit-gradient(linear, right top, left top, color-stop(50%, var(--secondary-color)), color-stop(50%, var(--primary-color)));background-image: -webkit-linear-gradient(right, var(--secondary-color) 50%, var(--primary-color) 50%);background-image: linear-gradient(to left, var(--secondary-color) 50%, var(--primary-color) 50%); } .home-eight .iconic-box.style-eight:hover {background: var(--secondary-color); } /***************** ## Custom Animation ****************/ /* Animation Delay */ .delay-1-0s { -webkit-animation-delay: 1s; animation-delay: 1s; } .delay-2-0s { -webkit-animation-delay: 2s; animation-delay: 2s; } .delay-0-1s { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .delay-0-2s { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .delay-0-3s { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .delay-0-4s { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .delay-0-5s { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .delay-0-6s { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .delay-0-7s { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } .delay-0-8s { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } .delay-0-9s { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } .delay-1-1s { -webkit-animation-delay: 1.1s; animation-delay: 1.1s; } .delay-1-2s { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; } .delay-1-3s { -webkit-animation-delay: 1.3s; animation-delay: 1.3s; } .delay-1-4s { -webkit-animation-delay: 1.4s; animation-delay: 1.4s; } .delay-1-5s { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; } .delay-1-6s { -webkit-animation-delay: 1.6s; animation-delay: 1.6s; } .delay-1-7s { -webkit-animation-delay: 1.7s; animation-delay: 1.7s; } .delay-1-8s { -webkit-animation-delay: 1.8s; animation-delay: 1.8s; } .delay-1-9s { -webkit-animation-delay: 1.9s; animation-delay: 1.9s; } @-webkit-keyframes toggler { 0%, 10% {background-position: 0 0, 0 calc(100%/3); } 50% {background-position: 0 0, calc(100%/3) calc(100%/3); } 90%, 100% {background-position: 0 0, calc(100%/3) 0; } } @keyframes toggler { 0%, 10% {background-position: 0 0, 0 calc(100%/3); } 50% {background-position: 0 0, calc(100%/3) calc(100%/3); } 90%, 100% {background-position: 0 0, calc(100%/3) 0; } } /* Menu Sticky */ @-webkit-keyframes sticky { 0% {top: -100px; } 100% {top: 0; } } @keyframes sticky { 0% {top: -100px; } 100% {top: 0; } } /* Rotated Circle */ @-webkit-keyframes rotated_circle { 0% {-webkit-transform: rotate(0deg);transform: rotate(0deg); } 100% {-webkit-transform: rotate(-360deg);transform: rotate(-360deg); } } @keyframes rotated_circle { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); }} /* Rotated Circle reverse */ @-webkit-keyframes rotated_circle_reverse { 0% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes rotated_circle_reverse { 0% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } /* Rotated Man */ @-webkit-keyframes semi_rotated { 0%, 100% {-webkit-transform: rotate(8deg);transform: rotate(8deg); } 50% {-webkit-transform: rotate(-8deg);transform: rotate(-8deg); } } @keyframes semi_rotated { 0%, 100% {-webkit-transform: rotate(8deg);transform: rotate(8deg); } 50% {-webkit-transform: rotate(-8deg);transform: rotate(-8deg); } } /* BG Shape Rotated */ @-webkit-keyframes semi_rotated_two { 0%, 100% {-webkit-transform: rotate(-30deg);transform: rotate(-30deg); } 50% {-webkit-transform: rotate(30deg);transform: rotate(30deg); } } @keyframes semi_rotated_two { 0%, 100% {-webkit-transform: rotate(-30deg);transform: rotate(-30deg); } 50% {-webkit-transform: rotate(30deg);transform: rotate(30deg); } } @-webkit-keyframes move_arround { 0% {top: 20px;left: 20px; } 25% {top: 20px;left: -20px; } 50% {top: -20px;left: -20px; } 75% {top: -20px;left: 20px; } 100% {top: 20px;left: 20px; } } @keyframes move_arround { 0% {top: 20px;left: 20px; } 25% {top: 20px;left: -20px; } 50% {top: -20px;left: -20px; } 75% {top: -20px;left: 20px; } 100% {top: 20px;left: 20px; } } /* Hero Circle */ @-webkit-keyframes upDownLeft { 0%, 100% {-webkit-transform: translate(0px, 0px);transform: translate(0px, 0px); } 25%, 75% {-webkit-transform: translate(0px, 50px);transform: translate(0px, 50px); } 50% {-webkit-transform: translate(-50px, 50px);transform: translate(-50px, 50px); } } @keyframes upDownLeft { 0%, 100% {-webkit-transform: translate(0px, 0px);transform: translate(0px, 0px); } 25%, 75% {-webkit-transform: translate(0px, 50px);transform: translate(0px, 50px); } 50% {-webkit-transform: translate(-50px, 50px);transform: translate(-50px, 50px); } } @-webkit-keyframes shapeAnimationOne { 0% {-webkit-transform: translate(0px, 0px) rotate(0deg);transform: translate(0px, 0px) rotate(0deg); } 25% {-webkit-transform: translate(0px, 150px) rotate(90deg);transform: translate(0px, 150px) rotate(90deg); } 50% {-webkit-transform: translate(150px, 150px) rotate(180deg);transform: translate(150px, 150px) rotate(180deg); } 75% {-webkit-transform: translate(150px, 0px) rotate(270deg);transform: translate(150px, 0px) rotate(270deg); } 100% {-webkit-transform: translate(0px, 0px) rotate(360deg);transform: translate(0px, 0px) rotate(360deg); } } @keyframes shapeAnimationOne { 0% {-webkit-transform: translate(0px, 0px) rotate(0deg);transform: translate(0px, 0px) rotate(0deg); } 25% {-webkit-transform: translate(0px, 150px) rotate(90deg);transform: translate(0px, 150px) rotate(90deg); } 50% {-webkit-transform: translate(150px, 150px) rotate(180deg);transform: translate(150px, 150px) rotate(180deg); } 75% {-webkit-transform: translate(150px, 0px) rotate(270deg);transform: translate(150px, 0px) rotate(270deg); } 100% {-webkit-transform: translate(0px, 0px) rotate(360deg);transform: translate(0px, 0px) rotate(360deg); } } @-webkit-keyframes shapeAnimationTwo { 0% {-webkit-transform: translate(0px, 0px) rotate(0deg);transform: translate(0px, 0px) rotate(0deg); } 25% {-webkit-transform: translate(-150px, 0px) rotate(270deg);transform: translate(-150px, 0px) rotate(270deg); } 50% {-webkit-transform: translate(-150px, 150px) rotate(180deg);transform: translate(-150px, 150px) rotate(180deg); } 75% {-webkit-transform: translate(0px, 150px) rotate(90deg);transform: translate(0px, 150px) rotate(90deg); } 100% {-webkit-transform: translate(0px, 0px) rotate(360deg);transform: translate(0px, 0px) rotate(360deg); } } @keyframes shapeAnimationTwo { 0% {-webkit-transform: translate(0px, 0px) rotate(0deg);transform: translate(0px, 0px) rotate(0deg); } 25% {-webkit-transform: translate(-150px, 0px) rotate(270deg);transform: translate(-150px, 0px) rotate(270deg); } 50% {-webkit-transform: translate(-150px, 150px) rotate(180deg);transform: translate(-150px, 150px) rotate(180deg); } 75% {-webkit-transform: translate(0px, 150px) rotate(90deg);transform: translate(0px, 150px) rotate(90deg); } 100% {-webkit-transform: translate(0px, 0px) rotate(360deg);transform: translate(0px, 0px) rotate(360deg); } } @-webkit-keyframes shapeAnimationThree { 0% {-webkit-transform: translate(0px, 0px) rotate(0deg);transform: translate(0px, 0px) rotate(0deg); } 25% {-webkit-transform: translate(50px, 150px) rotate(90deg);transform: translate(50px, 150px) rotate(90deg); } 50% {-webkit-transform: translate(150px, 150px) rotate(180deg);transform: translate(150px, 150px) rotate(180deg); } 75% {-webkit-transform: translate(150px, 50px) rotate(270deg);transform: translate(150px, 50px) rotate(270deg); } 100% {-webkit-transform: translate(0px, 0px) rotate(360deg);transform: translate(0px, 0px) rotate(360deg); } } @keyframes shapeAnimationThree { 0% {-webkit-transform: translate(0px, 0px) rotate(0deg);transform: translate(0px, 0px) rotate(0deg); } 25% {-webkit-transform: translate(50px, 150px) rotate(90deg);transform: translate(50px, 150px) rotate(90deg); } 50% {-webkit-transform: translate(150px, 150px) rotate(180deg);transform: translate(150px, 150px) rotate(180deg); } 75% {-webkit-transform: translate(150px, 50px) rotate(270deg);transform: translate(150px, 50px) rotate(270deg); } 100% {-webkit-transform: translate(0px, 0px) rotate(360deg);transform: translate(0px, 0px) rotate(360deg); } } @-webkit-keyframes shapeAnimationFour { 0% {-webkit-transform: translate(0px, 0px) rotate(0deg);transform: translate(0px, 0px) rotate(0deg); } 25% {-webkit-transform: translate(-150px -50px) rotate(90deg);transform: translate(-150px -50px) rotate(90deg); } 50% {-webkit-transform: translate(-150px, -150px) rotate(180deg);transform: translate(-150px, -150px) rotate(180deg); } 75% {-webkit-transform: translate(-50px, -150px) rotate(270deg);transform: translate(-50px, -150px) rotate(270deg); } 100% {-webkit-transform: translate(0px, 0px) rotate(360deg);transform: translate(0px, 0px) rotate(360deg); } } @keyframes shapeAnimationFour { 0% {-webkit-transform: translate(0px, 0px) rotate(0deg);transform: translate(0px, 0px) rotate(0deg); } 25% {-webkit-transform: translate(-150px -50px) rotate(90deg);transform: translate(-150px -50px) rotate(90deg); } 50% {-webkit-transform: translate(-150px, -150px) rotate(180deg);transform: translate(-150px, -150px) rotate(180deg); } 75% {-webkit-transform: translate(-50px, -150px) rotate(270deg);transform: translate(-50px, -150px) rotate(270deg); } 100% {-webkit-transform: translate(0px, 0px) rotate(360deg);transform: translate(0px, 0px) rotate(360deg); } } @-webkit-keyframes shapeAnimationFive { 0% {-webkit-transform: translate(0px, 0px) rotate(0deg);transform: translate(0px, 0px) rotate(0deg); } 25% {-webkit-transform: translate(-100px -100px) rotate(90deg);transform: translate(-100px -100px) rotate(90deg); } 50% {-webkit-transform: translate(100px, 50px) rotate(180deg);transform: translate(100px, 50px) rotate(180deg); } 75% {-webkit-transform: translate(-100px, 150px) rotate(270deg);transform: translate(-100px, 150px) rotate(270deg); } 100% {-webkit-transform: translate(0px, 0px) rotate(360deg);transform: translate(0px, 0px) rotate(360deg); } } @keyframes shapeAnimationFive { 0% {-webkit-transform: translate(0px, 0px) rotate(0deg);transform: translate(0px, 0px) rotate(0deg); } 25% {-webkit-transform: translate(-100px -100px) rotate(90deg);transform: translate(-100px -100px) rotate(90deg); } 50% {-webkit-transform: translate(100px, 50px) rotate(180deg);transform: translate(100px, 50px) rotate(180deg); } 75% {-webkit-transform: translate(-100px, 150px) rotate(270deg);transform: translate(-100px, 150px) rotate(270deg); } 100% {-webkit-transform: translate(0px, 0px) rotate(360deg);transform: translate(0px, 0px) rotate(360deg); } } @-webkit-keyframes down-up-one { 0% {-webkit-transform: rotateX(0deg) translateY(0px);transform: rotateX(0deg) translateY(0px); } 50% {-webkit-transform: rotateX(0deg) translateY(25px);transform: rotateX(0deg) translateY(25px); } 100% {-webkit-transform: rotateX(0deg) translateY(0px);transform: rotateX(0deg) translateY(0px); } } @keyframes down-up-one { 0% {-webkit-transform: rotateX(0deg) translateY(0px);transform: rotateX(0deg) translateY(0px); } 50% {-webkit-transform: rotateX(0deg) translateY(25px);transform: rotateX(0deg) translateY(25px); } 100% {-webkit-transform: rotateX(0deg) translateY(0px);transform: rotateX(0deg) translateY(0px); } } @-webkit-keyframes down-up-two { 0% {-webkit-transform: rotateX(0deg) translate(0px);transform: rotateX(0deg) translate(0px); } 50% {-webkit-transform: rotateX(0deg) translate(0, -25px);transform: rotateX(0deg) translate(0, -25px); } 100% {-webkit-transform: rotateX(0deg) translate(0px);transform: rotateX(0deg) translate(0px); } } @keyframes down-up-two { 0% {-webkit-transform: rotateX(0deg) translate(0px);transform: rotateX(0deg) translate(0px); } 50% {-webkit-transform: rotateX(0deg) translate(0, -25px);transform: rotateX(0deg) translate(0, -25px); } 100% {-webkit-transform: rotateX(0deg) translate(0px);transform: rotateX(0deg) translate(0px); } } @-webkit-keyframes leftRightOne { 0%, 100% {-webkit-transform: translateX(0);transform: translateX(0); } 50% {-webkit-transform: translateX(50px);transform: translateX(50px); } } @keyframes leftRightOne { 0%, 100% {-webkit-transform: translateX(0);transform: translateX(0); } 50% {-webkit-transform: translateX(50px);transform: translateX(50px); } } @-webkit-keyframes leftRightTwo { 0%, 100% {-webkit-transform: translateX(0);transform: translateX(0); } 50% {-webkit-transform: translateX(-50px);transform: translateX(-50px); } } @keyframes leftRightTwo { 0%, 100% {-webkit-transform: translateX(0);transform: translateX(0); } 50% {-webkit-transform: translateX(-50px);transform: translateX(-50px); } } @-webkit-keyframes zoomInOut { 0%, 100% {-webkit-transform: scale(1);transform: scale(1); } 50% {-webkit-transform: scale(0.5);transform: scale(0.5); } } @keyframes zoomInOut { 0%, 100% {-webkit-transform: scale(1);transform: scale(1); } 50% {-webkit-transform: scale(0.5);transform: scale(0.5); } } /* Preloader */ @-webkit-keyframes preloader { from {-webkit-transform: rotate(0deg);transform: rotate(0deg); } to {-webkit-transform: rotate(360deg);transform: rotate(360deg); } } @keyframes preloader { from {-webkit-transform: rotate(0deg);transform: rotate(0deg); } to {-webkit-transform: rotate(360deg);transform: rotate(360deg); } } /* Headline */ @-webkit-keyframes marquee { 100% {-webkit-transform: translate(-100%, 0);transform: translate(-100%, 0); } } @keyframes marquee { 100% {-webkit-transform: translate(-100%, 0);transform: translate(-100%, 0); } } @-webkit-keyframes marquee_right { from {-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0); } to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); } } @keyframes marquee_right { from {-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0); } to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); } } @-webkit-keyframes marquee_left { from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); } to {-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0); } } @keyframes marquee_left { from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); } to {-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0); } } @-webkit-keyframes pulse { to {-webkit-box-shadow: 0 0 0 35px rgba(255, 255, 255, 0);box-shadow: 0 0 0 35px rgba(255, 255, 255, 0); } } @keyframes pulse { to {-webkit-box-shadow: 0 0 0 35px rgba(255, 255, 255, 0);box-shadow: 0 0 0 35px rgba(255, 255, 255, 0); } } /************************************************************************************ 按钮组 */ .theme-btn, a.theme-btn {color: white;cursor: pointer;-webkit-transition: 0.3s;transition: 0.3s;font-size: 1.142rem;text-align: center;padding: .45rem 1.25rem;-webkit-box-align: center;-ms-flex-align: center;align-items: center;border-radius:2em;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;text-transform: capitalize;background-size: 202% 202%;background-position: 100% 100%;background-image: -webkit-gradient(linear, right top, left top, color-stop(50%, var(--primary-color)), color-stop(50%, var(--heading-color)));background-image: -webkit-linear-gradient(right, var(--primary-color) 50%, var(--heading-color) 50%);background-image: linear-gradient(to left, var(--primary-color) 50%, var(--heading-color) 50%); } .theme-btn i, a.theme-btn i {margin-left: 8px;font-size: 1em;} .theme-btn i.icon-left, a.theme-btn i.icon-left {margin-right: 8px; margin-left:0px;} .theme-btn:hover, a.theme-btn:hover { background-position: 0 0; } .theme-btn.style-two, a.theme-btn.style-two {background-image: -webkit-gradient(linear, right top, left top, color-stop(50%, var(--navyblue-color)), color-stop(50%, var(--primary-color)));background-image: -webkit-linear-gradient(right, var(--navyblue-color) 50%, var(--primary-color) 50%);background-image: linear-gradient(to left, var(--navyblue-color) 50%, var(--primary-color) 50%); } .theme-btn.style-three, a.theme-btn.style-three {color: var(--primary-color);background-image: -webkit-gradient(linear, right top, left top, color-stop(50%, white), color-stop(50%, var(--primary-color)));background-image: -webkit-linear-gradient(right, white 50%, var(--primary-color) 50%);background-image: linear-gradient(to left, white 50%, var(--navyblue-color) 50%); } .theme-btn.style-three:hover, a.theme-btn.style-three:hover{color: white; } .theme-btn.style-four, a.theme-btn.style-four {color: var(--primary-color);border: 1px solid var(--primary-color);background-image: -webkit-gradient(linear, right top, left top, color-stop(50%, transparent), color-stop(50%, var(--primary-color)));background-image: -webkit-linear-gradient(right, transparent 50%, var(--primary-color) 50%);background-image: linear-gradient(to left, transparent 50%, var(--primary-color) 50%); } .theme-btn.style-four:hover, a.theme-btn.style-four:hover {color: white; } .theme-btn.style-five, a.theme-btn.style-five {border: 2px solid black;color: black;padding: 0 0.277rem;background-image: -webkit-gradient(linear, right top, left top, color-stop(50%, transparent), color-stop(50%, var(--primary-color)));background-image: -webkit-linear-gradient(right, transparent 50%, var(--primary-color) 50%);background-image: linear-gradient(to left, transparent 50%, var(--primary-color) 50%);} .theme-btn.style-five:hover, a.theme-btn.style-five:hover {color: white; } @media(max-width: 991px) {.theme-btn.style-five .px-5{padding-left: 1rem !important;padding-right: 1rem !important;}} .theme-btn.style-six, a.theme-btn.style-six {border: 2px solid white;color: white;padding: 0 0.277rem;background-image: -webkit-gradient(linear, right top, left top, color-stop(50%, transparent), color-stop(50%, var(--primary-color)));background-image: -webkit-linear-gradient(right, transparent 50%, var(--primary-color) 50%);background-image: linear-gradient(to left, transparent 50%, var(--primary-color) 50%);} .theme-btn.style-six:hover, a.theme-btn.style-six:hover {color: white; } @media(max-width: 991px) {.theme-btn.style-six .px-5{padding-left: 1rem !important;padding-right: 1rem !important;}} /* Details Btn */ .details-btn {width: 55px;height: 55px;font-size: 20px;line-height: 55px;text-align: center;border-radius: 50%;display: inline-block;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);border: 1px solid var(--border-color); } .details-btn:hover {color: white;background: var(--heading-color); } /* Read More */ .read-more {-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;text-transform: capitalize; } .read-more i {-webkit-transition: 0.5s;transition: 0.5s;margin-left: 8px; } .read-more:hover {color: var(--primary-color); } /* Read More Two */ .read-more-two {color: white;font-weight: 500;-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;letter-spacing: 2px;text-transform: uppercase; } .read-more-two img {margin-left: 22px; } /************************************************************************************ Section Title */ .subtitle-one {background: white;padding: 7px 25px;border-radius: 2em;-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;color: var(--primary-color);text-transform: capitalize;-webkit-box-shadow: 0px 5px 30px rgba(21, 207, 146, 0.1);box-shadow: 0px 5px 30px rgba(21, 207, 146, 0.1); } @media only screen and (min-width: 480px) { .subtitle-one {font-size: 18px; } } .subtitle-one i {margin-right: 12px; } @media only screen and (max-width: 375px) { .subtitle-one i {display: none; } } .subtitle-two {font-weight: 700;display: inline-block;background: -webkit-gradient(linear, left top, right top, color-stop(38.73%, #AF65E8), to(#3157EF));background: -webkit-linear-gradient(left, #AF65E8 38.73%, #3157EF 100%);background: linear-gradient(90deg, #AF65E8 38.73%, #3157EF 100%);-webkit-text-fill-color: transparent;-webkit-background-clip: text;background-clip: text; } @media only screen and (min-width: 576px) { .subtitle-two {font-size: 22px; } } .subtitle-two i {margin-right: 5px; } .subtitle-three {font-size: 18px;font-weight: 600;display: inline-block;color: var(--primary-color); } .section-title {position: relative; } .section-title h2 {letter-spacing: 1px; } .section-title h2 span {color: var(--primary-color);background-image: url(../image/title-shape.png);background-position: center bottom;background-repeat: no-repeat;background-size: 100%;padding: 0 15px 15px;margin: 0 -15px; } .section-title h4 span {color: var(--primary-color); } .section-title.text-white h2 span {color: var(--secondary-color); background-image: url(../image/title-shape-for-white.png); } /************************************************************************************ Iconic Box */ .iconic-box{z-index:1;overflow:hidden;-webkit-transition:.5s;transition:.5s;background:#fff;position:relative;margin-bottom:20px;border-radius:15px;padding:20px 25px 20px;} .iconic-box .icon{z-index:1;line-height:1;font-size:65px;-webkit-transition:.5s;transition:.5s;position:relative;margin-bottom:2.5rem;color:var(--primary-color)} .iconic-box .icon:after{content:'';width:80px;height:80px;z-index:-1;position:absolute;left:5px;top:10px;-webkit-transition:.5s;transition:.5s;border-radius:50%;-webkit-transition-delay:.2s;transition-delay:.2s;background:var(--lighter-color)} .iconic-box .icon img{width:5rem} .iconic-box .content h4{margin-bottom:10px; font-weight: 400;} .iconic-box .content p{ text-indent: 0;} .iconic-box .content hr{margin-top:30px;margin-bottom:20px} .iconic-box .content .read-more{margin-top:8px} .iconic-box .bg{z-index:-1;position:absolute;right:-20px;top:-20px;max-width:60%;-webkit-transition:.5s;transition:.5s} /*.iconic-box:hover {background: var(--primary-color); } .iconic-box:hover .icon, .iconic-box:hover .read-more, .iconic-box:hover .content p, .iconic-box:hover .content h5{color: white; } */ .iconic-box:hover .icon:after {background: rgba(255, 255, 255, 0.1); } .iconic-box:hover hr {opacity: 0.15;background: white; } .iconic-box:hover .bg {top: 0; right: 0;} .iconic-box.style-two{-webkit-box-shadow:0 10px 30px rgba(0, 85, 255, 0.15);box-shadow:0 10px 30px rgba(0, 85, 255, 0.15)} .iconic-box.style-two .icon{color:#fff} .iconic-box.style-two .icon:after{background:rgba(255,255,255,.05)} /* .iconic-box.style-two h4{margin-bottom:1rem} */ .iconic-box.style-two:hover {background: var(--primary-color); } .iconic-box.style-two:hover .content p, .iconic-box.style-two:hover .content h4{color: white; } .iconic-box.style-three{padding:30px 40px 18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)} @media only screen and (max-width:375px){.iconic-box.style-three{padding-left:33px;padding-right:33px}} .iconic-box.style-three .icon{margin-bottom:20px} .iconic-box.style-three .icon:after{display:none} .iconic-box.style-three h5{margin-bottom:18px} .iconic-box.style-three h5 a{color:#fff} .iconic-box.style-three p{font-size:16px;font-weight:400;color:rgba(255,255,255,.55)} .iconic-box.style-three .bg{top:25px;right:30px} .iconic-box.style-three:hover p{color:rgba(255,255,255,.55)} .iconic-box.style-four{ text-align:center; -webkit-box-shadow:0 10px 30px rgba(155,155,155,.1);box-shadow:0 10px 30px rgba(155,155,155,.1)} .iconic-box.style-four .icon{width:70px;height:70px;font-size:28px;line-height:70px;text-align:center;margin:0 auto 30px;color:var(--primary-color)} .iconic-box.style-four .icon:after{top:0;left:0;width:100%;height:100%;opacity:.1;background:var(--primary-color)} .iconic-box.style-four:hover .icon{color:#fff} .iconic-box.style-four:hover .icon:after{opacity:1} .iconic-box.style-five{padding:25px; background-image: linear-gradient(0deg, #fff, #f3f5f8); border: 2px solid #fff; box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1), -8px -8px 20px 0 #fff;border-radius: 4px; } .iconic-box.style-five .icon{font-size:55px; color:var(--primary-color); margin-bottom: 0;} .iconic-box.style-five .icon:after{display:none} .iconic-box.style-five p{min-height: 3.5rem; margin-bottom: 0;} .iconic-box.style-five:hover{border-color:#fff;-webkit-box-shadow:0 10px 60px rgba(0,0,0,.1);box-shadow:0 10px 60px rgba(0,0,0,.1)} .iconic-box.style-six{background:linear-gradient(180deg, #FFFFFF 0%, #F3F6FA 100%); border:1px solid var(--border-color)} .iconic-box.style-six .icon{font-size:55px;margin-bottom:25px;color:var(--secondary-color)} .iconic-box.style-six .icon:after{display:none} .iconic-box.style-six:hover{background:#fff;border-color:#fff;-webkit-box-shadow:0 10px 60px rgba(0,0,0,.1);box-shadow:0 10px 60px rgba(0,0,0,.1)} .iconic-box.style-six:hover .content p, .iconic-box.style-six:hover .content h5{color: inherit; } /* .iconic-box.style-six:hover h5 a{text-decoration:underline} .iconic-box.style-six:hover p{color:var(--base-color)} */ .iconic-box.style-seven{padding:25px 40px 15px;background:0 0} @media only screen and (max-width:375px){ .iconic-box.style-seven{padding-left:30px;padding-right:30px} } .iconic-box.style-seven:after{position:absolute;left:0;top:0;content:'';width:100%;height:100%;z-index:-1;opacity:.05;background:var(--primary-color)} .iconic-box.style-seven .icon{width:60px;height:60px;color:#fff;font-size:30px;line-height:60px;text-align:center;border-radius:12px;margin-bottom:20px;background:var(--primary-color);-webkit-box-shadow:0 0 30px 0 rgba(0,0,0,.2);box-shadow:0 0 30px 0 rgba(0,0,0,.2)} .iconic-box.style-seven .icon:after{display:none} .iconic-box.style-seven .icon-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:15px} .iconic-box.style-seven .icon-title i{-webkit-box-flex:0;-ms-flex:none;flex:none;font-size:20px;margin-right:15px;width:50px;height:50px;background:#fff;line-height:50px;border-radius:50%;text-align:center;color:var(--primary-color)} .iconic-box.style-seven .icon-title h4{margin-bottom:0} .iconic-box.style-seven h4{margin-bottom:10px} .iconic-box.style-seven p{height:3.6rem} .iconic-box.style-seven .bg{top:auto;right:-20px;bottom:-20px} .iconic-box.style-seven:hover{background:var(--primary-color)} .iconic-box.style-seven:hover .content p, .iconic-box.style-seven:hover h4{color: white; } .iconic-box.style-seven:hover .bg{right:0;bottom:0} .iconic-box.style-seven.border{padding-top:30px;padding-bottom:10px} .iconic-box.style-eight{background:var(--lighter-color);padding:35px 40px 15px} @media only screen and (max-width:375px){ .iconic-box.style-eight{padding-left:30px;padding-right:30px} } .iconic-box.style-eight .icon{font-size:50px;margin-bottom:25px;color:var(--heading-color)} .iconic-box.style-eight .icon:after{display:none} .iconic-box.style-eight hr{margin-bottom:22px} .iconic-box.style-eight h5{font-size:20px;margin-bottom:10px} .iconic-box.style-eight p{font-size:16px;font-weight:400} .iconic-box.style-eight .bg{top:20px;right:40px} .iconic-box.style-nine{ padding: 0px 30px 0px; margin-bottom: 20px;} .iconic-box.style-nine .icon{width:45px;height:45px;font-size:20px;line-height:45px;text-align:center;margin-right:15px;color:var(--primary-color)} .iconic-box.style-nine .icon:after{top:0;left:0;width:100%;height:100%;opacity:.1;background:var(--primary-color)} .iconic-box.style-nine h5{margin-bottom:10px;} .iconic-box.style-eight:hover{background:var(--primary-color)} .iconic-box.style-eight:hover .icon{color:#fff} .iconic-box.style-eight:hover h5 a{color:#fff} .iconic-box.style-ten{padding-top:0;overflow:initial;text-align:center;margin-bottom:70px;padding-bottom:15px;background-image: linear-gradient(0deg, #fff, #f3f5f8); border: 2px solid #fff;box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1), -8px -8px 20px 0 #fff;border-radius: 4px;} .iconic-box.style-ten .icon{font-size:45px;margin-top:-50px;margin-bottom:20px;width:100px;height:100px;border-radius:50%;text-align:center;line-height:90px;display:inline-block; background-image: linear-gradient(0deg, #fff, #f3f5f8);border: 2px solid #fff; box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1), -8px -8px 20px 0 #fff;} .iconic-box.style-ten .icon:after{display:none} .iconic-box.style-ten .icon img{width:4.5rem} .iconic-box.style-ten p{text-align: center;} .generative-ai-area:after {content: '';z-index: -1;width: 500px;height: 500px;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);opacity: 0.7;border-radius: 50%;-webkit-filter: blur(500px);filter: blur(500px);background: #FEC458; } /************************************************************************************ 卡片，底部带信息，鼠标移入弹出，移出隐藏 */ .fancy-box{position: relative; -webkit-box-shadow: 0px 0px 16px rgba(0, 85, 255, 0.15); box-shadow: 0px 0px 16px rgba(0, 85, 255, 0.15);} .fancy-box .image img { width: 100%; height: 20rem; object-fit: cover; border-radius: 4px; } .fancy-box .inner-content { display: none; padding-top: 10px; } .fancy-box .content {z-index: 1; position: absolute;left: 0;right: 0px;bottom: 0px; color: white; overflow: hidden; -webkit-transition: 0.5s; border-radius: 0 0 4px 4px; transition: 0.5s;padding: 15px 20px; background-color: rgba(92, 133, 186, .3); backdrop-filter: blur(15px);} .fancy-box .content a,.fancy-box .content p{color: white; } .fancy-box .content p { -webkit-transition: 0.5s;transition: 0.5s; margin-bottom: 10px; font-size: .875rem; } .fancy-box .content .bg {display: none;z-index: -1; position: absolute;right: -20px; bottom: -20px; max-width: 50%; } .fancy-box:hover .content .read-more, .fancy-box:hover .content .icon-title > i {color: white;} .fancy-box:hover .content .bg {display: block;-webkit-transition: 0.5s;transition: 0.5s; right: 0; bottom: 0; } /************************************************************************************ Icon List */ .list li {display: -webkit-box;display: -ms-flexbox;display: flex;font-weight: 500;line-height: 1.3;margin-bottom: 25px;color: var(--heading-color);} @media only screen and (min-width: 376px) {.list li {font-size: 18px; } } .list li:before {width: 5px;height: 5px;-webkit-box-flex: 0;-ms-flex: none;flex: none;content: '';margin-top: 9px;margin-right: 12px;border-radius: 50%;background: var(--primary-color); } .icon-list li {display: -webkit-box;display: -ms-flexbox;display: flex;font-size:1.142rem;color: var(--heading-color);} .icon-list li:not(:last-child) {margin-bottom: 1.25rem; } .icon-list li i {-webkit-box-flex: 0;-ms-flex: none;flex: none;font-weight: 400;margin-right: 15px;color: var(--primary-color); } .icon-list.style-two{display: flex; flex-wrap: wrap;} .icon-list.style-two li{ width: 50%} .icon-list.style-two li i {color: white;font-size: 10px;width: 20px;height: 20px;background: var(--primary-color);line-height: 20px;border-radius: 50%;text-align: center; } .icon-list.style-three li {padding: 5px;font-weight: 400;line-height: 20px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;background: #F1EFE1;border-radius: 10px;border: 1px solid var(--border-color); } .icon-list.style-three li:not(:last-child) {margin-bottom: 15px; } .icon-list.style-three li i {width: 30px;height: 30px;margin-top: 0;line-height: 30px;text-align: center;border-radius: 10px;color: var(--heading-color);background: var(--secondary-color); } .text-white.content p ,.text-white .icon-list li{color: #ffffff;} /************************************************************************************ Counter */ .counter-item { margin-bottom: 30px; } .counter-item .count-text { display: block;line-height: 1;font-weight: 400;font-size: 2.714rem; margin-bottom: 15px;color: var(--primary-color); } .counter-item .text{ color:#808080;} .counter-item.style-two {padding: 60px;border-radius: 15px;background: rgba(255, 255, 255, 0.05); } @media only screen and (max-width: 375px) { .counter-item.style-two {padding: 40px; } } .counter-item.style-two .icon {line-height: 1;font-size: 65px;margin-bottom: 35px;color: var(--primary-color); } .counter-item.style-two .count-text {color: white; } .counter-item.style-two hr {opacity: 1;height: 2px;margin-top: 20px;margin-bottom: 20px;background: rgba(255, 255, 255, 0.1); } .counter-item.style-two .counter-title {font-size: 18px;color: rgba(255, 255, 255, 0.55); } .counter-item.style-three {z-index: 1;position: relative;padding: 15px;margin:2rem 1rem;border-radius: 8px; } .counter-item.style-three .image{} .counter-item.style-three .bg {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: -1;background: white;border-radius: 8px; } .counter-item.style-three:after, .counter-item.style-three:before {position: absolute;left: 0;top: 0;content: '';z-index: -2;width: 100%;height: 100%;opacity: 0.2;-webkit-transition: 0.4s;transition: 0.4s;background: white;border-radius: 8px; } .counter-item.style-three .count-text {color: var(--heading-color); } .counter-item.style-three hr {height: 2px;margin-top: 25px;margin-bottom: 25px; } .counter-item.style-three:hover:before {top: 10px;left: 10px;-webkit-transition-delay: 0.25s;transition-delay: 0.25s; } .counter-item.style-three:hover:after {top: 20px;left: 20px;z-index: -3; } .counter-item.style-four img {opacity: 0.1;-webkit-transition: 0.5s;transition: 0.5s;margin-bottom: 35px; } .counter-item.style-four .count-text {margin-bottom: 25px; } @media only screen and (min-width: 576px) { .counter-item.style-four .count-text {font-size: 75px; } } .counter-item.style-four .counter-title {color: white;font-size: 18px;} .counter-item.style-four:hover img {opacity: 1; } .counter-item.style-five {text-align: center;margin-bottom: 0px; } .counter-item.style-five .count-text {margin-bottom: 10px;color: var(--secondary-color); } .counter-item.style-five .counter-title {font-weight: 400;color: var( --lighter-color); } .counter-item.style-six {text-align: center;padding: 35px 40px;margin-bottom: 30px;border-radius: 12px;background: var(--lighter-color);border: 1px solid var(--border-color); } .counter-item.style-six .count-text {font-size: 35px;color: var(--heading-color); } .count-text.plus:after { content: '+'; } .count-text.k-plus:after { content: 'k+'; } .count-text.m-plus:after { content: 'm+'; } .count-text.m:after { content: 'm'; } .count-text.percent:after { content: '%'; } /* Counter Style Two */ .counter-item-two {display: -webkit-box;display: -ms-flexbox;display: flex;background: white;padding: 25px 30px;border-radius: 15px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-bottom: 15px;-webkit-box-shadow: 0px 10px 60px rgba(185, 102, 231, 0.2);box-shadow: 0px 10px 60px rgba(185, 102, 231, 0.2); } @media only screen and (max-width: 479px) { .counter-item-two {padding-left: 20px;padding-right: 20px; } } .counter-item-two .icon {z-index: 1;-webkit-box-flex: 0;-ms-flex: none;flex: none;font-size: 45px;-webkit-transition: 0.5s;transition: 0.5s;position: relative;margin-right: 30px;color: var(--primary-color);width: 85px;height: 85px;background: var(--lighter-color);line-height: 85px;border-radius: 50%;text-align: center; } @media only screen and (max-width: 479px) { .counter-item-two .icon {width: 55px;height: 55px;font-size: 30px;line-height: 55px;margin-right: 15px; } } .counter-item-two .icon:after {position: absolute;left: 0;top: 0;z-index: -1;content: '';width: 100%;height: 100%;opacity: 0;-webkit-transition: 0.5s;transition: 0.5s;border-radius: 50%;background: -webkit-linear-gradient(356deg, #B065E7 13.66%, #3157EF 81.89%);background: linear-gradient(94deg, #B065E7 13.66%, #3157EF 81.89%); } .counter-item-two .count-text {line-height: 1;display: block;margin-bottom: 8px; } @media only screen and (max-width: 479px) { .counter-item-two .count-text {font-size: 35px;margin-bottom: 3px; } } .counter-item-two .counter-title {display: block;font-weight: 500;line-height: 25px; } .counter-item-two:hover .icon {color: white; } .counter-item-two:hover .icon:after {opacity: 1; } /* Counter Timeline */ .counter-timeline-wrap {position: relative; } .counter-timeline-wrap:after {content: '';width: 80%;height: 1px;position: absolute;left: 10%;top: 50%;background: rgba(255, 255, 255, 0.1); } @media only screen and (max-width: 991px) { .counter-timeline-wrap:after {display: none; } } .counter-timeline-item {display: -webkit-box;display: -ms-flexbox;display: flex;position: relative;text-align: center;margin-bottom: 30px;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; } @media only screen and (min-width: 992px) { .counter-timeline-item {min-height: 240px;height: calc(100% - 30px); } } .counter-timeline-item .icon {color: white;display: -webkit-box;display: -ms-flexbox;display: flex;font-size: 65px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;min-height: 80px; } @media only screen and (max-width: 991px) { .counter-timeline-item .icon {margin-bottom: 20px; } } @media only screen and (max-width: 575px) { .counter-timeline-item .icon {min-height: auto;font-size: 45px; } } .counter-timeline-item .dots {position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%); } @media only screen and (max-width: 991px) { .counter-timeline-item .dots {display: none; } } @media only screen and (max-width: 991px) { .counter-timeline-item .content {-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2; } } .counter-timeline-item .count-text {color: white;display: block;font-size: 48px;font-weight: 600;line-height: 38px;margin-bottom: 12px; } @media only screen and (max-width: 575px) { .counter-timeline-item .count-text {font-size: 35px; } } .counter-timeline-item .counter-title {color: white;display: -webkit-box;display: -ms-flexbox;display: flex;font-size: 18px;font-weight: 500;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; } /************************************************************************************ Courses */ .course-nav li {z-index: 1;cursor: pointer;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;padding: 11px 25px;background: white;margin-bottom: 10px;border-radius: 12px;position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-shadow: 0px 10px 60px 0px rgba(185, 102, 231, 0.2);box-shadow: 0px 10px 60px 0px rgba(185, 102, 231, 0.2); } .course-nav li i {margin-left: 10px;-webkit-transform: rotate(-40deg);-ms-transform: rotate(-40deg);transform: rotate(-40deg); } .course-nav li:before {position: absolute;left: 0;top: 0;content: '';opacity: 0;width: 100%;height: 100%;z-index: -1;-webkit-transition: 0.5s;transition: 0.5s;border-radius: 12px;background: -webkit-linear-gradient(356deg, #B065E7 13.66%, #3157EF 81.89%);background: linear-gradient(94deg, #B065E7 13.66%, #3157EF 81.89%); } .course-nav li.active {color: white; } .course-nav li.active:before {opacity: 1; } .course-item {padding: 5px;background: white;margin-bottom: 30px;border-radius: 20px;-webkit-box-shadow: 0px 10px 60px 0px rgba(185, 102, 231, 0.2);box-shadow: 0px 10px 60px 0px rgba(185, 102, 231, 0.2); } .course-item .image {position: relative; } .course-item .image:before {position: absolute;left: 0;top: 0;z-index: 1;opacity: 0;content: '';width: 100%;height: 100%;-webkit-transition: 0.5s;transition: 0.5s;border-radius: 12px;background: -webkit-linear-gradient(356deg, rgba(176, 101, 231, 0.75) 13.66%, rgba(49, 87, 239, 0.75) 81.89%);background: linear-gradient(94deg, rgba(176, 101, 231, 0.75) 13.66%, rgba(49, 87, 239, 0.75) 81.89%); } .course-item .image img {width: 100%;border-radius: 12px; } .course-item .image .details-btn {z-index: 2;width: 50px;height: 50px;opacity: 0;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);font-size: 18px;background: white;line-height: 50px;color: var(--primary-color); } .course-item .image .details-btn i {-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg); } .course-item .content {padding: 20px 30px 30px; } .course-item .content .category {font-size: 14px;font-weight: 600;margin-bottom: 5px;display: inline-block;color: var(--primary-color); } .course-item .content h6 {margin-bottom: 15px; } @media only screen and (min-width: 376px) { .course-item .content h6 {font-size: 18px; } } .course-item .content h6 a:hover {text-decoration: underline; } .course-item .content .author {display: -webkit-box;display: -ms-flexbox;display: flex;font-size: 14px;font-weight: 600;-webkit-box-align: center;-ms-flex-align: center;align-items: center; } .course-item .content .author img {width: 30px;height: 30px;border-radius: 50%;margin-right: 10px; } .course-item .duration-ratting {padding: 5px 30px;border-radius: 18px;background: #F9F9FF;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;border: 1px solid var(--border-color); } .course-item .duration-ratting .ratting i {color: #FEA858;font-size: 14px; } .course-item:hover .image:before {opacity: 1; } .course-item:hover .image .details-btn {opacity: 1; } /************************************************************************************ Client Logo */ .client-logo-item {text-align: center;margin: 0 0 1.25rem; } .client-logo-item.style-three {padding: 10px;background: white;display: flex;align-items: center;justify-content: center;border-radius: 8px;height: calc(100% - 1.25rem);overflow: hidden;transition: all .3s;box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.1); } .client-logo-item:hover{transform: translateY(-10px);} .client-logo-item.style-four {margin-left: 0;margin-right: 0;border-radius: 20px;padding-left: 15px;padding-right: 15px;background: rgba(0, 0, 0, 0.01);border: 1px solid var(--border-color); } .logo-white .client-logo-item img {-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1); } .logo-white .client-logo-item.style-three {-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;background: rgba(255, 255, 255, 0.05);border: 1.2px solid rgba(255, 255, 255, 0.1);-webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1); } .logo-white .client-logo-item.style-three:hover {background: var(--primary-color); } .client-logo-wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-pack: distribute;justify-content: space-around; } .client-logo-wrap .client-logo-item {margin-left: 25px;margin-right: 25px;max-width: calc(50% - 50px); } /************************************************************************************ Testimonials */ .testimonial-item {padding: 40px 50px;border-radius: 15px;margin-bottom: 50px;background: var(--lighter-color);border: 1px solid var(--border-color); } @media only screen and (max-width: 479px) { .testimonial-item {padding: 25px; } } .testimonial-item .author {display: -webkit-box;display: -ms-flexbox;display: flex;margin-bottom: 20px;-webkit-box-align: center;-ms-flex-align: center;align-items: center; } .testimonial-item .author .image {-webkit-box-flex: 0;-ms-flex: none;flex: none;margin-right: 20px; } .testimonial-item .author .image img {width: 50px;height: 50px;border-radius: 50%; } .testimonial-item .author .icon {-webkit-box-flex: 0;-ms-flex: none;flex: none;color: white;font-size: 20px;margin-right: 20px;width: 50px;height: 50px;background: var(--heading-color);line-height: 50px;border-radius: 50%;text-align: center; } .testimonial-item .author .title {line-height: 1.3; } .testimonial-item .author .title b {font-size: 24px;font-weight: 600;color: var(--heading-color); } @media only screen and (max-width: 575px) { .testimonial-item .author .title b {font-size: 20px; } } @media only screen and (max-width: 375px) { .testimonial-item .author .title b {font-size: 18px; } } .testimonial-item .author-text {font-size: 24px;font-weight: 500;line-height: 1.6;margin-bottom: 20px;color: var(--heading-color);} @media only screen and (max-width: 575px) { .testimonial-item .author-text {font-size: 20px; } } @media only screen and (max-width: 375px) { .testimonial-item .author-text {font-size: 18px; } } .testimonial-item .testi-footer {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; } .testimonial-item .testi-footer .ratting i {width: 26px;height: 26px;color: white;font-size: 13px;margin: 0 5px 0 0;line-height: 26px;text-align: center;background: var(--primary-color); } .testimonial-item .testi-footer .text span {color: var(--primary-color); } .testimonial-item.style-two {-webkit-transition: 0.5s;transition: 0.5s;background: white;border: 3px solid white; } .testimonial-item.style-two:hover {border-color: var(--primary-color); } .testimonial-item.style-three {padding: 0;border: none;border-radius: 0;background: transparent; } .testimonial-item.style-three .author-text {font-weight: 500; } @media only screen and (min-width: 768px) { .testimonial-item.style-three .author-text {font-size: 30px; } } .testi-slider-five .slick-dots {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start; } .testi-slider-five .slick-dots li {width: 7px;height: 7px;margin: 0 15px 0 0;background: transparent;border: 1px solid var(--heading-color); } .testi-slider-five .slick-dots li:after {display: none; } .testi-slider-five .slick-dots li.slick-active {background: var(--heading-color); } /* Testimonials Right to Left Slider */ .testi-slider-right .testimonial-item {max-width: 600px;margin-right: 50px; } @media only screen and (max-width: 991px) { .testi-slider-right .testimonial-item {max-width: 500px; } } @media only screen and (max-width: 575px) { .testi-slider-right .testimonial-item {max-width: 400px;margin-right: 20px; } } @media only screen and (max-width: 375px) { .testi-slider-right .testimonial-item {max-width: 300px; } } /* Testimonials Left To Right Slider */ .testi-slider-left .testimonial-item {max-width: 600px;margin-left: 50px;direction: ltr; } @media only screen and (max-width: 991px) { .testi-slider-left .testimonial-item {max-width: 500px; } } @media only screen and (max-width: 575px) { .testi-slider-left .testimonial-item {max-width: 400px;margin-left: 20px; } } @media only screen and (max-width: 375px) { .testi-slider-left .testimonial-item {max-width: 300px; } } /* Testimonials Three Slider */ .testi-slider-three {margin-left: -15px;margin-right: -15px; } .testi-slider-three .testimonial-item-two {margin-left: 15px;margin-right: 15px; } @media only screen and (min-width: 480px) { .testi-slider-three .testimonial-item-two {display: -webkit-box;display: -ms-flexbox;display: flex; } } .testi-slider-three .slick-dots {margin-top: 45px; } .testimonial-item-two {padding: 40px;background: white;margin-bottom: 30px;border-radius: 12px; } @media only screen and (min-width: 480px) { .testimonial-item-two {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; } } @media only screen and (max-width: 767px) { .testimonial-item-two {padding-left: 25px;padding-right: 25px; } } .testimonial-item-two .author {-webkit-box-flex: 0;-ms-flex: none;flex: none; } @media only screen and (max-width: 479px) { .testimonial-item-two .author {display: -webkit-box;display: -ms-flexbox;display: flex; } } .testimonial-item-two .author img {max-width: 100px;border-radius: 50%;margin-bottom: 18px; } @media only screen and (max-width: 479px) { .testimonial-item-two .author img {max-width: 85px;margin-right: 15px; } } .testimonial-item-two .author h6 {margin-bottom: 0; } @media only screen and (min-width: 576px) { .testimonial-item-two .author h6 {font-size: 20px; } } .testimonial-item-two .author span {display: block;margin-bottom: 10px; } @media only screen and (max-width: 479px) { .testimonial-item-two .author span {margin-bottom: 0; } } .testimonial-item-two .author .ratting i {width: 20px;height: 20px;color: white;font-size: 10px;margin: 0 8px 0 0;line-height: 20px;text-align: center;background: coral; } .testimonial-item-two .line {width: 2px;-webkit-box-flex: 0;-ms-flex: none;flex: none;margin-left: 45px;margin-right: 45px;background: rgba(0, 0, 0, 0.1); } @media only screen and (max-width: 767px) { .testimonial-item-two .line {margin-left: 25px;margin-right: 25px; } } @media only screen and (max-width: 479px) { .testimonial-item-two .line {height: 2px;width: 100%;margin: 10px 0 20px; } } .testimonial-item-two .author-text:after, .testimonial-item-two .author-text:before {content: "";display: block;font-size: 45px;text-align: right;color: var(--primary-color);font-family: flaticon_akpager !important; } .testimonial-item-two .author-text:before {margin-bottom: 15px;-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg); } .testimonial-item-two .author-text:after {margin-top: 5px;-webkit-transform: scale(-1, 1) rotate(180deg);-ms-transform: scale(-1, 1) rotate(180deg);transform: scale(-1, 1) rotate(180deg); } /* Testimonials Four Slider */ .testi-slider-four {margin-left: -15px;margin-right: -15px; } .testi-slider-four .testimonial-item-three {margin-left: 15px;margin-right: 15px; } @media only screen and (min-width: 576px) { .testi-slider-four .testimonial-item-three {display: -webkit-box;display: -ms-flexbox;display: flex; } } .testi-slider-four .slick-dots {margin-top: 45px; } .testimonial-item-three {margin-bottom: 30px; } @media only screen and (min-width: 576px) { .testimonial-item-three {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; } } .testimonial-item-three .image {-webkit-box-flex: 0;-ms-flex: none;flex: none;max-width: 190px;margin-right: 30px; } @media only screen and (max-width: 575px) { .testimonial-item-three .image {margin-bottom: 30px; } } .testimonial-item-three .image img {width: 100%;border-radius: 20px; } .testimonial-item-three .ratting {margin-bottom: 20px; } .testimonial-item-three .ratting i {width: 26px;height: 26px;color: white;font-size: 13px;margin: 0 5px 0 0;line-height: 26px;text-align: center;background: var(--primary-color); } .testimonial-item-three .author-text {font-size: 20px;line-height: 1.75;margin-bottom: 20px;} @media only screen and (max-width: 375px) { .testimonial-item-three .author-text {font-size: 18px; } } .testimonial-item-three .name-designation {position: relative;padding-left: 65px; } .testimonial-item-three .name-designation h6 {margin-bottom: 0; } @media only screen and (min-width: 376px) { .testimonial-item-three .name-designation h6 {font-size: 18px; } } .testimonial-item-three .name-designation span {opacity: 0.55;font-size: 14px; } .testimonial-item-three .name-designation:before {content: "";line-height: 1;font-size: 65px;position: absolute;left: -6px;top: -6px;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-family: flaticon_akpager !important;background-image: -webkit-linear-gradient(356deg, #B065E7 13.66%, #3157EF 81.89%);background-image: linear-gradient(94deg, #B065E7 13.66%, #3157EF 81.89%); } /* Testimonials Six Slider */ .testi-slider-six .slick-list {max-width: 690px;margin-left: auto;margin-right: auto; } .testi-slider-six .slick-arrow {top: 50%;z-index: 1;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;position: absolute;width: 50px;height: 50px;background:rgba(255,255,255,.35);line-height: 50px;border-radius: 50%;text-align: center;color: var(--heading-color);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); } @media only screen and (max-width: 479px) { .testi-slider-six .slick-arrow {top: 40px; } } .testi-slider-six .slick-arrow.prev-arrow {left:1rem; } .testi-slider-six .slick-arrow.next-arrow {right: 1rem; } .testi-slider-six .slick-arrow:focus, .testi-slider-six .slick-arrow:hover {color: white;background: var(--secondary-color); } .testimonial-item-four {text-align: center; } .testimonial-item-four .image {margin-bottom: 26px; } .testimonial-item-four .image img {border-radius: 50%;display: inline-block; } .testimonial-item-four .author-text {font-size: 24px;font-weight: 500;line-height: 1.66;margin-bottom: 45px;} @media only screen and (max-width: 767px) { .testimonial-item-four .author-text {font-size: 20px; } } .testimonial-item-four .quote {line-height: 1;font-size: 55px;color: var(--primary-color); } @media only screen and (min-width: 768px) { .testimonial-item-four .name {font-size: 24px; } } .testimonial-item-four .ratting i {font-size: 16px; } /* Testimonials Seven Slider */ .testi-slider-seven {z-index: 1;position: relative; } @media only screen and (min-width: 376px) { .testi-slider-seven {margin-right: 50px; } } .testi-slider-seven:after, .testi-slider-seven:before {z-index: -1;content: '';width: 100%;height: 100%;opacity: 0.25;border-radius: 15px;background: white; } .testi-slider-seven:before {position: absolute;right: -25px;bottom: -35px; } .testi-slider-seven:after {position: absolute;right: -50px;bottom: -70px; } .testi-slider-seven .testimonial-item {margin-bottom: 0; } .testimonials-arrows .slick-arrow {-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;color: var(--heading-color);width: 50px;height: 50px;background: var(--secondary-color);line-height: 50px;border-radius: 50%;text-align: center; } .testimonials-arrows .slick-arrow.testi-prev {margin-right: 15px;-webkit-transform: rotate(40deg);-ms-transform: rotate(40deg);transform: rotate(40deg); } .testimonials-arrows .slick-arrow.testi-next {-webkit-transform: rotate(-40deg);-ms-transform: rotate(-40deg);transform: rotate(-40deg); } .testimonials-arrows .slick-arrow:hover {color: white;background: var(--primary-color); } .testimonials-bg {position: absolute;left: 0;bottom: 0;z-index: -1;width: 100%;height: 150%;-webkit-clip-path: polygon(0 10%, 100% 0, 100% 100%, 0% 100%);clip-path: polygon(0 10%, 100% 0, 100% 100%, 0% 100%); } /* Testimonials Eight Slider */ @media only screen and (min-width: 576px) { .slick-initialized .testimonial-item-five {display: -webkit-box;display: -ms-flexbox;display: flex; } } @media only screen and (min-width: 576px) { .testimonial-item-five {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center; } } .testimonial-item-five .image {-webkit-box-flex: 0;-ms-flex: none;flex: none;max-width: 33%;margin-right: 6%; } @media only screen and (max-width: 575px) { .testimonial-item-five .image {max-width: 100%;margin-right: 0;margin-bottom: 25px; } } .testimonial-item-five .image img {border-radius: 20px; } .testimonial-item-five .author-text {font-size: 24px;line-height: 1.66;margin-bottom: 10%; } @media only screen and (max-width: 1199px) { .testimonial-item-five .author-text {font-size: 20px;margin-bottom: 35px; } } @media only screen and (max-width: 375px) { .testimonial-item-five .author-text {font-size: 18px;margin-bottom: 25px; } } .testimonial-item-five .author-description {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center; } .testimonial-item-five .author-description .icon {width: 100px;height: 100px;font-size: 65px;text-align: center;line-height: 100px;margin-right: 30px;border-radius: 50%;color: var(--primary-color);border: 1px solid rgba(255, 255, 255, 0.1); } @media only screen and (max-width: 767px) { .testimonial-item-five .author-description .icon {width: 60px;height: 60px;font-size: 40px;padding-top: 5px;line-height: 60px; } } .testimonial-item-five .author-description .author h4 {margin-bottom: 0; } @media only screen and (max-width: 767px) { .testimonial-item-five .author-description .author h4 {font-size: 20px; } } .testimonial-item-five .author-description .author span {opacity: 0.55; } /* Home Seven */ .testimonials-seven-content-part {max-width: 560px; } .testimonials-seven-content-part .section-title {max-width: 500px; } .testimonials-seven-iamge-part {position: relative; } .testimonials-seven-iamge-part .man {z-index: 1;max-width: 80%;margin-left: auto;margin-right: auto;text-align: center;position: relative; } .testimonials-seven-iamge-part .man:after {position: absolute;left: 0;bottom: 0;content: '';z-index: -1;width: 100%;height: 90%;background: #C4F3E3; } .testimonials-seven-iamge-part .man img {max-width: 88%; } .testimonials-seven-iamge-part .users {z-index: 2;display: -webkit-box;display: -ms-flexbox;display: flex;position: absolute;left: -10%;top: 22%;padding: 10px 20px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;background: var(--primary-color); } @media only screen and (max-width: 1199px) { .testimonials-seven-iamge-part .users {left: -5%;top: 35%; } } @media only screen and (max-width: 767px) { .testimonials-seven-iamge-part .users {left: -0; } } .testimonials-seven-iamge-part .users .text {margin-right: 15px;color: var(--heading-color); } @media only screen and (max-width: 375px) { .testimonials-seven-iamge-part .users .text {font-size: 14px; } } @media only screen and (max-width: 375px) { .testimonials-seven-iamge-part .users img {max-width: 80px; } } .testimonials-seven-iamge-part .google-ratting {z-index: 2;display: -webkit-box;display: -ms-flexbox;display: flex;position: absolute;right: -5%;bottom: 20px;max-width: 90%;background: white;border-radius: 40px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 20px 45px 10px 35px;-webkit-box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.1);box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.1); } @media only screen and (max-width: 767px) { .testimonials-seven-iamge-part .google-ratting {right: 0;padding: 12px 25px 2px 15px; } } .testimonials-seven-iamge-part .google-ratting > * {margin-bottom: 10px; } .testimonials-seven-iamge-part .google-ratting img {max-width: 40px;margin-right: 18px; } @media only screen and (max-width: 479px) { .testimonials-seven-iamge-part .google-ratting img {max-width: 30px;margin-right: 10px; } } .testimonials-seven-iamge-part .google-ratting .ratting {margin-right: 18px; } @media only screen and (max-width: 479px) { .testimonials-seven-iamge-part .google-ratting .ratting {display: none; } } .testimonials-seven-iamge-part .google-ratting .ratting i {margin: 4px;color: #FF9900;font-size: 15px; } @media only screen and (max-width: 479px) { .testimonials-seven-iamge-part .google-ratting .text {font-size: 14px; } } /* Testimonials Nine */ .testimonials-nine-area {background: -webkit-linear-gradient(207.99deg, #8F00FF 2.4%, rgba(252, 120, 11, 0.2) 66.08%, rgba(59, 11, 252, 0.8) 109.5%);background: linear-gradient(242.01deg, #8F00FF 2.4%, rgba(252, 120, 11, 0.2) 66.08%, rgba(59, 11, 252, 0.8) 109.5%); } .testimonial-nine-shapes .shape {z-index: -1;max-width: 20%;position: absolute; } .testimonial-nine-shapes .shape.one {top: 40%;left: 5%; } .testimonial-nine-shapes .shape.two {top: 45%;right: 5%; } /* Home Eight */ .testimonials-eight-shapes .shape {z-index: -1;max-width: 30%;position: absolute; } .testimonials-eight-shapes .shape.one {left: 3%;top: 25%; } .testimonials-eight-shapes .shape.two {right: 3%;top: 25%; } /* About Page */ .testi-slider-nine {margin-left: -15px;margin-right: -15px; } .testi-slider-nine .testimonial-item {margin-left: 15px;margin-right: 15px; } .testi-slider-nine .slick-dots li {background: var(--primary-color); } .testi-slider-nine .slick-dots li.slick-active:after {border-color: var(--primary-color); } /************************************************************************************ Blog */ .blog-meta {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;padding-top: 12px;padding-bottom: 12px;border-top: 1px solid var(--border-color);} .blog-meta li {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center; } .blog-meta li i {margin-top: 2px;margin-right: 7px; } @media only screen and (max-width: 375px) { .blog-meta li i {display: none; } } .blog-meta li img {width: 25px;height: 25px;margin-right: 7px;border-radius: 50%; } .blog-meta li:not(:last-child):after {content: '';width: 5px;height: 5px;border-radius: 50%;margin-left: 30px;margin-right: 30px;background: rgba(0, 23, 38, 0.1); } @media only screen and (max-width: 479px) { .blog-meta li:not(:last-child):after {margin-left: 15px;margin-right: 15px; } } .blog-item {margin-bottom: 30px; } .blog-item .image {position: relative;margin-bottom: 10px; } .blog-item .image img {width: 100%; height: 18rem;object-fit: cover; } .blog-item .image .date {width: 70px;height: 70px;line-height: 1.2;text-align: center;position: absolute;right: 15px;bottom: -22px;border-radius: 6px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;color: var(--heading-color);-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;background: var(--secondary-color); } .blog-item .image .date b {font-size:1.714rem;} .blog-item .image .date span {margin-top: 5px; } .blog-item .content .category {margin-bottom: 5px;color: var(--primary-color);display: inline-block; font-size: 0.875rem; } .blog-item .content h5 {max-width: 375px;line-height: 1.5;height:3.2rem; } .blog-item.style-two {overflow: hidden;border-radius: 1rem 0 1rem 0;-webkit-box-shadow: 0px 10px 60px 0px rgba(0, 85, 255, 0.15);box-shadow: 0px 10px 60px 0px rgba(0, 85, 255, 0.15); } .blog-item.style-two .image .date { color: white;background: var(--primary-color); } .blog-item.style-two .content { padding-left: 20px;padding-right: 20px; } .blog-item.style-two .content .category { color: var(--secondary-color); } @media only screen and (max-width: 1299px) { .blog-item.style-two .content .blog-meta li:not(:last-child) {margin-right: 25px; } } .blog-item.style-two .content .blog-meta li:not(:last-child):after {margin-left: 25px;margin-right: 25px; } @media only screen and (max-width: 1299px) { .blog-item.style-two .content .blog-meta li:not(:last-child):after {display: none; } } /* Comments */ .comment-body {margin-bottom: 33px; } @media only screen and (min-width: 480px) {.comment-body {display: -webkit-box;display: -ms-flexbox;display: flex; } } .comment-body .author-thumb {-webkit-box-flex: 0;-ms-flex: none;flex: none;margin-top: 5px;max-width: 100px;margin-right: 35px;margin-bottom: 20px; } @media only screen and (max-width: 575px) { .comment-body .author-thumb {margin-right: 25px; } } .comment-body .author-thumb img {border-radius: 50%; } .comment-body .content .comment-header {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center; } .comment-body .content .comment-header li {margin-bottom: 5px;text-transform: capitalize; } .comment-body .content h6 {margin-bottom: 0;margin-right: 20px; } @media only screen and (min-width: 376px) { .comment-body .content h6 {font-size: 18px; } } .comment-body .content p {margin-bottom: 8px; } .comment-body.comment-child {margin-left: 70px; } @media only screen and (max-width: 575px) { .comment-body.comment-child {margin-left: 30px; } } .admin-comment {border-radius: 12px;border: 1px solid var(--border-color); } .admin-comment .comment-body {margin-bottom: 0;padding: 30px 40px;-webkit-box-align: center;-ms-flex-align: center;align-items: center; } @media only screen and (max-width: 767px) { .admin-comment .comment-body {padding-left: 25px;padding-right: 25px; } } .admin-comment .comment-body .author-thumb {max-width: 130px; } @media only screen and (min-width: 576px) { .admin-comment .comment-body .author-thumb {margin-bottom: 0;margin-right: 40px; } } @media only screen and (min-width: 376px) { .admin-comment .comment-body .content h5 {font-size: 22px; } } .admin-comment .comment-body .content p {font-size: 16px; } .admin-comment .comment-body .content .social-icons a {margin-right: 25px; } .admin-comment .comment-body .content .social-icons a:hover {color: var(--primary-color); } /* Comment Form */ .comment-form {padding: 40px 60px 50px; } @media only screen and (max-width: 479px) { .comment-form {padding-left: 25px;padding-right: 25px; } } .comment-form h4 {margin-bottom: 5px; } @media only screen and (min-width: 376px) { .comment-form h4 {font-size: 27px; } } .comment-form .form-group {margin-bottom: 30px; } .comment-form .form-control {border: none;background: white;padding: 18px 25px; } /************************************************************************************ Tabs */ /** Tab Style One **/ .advanced-tab{margin-left: -.75rem; margin-right: -.75rem; -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} .advanced-tab li{margin:0 .75rem .75rem} .advanced-tab li a,.advanced-tab li button{font-size:1.285rem;padding:0 0 1rem;color:rgba(255,255,255,.7);display:inline-block;background:0 0;border-bottom:2px solid transparent} .advanced-tab li a i,.advanced-tab li button i{margin-right:15px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)} @media only screen and (max-width:1299px){ .advanced-tab li a i,.advanced-tab li button i{margin-right:5px}} .advanced-tab li a.active,.advanced-tab li button.active{border-color:var(--primary-color)} .advanced-tab.style-two{border-bottom:1px solid rgba(255,255,255,.1)} .advanced-tab.style-two li{margin:0 20px -1px} .advanced-tab.style-two li button{padding:20px} @media only screen and (max-width:991px){ .advanced-tab.style-two li button{padding:10px} } @media only screen and (max-width:479px){ .advanced-tab.style-two li button{padding:5px} } .advanced-tab.style-two li button.active{color:var(--primary-color)} .advanced-tab.style-three li{ -webkit-box-flex: 1;-ms-flex: 1 auto; flex: 1 auto; margin: 0 .75rem .75rem;} .advanced-tab.style-three button{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;background:#fff;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 15px;border:2px solid transparent;text-align:left;color:var(--heading-color)} @media only screen and (max-width:375px){ .advanced-tab.style-three button{padding:10px 15px} } .advanced-tab.style-three button .icon{width:40px;height:40px;font-size:18px;line-height:40px;margin-right:12px;position:relative;text-align:center;color:var(--primary-color)} .advanced-tab.style-three button .icon:after{position:absolute;left:0;top:0;content:'';width:100%;height:100%;opacity:.2;border-radius:50%;background:var(--primary-color)} .advanced-tab.style-three button .icon i{margin-right:0;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)} .advanced-tab.style-three button.active,.advanced-tab.style-three button:hover{color:var(--primary-color)} .advanced-tab.style-four{background:#f7f7f7;margin:0;justify-content:flex-start;min-height:320px} .advanced-tab.style-four li{margin:0} .advanced-tab.style-four li button{color:#657085;font-size:1rem;border-left:3px solid transparent;border-bottom:0;width:100%;text-align:left;padding:12px 25px 12px} .advanced-tab.style-four li button.active{background-color:rgba(1,123,255,.1);color:var(--primary-color);border-color:var(--primary-color)} .tab-image {margin: -5%; } @media only screen and (max-width: 991px) { .tab-image {margin: -8%; } } .tab-area-five .feature-icon-box {margin-bottom: 10px; } .tab-area-five .management-images {padding-left: 13%; } /* Home Nine */ @media only screen and (min-width: 992px) and (max-width: 1199px) { .advanced-tab-area .content .section-title h2 {font-size: 40px; } } /************************************************************************************ Forms Styles */ .newsletter-form {padding: 10px;display: -webkit-box;display: -ms-flexbox;display: flex;background: white;-webkit-box-align: center;-ms-flex-align: center;align-items: center;border-radius: 15px; } .newsletter-form label {margin: 0 0 0 20px; } @media only screen and (max-width: 375px) { .newsletter-form label {display: none; } } .newsletter-form input {border: none;padding: 0 5px 0 20px;background: transparent; } .newsletter-form input::-webkit-input-placeholder {color: var(--base-color); } .newsletter-form input:-ms-input-placeholder {color: var(--base-color); } .newsletter-form input::-ms-input-placeholder {color: var(--base-color); } .newsletter-form input::placeholder {color: var(--base-color); } .newsletter-form button {-webkit-box-flex: 0;-ms-flex: none;flex: none;color: white;font-weight: 600;padding: 9px 24px;border-radius: 12px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;background: var(--heading-color); } .newsletter-form button i {margin-top: 2px;font-size: 0.9em;margin-left: 10px;-webkit-transform: rotate(-30deg);-ms-transform: rotate(-30deg);transform: rotate(-30deg); } @media only screen and (max-width: 375px) { .newsletter-form button i {display: none; } } @media only screen and (min-width: 480px) { .newsletter-form button b {font-size: 18px;padding: 4px 18px; } } .newsletter-form.style-two {padding: 5px; } .newsletter-form.style-two button {width: 46px;height: 46px;padding: 5px;text-align: center;line-height: 46px;background: var(--primary-color); } .newsletter-form.style-two button i {margin-left: 0;display: block; } .newsletter-form.style-three {padding: 0;border-radius: 0;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;background: transparent; } .newsletter-form.style-three input {background: white;padding: 13px 25px;margin-right: 10px;border-radius: 15px; } .newsletter-form.style-three button {background: var(--primary-color); } @media only screen and (min-width: 576px) { .newsletter-form.style-three button {font-size: 18px;padding-left: 45px;padding-right: 45px; } } /* .nice-select {font-size: 16px;border-radius: 7px;font-weight: 400;padding: 4px 40px 4px 20px;background: var(--lighter-color);border: 1px solid var(--border-color); } .nice-select:after {right: 20px;top: 24px;width: 7px;height: 7px; } .nice-select .list {width: 100%; } .nice-select .list li {font-size: 16px;margin-bottom: 0; } .nice-select .list li:before {content: none; } */ .help-block.with-errors { color: red; } /************************************************************************************ Team */ .team-member {text-align: center;margin-bottom: 40px; } .team-member .image {position: relative;margin-bottom: 20px; } .team-member .image img {border-radius: 12px; } .team-member .image .social-media {opacity: 0;-webkit-transition: 0.5s;transition: 0.5s;position: absolute;left: 50%;bottom: 50px;padding: 10px 25px;border-radius: 12px;width: -webkit-max-content;width: -moz-max-content;width: max-content;background: var(--primary-color);-webkit-transform: translate(-50%);-ms-transform: translate(-50%);transform: translate(-50%); } .team-member .image .social-media a {color: white;margin: 0 8px;font-size: 14px; } .team-member .description h5 {margin-bottom: 0; } .team-member .description .designation {color: var(--primary-color); } .team-member:hover .social-media {opacity: 1;bottom: 20px; } /************************************************************************************ Pricing */ .pricing-item {z-index: 1;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;position: relative;padding: 50px 45px;border-radius: 20px;margin-bottom: 30px;background: var(--lighter-color); } @media only screen and (min-width: 768px) and (max-width: 991px) { .pricing-item {padding-left: 35px;padding-right: 35px; } } @media only screen and (max-width: 375px) { .pricing-item {padding-left: 30px;padding-right: 30px; } } .pricing-item .circle {z-index: -1;position: absolute;right: 40px;top: 40px; } .pricing-item .price {-webkit-transition: 0.5s;transition: 0.5s;margin-bottom: 10px; } @media only screen and (max-width: 375px) { .pricing-item .price {font-size: 40px; } } .pricing-item .price .next {font-size: 16px;-webkit-transition: 0.5s;transition: 0.5s;font-weight: 400;color: var(--base-color); } .pricing-item .text {-webkit-transition: 0.5s;transition: 0.5s;font-weight: 500;margin-bottom: 35px;color: var(--heading-color); } .pricing-item .title {-webkit-transition: 0.5s;transition: 0.5s;margin-bottom: 25px; } .pricing-item .list {padding-bottom: 8px; } .pricing-item .list li, .pricing-item .list li:before {-webkit-transition: 0.5s;transition: 0.5s; } @media only screen and (max-width: 375px) { .pricing-item .theme-btn {padding-left: 25px;padding-right: 25px; } } .pricing-item.style-two {padding-top: 40px;padding-bottom: 40px; } @media only screen and (min-width: 992px) { .pricing-item.style-two {padding-left: 50px;padding-right: 50px; } } .pricing-item.style-two:before {position: absolute;left: 0;top: 0;content: '';width: 100%;height: 100%;z-index: -1;-webkit-transition: 0.5s;transition: 0.5s;background: white;border-radius: 20px;border: 1px solid var(--border-color); } .pricing-item.style-two .popular {z-index: -2;color: white;position: absolute;left: 0;top: 2px;padding: 10px;-webkit-transition: 0.5s;transition: 0.5s;width: 100%;height: 60px;text-align: center;text-transform: uppercase;background: var(--heading-color);border-radius: 20px 20px 0 0; } .pricing-item.style-two .title {z-index: 1;-webkit-transition: 0.5s;transition: 0.5s;overflow: hidden;margin-bottom: 0;padding: 2px 12px;border-radius: 7px;position: relative;display: inline-block;color: var(--primary-color); } @media only screen and (max-width: 375px) { .pricing-item.style-two .title {font-size: 20px; } } .pricing-item.style-two .title:after {position: absolute;left: 0;top: 0;content: '';width: 100%;height: 100%;z-index: -1;opacity: 0.2;background: var(--primary-color); } .pricing-item.style-two .text {color: var(--base-color); } .pricing-item.style-two .list {padding-bottom: 3px; } .pricing-item.style-two .list li.hide {opacity: 0.15; } .pricing-item.style-two hr {margin-bottom: 50px; } .pricing-item.style-two .theme-btn {color: var(--heading-color);border: 2px solid #e4e4e4;background-image: -webkit-gradient(linear, left bottom, left top, color-stop(50%, white), color-stop(50%, var(--heading-color)));background-image: -webkit-linear-gradient(bottom, white 50%, var(--heading-color) 50%);background-image: linear-gradient(to top, white 50%, var(--heading-color) 50%); } .pricing-item.style-two:hover {-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px); } .pricing-item.style-two:hover:before {border-color: white;-webkit-box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.1);box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.1); } .pricing-item.style-two:hover .popular {top: -40px; } .pricing-item.style-two:hover .title {color: white;background: var(--primary-color); } .pricing-item.style-two:hover .price {color: var(--primary-color); } .pricing-item.style-two:hover .theme-btn {color: white;background-position: 0 0;border-color: var(--heading-color); } .pricing-item.style-three {background: transparent;border: 1.2px solid rgba(0, 0, 0, 0.1); } .pricing-item.style-three .theme-btn {background: #000;margin-bottom: 42px;border: 2px solid transparent; } .pricing-item.style-three .list {padding-bottom: 0; } .pricing-item.style-three .list li.hide {opacity: 0.15; } .pricing-item.style-three .list li:last-child {margin-bottom: 0; } .pricing-item.style-three:hover {background: #000; } .pricing-item.style-three:hover .text, .pricing-item.style-three:hover .price, .pricing-item.style-three:hover .title, .pricing-item.style-three:hover .list li, .pricing-item.style-three:hover .price .next {color: white; } .pricing-item.style-three:hover .list li.hide {opacity: 0.35; } .pricing-item.style-three:hover .list li:before {background: white; } .pricing-item.style-three:hover .theme-btn {border-color: white; } .pricing-item.style-four {-webkit-transition: 0.5s;transition: 0.5s;padding-top: 40px;padding-bottom: 40px; } @media only screen and (min-width: 992px) { .pricing-item.style-four {padding-left: 50px;padding-right: 50px; } } .pricing-item.style-four:before {content: '';z-index: -2;position: absolute;left: 0;top: -7px;-webkit-transition: 0.5s;transition: 0.5s;width: 100%;height: 30px;background: var(--heading-color);border-radius: 20px 20px 0 0; } .pricing-item.style-four:after {position: absolute;left: 0;top: 0;content: '';width: 100%;height: 100%;z-index: -1;-webkit-transition: 0.5s;transition: 0.5s;background: white;border-radius: 20px;border: 1px solid var(--border-color); } .pricing-item.style-four .icon {line-height: 1;font-size: 65px;margin-bottom: 12px;color: var(--primary-color); } .pricing-item.style-four .title {margin-bottom: 40px; } .pricing-item.style-four .icon, .pricing-item.style-four .text, .pricing-item.style-four .title, .pricing-item.style-four .price {text-align: center; } .pricing-item.style-four hr {-webkit-transition: 0.5s;transition: 0.5s;margin-bottom: 40px; } .pricing-item.style-four .icon-list {margin-bottom: 40px; } .pricing-item.style-four .icon-list li {-webkit-transition: 0.5s;transition: 0.5s; } .pricing-item.style-four .theme-btn {color: var(--base-color);border: 2px solid #e4e4e4;background-image: -webkit-gradient(linear, left bottom, left top, color-stop(50%, transparent), color-stop(50%, var(--primary-color)));background-image: -webkit-linear-gradient(bottom, transparent 50%, var(--primary-color) 50%);background-image: linear-gradient(to top, transparent 50%, var(--primary-color) 50%); } .pricing-item.style-four:hover:before {background: var(--primary-color); } .pricing-item.style-four:hover:after {background: var(--heading-color); } .pricing-item.style-four:hover .text, .pricing-item.style-four:hover .price, .pricing-item.style-four:hover .title, .pricing-item.style-four:hover .icon-list li, .pricing-item.style-four:hover .price .next {color: white; } .pricing-item.style-four:hover hr {opacity: 1;background: #D9D9D9; } .pricing-item.style-four:hover .theme-btn {color: white;background-position: 0 0;border-color: var(--heading-color); } .pricing-item.style-five {background: white;border: 1px solid var(--border-color);padding-top: 40px;padding-bottom: 40px; } @media only screen and (min-width: 992px) { .pricing-item.style-five {padding-left: 50px;padding-right: 50px; } } .pricing-item.style-five .title-price {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; } .pricing-item.style-five .title-price .title {color: white;padding: 3px 10px;border-radius: 5px;margin-bottom: 22px;background: var(--primary-color); } .pricing-item.style-five .title-price .price {margin-bottom: 15px; } .pricing-item.style-five .text {margin-top: 25px;margin-bottom: 30px; } .pricing-item.style-five .icon-list {margin-bottom: 45px; } .pricing-item.style-five .icon-list li.hide {opacity: 0.1; } .pricing-item.style-five .footer-text {margin: 10px 0 -5px 25px; } .pricing-item.style-five:hover {border-color: white;-webkit-box-shadow: 0px 10px 60px rgba(141, 141, 141, 0.1);box-shadow: 0px 10px 60px rgba(141, 141, 141, 0.1); } .pricing-item.style-five:hover .theme-btn {background-position: 0 0; } .pricing-item.style-six {background: #0E1916; } .pricing-item.style-six .icon {width: 90px;height: 90px;font-size: 55px;line-height: 90px;border-radius: 50%;text-align: center;margin-bottom: 35px;color: var(--primary-color);background: rgba(255, 255, 255, 0.05); } .pricing-item.style-six h5 {color: white;margin-bottom: 10px; } .pricing-item.style-six p {margin-bottom: 25px;color: rgba(255, 255, 255, 0.65); } .pricing-item.style-six .icon-list {margin-bottom: 40px; } .pricing-item.style-six .icon-list li {color: white;font-weight: 400; } .pricing-item.style-six:hover .theme-btn {color: var(--heading-color);background-position: 0 0; } .pricing-item.bgc-primary .text, .pricing-item.bgc-primary .next, .pricing-item.bgc-primary .price, .pricing-item.bgc-primary .list li, .pricing-item.bgc-navyblue .text, .pricing-item.bgc-navyblue .next, .pricing-item.bgc-navyblue .price, .pricing-item.bgc-navyblue .list li {color: white; } .pricing-item.bgc-primary .list li:before, .pricing-item.bgc-navyblue .list li:before {background: white; } .pricing-item.bgc-primary .theme-btn, .pricing-item.bgc-navyblue .theme-btn {outline: 2px solid white; } .pricing-item.bgc-primary {background: var(--primary-color); } .pricing-item.bgc-navyblue {background: var(--navyblue-color); } .pricing-item.bgc-yellow {background: var(--secondary-color); } .pricing-item.bgc-yellow .list li:before {background: var(--heading-color); } .save-percent {font-weight: 500;background-image: url(../image/title-shape-two.png);background-position: center bottom;background-repeat: no-repeat;background-size: 100%;padding-bottom: 15px;padding-left: 10px;margin-left: -10px;margin-right: 22px; } @media only screen and (min-width: 376px) { .save-percent {font-size: 20px; } } .pricing-tab {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex; } .pricing-tab li:first-child button:after, .pricing-tab li:last-child button:before {content: '';width: 20px;height: 20px;-webkit-transition: 0.5s;transition: 0.5s;border-radius: 50%;background: var(--primary-color); } .pricing-tab li:first-child button:after {margin-left: 10px; }.pricing-tab li:last-child button:before {margin-right: 10px; } .pricing-tab li:first-child button:before {position: absolute;width: 46px;height: 24px;content: '';top: 50%;right: 0;z-index: -1;border-radius: 12px;background: var(--primary-color);-webkit-transform: translate(50%, -50%);-ms-transform: translate(50%, -50%);transform: translate(50%, -50%); } .pricing-tab li button {padding: 0;z-index: 1;display: -webkit-box;display: -ms-flexbox;display: flex;font-weight: 600;color: var(--base-color);-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: relative;background: transparent;text-transform: capitalize;} @media only screen and (min-width: 376px) { .pricing-tab li button {font-size: 20px; } } .pricing-tab li button:focus, .pricing-tab li button:hover {color: var(--heading-color); } .pricing-tab li button.active {color: var(--heading-color); } .pricing-tab li:first-child button.active:after, .pricing-tab li:last-child button.active:before {background: white; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .trustpilot-review {padding: 25px; } } .trustpilot-review h6 {margin-bottom: 15px; } .trustpilot-review hr {margin-top: 45px;margin-bottom: 45px; } .trustpilot-review .rattings {display: -webkit-box;display: -ms-flexbox;display: flex; } .trustpilot-review .rattings i {width: 26px;height: 26px;font-size: 14px;background: white;text-align: center;line-height: 26px;margin-right: 5px;color: var(--primary-color); } .trustpilot-review .authors {display: -webkit-box;display: -ms-flexbox;display: flex; } .trustpilot-review .authors img {width: 40px;height: 40px;border-radius: 50%;border: 1.5px solid white; } .trustpilot-review .authors img:not(:first-child) {margin-left: -10px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .trustpilot-review .authors img:not(:first-child) {margin-left: -15px; } } .trustpilot-review .authors .plus {-webkit-box-flex: 0;-ms-flex: none;flex: none;margin-left: -10px;width: 40px;height: 40px;background: white;line-height: 40px;border-radius: 50%;text-align: center;color: var(--primary-color); } /* BG Circle shapes */ .bg-circle-shapes {z-index: -1;left: 50%;bottom: 0;width: 1090px;height: 1090px;position: absolute;-webkit-transform: translate(-50%, 50%);-ms-transform: translate(-50%, 50%);transform: translate(-50%, 50%); } @media only screen and (max-width: 1199px) { .bg-circle-shapes {width: 700px;height: 700px; } } @media only screen and (max-width: 767px) { .bg-circle-shapes {width: 500px;height: 500px; } } .bg-circle-shapes span {position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);border-radius: 50%;background: rgba(21, 31, 57, 0.02);border: 1px solid rgba(21, 31, 57, 0.07); } .bg-circle-shapes span:nth-child(1) {width: 100%;height: 100%; } .bg-circle-shapes span:nth-child(2) {width: 80%;height: 80%; } .bg-circle-shapes span:nth-child(3) {width: 60%;height: 60%; } .bg-circle-shapes span:nth-child(4) {width: 40%;height: 40%; } /* Home Nine */ @media only screen and (min-width: 1400px) { .price-left-tab {max-width: 355px; } } @media only screen and (max-width: 1199px) { .price-left-tab {margin-top: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .price-left-tab {margin-top: 40px; } } /* Pricing Page */ .pricing-three-area .pricing-item.style-three {border: none;background: white;-webkit-box-shadow: 0px 10px 60px rgba(130, 130, 130, 0.1);box-shadow: 0px 10px 60px rgba(130, 130, 130, 0.1); } .pricing-three-area .pricing-item.style-three .theme-btn {background: var(--primary-color); } .pricing-three-area .pricing-item.style-three:hover {background: var(--navyblue-color); } .pricing-three-area .pricing-item.style-three:hover .theme-btn {background: var(--navyblue-color); } .pricing-three-shapes .shape {z-index: -1;max-width: 10%;position: absolute; } .pricing-three-shapes .shape.one {left: 5%;bottom: 15%;-webkit-animation: upDownLeft 20s infinite;animation: upDownLeft 20s infinite; } .pricing-three-shapes .shape.two {right: 10%;top: 10%;-webkit-animation: upDownLeft 20s infinite;animation: upDownLeft 20s infinite; } /************************************************************************************ Projects */ .project-nav {display: -webkit-box;display: -ms-flexbox; display: flex;-ms-flex-wrap: wrap; flex-wrap: wrap;-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 2.5rem; background: #FFF;-webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .05); box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .05);padding-top: 10px; z-index: 9;} .project-nav li { margin: 0 1rem 10px;cursor: pointer;-webkit-transition: 0.5s;transition: 0.5s; padding: 10px 2rem;border-radius: 2em;background: #d7e7ff; font-size:1.142rem; } .project-nav li.active{color: white;background: linear-gradient(102deg, #53D7E5 0, #2659FF 99%); } .project-nav li.active a{color: white;} .project-item {margin-bottom: 30px; } .project-item .image {margin-bottom: 15px; } .project-item .image img {width: 100%; border-radius: 8px; } .project-item .content h5 {margin-bottom: 0; } .project-item.style-two {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 40px; } @media only screen and (min-width: 992px) { .project-item.style-two {-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; } .project-item.style-two .image {-webkit-box-flex: 0;-ms-flex: none;flex: none;width: 45%;margin-bottom: 0; } .project-item.style-two .content {max-width: 600px;padding-left: 30px;padding-right: 30px; } } @media only screen and (max-width: 991px) { .project-item.style-two .content {-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2; } } .project-item.style-two .content .category {font-weight: 600;margin-bottom: 10px;display: inline-block;color: var(--primary-color); } .project-item.style-two .content h2 {margin-bottom: 50px; } @media only screen and (max-width: 1199px) { .project-item.style-two .content h2 {font-size: 40px; } } @media only screen and (max-width: 991px) { .project-item.style-two .content h2 {font-size: 35px;margin-bottom: 20px; } } @media only screen and (max-width: 575px) { .project-item.style-two .content h2 {font-size: 30px; } } .project-item.style-two .content .details-btn {margin-top: 30px; } @media only screen and (max-width: 991px) { .project-item.style-two .content .details-btn {margin-top: 10px; } } .project-item.style-two:hover .details-btn {color: white;background: var(--primary-color); } /* Project Details */ .project-details-content .icon-list li {font-weight: 400;color: var(--base-color);} .project-details-info {padding: 40px 50px;border-radius: 12px;background: var(--lighter-color);border: 1px solid var(--border-color); } @media only screen and (min-width: 992px) and (max-width: 1199px) { .project-details-info {padding-left: 40px;padding-right: 40px; } } @media only screen and (max-width: 479px) { .project-details-info {padding-left: 40px;padding-right: 40px; } } @media only screen and (max-width: 375px) { .project-details-info {padding-left: 25px;padding-right: 25px; } } .project-details-info table {line-height: 1.5; } @media only screen and (min-width: 1400px) { .project-details-info table {font-size: 22px; } } .project-details-info table td {width: 50%;padding: 8px 0; } @media only screen and (max-width: 479px) { .project-details-info table td {width: auto; } .project-details-info table td:first-child {padding-right: 20px; } } .project-details-info table td b {color: var(--heading-color); } .project-share {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center; } .project-share h5 {margin: 10px 30px 0 0; } /************************************************************************************ Tooltips */ .tooltip-item {width: -webkit-max-content;width: -moz-max-content;width: max-content; } .tooltip-item .tooltip-btn {z-index: 1;cursor: pointer;-webkit-transition: 0.3s;transition: 0.3s;position: absolute;width: 90px;height: 90px;background: white;line-height: 90px;border-radius: 50%;text-align: center;-webkit-box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.1);box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.1); } @media only screen and (max-width: 991px) { .tooltip-item .tooltip-btn {width: 50px;height: 50px;line-height: 50px; } } @media only screen and (max-width: 479px) { .tooltip-item .tooltip-btn {width: 40px;height: 40px;line-height: 40px; } } .tooltip-item .tooltip-btn img {max-width: 50%; } .tooltip-item.active .tooltip-btn {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1); } .tooltip-item.active .tooltip-btn + .tooltip-content {opacity: 1;z-index: 3; } .tooltip-item .tooltip-content {opacity: 0;z-index: -1;max-width: 33%;-webkit-transition: 0.3s;transition: 0.3s;position: absolute;left: 50%;bottom: -90px;-webkit-transform: translate(-50%);-ms-transform: translate(-50%);transform: translate(-50%); } @media only screen and (max-width: 767px) { .tooltip-item .tooltip-content {bottom: -50px; } } @media only screen and (max-width: 375px) { .tooltip-item .tooltip-content {bottom: -20px; } } .tooltip-item .tooltip-content .image {overflow: hidden;border-radius: 20px;-webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1); } .tooltips-wrap {height: 500px;max-width: 1200px;margin-left: auto;margin-right: auto;position: relative; } @media only screen and (max-width: 991px) { .tooltips-wrap {height: 300px; } } @media only screen and (max-width: 479px) { .tooltips-wrap {height: 200px; } } .tooltips-wrap:after, .tooltips-wrap:before {content: '';position: absolute;border-radius: 50%;border: 1px solid var(--border-color); } .tooltips-wrap:before {top: 0;left: 0;width: 100%;height: 200%; } .tooltips-wrap:after {top: 30%;left: 15%;width: 70%;height: 140%; } .tooltips-wrap .tooltip-item:nth-child(1) .tooltip-btn {top: -8%;left: 45%; } .tooltips-wrap .tooltip-item:nth-child(2) .tooltip-btn {top: 10%;left: calc(22% - 45px); } .tooltips-wrap .tooltip-item:nth-child(3) .tooltip-btn {top: 10%;right: calc(22% - 45px); } .tooltips-wrap .tooltip-item:nth-child(4) .tooltip-btn {left: 0;bottom: calc(40% - 45px); } .tooltips-wrap .tooltip-item:nth-child(5) .tooltip-btn {right: 0;bottom: calc(40% - 45px); } .tooltips-wrap .tooltip-item:nth-child(6) .tooltip-btn {left: 17%;bottom: 35%; } .tooltips-wrap .tooltip-item:nth-child(7) .tooltip-btn {right: 17%;bottom: 35%; } .tooltip-style-two {height: 500px;max-width: 1200px;margin-left: auto;margin-right: auto;position: relative; } @media only screen and (max-width: 991px) { .tooltip-style-two {height: 300px; } } @media only screen and (max-width: 479px) { .tooltip-style-two {height: 200px; } } .tooltip-style-two:after, .tooltip-style-two:before {content: '';position: absolute;border-radius: 50%;background: rgba(255, 255, 255, 0.02);border: 1px solid rgba(255, 255, 255, 0.05); } .tooltip-style-two:before {top: 0;left: 0;width: 100%;height: 200%; } .tooltip-style-two:after {top: 30%;left: 15%;width: 70%;height: 140%; } .tooltip-style-two .tooltip-item {position: absolute; } .tooltip-style-two .tooltip-item .tooltip-btn {position: relative; } .tooltip-style-two .tooltip-item .tooltip-content {left: 115%;bottom: 70%;max-width: none;-webkit-transform: translate(0);-ms-transform: translate(0);transform: translate(0); } @media only screen and (max-width: 1199px) { .tooltip-style-two .tooltip-item .tooltip-content {left: 15%;bottom: 110%; } } .tooltip-style-two .tooltip-item .tooltip-content .tooltip-text {font-weight: 500;padding: 0 10px;color: var(--heading-color);background: var(--secondary-color);} @media only screen and (min-width: 992px) { .tooltip-style-two .tooltip-item .tooltip-content .tooltip-text {font-size: 18px; } } @media only screen and (max-width: 479px) { .tooltip-style-two .tooltip-item .tooltip-content .tooltip-text {font-size: 14px; } } .tooltip-style-two .tooltip-item .tooltip-content .tooltip-text:before {content: '';position: absolute;left: 0;top: 100%;border-left: 7px solid var(--secondary-color);border-bottom: 7px solid transparent; } .tooltip-style-two .tooltip-item:hover .tooltip-btn {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1); } .tooltip-style-two .tooltip-item:hover .tooltip-content {opacity: 1; } .tooltip-style-two .tooltip-item:nth-child(1) {top: -8%;left: 45%; } .tooltip-style-two .tooltip-item:nth-child(2) {top: 10%;left: calc(22% - 45px); } .tooltip-style-two .tooltip-item:nth-child(3) {top: 10%;right: calc(22% - 45px); } .tooltip-style-two .tooltip-item:nth-child(4) {left: 0;bottom: calc(33% - 45px); } .tooltip-style-two .tooltip-item:nth-child(5) {right: 0;bottom: calc(33% - 45px); } .tooltip-style-two .tooltip-item:nth-child(6) {left: 19%;bottom: 35%; } .tooltip-style-two .tooltip-item:nth-child(7) {right: 19%;bottom: 35%; } /* Tooltip Section One */ .tooltip-shapes .shape {z-index: -1;max-width: 10%;position: absolute; } .tooltip-shapes .shape.one {left: 5%;top: 40%;-webkit-animation: down-up-one 10s infinite;animation: down-up-one 10s infinite; } .tooltip-shapes .shape.two {left: 15%;top: 45%;max-width: 3%;-webkit-animation: shapeAnimationOne 30s infinite;animation: shapeAnimationOne 30s infinite; } .tooltip-shapes .shape.three {top: 20%;right: 10%;-webkit-animation: down-up-two 5s infinite;animation: down-up-two 5s infinite; } .tooltip-shapes .shape.four {top: 30%;right: 15%;-webkit-animation: leftRightOne 10s infinite;animation: leftRightOne 10s infinite; } /************************************************************************************ Work Process */ .work-process-item {text-align: center;margin-bottom: 45px; } .work-process-item .number {width: 65px;height: 65px;font-size: 27px;font-weight: 600;-webkit-transition: 0.5s;transition: 0.5s;border: 2px solid;line-height: 60px;border-radius: 50%;margin-bottom: 33px;display: inline-block; } .work-process-item h5 {max-width: 300px;margin-left: auto;margin-right: auto; } .work-process-item:hover .number {background: white;color: var(--primary-color); } @media only screen and (min-width: 992px) { .work-process-item.with-arrow {position: relative; } .work-process-item.with-arrow:after, .work-process-item.with-arrow:before {top: 24px;content: '';width: 70%;height: 18px;position: absolute;-webkit-transform: translate(-50%);-ms-transform: translate(-50%);transform: translate(-50%);background-image: url(../image/work-process-arrow.png);background-repeat: no-repeat;background-size: 100%; } .work-process-item.with-arrow:before {left: 0; } .work-process-item.with-arrow:after {left: 100%; } } .work-process-shapes .shape {z-index: -1;max-width: 20%;position: absolute; } .work-process-shapes .shape.one {left: 5%;top: 30%;-webkit-animation: down-up-one 10s infinite;animation: down-up-one 10s infinite; } .work-process-shapes .shape.two {top: 10%;right: 6%;-webkit-animation: down-up-two 5s infinite;animation: down-up-two 5s infinite; } /************************************************************************************ Numbered Box */ .numbered-box {margin-bottom: 1rem;background: linear-gradient(180deg,#fff,#f3f5f8);border-radius:8px;overflow: hidden; border: 2px solid white; -webkit-box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff; box-shadow:8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff; } .numbered-box .content{margin:1rem 1.785rem; text-align: center;} .numbered-box .image img{ width: 100%; height:18rem; object-fit: cover;} /* .numbered-box:hover {border-color: var(--border-color); } .numbered-box:hover .number { background: var(--primary-color); } */ .numbered-box .number {-webkit-transition: 0.5s; transition: 0.5s; margin-bottom: 25px; width: 50px; height: 50px; background: var(--border-color); line-height: 50px;border-radius: 50%; text-align: center; } .numbered-box.style-two {padding-top: 28px;padding-bottom: 12px; } @media only screen and (min-width: 480px) { .numbered-box.style-two {display: -webkit-box;display: -ms-flexbox;display: flex; } } .numbered-box.style-two .number {-webkit-box-flex: 0;-ms-flex: none;flex: none;margin-top: 7px;margin-right: 40px; } .numbered-box.style-two:hover {border-color: var(--primary-color); } .numbered-box.style-two:hover .number {color: white; } /* .numbered-box.style-three { border: none; padding-bottom: 0; padding-top: 40px; background: #E8EAF6; } */ .numbered-box.style-three .number {font-size: 16px; background: transparent;border: 1px solid var(--border-color); } .numbered-box.style-three .read-more { color: var(--primary-color); margin-bottom: 30px; } .numbered-box.style-three.bg-two {background: #E2E8EA; } .numbered-box.style-three.bg-three { background: #F9F2E8; } /************************************************************************************ Feature Icon Box */ .feature-icon-box {display: -webkit-box;display: -ms-flexbox;display: flex;max-width: 515px;margin-bottom: 18px; } .feature-icon-box .icon {-webkit-box-flex: 0;-ms-flex: none;flex: none;color: white;font-size: 12px;margin-top: 7px;margin-right: 25px;width: 25px;height: 25px;background: var(--primary-color);line-height: 25px;border-radius: 50%;text-align: center; } .feature-icon-box .content h5 {font-size: 1.142rem; } .feature-icon-box.text-white p {color: rgba(255, 255, 255, 0.55); } .feature-icon-box.style-two {display: block;padding: 24px 30px;border-radius: 15px;margin-bottom: 30px;-webkit-box-shadow: 0px 10px 60px rgba(185, 102, 231, 0.2);box-shadow: 0px 10px 60px rgba(185, 102, 231, 0.2); } .feature-icon-box.style-two .icon {margin-bottom: 20px;background: var(--secondary-color); } .feature-icon-box.style-two p {margin-bottom: 0; } .feature-icon-box.style-three {z-index: 1;display: block;max-width: none;position: relative; padding:.8rem 1rem;margin-bottom: 1rem; } .feature-icon-box.style-three:last-child{margin-bottom: 0;} .date-box{ width:4.75rem; height:4.75rem; border-radius: 6px; line-height:1.2; text-align: center; background-color: var(--lighter-color); } .date-box span{ margin-top: 5px;} .feature-icon-box.style-three h6{color: var(--heading-color); } .feature-icon-box.style-three p {margin-bottom: 0; } .feature-icon-box.style-three:before {position: absolute;left: 0;top: 0;content: '';z-index: -2;-webkit-transition: 0.25s;transition: 0.25s;width: 50px;height: 100%;border-radius: 8px;background: var(--primary-color); } .feature-icon-box.style-three:after {position: absolute;left: 0;top: 0;content: '';width: 100%;height: 100%;z-index: -1;background: white;border-radius: 8px; } .feature-icon-box.style-three:hover .icon {background: var(--primary-color); } .feature-icon-box.style-three:hover:before {left: -4px; } /************************************************************************************ Feature Image Box */ .feature-image-box {display: -webkit-box;display: -ms-flexbox;display: flex;text-align: center;margin-bottom: 30px;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;height: calc(100% - 50px); } .feature-image-box .image {padding: 30px;height: 100%;margin-bottom: 35px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;background: #E7F9F1;border-radius: 15px; } .feature-image-box .content {max-width: 350px;margin-left: auto;margin-right: auto; } .feature-image-box.style-two {height: auto;margin-bottom: 30px;border-radius: 20px;padding: 30px 35px 40px;background: -webkit-linear-gradient(205.22deg, #8F00FF 2.5%, rgba(252, 120, 11, 0.2) 68.8%, rgba(59, 11, 252, 0.8) 114%);background: linear-gradient(244.78deg, #8F00FF 2.5%, rgba(252, 120, 11, 0.2) 68.8%, rgba(59, 11, 252, 0.8) 114%); } @media only screen and (max-width: 375px) { .feature-image-box.style-two {padding-left: 20px;padding-right: 20px; } } .feature-image-box.style-two img {margin-bottom: 30px;border-radius: 15px; } .feature-image-box.style-two h4 {text-align: left;margin-bottom: 30px; } @media only screen and (min-width: 1400px) { .feature-image-box.style-two h4 {font-size: 26px; } } @media only screen and (max-width: 479px) { .feature-image-box.style-two h4 {font-size: 20px; } } .feature-image-box.style-two .icon-list li:not(:last-child) {margin-bottom: 10px; } .feature-image-box.style-two .icon-list li i {color: var(--heading-color); } /* Home Eight */ .feature-image-box-two {display: -webkit-box;display: -ms-flexbox;display: flex;padding: 20px 30px;background: white;-webkit-box-align: center;-ms-flex-align: center;align-items: center;border-radius: 20px;margin-bottom: 30px;border: 1px solid rgba(0, 0, 0, 0.15); } @media only screen and (max-width: 575px) { .feature-image-box-two {-ms-flex-wrap: wrap;flex-wrap: wrap;text-align: center;padding-top: 33px;padding-bottom: 33px;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; } } @media only screen and (min-width: 576px) { .feature-image-box-two .image {-webkit-box-flex: 0;-ms-flex: none;flex: none;max-width: 38%; } } @media only screen and (max-width: 575px) { .feature-image-box-two .image {-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2; } } .feature-image-box-two .content {margin-left: 20px; } @media only screen and (max-width: 575px) { .feature-image-box-two .content {margin-left: 0; } .feature-image-box-two .content h5 {margin-left: auto;margin-right: auto; } } .feature-image-box-two .content h5 {font-size: 20px;max-width: 260px; } .feature-image-box-two.style-two {-ms-flex-wrap: wrap;flex-wrap: wrap;text-align: center;padding-top: 33px;padding-bottom: 33px;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; } .feature-image-box-two.style-two .image {max-width: 100%; } .feature-image-box-two.style-two .content {margin-left: 0;margin-bottom: 5px; } .feature-image-box-two.style-two .content h5 {margin-left: auto;margin-right: auto; } /************************************************************************************ Marquee Iconic Box */ .iconic-slider-right .slick-list {padding-top: 30px !important; } .iconic-slider-right .marquee-iconic-box {display: -webkit-box;display: -ms-flexbox;display: flex;margin-right: 60px;margin-bottom: 40px;-webkit-box-align: center;-ms-flex-align: center;align-items: center; } @media only screen and (max-width: 991px) { .iconic-slider-right .marquee-iconic-box {margin-right: 20px;margin-bottom: 20px; } } .iconic-slider-right.style-two .marquee-iconic-box:nth-child(even) {margin-top: 40px; } .iconic-slider-right.text-white .marquee-iconic-box {margin-right: 20px;background: #2B2B2B;margin-bottom: 20px;border-color: rgba(255, 255, 255, 0.1); } .iconic-slider-right.text-white .marquee-iconic-box .subtitle {opacity: 0.35; } .iconic-slider-right.style-three .marquee-iconic-box {border-radius: 12px;padding: 10px 20px 10px 15px; } @media only screen and (min-width: 992px) { .iconic-slider-right.style-three .marquee-iconic-box {margin-right: 50px;margin-bottom: 30px; } } .iconic-slider-right.style-three .marquee-iconic-box .image {max-width: 35px;margin-right: 15px; } .iconic-slider-right.style-three .marquee-iconic-box .image img {-webkit-box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.5);box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.5); } .iconic-slider-right.style-three .marquee-iconic-box .title {font-size: 16px; } .iconic-slider-left .slick-list {padding-bottom: 30px !important; } .iconic-slider-left .marquee-iconic-box {display: -webkit-box;display: -ms-flexbox;display: flex;margin-left: 60px;margin-bottom: 40px;-webkit-box-align: center;-ms-flex-align: center;align-items: center; } @media only screen and (max-width: 991px) { .iconic-slider-left .marquee-iconic-box {margin-left: 20px;margin-bottom: 20px; } } .iconic-slider-left.text-white .marquee-iconic-box {margin-left: 20px;background: #2B2B2B;margin-bottom: 20px;border-color: rgba(255, 255, 255, 0.1); } .iconic-slider-left.text-white .marquee-iconic-box .subtitle {opacity: 0.35; } .iconic-slider-left.style-three .marquee-iconic-box {border-radius: 12px;padding: 10px 20px 10px 15px; } @media only screen and (min-width: 992px) { .iconic-slider-left.style-three .marquee-iconic-box {margin-left: 50px;margin-bottom: 30px; } } .iconic-slider-left.style-three .marquee-iconic-box .image {max-width: 35px;margin-right: 15px; } .iconic-slider-left.style-three .marquee-iconic-box .image img {-webkit-box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.5);box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.5); } .iconic-slider-left.style-three .marquee-iconic-box .title {font-size: 16px; } .marquee-iconic-box {display: -webkit-box;display: -ms-flexbox;display: flex;background: white;border-radius: 50px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 10px 35px 10px 10px;border: 1px solid var(--border-color);-webkit-box-shadow: 0px 10px 60px rgba(185, 102, 231, 0.2);box-shadow: 0px 10px 60px rgba(185, 102, 231, 0.2); } .marquee-iconic-box .icon {color: white;font-size: 35px;margin-right: 20px;width: 60px;height: 60px;background: var(--primary-color);line-height: 60px;border-radius: 50%;text-align: center; } @media only screen and (max-width: 991px) { .marquee-iconic-box .icon {width: 45px;height: 45px;font-size: 25px;line-height: 45px;margin-right: 10px; } } .marquee-iconic-box .image {max-width: 60px;margin-right: 20px; } @media only screen and (max-width: 991px) { .marquee-iconic-box .image {max-width: 45px;margin-right: 10px; } } .marquee-iconic-box .image img {border-radius: 50%; } .marquee-iconic-box .title {margin-bottom: 0; } @media only screen and (min-width: 992px) { .marquee-iconic-box .title {font-size: 18px; } } @media only screen and (max-width: 991px) { .marquee-iconic-box .subtitle {display: block;font-size: 14px;margin-top: -5px; } } /************************************************************************************ Accordion */ .accordion-item {z-index: 1;border: none;position: relative;margin-bottom: 15px;background-color: transparent; } .accordion-item:first-of-type {border-top-left-radius: 0;border-top-right-radius: 0; } .accordion-item:first-of-type .accordion-button {border-top-left-radius: 14px;border-top-right-radius: 14px; } .accordion-item:last-of-type {border-bottom-left-radius: 0;border-bottom-right-radius: 0; } .accordion-item:last-of-type .accordion-button {border-bottom-left-radius: 14px;border-bottom-right-radius: 14px; } .accordion-item:last-of-type .accordion-button.collapsed {border-bottom-left-radius: 14px;border-bottom-right-radius: 14px; } .accordion-item .accordion-button {font-size: 20px;line-height: 1.3;-webkit-box-shadow: none;box-shadow: none;background: white;position: initial;padding: 20px 30px;border-radius: 14px;text-decoration: underline;border: 1.25px solid white; } @media only screen and (max-width: 479px) { .accordion-item .accordion-button {font-size: 16px;padding: 15px 20px; } } .accordion-item .accordion-button:after {-webkit-box-flex: 0;-ms-flex: none;flex: none;width: auto;height: auto;float: right;font-size: 18px;font-weight: 400;content: "\f056";color: var(--primary-color);background: transparent;font-family: "FontAwesome"; } .accordion-item .accordion-button:before {position: absolute;left: 0;bottom: 0;content: '';width: 100%;height: 100%;z-index: -1;-webkit-transition: 0.5s;transition: 0.5s;background: white;border-radius: 14px;-webkit-box-shadow: 0px 10px 60px rgba(185, 102, 231, 0.2);box-shadow: 0px 10px 60px rgba(185, 102, 231, 0.2); } .accordion-item .accordion-button.collapsed {background: white;border-radius: 15px;text-decoration: none;border-color: var(--border-color); } .accordion-item .accordion-button.collapsed:after {content: "\f055";color: var(--heading-color); } .accordion-item .accordion-button.collapsed:before {opacity: 0; } .accordion-item .accordion-collapse .accordion-body {margin-top: -5px;padding: 0 30px 25px; } @media only screen and (max-width: 479px) { .accordion-item .accordion-collapse .accordion-body {padding: 0 20px 20px; } } .accordion-item .accordion-collapse .accordion-body p:last-child {margin-bottom: 0; } .accordion-item .accordion-collapse:before {position: absolute;left: 0;top: 0;opacity: 0;content: '';z-index: -2;-webkit-transition: 0.2s;transition: 0.2s;width: 100%;height: 50px;border-radius: 14px;background: var(--primary-color); } .accordion-item .accordion-collapse.show:before {top: -4px;opacity: 1; } .style-two .accordion-item {margin-bottom: 0;padding: 15px 0 15px 40px;border-left: 3px solid var(--border-color); } @media only screen and (max-width: 479px) { .style-two .accordion-item {padding-left: 20px; } } .style-two .accordion-item .accordion-button {padding: 0;border: none;text-decoration: none;background: transparent; } .style-two .accordion-item .accordion-button:after {content: "\f054";margin-left: 40px;color: var(--heading-color);-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg); } @media only screen and (min-width: 480px) { .style-two .accordion-item .accordion-button {font-size: 18px; } } .style-two .accordion-item .accordion-button:before {display: none; } .style-two .accordion-item .accordion-button.collapsed:after {-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); } .style-two .accordion-item .accordion-collapse .accordion-body {padding: 25px 0 0; } .style-two .accordion-item .accordion-collapse:before {top: 0;left: -3px;width: 3px;height: 100%;border-radius: 0;background: var(--secondary-color); } .faq-left-content .theme-btn.style-three:not(:hover) {color: var(--heading-color);border-color: var(--border-color); } .faq-content-four .accordion-item .accordion-collapse:before {background: var(--secondary-color); } .faq-images-part {max-width: 520px; } .faq-images-part .image {margin-bottom: 20px; } .faq-images-part .image img {border-radius: 12px; } /* FAQ Page */ .faq-page .accordion-item .accordion-button {background: var(--lighter-color); } .faq-page .accordion-item .accordion-button:before {background: var(--lighter-color);border: 1px solid var(--border-color); } .faq-page .accordion-item .accordion-button:not(.collapsed) {border-color: var(--lighter-color);border-radius: 14px 14px 0 0;border-left-color: var(--border-color);border-right-color: var(--border-color); } /* Home Seven */ .faqs-area-seven .accordion-item .accordion-button {background: var(--lighter-color); } .faqs-area-seven .accordion-item .accordion-button:before {background: var(--lighter-color); } .faqs-area-seven .accordion-item .accordion-button:after {color: var(--heading-color); } .faqs-area-seven-shapes .shape {position: absolute;z-index: -1;max-width: 10%; } .faqs-area-seven-shapes .shape.one {position: absolute;left: 13%;top: 32%; } .faqs-area-seven-shapes .shape.two {position: absolute;right: 17%;top: 31%; } .faqs-area-seven-shapes .shape.three {position: absolute;left: 6%;top: 52%; } .faqs-area-seven-shapes .shape.four {position: absolute;right: 6%;top: 51%; } .faqs-area-seven-shapes .shape.five {position: absolute;left: 12%;bottom: 15%; } .faqs-area-seven-shapes .shape.six {position: absolute;right: 13%;bottom: 13%; } /* Home Eight */ .faq-eight-image {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end; } .faq-eight-image img {border-radius: 20px;max-width: calc(50% - 15px); } .faq-eight-image img:first-child {margin-right: 30px;margin-bottom: 50px; } .faq-eight-content {max-width: 520px; } @media only screen and (min-width: 1200px) { .faq-eight-content {margin-left: auto; } } /************************************************************************************ Blockquote */ .blockquote-one {text-align: center; } .blockquote-one .text {font-size: 22px;font-weight: 500;line-height: 1.6;margin-bottom: 15px; } @media only screen and (max-width: 767px) { .blockquote-one .text {font-size: 18px; } } .blockquote-one .text:after, .blockquote-one .text:before {content: "\f10e";line-height: 0;font-size: 28px;display: inline-block;font-family: "FontAwesome"; } .blockquote-one .text:before {-webkit-transform: rotate(180deg) translate(10px, 10px);-ms-transform: rotate(180deg) translate(10px, 10px);transform: rotate(180deg) translate(10px, 10px); } .blockquote-one .text:after {-webkit-transform: translate(10px, 20px);-ms-transform: translate(10px, 20px);transform: translate(10px, 20px); } .blockquote-one .author {-ms-flex-wrap: wrap;flex-wrap: wrap;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; } .blockquote-one .author img {width: 55px;height: 55px;margin: 10px 20px;border-radius: 50%; } .blockquote-one .author .name {-ms-flex-wrap: wrap;flex-wrap: wrap;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; } .blockquote-one .author .name h5 {margin: 0 10px 0 0; } .blockquote-two {position: relative;border-radius: 12px;padding: 28px 50px 30px 130px; } @media only screen and (max-width: 575px) { .blockquote-two {padding-left: 80px;padding-right: 30px; } } @media only screen and (max-width: 375px) { .blockquote-two {padding-left: 30px; } } .blockquote-two .text {font-size: 27px;line-height: 1.2; } @media only screen and (max-width: 575px) { .blockquote-two .text {font-size: 22px;} } @media only screen and (max-width: 479px) { .blockquote-two .text {font-size: 18px;line-height: 1.4; } } .blockquote-two .blockquote-footer {margin-top: 25px;margin-bottom: 0;display: inline-block; } .blockquote-two .blockquote-footer:before {content: '——— ';margin-right: 25px; } .blockquote-two:before {line-height: 1;font-size: 45px;content: "\f10e";font-weight: 300;position: absolute;left: 50px;top: 33px;color: var(--heading-color);font-family: "FontAwesome"; } @media only screen and (max-width: 575px) { .blockquote-two:before {left: 25px;font-size: 35px; } } @media only screen and (max-width: 375px) { .blockquote-two:before {display: none; } } .blockquote-three {border-radius: 12px;padding: 40px 60px 45px; } @media only screen and (max-width: 767px) { .blockquote-three {padding-left: 35px;padding-right: 35px; } } .blockquote-three .text {font-size: 30px;line-height: 1.33;margin-bottom: 50px; } @media only screen and (max-width: 767px) { .blockquote-three .text {font-size: 25px; } } @media only screen and (max-width: 479px) { .blockquote-three .text {font-size: 20px;line-height: 1.5; } } .blockquote-three .text:after {content: "";line-height: 0;font-size: 55px;display: inline-block;font-family: flaticon_akpager;-webkit-transform: translate(10px, 30px);-ms-transform: translate(10px, 30px);transform: translate(10px, 30px); } @media only screen and (max-width: 479px) { .blockquote-three .text:after {font-size: 35px; } } .blockquote-three .name {font-size: 20px;margin-bottom: 0; } .blockquote-three.text-white .text {color: white; } /************************************************************************************ Coming Soon */ .coming-soon-area {display: -webkit-box;display: -ms-flexbox;display: flex;min-height: 100vh;-webkit-box-align: center;-ms-flex-align: center;align-items: center; } .coming-soon-content h1 {line-height: 1.1;margin-bottom: 25px; } @media only screen and (max-width: 1199px) { .coming-soon-content h1 {font-size: 60px; } } @media only screen and (max-width: 575px) { .coming-soon-content h1 {font-size: 50px; } } @media only screen and (max-width: 479px) { .coming-soon-content h1 {font-size: 45px; } } @media only screen and (max-width: 375px) { .coming-soon-content h1 {font-size: 38px; } } .coming-soon-wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-left: -10px;margin-right: -10px; } .coming-soon-wrap li {margin: 10px;line-height: 1;background: white;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;border-radius: 15px;padding: 10px 15px 25px;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;width: calc(25% - 20px); } @media only screen and (max-width: 575px) {.coming-soon-wrap li {width: calc(50% - 20px); } } .coming-soon-wrap li span {font-size: 65px;color: var(--primary-color); } @media only screen and (max-width: 1199px) {.coming-soon-wrap li span {font-size: 55px; } } /************************************************************************************ Error */ .error-content {text-align: center; } .error-content .image {margin-bottom: 55px; } .error-content h1 {margin-bottom: 25px; } @media only screen and (max-width: 767px) {.error-content h1 {font-size: 65px; } } @media only screen and (max-width: 575px) {.error-content h1 {font-size: 55px; } } @media only screen and (max-width: 479px) {.error-content h1 {font-size: 45px; } } @media only screen and (max-width: 375px) {.error-content h1 {font-size: 40px; } } .error-content .newsletter-form {margin-top: 45px;position: relative; } .error-content .newsletter-form label {margin-left: 0;position: absolute;left: 25px;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); } .error-content .newsletter-form input {background: var(--lighter-color);border: 1px solid var(--border-color); } @media only screen and (min-width: 376px) { .error-content .newsletter-form input { padding-left: 55px; } } /************************************************************************************ 页面头部导航 */ .main-header { position: relative; left: 0px; top: 0px; z-index: 999; width: 100%; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .main-header .header-upper { z-index: 5; width: 100%; position: relative; border-bottom: 1px solid rgba(255,255,255,0.2); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .main-header .logo-outer { -webkit-box-flex: 0; -ms-flex: none; flex: none; } @media only screen and (max-width: 991px) { .main-header .logo-outer { display: none; } } .main-header .logo { z-index: 9; padding: 2px 0; position: relative; } .main-header.menu-absolute .header-upper { position: absolute; backdrop-filter: blur(5px);background: #0102329e;} .main-header.fixed-header .header-upper { top: 0; left: 0; position: fixed; -webkit-animation: sticky 1s; animation: sticky 1s; border-bottom: none; background-color: rgba(77, 77, 77, .5); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); -webkit-box-shadow: 0px 0px 30px 0px rgba(87, 95, 245, 0.1); box-shadow: 0px 0px 30px 0px rgba(87, 95, 245, 0.1); } .main-header.fixed-header .module-nav{top: 64px; left: 0; right:0; position: fixed;} /* 头部-搜索框 */ .search-box{background: rgba(26, 26, 71, 0.2);color: white;} .search-box input{color: white;padding: 6px 0;background: transparent;border: none;} .search-box input::placeholder{color: white;opacity: 1;} .search-box .search{cursor: pointer;} .search-box .search:active{color: lightgray;} /* 菜单弹出框 - 基础版
  • */ @media only screen and (max-width: 991px) { .nav-outer { width: 100%; } } @media only screen and (max-width: 991px) {.main-menu {width: 100%; } } @media only screen and (max-width: 575px) {.main-menu .mobile-logo {max-width: 150px; } } @media only screen and (max-width: 991px) {.main-menu .collapse {overflow: auto; } } .main-menu .navbar-collapse {padding: 0px; } .main-menu .navbar-collapse > ul {display: -webkit-box;display: -ms-flexbox;display: flex; } @media only screen and (max-width: 991px) { .main-menu .navbar-collapse > ul {display: block;padding: 1px 0;background: rgba(47,50,58,0.96); } .main-menu .navbar-collapse > ul > li:last-child {border-bottom: 1px solid var(--border-color); } } @media only screen and (max-width: 991px) { .main-menu .navbar-collapse {left: 0;width: 100%;position: absolute;max-height: calc(100vh - 60px); } } .main-menu .navbar-collapse li {padding: 0 20px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; } @media only screen and (max-width: 1399px) { .main-menu .navbar-collapse li {padding-left: 10px;padding-right: 10px; } } @media only screen and (max-width: 991px) { .main-menu .navbar-collapse li {display: block;padding: 0 15px;border-top: 1px solid var(--border-color); } } .main-menu .navbar-collapse li.dropdown .dropdown-btn {cursor: pointer;margin-left: 5px;margin-bottom: -2px;color: var(--lighter-color);} @media only screen and (max-width: 991px) { .main-menu .navbar-collapse li.dropdown .dropdown-btn {position: absolute;right: 10px;top: 0;width: 50px;height: 43px;border-left: 1px solid var(--border-color);text-align: center;line-height: 43px;} } .main-menu .navbar-collapse li>a {opacity: 1;display: block;line-height: 64px;font-size:1.071rem;color: rgba(255,255,255,0.8);position: relative;text-transform: capitalize;} .main-menu .navbar-collapse li>a:before {content: "";width: 100%;height:3px;position: absolute;bottom: 0;left: 0;background:#017BFF;transition: .3s ease-in-out;transform: scaleX(0);transform-origin: center} .main-menu .navbar-collapse li>a:hover,.main-menu .navbar-collapse li.current>a {color: #fff; } .main-menu .navbar-collapse li>a:hover:before{transform: scaleX(1);} .main-menu .navbar-collapse li.current>a:before { transform: scaleX(1); } .main-menu .navbar-collapse li li {border-top: 1px solid var(--border-color); } .main-menu .navbar-collapse li li a {text-transform: capitalize; color: white;line-height:1.75; } .main-menu .navbar-collapse li li a:hover{color:#017BFF} .main-menu .navbar-collapse li li a:before {display: none; } @media only screen and (max-width: 991px) { .main-menu .navbar-collapse li a {padding: 10px 10px;line-height: 22px;} .main-menu .navbar-collapse li li a {color: var(--lighter-color);} .main-menu .navbar-collapse li a:before,.main-menu .navbar-collapse li a:hover:before{transform: scaleX(0);} } .main-menu .navbar-collapse li ul {position: absolute;left: 0;top: 64px;min-width: 100%;z-index: 100;display: none;background: #000326c2 !important; backdrop-filter: blur(10px);-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); } @media only screen and (max-width: 991px) { .main-menu .navbar-collapse li ul {position: relative;display: none;width: 100%;-webkit-box-shadow: none;box-shadow: none;top: 100%;background: transparent; } } @media only screen and (max-width: 991px) and (max-width: 375px) { .main-menu .navbar-collapse li ul {min-width: auto; } } .main-menu .navbar-collapse li ul li {width: 100%;padding: 7px 20px; } @media only screen and (max-width: 991px) { .main-menu .navbar-collapse li ul li {padding: 0 15px; } } .main-menu .navbar-collapse li ul li ul {left: 100%;top: 0%; } @media only screen and (max-width: 991px) { .main-menu .navbar-collapse li ul li ul {left: auto; } } .main-menu .navbar-header {display: none; } @media only screen and (max-width: 991px) { .main-menu .navbar-header {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: start; } } .main-menu .navbar-header .navbar-toggle {float: right;padding: 4px 0;cursor: pointer;background: transparent; } .main-menu .navbar-header .navbar-toggle .icon-bar {background: var(--lighter-color);height: 2px;width: 30px;display: block;margin: 7px 0; } .main-menu .navbar-collapse li .dropdown-btns { cursor: pointer; margin-left: 5px; margin-bottom: -2px; color: var(--lighter-color);} @media only screen and (max-width: 991px) { .main-menu .navbar-collapse li .dropdown-btns { display: none;} } /* 菜单弹出框 - 升级版
  • */ .dropdown-pro{position: initial;} .dropdown-pro .max-w-head .navbox{padding-left: 0 !important;} .dropdown-pro .max-w-head .navbox .navli{margin-bottom: 15px;color: white;border-bottom: 2px solid transparent;display: flex;justify-content: flex-start;align-items: center;} .dropdown-pro .max-w-head .navbox .navli.active{color: #009944;border-bottom: 2px solid;} .dropdown-pro .max-w-head .contentbox{border: 2px solid #1A1E3D;border-top: none;border-bottom: none;flex-grow: 1 !important;} .dropdown-pro .max-w-head .contentbox .cbtitle{color: #808080 !important;} .dropdown-pro .max-w-head .contentbox a{color: white !important;} .dropdown-pro .max-w-head .contentbox a:hover{color: #009944 !important;} @media only screen and (max-width: 991px) { .dropdown-pro{position: relative;} .dropdown.dropdown-pro .max-w-head .show-display-line { display: flex;justify-content: flex-start; flex-wrap: wrap;} .dropdown.dropdown-pro .max-w-head .display-initial { display:initial; } } /* 头部-平台演示按钮 */ .menu-btns {-webkit-box-flex: 0;-ms-flex: none;flex: none;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center; } .menu-btns button {color: white;cursor: pointer;margin-left: 33px;background-color: transparent; } @media only screen and (max-width: 375px) { .menu-btns button.cart {display: none; } } .menu-btns .light-btn {font-size: 18px; } .menu-btns .light-btn i {font-size: 0.8em;margin-left: 9px;-webkit-transform: rotate(-30deg);-ms-transform: rotate(-30deg);transform: rotate(-30deg); } @media only screen and (max-width: 991px) { .menu-btns .light-btn {display: none; } } .menu-btns .theme-btn {margin-left: 33px; } @media only screen and (max-width: 1199px) { .menu-btns {display: none !important; } } /* 头部-语言 */ .language{cursor: pointer;color: white;margin-left: 30px;animation: all 1s ease-in-out;line-height: 64px;position: relative;user-select: none;} .language .lan-select{position: absolute;top: 100%;background: white;width: 100%;box-shadow: 0 0 1px gray;} .language .lan-select .item{text-align: center;line-height: 40px;transition: all .2s;color: black;} .language .lan-select .item:hover{background: var(--primary-color);color: white;} /************************************************************************************ 顶部banner大图 */ .page-banner-area{padding-top: 330px;padding-bottom: 330px;} .banner-inner h1{ font-weight: normal; } .banner-inner h2{margin-bottom: 1rem; font-weight: normal; } .banner-inner .blog-meta {padding-top: 0;padding-bottom: 0;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; } .banner-inner .blog-meta li a {color: white; } .breadcrumb {padding: 0;margin: 0;font-size: 24px;background: transparent;text-transform: capitalize; } @media only screen and (max-width: 1199px) { .breadcrumb {font-size: 20px; } } @media only screen and (max-width: 575px) { .breadcrumb {font-size: 18px; } } @media only screen and (max-width: 375px) { .breadcrumb {font-size: 16px; } } .breadcrumb .breadcrumb-item {padding: 0;color: white;font-weight: 400;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; } .breadcrumb .breadcrumb-item a {color: white; } .breadcrumb .breadcrumb-item.active {text-decoration: underline;text-underline-offset: 3px;text-decoration-thickness: 1px; } .breadcrumb .breadcrumb-item + .breadcrumb-item::before {margin-left: 15px;margin-right: 15px;-webkit-box-flex: 0;-ms-flex: none;flex: none;color: white;content: "\f105";font-family: "FontAwesome"; } /************************************************************************************ 其它 */ /** hidden-sidebar * */ .menu-sidebar > button {background: transparent; } .hidden-bar {position: fixed;left: -350px;top: 0px;opacity: 0;width: 350px;height: 100%;z-index: 99999;overflow-y: auto;visibility: hidden;background-color: #222222;border-left: 1px solid #231b26;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; } @media only screen and (max-width: 375px) { .hidden-bar {width: 300px; } } .hidden-bar .social-style-one a {width: 40px;height: 40px;line-height: 40px; } .side-content-visible .hidden-bar {left: 0px;opacity: 1;visibility: visible; } .hidden-bar .inner-box {position: relative;padding: 100px 40px 50px; } @media only screen and (max-width: 375px) { .hidden-bar .inner-box {padding-left: 25px;padding-right: 25px; } } .hidden-bar .cross-icon {position: absolute;right: 30px;top: 30px;z-index: 1;cursor: pointer;color: #ffffff;font-size: 20px;-webkit-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease; } .hidden-bar h4 {position: relative;color: #ffffff;margin-bottom: 35px; } /*Appointment Form */ .hidden-bar .appointment-form {position: relative; } .hidden-bar .appointment-form .form-group {position: relative;margin-bottom: 20px; } .hidden-bar .appointment-form input[type="text"], .hidden-bar .appointment-form input[type="email"] {position: relative;display: block;width: 100%;line-height: 23px;padding: 10px 25px;color: #ffffff;font-size: 16px;background: none;-webkit-transition: all 300ms ease;transition: all 300ms ease;border: 1px solid rgba(255, 255, 255, 0.1); } .hidden-bar .appointment-form textarea {position: relative;display: block;width: 100%;line-height: 23px;padding: 10px 25px;color: #ffffff;font-size: 16px;border: 1px solid rgba(255, 255, 255, 0.1);background: none;-webkit-transition: all 300ms ease;transition: all 300ms ease;resize: none; } .hidden-bar .appointment-form input::-webkit-input-placeholder {font-size: 14px;color: #bdbdbd; } .hidden-bar .appointment-form input:-ms-input-placeholder {font-size: 14px;color: #bdbdbd; } .hidden-bar .appointment-form input::-ms-input-placeholder {font-size: 14px;color: #bdbdbd; } .hidden-bar .appointment-form input::placeholder {font-size: 14px;color: #bdbdbd; } .hidden-bar .appointment-form textarea::-webkit-input-placeholder {font-size: 14px;color: #bdbdbd; } .hidden-bar .appointment-form textarea:-ms-input-placeholder {font-size: 14px;color: #bdbdbd; } .hidden-bar .appointment-form textarea::-ms-input-placeholder {font-size: 14px;color: #bdbdbd; } .hidden-bar .appointment-form textarea::placeholder {font-size: 14px;color: #bdbdbd; } .hidden-bar .appointment-form .form-group button {width: 100%;font-size: 16px;padding: 10px 15px;margin-bottom: 20px;border-color: white; } .form-back-drop {position: fixed;right: 100%;top: 0px;width: 100%;height: 100%;opacity: 0;background: rgba(0, 0, 0, 0.7);visibility: hidden;z-index: 9990;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; } .side-content-visible .form-back-drop {opacity: 1;right: 0;visibility: visible; } .bgc-primary .top-left ul li i {color: white;margin-right: 0;margin-left: 10px;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg); } /* Sidebar Menu */ .sidebar-menu li {color: white;border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .sidebar-menu li:first-child {border-top: 1px solid rgba(255, 255, 255, 0.1); } .sidebar-menu li a {color: white;font-size: 18px;font-weight: 500;padding: 6px 20px;display: inline-block;text-transform: capitalize; } .sidebar-menu li.dropdown > ul {display: none; } .sidebar-menu li.dropdown .dropdown-btn {position: absolute;right: 10px;top: 0;width: 45px;height: 43px;cursor: pointer;line-height: 43px;text-align: center;border-left: 1px solid rgba(255, 255, 255, 0.1); } .sidebar-menu li ul {margin-left: 10px; } /************************************************************************************ Hero Area */ .hero-content h1 {margin-bottom: 1rem;letter-spacing: 1px; } .hero-content .hero-btns {margin-top: 1.875rem; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .hero-content.style-two h1 {font-size: 60px; } } .hero-content.style-two h1 span {line-height: 1;display: inline-block;color: var(--heading-color);padding: 0 8px 10px 5px;background: var(--secondary-color); } .hero-content.style-two p {line-height: 1.95;margin-bottom: 42px; } @media only screen and (min-width: 480px) { .hero-content.style-two p {font-size: 18px; } } @media only screen and (min-width: 992px) { .hero-content.style-three h1 {font-size: 70px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .hero-content.style-three h1 {font-size: 55px; } } .hero-content.style-three h1 span {color: var(--primary-color); } .hero-content.style-three .icon-list {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; } .hero-content.style-three .icon-list li {font-weight: 500;margin: 15px 0 0; } .hero-content.style-three .icon-list li i {width: 25px;height: 25px;font-size: 12px;margin-top: -2px;line-height: 25px;background: var(--navyblue-color); } .hero-content.style-three .icon-list li:not(:last-child) {margin-right: 25px; } @media only screen and (min-width: 1200px) { .hero-content.style-four h1 {font-size: 90px; } } .hero-content.style-four h1 span {line-height: 0.95;padding: 0 7px 6px;border-radius: 10px;display: inline-block;background: var(--primary-color); } .hero-content.style-four .icon-list {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-left: -28px;margin-right: -28px;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; } .hero-content.style-four .icon-list li {color: white;margin-left: 28px;margin-right: 28px; } .hero-content.style-four .icon-list li i {margin-top: 0; } @media only screen and (min-width: 576px) { .hero-content.style-five p {font-size: 18px; } } /* Hero Section Two */ .hero-area-two {z-index: 1;overflow: hidden;position: relative; } .hero-area-two:after {z-index: -1;content: '';width: 600px;height: 600px;position: absolute;right: -300px;bottom: -300px;-webkit-filter: blur(300px);filter: blur(300px);background: var(--primary-color);-webkit-animation: 10s zoomInOut infinite;animation: 10s zoomInOut infinite; } .clients-reviews {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center; } .clients-reviews h6 {margin-bottom: 15px; } .clients-reviews .clients {margin-top: 30px;margin-right: auto; } .clients-reviews .clients .images {display: -webkit-box;display: -ms-flexbox;display: flex; } .clients-reviews .clients .images img {width: 46px;height: 46px;border-radius: 50%; } .clients-reviews .clients .images img:not(:first-child) {margin-left: -10px; } .clients-reviews .reviews {margin-top: 30px;margin-right: auto; } .clients-reviews .reviews .ratting {display: -webkit-box;display: -ms-flexbox;display: flex; } .clients-reviews .reviews .ratting i {width: 26px;height: 26px;color: white;font-size: 12px;margin: 0 5px 0 0;line-height: 26px;text-align: center;background: #03B67C; } .hero-form {padding: 60px;background: white;border-radius: 20px;-webkit-box-shadow: 0px 10px 60px 0px rgba(155, 155, 155, 0.2);box-shadow: 0px 10px 60px 0px rgba(155, 155, 155, 0.2); } @media only screen and (max-width: 479px) { .hero-form {padding-left: 25px;padding-right: 25px; } } .hero-form h4 {margin-bottom: 0;margin-top: -8px; } .hero-form p {margin-bottom: 26px; } .hero-form .input-radio {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start; } .hero-form .input-radio input {margin-top: 10px;margin-right: 10px; } .hero-form .input-radio label a {color: var(--primary-color);text-decoration: underline; } .hero-form-bg {width: 90%;z-index: -1;position: absolute;left: 18%;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); } /* Hero Section Three */ .hero-three-image {border-radius: 12px; } @media only screen and (min-width: 1600px) { .hero-three-image {margin-right: -25%; } } /* Hero Shapes */ .hero-shapes .shape {z-index: -1;position: absolute;-webkit-animation: 10s zoomInOut infinite;animation: 10s zoomInOut infinite; } .hero-shapes .shape.one {left: 2%;bottom: 20%; } .hero-shapes .shape.two {right: 2%;top: 20%;-webkit-animation-delay: 5s;animation-delay: 5s; } /* Hero Section Five */ .hero-bg-wave-shapes {position: absolute;left: 0;top: 0;z-index: -1;width: 100%;height: 170%;background: var(--lighter-color);-webkit-clip-path: polygon(100% 0, 100% 85%, 30% 100%, 0 85%, 0 0);clip-path: polygon(100% 0, 100% 85%, 30% 100%, 0 85%, 0 0); } @media only screen and (max-width: 1199px) { .hero-bg-wave-shapes {height: 140%; } } @media only screen and (max-width: 767px) { .hero-bg-wave-shapes {height: 120%; } } @media only screen and (max-width: 375px) { .hero-bg-wave-shapes {height: 115%; } } .hero-bg-wave-shapes:after, .hero-bg-wave-shapes:before, .hero-bg-wave-shapes .circle:after {content: '';position: absolute;left: 50%;bottom: 0;opacity: 0.05;border-radius: 50%;background: var(--primary-color);-webkit-transform: translate(-50%, 50%);-ms-transform: translate(-50%, 50%);transform: translate(-50%, 50%); } .hero-bg-wave-shapes:before {width: 90%;padding-bottom: 90%; } .hero-bg-wave-shapes:after {width: 75%;padding-bottom: 75%; } .hero-bg-wave-shapes .circle:after {width: 60%;padding-bottom: 60%; } .hero-image-area img {border-radius: 10px;-webkit-box-shadow: 0px 7px 60px 0px rgba(8, 193, 106, 0.1);box-shadow: 0px 7px 60px 0px rgba(8, 193, 106, 0.1); } .hero-image-area.style-two img {border-radius: 30px 30px 0 0; } /* Hero Section Six */ .hero-area-six .hero-bg-shapes {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: -1;background: white;border-radius: 60px 60px 0 0; } @media only screen and (max-width: 1599px) { .hero-area-six .hero-bg-shapes {border-radius: 30px 30px 0 0; } } .hero-area-six .hero-bg-shapes .shape {z-index: -1;max-width: 20%;position: absolute; } .hero-area-six .hero-bg-shapes .shape.one {left: 5%;top: 40%;-webkit-animation: down-up-one 10s infinite;animation: down-up-one 10s infinite; } .hero-area-six .hero-bg-shapes .shape.two {top: 35%;right: 6%;-webkit-animation: down-up-two 5s infinite;animation: down-up-two 5s infinite; } .hero-area-six .hero-content.style-five h1 span {color: var(--primary-color); } /* Hero Seven */ @media only screen and (min-width: 1300px) and (max-width: 1599px) { .hero-content.style-seven h1 {font-size: 64px; } } @media only screen and (min-width: 992px) and (max-width: 1299px) { .hero-content.style-seven h1 {font-size: 48px; } } @media only screen and (min-width: 576px) { .hero-content.style-seven p {font-size: 18px; } } .hero-seven-image {text-align: right;margin-bottom: -30px; } @media only screen and (min-width: 992px) { .hero-seven-image {margin-right: -30px; } } /* Hero Eight * */ .hero-area-eight:after {position: absolute;right: 0;top: 0;z-index: -2;content: '';width: 26%;height: 100%;background: url(../image/hero-eight-bg.png); } .hero-area-eight:before {position: absolute;left: 0;top: 0;z-index: -2;content: '';width: 750px;height: 750px;border-radius: 50%;-webkit-transform: translate(-25%, -35%);-ms-transform: translate(-25%, -35%);transform: translate(-25%, -35%);border: 130px solid rgba(0, 0, 0, 0.03); } @media only screen and (max-width: 1199px) { .hero-area-eight:before {width: 450px;height: 450px;border-width: 80px; } } @media only screen and (max-width: 575px) { .hero-area-eight:before {width: 250px;height: 250px;border-width: 50px; } } @media only screen and (min-width: 1400px) { .hero-content.style-eight h1 {font-size: 70px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .hero-content.style-eight h1 {font-size: 60px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .hero-content.style-eight h1 {font-size: 55px; } } .hero-content.style-eight p {font-size: 18px;font-weight: 500; } .hero-content.style-eight .clients-reviews .clients {display: -webkit-box;display: -ms-flexbox;display: flex;margin-right: 0;max-width: 310px;-webkit-box-align: center;-ms-flex-align: center;align-items: center; } .hero-content.style-eight .clients-reviews .clients .images {-webkit-box-flex: 0;-ms-flex: none;flex: none;margin-right: 20px; } @media only screen and (max-width: 375px) { .hero-content.style-eight .clients-reviews .clients .images {margin-right: 10px; } .hero-content.style-eight .clients-reviews .clients .images img:not(:first-child) {margin-left: -15px; } } .hero-content.style-eight .clients-reviews .clients .text {font-weight: 500;line-height: 19px;color: var(--heading-color);} .hero-eight-image {position: absolute;right: 0;bottom: 0;z-index: -1;max-width: 58%; } @media only screen and (max-width: 991px) { .hero-eight-image {max-width: 50%; } } /* Hero Nine * */ .hero-nine-shapes {position: absolute;left: 0;top: 0;z-index: -1;overflow: hidden;width: 100%;height: calc(100% + 200px);background: -webkit-linear-gradient(209deg, #8F00FF 2.36%, rgba(255, 255, 255, 0.3) 40.01%, rgba(252, 120, 11, 0.2) 65.07%, rgba(59, 11, 252, 0.8) 107.82%);background: linear-gradient(241deg, #8F00FF 2.36%, rgba(255, 255, 255, 0.3) 40.01%, rgba(252, 120, 11, 0.2) 65.07%, rgba(59, 11, 252, 0.8) 107.82%); } .hero-nine-shapes:after {content: '';z-index: -2;width: 115%;height: 100%;background: white;border-radius: 50%;-webkit-transform: translate(-50%);-ms-transform: translate(-50%);transform: translate(-50%);position: absolute;left: 50%;top: calc(100% - 350px); } @media only screen and (max-width: 991px) { .hero-nine-shapes:after {height: 66%; } } @media only screen and (max-width: 767px) { .hero-nine-shapes:after {height: 40%; } } .hero-nine-shapes .shape {z-index: -1;max-width: 20%;position: absolute; } .hero-nine-shapes .shape.one {left: 6%;top: 25%; } .hero-nine-shapes .shape.two {left: -3%;bottom: 22%; } @media only screen and (min-width: 1400px) { .hero-content.style-nine h1 {font-size: 70px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .hero-content.style-nine h1 {font-size: 60px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .hero-content.style-nine h1 {font-size: 55px; } } .hero-content.style-nine p {font-size: 18px;font-weight: 500; } .hero-content.style-nine .newsletter-form {max-width: 575px; } .hero-content.style-nine .newsletter-form button {background: var(--primary-color); } .hero-content.style-nine .icon-list {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -25px; } .hero-content.style-nine .icon-list li {margin-bottom: 0;margin-top: 15px;margin-right: 25px; } .hero-content.style-nine .icon-list li i {color: var(--heading-color); } .hero-nine-image {z-index: 1;padding-top: 15%;position: relative;padding-left: 20%;padding-right: 20%; } @media only screen and (min-width: 1600px) { .hero-nine-image {margin-right: -10%; } } .hero-nine-image > img {border-radius: 42px;margin-bottom: -100px; } @media only screen and (max-width: 479px) { .hero-nine-image > img {border-radius: 15px; } } .hero-nine-image:after, .hero-nine-image:before {position: absolute;left: 0;top: 0;z-index: -1;content: '';width: 100%;height: 87.6%;border-radius: 50%;border: 1px solid var(--border-color); } .hero-nine-image:after {-webkit-transform: scale(0.75);-ms-transform: scale(0.75);transform: scale(0.75); } .hero-nine-image .shapes .shape {z-index: -1;max-width: 15%;position: absolute; } .hero-nine-image .shapes .shape.one {top: 6%;left: 6%; } .hero-nine-image .shapes .shape.two {top: 3%;right: 11%; } .hero-nine-image .shapes .shape.three {top: 35%;left: -4%; } .hero-nine-image .shapes .shape.four {top: 30%;right: -3%; } .hero-nine-image .shapes .shape.five {top: 58%;left: -2%; } .hero-nine-image .shapes .shape.six {top: 52%;right: -3%; } /************************************************************************************ About Area */ .about-images {position: relative;padding-right: 50px; } .about-images > img {border-radius: 15px; } .about-images .about-over {position: absolute;right: 0;bottom: 30px;max-width: 55%; } .about-images .about-over img {border-radius: 10px;-webkit-box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.1);box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.1); } .about-content {max-width: 585px; } .management-images {position: relative;padding-left: 25%; } .management-images > img {border-radius: 15px; } .management-images .management-over {position: absolute;left: 0;top: 50%;max-width: 40%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); } .management-images .management-over img {border-radius: 10px;-webkit-box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.1);box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.1); } .management-bottom {position: relative; } .management-bottom .image img {max-width: 75%; } .management-bottom .author {z-index: 1; } .management-bottom .author img {border-radius: 50%; } .management-bottom .author.one {position: absolute;left: -1%;top: 12%;max-width: 65px; } .management-bottom .author.one:after {position: absolute;left: 82%;top: 82%;z-index: -1;content: url(../image/line1.png); } .management-bottom .author.two {position: absolute;right: -1%;top: 18%;max-width: 75px; } .management-bottom .author.two:before {z-index: -1;position: absolute;right: 70%;top: 64%;content: url(../image/line2.png); } .management-bottom .check-list-item {display: -webkit-box;display: -ms-flexbox;display: flex;position: absolute;border-radius: 22px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 5px 20px 5px 5px; } @media only screen and (max-width: 767px) { .management-bottom .check-list-item {display: none; } } .management-bottom .check-list-item i {width: 35px;height: 35px;line-height: 35px;text-align: center;margin-right: 15px;border-radius: 50%; } .management-bottom .check-list-item h6 {margin-bottom: 0; } .management-bottom .check-list-item.one {top: 40%;left: -8%;background: #1BFFF1;-webkit-transform: rotate(-35deg);-ms-transform: rotate(-35deg);transform: rotate(-35deg); } .management-bottom .check-list-item.one i {color: white;background: var(--heading-color); } .management-bottom .check-list-item.one:after {z-index: -1;position: absolute;left: -25px;top: 110px;-webkit-transform: rotate(35deg);-ms-transform: rotate(35deg);transform: rotate(35deg);content: url(../image/line1.png); } .management-bottom .check-list-item.two {top: 62%;left: -4%;background: #F6E65C;-webkit-transform: rotate(-42deg);-ms-transform: rotate(-42deg);transform: rotate(-42deg); } .management-bottom .check-list-item.two i {background: white;color: var(--heading-color); } .management-bottom .check-list-item.three {top: 44%;right: -7%;background: white;-webkit-transform: rotate(-4.5deg);-ms-transform: rotate(-4.5deg);transform: rotate(-4.5deg); } .management-bottom .check-list-item.three i {color: white;background: #0095FF; } .management-bottom .check-list-item.three:before {z-index: -1;position: absolute;right: 50%;top: 70%;-webkit-transform: rotate(4.5deg);-ms-transform: rotate(4.5deg);transform: rotate(4.5deg);content: url(../image/line2.png); } .management-bottom .check-list-item.four {top: 68%;right: -7%;background: #FEC458;-webkit-transform: rotate(14deg);-ms-transform: rotate(14deg);transform: rotate(14deg); } .management-bottom .check-list-item.four i {background: white;color: var(--heading-color); } .lead-monitoring-images {margin: 0 -2% 0 -10%; } .customer-data-images { margin: -3% -5% -5% -15%; } @media only screen and (max-width: 1199px) { .customer-data-images {margin-left: -6.5%;margin-top: 50px; } } @media only screen and (min-width: 1600px) { .how-to-manage-image {margin-left: -100px; } } /* About Four */ .about-four-images {max-width: 515px; } .about-four-images .row.gap-20 {margin-left: -10px;margin-right: -10px; } .about-four-images .row.gap-20 > div {padding-left: 10px;padding-right: 10px; } .about-four-images img {width: 100%;margin-bottom: 20px; } .about-four-content .about-four-btns > .theme-btn {margin-top: 10px;margin-right: 15px; } .about-four-content .clients-reviews .clients {margin-top: 15px;margin-right: 15px; } .about-four-content .clients-reviews .clients img:not(:first-child) {margin-left: -15px; } .about-four-content .clients-reviews .clients .text {color: white;font-size: 12px;font-weight: 600;margin-left: -15px;width: 46px;height: 46px;background: var(--secondary-color);line-height: 46px;border-radius: 50%;text-align: center; } .about-four-content .clients-reviews h6 {font-size: 18px;margin-bottom: 0;margin-top: 10px;color: var(--base-color); } .become-a-member-images {z-index: 1;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -10%;position: relative;margin-bottom: -10%; } .become-a-member-images img {width: 23.33%;border-radius: 50%;margin: 0 10% 10% 0; } .become-a-member-images:after {content: '';width: 70%;height: 70%;position: absolute;left: 10%;top: 10%;z-index: -1;border-radius: 70px;background: -webkit-linear-gradient(356deg, rgba(176, 101, 231, 0.1) 13.66%, rgba(49, 87, 239, 0.1) 81.89%);background: linear-gradient(94deg, rgba(176, 101, 231, 0.1) 13.66%, rgba(49, 87, 239, 0.1) 81.89%); } /* About Five */ .about-images-five img {max-width: 75%;border-radius: 15px;-webkit-box-shadow: 0px 0px 60px 0px rgba(8, 193, 106, 0.2);box-shadow: 0px 0px 60px 0px rgba(8, 193, 106, 0.2); } .about-images-five img:first-child {margin-right: 20%; } .about-images-five img:last-child {margin-top: -15%;margin-left: 25%; } .numbered-boxes .numbered-box.style-two {margin-bottom: 20px; } /* Home Six */ .ai-content .subtitle {font-weight: 600;margin-bottom: 5px;display: inline-block;color: var(--primary-color); } .ai-content h3 {margin-bottom: 25px; } .ai-content .theme-btn.style-three {color: var(--base-color);border-color: var(--border-color); } .ai-content .theme-btn.style-three:hover {color: white; } /* Home Seven */ .about-seven-images {padding: 45px;text-align: center;border-radius: 20px;background: #F1EFE1; } @media only screen and (max-width: 375px) { .about-seven-images {padding: 25px; } } .about-seven-left-images {position: relative; } .about-seven-left-images > img {max-width: 90%;border-radius: 20px; } .about-seven-left-images .about-over {max-width: 50%;position: absolute;right: -10%;top: 50%;border-radius: 11px;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);-webkit-box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.1);box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.1); } @media only screen and (max-width: 1399px) { .about-seven-left-images .about-over {right: 0; } } .about-content-seven {max-width: 500px; } @media only screen and (min-width: 1400px) { .about-content-seven {margin-left: auto; } } .about-content-seven .counter-item {max-width: 150px; } .about-content-seven .counter-item .count-text {color: var(--heading-color); } @media only screen and (max-width: 375px) { .about-content-seven .counter-item .count-text {font-size: 38px; } } @media only screen and (max-width: 375px) { .about-content-seven .counter-item .text {font-size: 15px; } } .about-seven-right-images {position: relative; } @media only screen and (max-width: 767px) { .about-seven-right-images > img {padding-left: 3%; } } .about-seven-right-images .about-over {max-width: 38%;position: absolute;left: -6%;bottom: -5%;border-radius: 11px;-webkit-box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.1);box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.1); } @media only screen and (max-width: 991px) { .about-seven-right-images .about-over {left: -2%; } } @media only screen and (max-width: 767px) { .about-seven-right-images .about-over {left: 0; } } /* About Eight */ .play-app-stor {display: -webkit-box;display: -ms-flexbox;display: flex;margin-right: -30px;-webkit-box-align: center;-ms-flex-align: center;align-items: center; } .play-app-stor a {margin-top: 15px;margin-right: 30px; } .about-eight-image {margin-right: -28%; } @media only screen and (max-width: 991px) { .about-eight-image {margin-left: -7%;margin-right: -7%; } } .about-eight-image-part {position: relative;text-align: center;padding: 10% 17%;max-width: 600px;z-index: 1; } .about-eight-image-part:before {content: '';position: absolute;left: 50%;top: 50%;z-index: -1;width: 120%;height: 130%;border-radius: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);border: 130px solid rgba(0, 0, 0, 0.03); } @media only screen and (max-width: 575px) { .about-eight-image-part:before {width: 100%;height: 105%;border-width: 80px; } } @media only screen and (max-width: 375px) { .about-eight-image-part:before {border-width: 40px; } } /* About Page */ .data-analytics-content {max-width: 555px; } /* Services Page */ .about-images-service-page {position: relative; } .about-images-service-page .for-responsive {opacity: 0; } .about-images-service-page .last-part, .about-images-service-page .first-part {top: 0;display: -webkit-box;display: -ms-flexbox;display: flex;overflow: hidden;position: absolute;border-radius: 20px;width: calc(50% - 15px);height: 100%; } @media only screen and (max-width: 479px) { .about-images-service-page .last-part, .about-images-service-page .first-part {border-radius: 10px;width: calc(50% - 6px); } } .about-images-service-page .last-part img, .about-images-service-page .first-part img {max-width: none; } .about-images-service-page .first-part {left: 0; } .about-images-service-page .last-part {right: 0;text-align: right;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end; } .about-images-service-page .logo {position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 145px;height: 145px;background: white;line-height: 145px;border-radius: 50%;text-align: center;-webkit-box-shadow: 0px 10px 60px var(--primary-color);box-shadow: 0px 10px 60px var(--primary-color); } @media only screen and (max-width: 575px) { .about-images-service-page .logo {width: 100px;height: 100px;line-height: 100px; } } .about-images-service-page .logo img {max-width: 55%; } /* Service Details */ .service-mamagement-content .feature-icon-box.style-two {padding: 0;-webkit-box-shadow: none;box-shadow: none;border-radius: 0; } .service-mamagement-content .feature-icon-box.style-two .icon {background: var(--primary-color); } .marketing-solutions-content .counter-item .count-text {color: var(--heading-color); } @media only screen and (max-width: 375px) { .marketing-solutions-content .counter-item .count-text {font-size: 40px; } } .marketing-solutions-content .counter-item .text {font-size: 18px;max-width: 160px; } @media only screen and (max-width: 375px) { .marketing-solutions-content .counter-item .text {font-size: 15px; } } /* Team Page */ .innovation-dedication-content {max-width: 520px; } .innovation-dedication-images {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex; } .innovation-dedication-images .image-one {width: 50%;margin-right: 5%; } .innovation-dedication-images .image-one img {border-radius: 12px; } .innovation-dedication-images .image-two {width: 45%;margin-top: 35px; } .innovation-dedication-images .image-two img {border-radius: 50%; } .innovation-dedication-images .image-three {width: 52%;position: absolute;left: 30%;bottom: 35px; } .innovation-dedication-images .image-three img {border-radius: 15px;-webkit-box-shadow: 0px 10px 60px rgba(0, 85, 255, 0.15);box-shadow: 0px 10px 60px rgba(0, 85, 255, 0.15); } @media only screen and (max-width: 375px) { .innovation-dedication-images .image-three img {border-radius: 10px; } } /************************************************************************************ Contact Area */ .our-location{width: 100%; height: 500px; position: relative;} .our-location img{width: 100%;} .contact-info-item.style-two {padding-bottom: 5px; border-bottom: 1px solid var(--border-color); } .contact-info-item.style-two:not(:last-child) {margin-bottom: 20px; } .contact-info-item.style-two .icon {margin-right:15px; } .contact-info-item.style-two .icon i {font-size: 1.5rem; color: var(--primary-color); } .contact-info-item.style-two .content .text a {color: var(--heading-color); } .contact-form {padding: 30px;border: 1px solid var(--border-color);position: relative;z-index: 1; } .contact-form .shape-one { position: absolute;right: 60px;top: 39px; max-width: 7%; z-index: -1; } .contact-form .shape-two {position: absolute;left: 53%;bottom: 50px; max-width: 6%; z-index: -1; } .contact-form .form-group { margin-bottom: 15px; } /* .contact-form .form-group label { margin-bottom: 10px; } */ .contact-form .form-group .nice-select {background: white;padding: 10px 20px; } .contact-form .form-group .nice-select:after {top: 28px; right: 23px; } .contact-form .form-control {border-radius: 5px;background: white;padding:6px 12px; border: 1px solid rgba(15, 17, 15, 0.07); } /************************************************************************************ Counter Area */ .counter-timeline-area {z-index: 1;position: relative; } .counter-timeline-area:before {position: absolute;left: 0;bottom: 0;content: '';width: 100%;height: 35%;background: var(--navyblue-color); } .counter-timeline-wrap {border-radius: 15px;padding: 100px 20px 70px;background: var(--primary-color); } .counter-two-wrap {padding: 55px 30px 25px;background-color: var(--lighter-color); } .counter-wrap-for-bg {padding: 30px 40px 15px; } @media only screen and (max-width: 375px) { .counter-wrap-for-bg {padding-left: 15px;padding-right: 15px; } } .counter-content-four {max-width: 550px; } /************************************************************************************ Shop Area */ /* Shop Shorter */ .shop-shorter {-ms-flex-wrap: wrap;flex-wrap: wrap;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; } .shop-shorter .sort-text {font-weight: 500;margin-right: 25px; } @media only screen and (min-width: 376px) { .shop-shorter .sort-text {font-size: 20px; } } .shop-wrapper {max-width: 900px; } .product-item {margin-bottom: 40px; } .product-item .image {position: relative;margin-bottom: 20px;padding-bottom: 97%;background: var(--lighter-color);border-radius: 10px; } .product-item .image img {position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);max-width: 70%;max-height: 75%; } .product-item .content .ratting {margin-left: -3px; } .product-item .content .ratting i {font-size: 10px;color: #f90;margin-left: 3px;margin-right: 3px; } .product-item .content h5 {font-size: 20px;margin-bottom: 0; } .product-item .content .price {font-weight: 600;} /* Product Details */ .preview-images {margin-bottom: 25px;border-radius: 12px;background: var(--lighter-color); } .preview-images .preview-item {position: relative;padding-bottom: 75%; } .preview-images .preview-item img {position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);max-width: 60%;max-height: 70%; } .thumb-images {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; } .thumb-images .thumb-item {position: relative;padding-bottom: 25%;border-radius: 7px;width: calc(33% - 20px);background: var(--lighter-color); } .thumb-images .thumb-item img {position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);max-width: 60%;max-height: 70%; } @media only screen and (min-width: 1200px) { .product-details-content {margin-top: 40px; } } .product-details-content .ratting i {color: var(--secondary-color); } .product-details-content .section-title h2 {margin-bottom: 10px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .product-details-content .section-title h2 {font-size: 42px; } } .product-details-content .price {display: block;font-size: 22px;font-weight: 600; } @media only screen and (max-width: 375px) { .product-details-content .price {font-size: 18px; } } .product-details-content .add-to-cart {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center; } .product-details-content .add-to-cart .theme-btn {margin-top: 15px;padding-top: 15px;padding-bottom: 15px; } .product-details-content .add-to-cart input {font-size: 22px;font-weight: 600;max-width: 130px;margin-top: 15px;margin-right: 22px;padding: 12px 30px;background: transparent;border: 2px solid var(--border-color); } .product-details-content .category-tags li {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-top: 20px;-webkit-box-align: center;-ms-flex-align: center;align-items: center; } .product-details-content .category-tags li h5 {margin-top: 10px;margin-bottom: 0;margin-right: 20px; } .product-details-content .category-tags li:first-child a {margin-top: 10px;font-weight: 600;font-size: 18px;display: inline-block; } .product-details-content .category-tags li:first-child a:not(:last-child) {margin-right: 30px; } .product-details-content .category-tags li:first-child a:hover {color: var(--heading-color); } .shop-details-tab-area h4, .shop-details-tab-area h5 {margin-bottom: 20px; } .product-information-tab li {margin-bottom: 15px; } .product-information-tab li:not(:last-child) {margin-right: 55px; } @media only screen and (max-width: 991px) { .product-information-tab li:not(:last-child) {margin-right: 15px; } } .product-information-tab li a {font-size: 14px;font-weight: 500;padding: 11px 45px;display: inline-block;color: var(--heading-color);text-transform: uppercase;border: 1px solid var(--border-color); } @media only screen and (max-width: 991px) { .product-information-tab li a {padding: 6px 30px; } } .product-information-tab li a.active {color: black;background: var(--primary-color); } .review-item {max-width: 650px; } @media only screen and (min-width: 480px) { .review-item {display: -webkit-box;display: -ms-flexbox;display: flex; } } .review-item.child-review {margin-left: 80px; } @media only screen and (max-width: 575px) { .review-item.child-review {margin-left: 35px; } } .review-item .thumb {-webkit-box-flex: 0;-ms-flex: none;flex: none;max-width: 100px;margin-right: 25px;margin-bottom: 15px; } .review-item .thumb img {border-radius: 50%; } .review-item .content .name-ratting {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center; } .review-item .content .name-ratting h6 {margin-right: 25px;margin-bottom: 5px; } .review-item .content .name-ratting .ratting {margin-right: 25px;margin-bottom: 5px; } .review-item .content .name-ratting .ratting i {font-size: 14px; } .review-item .content .name-ratting .date {margin-bottom: 7px; } .review-item:not(:last-child) {margin-bottom: 30px; } .product-details .tab-content .tab-pane h5 {margin-bottom: 30px; } .product-details .tab-content .tab-pane .comments .comment-body:last-child {margin-bottom: 0; } .product-details .tab-content .ratting {margin-left: -3px; } .product-details .tab-content .ratting i {font-size: 12px;color: #f90;margin-left: 3px;margin-right: 3px; } .product-details .tab-content .list li:before {content: "\f00c";font-weight: 900;font-family: "FontAwesome";margin-top: 0;background: transparent;font-size: 20px;color: var(--primary-color);margin-right: 30px; } .product-info-tab.advanced-tab {margin-left: 0;margin-right: 0;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start; } .product-info-tab.advanced-tab li {margin-left: 0; } .product-info-tab.advanced-tab li button i {-webkit-transition: .3s;transition: .3s; } .product-info-tab.advanced-tab li button.active i {-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); } /* Cart Page */ .shoping-table table, .shoping-cart-total table {width: 100%; } .shoping-table td, .shoping-table th, .shoping-cart-total td, .shoping-cart-total th {padding: 15px 8px;text-align: center;border: 1px solid var(--border-color); } .shoping-table th, .shoping-cart-total th {text-transform: capitalize; } .shoping-table td img, .shoping-cart-total td img {max-height: 60px; } .shoping-table td .title, .shoping-cart-total td .title {font-size: 18px;color: var(--heading-color); } .shoping-table td .price:before, .shoping-cart-total td .price:before {content: '$'; } .shoping-table td button, .shoping-cart-total td button {background: transparent; } @media only screen and (max-width: 767px) { .shoping-table thead {display: none; } .shoping-table tr {display: -ms-grid;display: grid; } .shoping-table tr:not(:last-child) {margin-bottom: 50px; } .shoping-table td:not(:last-child) {border-bottom: none; } } .quantity-input {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex; } .quantity-input button {width: 45px;background: transparent;border: 1px solid var(--border-color); } .quantity-input button.quantity-down {letter-spacing:3px; } .quantity-input input {width: 55px;padding: 5px 15px;text-align: center;background: transparent; } .discount-wrapper input {width: 200px; } /* Checkout Page */ .checkout-faqs .alert {padding: 20px 30px;margin-bottom: 25px; } @media only screen and (max-width: 375px) { .checkout-faqs .alert {padding-left: 20px;padding-right: 20px; } } .checkout-faqs .alert h6 {margin-bottom: 0; } .checkout-faqs .alert h6 a {padding: 0;color: var(--primary-color);background: transparent; } .checkout-faqs .alert form {padding: 20px 0 10px; } .checkout-faqs .alert form input, .checkout-faqs .alert form textarea, .checkout-faqs .alert form .nice-select {background: white; } .checkout-faqs .alert form .nice-select {padding: 12px 30px;border-radius: 15px; } .checkout-faqs .alert form .nice-select:not(:focus) {border-color: var(--lighter-color); } .checkout-faqs .alert form .nice-select:after {top: 30px;right: 30px; } .checkout-faqs .alert form .form-footer {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-bottom: 15px; } .checkout-faqs .alert form .form-footer button {margin-right: 15px; } @media only screen and (max-width: 375px) { .checkout-faqs .alert form .form-footer button {margin-right: 8px;padding-left: 20px;padding-right: 20px; } } .checkout-faqs .alert form .form-footer label {line-height: 1.4;margin: 0 0 0 5px; } .checkout-faqs .checkout-form h5 {margin-bottom: 20px; } /*******************************************************/ /******************** ## CTA Area *********************/ /*******************************************************/ /************************************************************************************ Pricing */ .cta-area {z-index: 1;position: relative; } .cta-area:before {position: absolute;left: 0;top: 0;z-index: -1;content: '';width: 100%;height: 100%;background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.9)), to(rgba(0, 0, 0, 0.3)));background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.3) 100%);background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.3) 100%); } /* Footer top CTA */ .footer-top-cta-area {position: relative;z-index: 1; } .footer-top-cta-area:after {position: absolute;left: 0;bottom: 0;z-index: -1;content: '';width: 100%;height: 100px;background: var(--heading-color); } .footer-top-cta-wrap {padding: 80px 150px;border-radius: 20px;background-size: cover;background-position: center; } @media only screen and (max-width: 1399px) { .footer-top-cta-wrap {padding-left: 50px;padding-right: 50px; } } @media only screen and (max-width: 375px) { .footer-top-cta-wrap {padding-left: 25px;padding-right: 25px; } } .footer-top-cta-content .subtitle-one.style-three {border: 2px solid white; } .footer-top-cta-content .theme-btn {background: white;color: var(--heading-color); } /* Home Seven */ .cta-left-content {display: -webkit-box;display: -ms-flexbox;display: flex;border-radius: 12px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 50px 50px 25px;background-repeat: no-repeat;background-position: left bottom; } @media only screen and (max-width: 1199px) { .cta-left-content {-ms-flex-wrap: wrap;flex-wrap: wrap; } } @media only screen and (max-width: 375px) { .cta-left-content {padding-left: 25px;padding-right: 25px; } } .cta-left-content .subtitle {font-weight: 600;color: var(--heading-color); } .cta-left-content .theme-btn.style-four {-webkit-box-flex: 0;-ms-flex: none;flex: none;border: 2px solid var(--heading-color);background-image: -webkit-gradient(linear, right top, left top, color-stop(50%, transparent), color-stop(50%, var(--heading-color)));background-image: -webkit-linear-gradient(right, transparent 50%, var(--heading-color) 50%);background-image: linear-gradient(to left, transparent 50%, var(--heading-color) 50%); } .cta-right-image {height: 100%;min-height: 200px;border-radius: 12px;background-size: cover;background-position: center; } /*******************************************************/ /****************** ## Videos Area ********************/ /*******************************************************/ /************************************************************************************ Pricing */ /* Video Play */ .video-play {position: relative;text-align: center;width: 80px;height: 80px;background: white;line-height: 80px;border-radius: 50%;text-align: center;display: inline-block;color: var(--primary-color);-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);-webkit-animation: pulse 1.5s infinite cubic-bezier(0.66, 0, 0, 1);animation: pulse 1.5s infinite cubic-bezier(0.66, 0, 0, 1); } .video-play:before {content: '';width: 60%;height: 60%;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);border-radius: 50%;-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);-webkit-animation: pulse 1.5s infinite cubic-bezier(0.66, 0, 0, 1);animation: pulse 1.5s infinite cubic-bezier(0.66, 0, 0, 1); } /*******************************************************/ /****************** ## Services Area *******************/ /*******************************************************/ /************************************************************************************ Pricing */ .services-wrap {margin-bottom: -35px;-webkit-transform: translateY(-80px);-ms-transform: translateY(-80px);transform: translateY(-80px); } /*******************************************************/ /***************** ## Sidebar Widgets *****************/ /*******************************************************/ /************************************************************************************ Pricing */ .widget:not(:last-child) {margin-bottom: 40px; } .widget-title {margin-bottom: 18px; } .widget-search form {display: -webkit-box;display: -ms-flexbox;display: flex;padding: 16px 25px;border-radius: 7px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;background: var(--lighter-color);border: 1px solid var(--border-color); } .widget-search form input {padding: 0;border: none;font-size: 16px;background: transparent; } .widget-search form button {-webkit-box-flex: 0;-ms-flex: none;flex: none;background: transparent; } .widget-category ul li:not(:last-child) {margin-bottom: 15px; } .widget-category ul li a {display: -webkit-box;display: -ms-flexbox;display: flex;font-weight: 500;-webkit-box-align: center;-ms-flex-align: center;align-items: center;color: var(--heading-color);-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; } .next-prev-blog .item, .widget-recent-news ul li {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center; } .next-prev-blog .item .image, .widget-recent-news ul li .image {-webkit-box-flex: 0;-ms-flex: none;flex: none;max-width: 72px;margin-right: 1rem; } .next-prev-blog .item .image img, .widget-recent-news ul li .image img {border-radius: 8px; } .next-prev-blog .item .date, .widget-recent-news ul li .date {display: block;margin-bottom: 5px;color: #999;padding-bottom: 5px;border-bottom: 1px solid var(--border-color); } .next-prev-blog .item h6, .widget-recent-news ul li h6 {margin-bottom: 0;line-height: 1.5;} @media only screen and (max-width: 375px) { .next-prev-blog .item{max-width:100%} } .tag-coulds {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 -5px 0; } .tag-coulds a {font-weight: 600;padding: 4px 18px;margin: 10px 5px 0;border-radius: 10px;text-transform: capitalize;border: 1px solid var(--border-color); } @media only screen and (max-width: 375px) {.tag-coulds a {font-size: 14px; } } .tag-coulds a:hover {color: white;background: var(--primary-color);border-color: var(--primary-color); } .widget-cta {z-index: 1;overflow: hidden;position: relative;border-radius: 12px;padding: 40px 40px 130px;background: var(--primary-color); } @media only screen and (max-width: 375px) { .widget-cta {padding-left: 25px;padding-right: 25px; } } .widget-cta h3 {color: white;max-width: 195px;margin-bottom: 20px; } .widget-cta h5 {color: white;max-width: 185px;margin-bottom: 20px; } .widget-cta .bg {position: absolute;left: 0;top: 0;z-index: -1;width: 100%;height: 100%; } .widget-cta .man {z-index: -1;position: absolute;right: 4%;bottom: 0;max-width: 90%; } .widget-cta .theme-btn {background-image: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #0095FF), color-stop(50%, var(--heading-color)));background-image: -webkit-linear-gradient(bottom, #0095FF 50%, var(--heading-color) 50%);background-image: linear-gradient(to top, #0095FF 50%, var(--heading-color) 50%); } .widget-products li {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center; } .widget-products li:not(:last-child) {margin-bottom: 10px; } .widget-products li .image {max-width: 80px;margin-right: 30px; } .widget-products li .image img {border-radius: 7px; } .widget-products li .content {margin-bottom: 5px; } .widget-products li .content .ratting i {color: #FF9900;font-size: 10px;margin: 0 5px 0 0; } .widget-products li .content h6 {font-size: 18px;margin-bottom: 0; } .price-filter-wrap .price {display: -webkit-box;display: -ms-flexbox;display: flex;margin-top: 15px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;color: var(--heading-color); } .price-filter-wrap .price span {margin-right: 5px; } .price-filter-wrap .price input {padding: 0;border: none;font-size: 16px;font-weight: 500;background: transparent; } .ui-widget.ui-widget-content {height: 5px;border: none;cursor: pointer;background: rgba(0, 85, 255, 0.2); } .ui-widget-header {background: var(--primary-color); } .ui-slider .ui-slider-handle {width: 15px;height: 15px;top: -5px;border: none;cursor: e-resize;border-radius: 50%;background: var(--primary-color); } /* Shop Sidebar */ .shop-sidebar .widget-cta {padding-bottom: 90px; } /************************************************************************************ 底部咨询小块 */ .footer-newsletter { background: var(--primary-color); } /************************************************************************************ 页面底部 */ .main-footer.footer-one { background: #151F39; color: rgba(255, 255, 255, 0.45); } @media only screen and (min-width: 1200px) { .main-footer.footer-one .widget-links { max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; margin-left: auto; margin-right: auto; } } .footer-widget {margin-bottom: 1.2rem; } .footer-title {color: white;margin-bottom: 1.2rem; } .widget-links ul li a {color: rgba(255, 255, 255, 0.45); } .widget-links ul li a:hover {color: white; } .widget-links ul li:not(:last-child) {margin-bottom: 1rem; } .social-style-one { -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .social-style-one a { color: #7E91C3; width: 40px; height: 40px; background: #273557; line-height: 40px; border-radius: 50%; text-align: center; } .social-style-one a:hover { color: white; background: var(--primary-color);} .social-style-one a i { font-size: 1.333em; } .footer-bottom { position: relative; border-top: 1px solid rgba(255, 255, 255, 0.1); } .footer-bottom .copyright-text{text-align: center;} .footer-bottom .copyright-text a { color: rgba(255, 255, 255, 0.45); } .footer-bottom .footer-bottom-menu ul { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-left: -15px; margin-right: -15px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .footer-bottom .footer-bottom-menu ul li { margin-left: 15px; margin-right: 15px; text-transform: capitalize; } .footer-bottom .footer-bottom-menu ul li a { color: rgba(255, 255, 255, 0.45); } .footer-bottom .footer-bottom-menu ul li a:hover { color: white; } .footer-bottom .scroll-top { width: 45px; height: 45px; font-size: 20px; line-height: 45px; border-radius: 50%; background: var(--secondary-color); position: absolute; left: calc(50% - 27px); top: -25px; } @media only screen and (max-width: 991px) { .footer-bottom .scroll-top { width: 45px; height: 45px; font-size: 16px; line-height: 45px; left: calc(50% - 22px); } }