ok
Direktori : /home/importfo/public_html/importfolio.in/assets/css/ |
Current File : //home/importfo/public_html/importfolio.in/assets/css/style.css |
/* ======== Template Name: Morbizz - SEO & Digital Marketing HTML Template ===========*/ /* ========= --- CSS INDEX --- 1.Fonts CSS 2.Common CSS 3.Loader CSS 4.Banner CSS 5.Partner Logo CSS 6.About Us CSS 7.Portfolio CSS 8.Newsletter CSS 9.Pricing Table CSS 10.Team CSS 11.Testimonial CSS 12.CTA CSS 13.Blog CSS 14.Get In Touch CSS 15.Footer CSS 16.Back To Top CSS 17.Counter CSS 18.About Us Page CSS 19.Services Page CSS 20.Service Detail CSS 21.Portfolio Page CSS 22.Portfolio Detail Page CSS 23.Team Page CSS 24.Team Detail Page CSS 25.Pricing Page CSS 26.FAQ Page CSS 27.Blog Grid Page CSS 28.Blog List Page CSS 29.Blog Detail Page CSS 30.Contact Us Page CSS 31.404 Error Page CSS 32.Responsive CSS ============*/ /*==========Fonts CSS Start==========*/ @font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfonte0a5.eot?v=4.3.0'); src: url('../fonts/fontawesome-webfontd41d.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fonts/fontawesome-webfonte0a5.woff2?v=4.3.0') format('woff2'), url('../fonts/fontawesome-webfonte0a5.woff?v=4.3.0') format('woff'), url('../fonts/fontawesome-webfonte0a5.ttf?v=4.3.0') format('truetype'), url('../fonts/fontawesome-webfonte0a5.svg?v=4.3.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } /*==========Fonts CSS End==========*/ /*==========Common CSS Start==========*/ body{ font-family: 'Roboto', sans-serif; overflow-x: hidden !important; font-size: 15px; line-height: 24px; color: #161616; } a, a:hover, a:focus { text-decoration: none; outline: none; } input, input:focus, input:hover, button, button:hover, button:focus { outline: none; } section { overflow: hidden; } img { width: auto; max-width: 100%; } p { font-size: 15px; line-height: 24px; color: #777777; font-weight: normal; margin-bottom: 12px; } .h1-title { font-family: 'Poppins', sans-serif; font-size: 80px; color: #ffffff; font-weight: 800; line-height: 90px; } .h2-title{ font-family: 'Poppins', sans-serif; font-size: 65px; color: #161616; line-height: 75px; font-weight: 800; padding-bottom: 25px; padding-top: 12px; } .h3-title { font-family: 'Poppins', sans-serif; font-size: 25px; color: #161616; line-height: 35px; font-weight: 700; } .subtitle { display: flex; align-items: center; } .subtitle-circle-one { background-color: #5956e9; width: 10px; height: 10px; border-radius: 100%; margin-right: 10px; } .subtitle-circle2-one { background-color: #5956e9; width: 10px; height: 10px; border-radius: 100%; margin-left: 10px; } .subtitle-line-two { background: rgb(255,115,104); background: -moz-linear-gradient(0deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); background: -webkit-linear-gradient(0deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); background: linear-gradient(0deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); width: 4px; height: 30px; border-radius: 2px; margin-right: 10px; } .h2-subtitle-one { position: relative; font-family: 'Poppins', sans-serif; font-size: 22px; color: #5956e9; line-height: 22px; font-weight: 700; text-transform: uppercase; margin-bottom: 0; display: inline-block; } .h2-subtitle-two { position: relative; font-family: 'Poppins', sans-serif; font-size: 22px; color: #ff7468; line-height: 22px; font-weight: 700; text-transform: uppercase; margin-bottom: 0; display: inline-block; } .container{ position: relative; z-index: 5; } .sec-btn-one { font-family: 'Roboto', sans-serif; font-size: 15px; line-height: 24px; font-weight: 500; text-align: center; text-transform: uppercase; color: #ffffff !important; height: 60px; background-color: #5956e9; display: inline-block; overflow: hidden; padding: 18px 40px; border-radius: 10px; position: relative; z-index: 1; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .sec-btn-one::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 0; background-color: #29278a; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; transform: scale(0.2, 1); } .sec-btn-one:hover::before { opacity: 1; transform: scale(1, 1); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .sec-btn-two { font-family: 'Roboto', sans-serif; font-size: 15px; line-height: 24px; font-weight: 500; text-align: center; text-transform: uppercase; color: #ffffff !important; height: 60px; background: rgb(255,115,104); background: -moz-linear-gradient(90deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); background: -webkit-linear-gradient(90deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); background: linear-gradient(90deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); display: inline-block; overflow: hidden; padding: 18px 40px; border-radius: 30px; position: relative; z-index: 0; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .sec-btn-two:before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(0); width: 110%; height: 110%; background: rgb(255,176,108); background: -moz-linear-gradient(90deg, rgba(255,176,108,1) 0%, rgba(255,115,104,1) 100%); background: -webkit-linear-gradient(90deg, rgba(255,176,108,1) 0%, rgba(255,115,104,1) 100%); background: linear-gradient(90deg, rgba(255,176,108,1) 0%, rgba(255,115,104,1) 100%); border-radius: 40px; opacity: 0; transition: 0.5s; z-index: -1; } .sec-btn-two:hover { box-shadow: 0px 10px 30px 0px rgb(255,115,104,0.4); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .sec-btn-two:hover.sec-btn-two::before { transform: translate(-50%,-50%) scale(1); opacity: 1; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .form-input-one { width: 100%; height: 60px; background: #ffffff; font-size: 15px; font-family: 'Roboto', sans-serif; line-height: 24px; color: #161616; border: none; border-radius: 10px; outline: none; padding: 12px 30px; box-shadow: none; } .form-input-two { width: 100%; height: 60px; background: #ffffff; font-size: 15px; font-family: 'Roboto', sans-serif; line-height: 24px; color: #161616; border: none; border-radius: 30px; outline: none; padding: 12px 30px; box-shadow: none; } .slick-dots li.slick-active button:before, .slick-dots li button:before, .slick-dots li button:hover:before, .slick-dots li button:focus:before { display: none; } .slick-dots { bottom: 0; font-size: 0; line-height: 1; } .slick-dots li { width: auto; height: auto; margin: 0 6px; } .slick-dots li button { width: 10px; height: 10px; border-radius: 100%; background: #cccccc; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .slick-dots li button:hover, .slick-dots li.slick-active button { background: #5956e9; } .slick-dotted.slick-slider { margin-bottom: 0; } .btn-link-one { position: relative; font-family: 'Roboto', sans-serif; font-size: 15px; color: #5956e9; font-weight: 500; text-transform: uppercase; text-decoration: none; padding-bottom: 5px; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .btn-link-two { position: relative; font-family: 'Roboto', sans-serif; font-size: 15px; color: #ff7368; font-weight: 500; text-transform: uppercase; text-decoration: none; padding-bottom: 5px; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .btn-link-one:hover { color: #5956e9; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .btn-link-two:hover { color: #ff7368; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .btn-link-one:before { content: ""; position: absolute; width: 10px; height: 2px; left: 0; bottom: 0; background-color: #5956e9; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .btn-link-two:before { content: ""; position: absolute; width: 10px; height: 2px; left: 0; bottom: 0; background-color: #ff7368; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .btn-link-one:hover.btn-link-one:before { width: 100%; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .btn-link-two:hover.btn-link-two:before { width: 100%; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .toggle-button-one { position: fixed; top: 5px; right: 30px; width: 60px; height: 60px; padding: 0 15px; background-color: #5956e9; border-radius: 8px; text-align: center; border: none; outline: none; display: none; z-index: 110; } .toggle-button-two { position: fixed; top: 5px; right: 30px; width: 60px; height: 60px; padding: 0 15px; background: rgb(255,115,104); background: -moz-linear-gradient(0deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); background: -webkit-linear-gradient(0deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); background: linear-gradient(0deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); border-radius: 100%; text-align: center; border: none; outline: none; display: none; z-index: 110; } .toggle-button-one span { width: 30px; height: 3px; background: #ffffff; display: block; margin: 0 auto 6px auto; position: relative; top: 0; opacity: 1; float: right; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .toggle-button-two span { width: 30px; height: 3px; background: #ffffff; display: block; margin: 0 auto 6px auto; position: relative; top: 0; opacity: 1; float: right; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .toggle-button-one .toggle-width-one { width: 25px; } .toggle-button-two .toggle-width-two { width: 25px; } .toggle-button-one span:last-child { margin-bottom: 0; } .toggle-button-two span:last-child { margin-bottom: 0; } .toggle-menu-one .toggle-button-one { background-color: #5956e9; } .toggle-menu-two .toggle-button-two { background-color: #5956e9; } .toggle-menu-one .toggle-button-one span { background-color: #ffffff; } .toggle-menu-two .toggle-button-two span { background-color: #ffffff; } .toggle-menu-one .toggle-button-one span:nth-child(1) { transform: rotate(45deg); position: relative; top: 9px; } .toggle-menu-two .toggle-button-two span:nth-child(1) { transform: rotate(45deg); position: relative; top: 9px; } .toggle-menu-one .toggle-button-one span:nth-child(2) { opacity: 0; } .toggle-menu-two .toggle-button-two span:nth-child(2) { opacity: 0; } .toggle-menu-one .toggle-button-one span:nth-child(3) { transform: rotate(-45deg); position: relative; top: -9px; } .toggle-menu-two .toggle-button-two span:nth-child(3) { transform: rotate(-45deg); position: relative; top: -9px; } .black-shadow-one { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: #000000; opacity: 0.5; z-index: 90; display: none; } .black-shadow-two { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: #000000; opacity: 0.5; z-index: 90; display: none; } .main-inner-banner-one { padding-top: 250px; padding-bottom: 115px; background-color: #14113a; position: relative; } .breadcrum-title-one { text-align: center; justify-content: center; } .breadcrum-one { display: inline-block; } .breadcrum-one ul { margin-bottom: 0; padding-left: 0; text-decoration: none; list-style: none; display: flex; align-items: center; justify-content: center; background-color: #5956e9; border-radius: 10px; padding: 10px 30px; } .breadcrum-one ul li { margin-right: 10px; } .breadcrum-one ul li:last-child { margin-right: 0; } .breadcrum-one ul li a { color: #ffffff; text-transform: uppercase; font-weight: 500; } .breadcrum-one ul li i { color: #ffffff; } .main-inner-banner-one .banner-one-shape1 { top: 62px; left: 35px; } .main-inner-banner-one .banner-one-shape2 { bottom: 40px; left: 40%; } .main-inner-banner-two { background-color: #2f047a; padding-top: 250px; padding-bottom: 280px; position: relative; } .breadcrum-title-two { text-align: center; justify-content: center; } .breadcrum-two { display: inline-block; } .breadcrum-two ul { margin-bottom: 0; padding-left: 0; text-decoration: none; list-style: none; display: flex; align-items: center; justify-content: center; border-radius: 10px; } .breadcrum-two ul li { margin-right: 10px; } .breadcrum-two ul li:last-child { margin-right: 0; } .breadcrum-two ul li a { color: #ffffff; text-transform: uppercase; font-weight: 500; } .breadcrum-two ul li i { color: #ffffff; } .main-inner-banner-two .banner-line1-two { bottom: -50px; } .main-inner-banner-two .banner-line2-two { bottom: -50px; } /*==========Common CSS End==========*/ /*==========Loader CSS Start==========*/ .loader-box-one { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: #14113a; display: flex; align-items: center; justify-content: center; z-index: 999; } .loader-box-two { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: #2f047a; display: flex; align-items: center; justify-content: center; z-index: 999; } .dank-ass-loader { display: flex; flex-direction: column; align-items: center; position: relative; } .dank-ass-loader .load-shap { display: flex; } .arrow-one { width: 0; height: 0; margin: 0 -6px; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 21.6px solid #a09ee7; -webkit-animation: blink 1s infinite; animation: blink 1s infinite; filter: drop-shadow(0 0 18px #a09ee7); } .arrow-two { width: 0; height: 0; margin: 0 -6px; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 21.6px solid #ffb06c; -webkit-animation: blink 1s infinite; animation: blink 1s infinite; filter: drop-shadow(0 0 18px #ffb06c); } .arrow-one.down { transform: rotate(180deg); } .arrow-two.down { transform: rotate(180deg); } .arrow-one.outer-1 { -webkit-animation-delay: -0.0555555556s; animation-delay: -0.0555555556s; } .arrow-two.outer-1 { -webkit-animation-delay: -0.0555555556s; animation-delay: -0.0555555556s; } .arrow-one.outer-2 { -webkit-animation-delay: -0.1111111111s; animation-delay: -0.1111111111s; } .arrow-two.outer-2 { -webkit-animation-delay: -0.1111111111s; animation-delay: -0.1111111111s; } .arrow-one.outer-3 { -webkit-animation-delay: -0.1666666667s; animation-delay: -0.1666666667s; } .arrow-two.outer-3 { -webkit-animation-delay: -0.1666666667s; animation-delay: -0.1666666667s; } .arrow-one.outer-4 { -webkit-animation-delay: -0.2222222222s; animation-delay: -0.2222222222s; } .arrow-two.outer-4 { -webkit-animation-delay: -0.2222222222s; animation-delay: -0.2222222222s; } .arrow-one.outer-5 { -webkit-animation-delay: -0.2777777778s; animation-delay: -0.2777777778s; } .arrow-two.outer-5 { -webkit-animation-delay: -0.2777777778s; animation-delay: -0.2777777778s; } .arrow-one.outer-6 { -webkit-animation-delay: -0.3333333333s; animation-delay: -0.3333333333s; } .arrow-two.outer-6 { -webkit-animation-delay: -0.3333333333s; animation-delay: -0.3333333333s; } .arrow-one.outer-7 { -webkit-animation-delay: -0.3888888889s; animation-delay: -0.3888888889s; } .arrow-two.outer-7 { -webkit-animation-delay: -0.3888888889s; animation-delay: -0.3888888889s; } .arrow-one.outer-8 { -webkit-animation-delay: -0.4444444444s; animation-delay: -0.4444444444s; } .arrow-two.outer-8 { -webkit-animation-delay: -0.4444444444s; animation-delay: -0.4444444444s; } .arrow-one.outer-9 { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .arrow-two.outer-9 { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .arrow-one.outer-10 { -webkit-animation-delay: -0.5555555556s; animation-delay: -0.5555555556s; } .arrow-two.outer-10 { -webkit-animation-delay: -0.5555555556s; animation-delay: -0.5555555556s; } .arrow-one.outer-11 { -webkit-animation-delay: -0.6111111111s; animation-delay: -0.6111111111s; } .arrow-two.outer-11 { -webkit-animation-delay: -0.6111111111s; animation-delay: -0.6111111111s; } .arrow-one.outer-12 { -webkit-animation-delay: -0.6666666667s; animation-delay: -0.6666666667s; } .arrow-two.outer-12 { -webkit-animation-delay: -0.6666666667s; animation-delay: -0.6666666667s; } .arrow-one.outer-13 { -webkit-animation-delay: -0.7222222222s; animation-delay: -0.7222222222s; } .arrow-two.outer-13 { -webkit-animation-delay: -0.7222222222s; animation-delay: -0.7222222222s; } .arrow-one.outer-14 { -webkit-animation-delay: -0.7777777778s; animation-delay: -0.7777777778s; } .arrow-two.outer-14 { -webkit-animation-delay: -0.7777777778s; animation-delay: -0.7777777778s; } .arrow-one.outer-15 { -webkit-animation-delay: -0.8333333333s; animation-delay: -0.8333333333s; } .arrow-two.outer-15 { -webkit-animation-delay: -0.8333333333s; animation-delay: -0.8333333333s; } .arrow-one.outer-16 { -webkit-animation-delay: -0.8888888889s; animation-delay: -0.8888888889s; } .arrow-two.outer-16 { -webkit-animation-delay: -0.8888888889s; animation-delay: -0.8888888889s; } .arrow-one.outer-17 { -webkit-animation-delay: -0.9444444444s; animation-delay: -0.9444444444s; } .arrow-two.outer-17 { -webkit-animation-delay: -0.9444444444s; animation-delay: -0.9444444444s; } .arrow-one.outer-18 { -webkit-animation-delay: -1s; animation-delay: -1s; } .arrow-two.outer-18 { -webkit-animation-delay: -1s; animation-delay: -1s; } .arrow-one.inner-1 { -webkit-animation-delay: -0.1666666667s; animation-delay: -0.1666666667s; } .arrow-two.inner-1 { -webkit-animation-delay: -0.1666666667s; animation-delay: -0.1666666667s; } .arrow-one.inner-2 { -webkit-animation-delay: -0.3333333333s; animation-delay: -0.3333333333s; } .arrow-two.inner-2 { -webkit-animation-delay: -0.3333333333s; animation-delay: -0.3333333333s; } .arrow-one.inner-3 { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .arrow-two.inner-3 { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .arrow-one.inner-4 { -webkit-animation-delay: -0.6666666667s; animation-delay: -0.6666666667s; } .arrow-two.inner-4 { -webkit-animation-delay: -0.6666666667s; animation-delay: -0.6666666667s; } .arrow-one.inner-5 { -webkit-animation-delay: -0.8333333333s; animation-delay: -0.8333333333s; } .arrow-two.inner-5 { -webkit-animation-delay: -0.8333333333s; animation-delay: -0.8333333333s; } .arrow-one.inner-6 { -webkit-animation-delay: -1s; animation-delay: -1s; } .arrow-two.inner-6 { -webkit-animation-delay: -1s; animation-delay: -1s; } @-webkit-keyframes blink { 0% { opacity: 0.1; } 30% { opacity: 1; } 100% { opacity: 0.1; } } @keyframes blink { 0% { opacity: 0.1; } 30% { opacity: 1; } 100% { opacity: 0.1; } } .loader__label-one { position: absolute; left: 50%; bottom: -50px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); font-size: 18px; font-family: 'Poppins', sans-serif; line-height: 18px; font-weight: 500; margin-bottom: 0; letter-spacing: 0.1em; color: #ffffff; white-space: nowrap; -webkit-animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1); -moz-animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1); animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1); } @-webkit-keyframes loader-label { 0% { opacity: 0.25; } 30% { opacity: 1; } 100% { opacity: 0.25; } } @-moz-keyframes loader-label { 0% { opacity: 0.25; } 30% { opacity: 1; } 100% { opacity: 0.25; } } @keyframes loader-label { 0% { opacity: 0.25; } 30% { opacity: 1; } 100% { opacity: 0.25; } } /*==========Loader CSS End==========*/ /*==========Header CSS Start==========*/ .site-header-one { position: fixed; top: 0; left: 0; width: 100%; z-index: 100; transition: 0.3s; } .site-header-two { position: fixed; top: 0; left: 0; width: 100%; z-index: 100; transition: 0.3s; } .header-top-one { width: 100%; height: 45px; background: rgb(255,255,255,0.15); display: flex; justify-content: center; align-items: center; transition: 0.3s; } .top-contact-one { display: flex; align-items: center; } .top-mail { display: flex; align-items: center; margin-right: 30px; } .top-call-one { display: flex; align-items: center; } .top-mail-icon-one { font-size: 18px; color: #5956e9; margin-right: 15px; } .top-call-icon-one { font-size: 18px; color: #5956e9; margin-right: 15px; } .top-mail-content-one p { margin-bottom: 0; color: #ffffff; } .top-call-content-one p { margin-bottom: 0; color: #ffffff; } .Social-midea-one a { color: #fff; margin-left: 12px; transition: 0.3s; } .header-top-one .Social-midea-one { text-align: right; } .Social-midea-one a:hover { color: #5956e9; } .header-bottom-one { width: 100%; padding: 20px 0; transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s; background-color:transparent; } .header-bottom-two { width: 100%; padding: 20px 0; transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s; background-color:transparent; } .site-branding-one a { display: inline-block; position: relative; } .site-branding-two a { display: inline-block; position: relative; } .site-branding-one a img { width: 100%; } .site-branding-two a img { width: 100%; } .header-menu-one { position: relative; text-align: right; } .header-menu-two { position: relative; text-align: right; } .main-navigation-one{ display: inline-block; } .main-navigation-two{ display: inline-block; } .main-navigation-one ul { list-style: none; font-size: 0; line-height: 1; margin-bottom: 0; padding: 0; } .main-navigation-two ul { list-style: none; font-size: 0; line-height: 1; margin-bottom: 0; padding: 0; } .main-navigation-one ul li:first-child { margin-left: 0; padding-left: 0; } .main-navigation-two ul li:first-child { margin-left: 0; padding-left: 0; } .main-navigation-one ul li { font-size: 16px; line-height: 24px; display: inline-block; margin-left: 24px; padding-left: 24px; position: relative; } .main-navigation-two ul li { font-size: 16px; line-height: 24px; display: inline-block; margin-left: 24px; padding-left: 24px; position: relative; } .main-navigation-one ul li a { font-size: 15px; line-height: 24px; color: #ffffff; font-weight: 500; transition: 0.3s; font-family: 'Poppins', sans-serif; } .main-navigation-two ul li a { font-size: 15px; line-height: 24px; color: #ffffff; font-weight: 500; transition: 0.3s; font-family: 'Poppins', sans-serif; } .header-btn { display: inline-block; position: relative; vertical-align: middle; margin-left: 30px; text-transform: uppercase; } .main-navigation-one ul li.sub-items-one:hover>a, .main-navigation-one ul li a:hover, .main-navigation-one ul li.active>a { color: #5956e9; } .main-navigation-two ul li.sub-items-two:hover>a, .main-navigation-two ul li a:hover, .main-navigation-two ul li.active>a { color: #5956e9; } .main-navigation-one ul li.sub-items-one>a:before { content: "\f107"; position: absolute; top: 50%; right: 0; transform: translate(0,-50%); font-family: 'FontAwesome'; font-size: 16px; transition: 0.3s; } .main-navigation-two ul li.sub-items-two>a:before { content: "\f107"; position: absolute; top: 50%; right: 0; transform: translate(0,-50%); font-family: 'FontAwesome'; font-size: 16px; transition: 0.3s; } .site-header-one.sticky-header-one .main-navigation-one ul li a, .site-header-one.sticky-header-one .search-icon a, .site-header-one.sticky-header-one .main-navigation-one ul li.sub-items-one>a:before { color: #ffffff; } .site-header-two.sticky-header-two .main-navigation-two ul li a, .site-header-two.sticky-header-two .search-icon a, .site-header-two.sticky-header-two .main-navigation-two ul li.sub-items-two>a:before { color: #161616; } .main-navigation-one ul li.sub-items-one>a { padding-right: 15px; position: relative; } .main-navigation-two ul li.sub-items-two>a { padding-right: 15px; position: relative; } .main-navigation-one ul li.sub-items-one:hover>a:before, .main-navigation-one ul li a:hover:before { transform: translate(0,-50%) rotate(-180deg); transition: 0.3s; } .main-navigation-two ul li.sub-items-two:hover>a:before, .main-navigation-two ul li a:hover:before { transform: translate(0,-50%) rotate(-180deg); transition: 0.3s; } .main-navigation-one ul li:first-child { margin-left: 0; padding: 0; } .main-navigation-two ul li:first-child { margin-left: 0; padding: 0; } .main-navigation-one ul li ul.sub-menu-one { position: absolute; top: 100%; left: -15px; width: 200px; height: auto; background: #24225a; border-radius: 4px; box-shadow: 1px 1px 60px rgba(0,0,0,0.3); display: none; transition: 0.3s; z-index: 150; } .main-navigation-two ul li ul.sub-menu-two { position: absolute; top: 100%; left: -15px; width: 200px; height: auto; background: #ffffff; border-radius: 4px; box-shadow: 1px 1px 60px rgba(0,0,0,0.3); display: none; transition: 0.3s; z-index: 150; } .main-navigation-one ul li:hover ul.sub-menu-one { display: block; animation: swip_up 0.3s linear 1; } .main-navigation-two ul li:hover ul.sub-menu-two { display: block; animation: swip_up 0.3s linear 1; } @keyframes swip_up { from { transform: translate(0, 20px); opacity: 0; } to { transform: translate(0, 0); opacity: 1; } } .main-navigation-one ul li ul.sub-menu-one li { display: block; text-align: left; margin: 0; border-bottom: 1px solid rgb(255,255,255,0.3); } .main-navigation-two ul li ul.sub-menu-two li { display: block; text-align: left; margin: 0; border-bottom: 1px solid #e1e1e1; } .main-navigation-one ul li ul.sub-menu-one li:first-child { padding-left: 10px; } .main-navigation-two ul li ul.sub-menu-two li:first-child { padding-left: 10px; } .main-navigation-one ul li ul.sub-menu-one li { padding-left: 10px; } .main-navigation-two ul li ul.sub-menu-two li { padding-left: 10px; } .main-navigation-one ul li ul.sub-menu-one li:last-child { border-bottom: none; } .main-navigation-two ul li ul.sub-menu-two li:last-child { border-bottom: none; } .main-navigation-one ul li ul.sub-menu-one li a { display: block; padding: 10px 7px; } .main-navigation-two ul li ul.sub-menu-two li a { display: block; padding: 10px 7px; } .main-navigation-one ul li ul.sub-menu-one li a { display: block; color: #ffffff; padding: 10px 15px; font-size: 14px; font-weight: 400; transition: 0.3s; } .main-navigation-two ul li ul.sub-menu-two li a { display: block; color: #161616; padding: 10px 15px; font-size: 14px; font-weight: 400; transition: 0.3s; } .main-navigation-one ul li ul.sub-menu-one li a:hover { color: #5956e9; transition: 0.3s; } .main-navigation-two ul li ul.sub-menu-two li a:hover { color: #ff7368; transition: 0.3s; } .main-navigation-one ul li.sub-items-one:hover>a, .main-navigation-one ul li a:hover, .main-navigation-one ul li.active>a { color: #5956e9; } .main-navigation-two ul li.sub-items-two:hover>a, .main-navigation-two ul li a:hover, .main-navigation-two ul li.active>a { color: #ff7368; } .site-header-one.sticky-header-one .main-navigation-one ul li.sub-items-one:hover>a, .site-header-one.sticky-header-one .main-navigation-one ul li a:hover, .site-header-one.sticky-header-one .main-navigation-one ul li.active>a, .site-header-one.sticky-header-one .main-navigation-one ul li.sub-items-one:hover>a:before, .site-header-one.sticky-header-one .main-navigation-one ul li a:hover:before, .site-header-one.sticky-header-one .main-navigation-one ul li.active>a:before, .site-header-one.sticky-header-one .main-navigation-one ul li ul.sub-menu-one li a:hover { color: #5956e9; } .site-header-two.sticky-header-two .main-navigation-two ul li.sub-items-two:hover>a, .site-header-two.sticky-header-two .main-navigation-two ul li a:hover, .site-header-two.sticky-header-two .main-navigation-two ul li.active>a, .site-header-two.sticky-header-two .main-navigation-two ul li.sub-items-two:hover>a:before, .site-header-two.sticky-header-two .main-navigation-two ul li a:hover:before, .site-header-two.sticky-header-two .main-navigation-two ul li.active>a:before, .site-header-two.sticky-header-two .main-navigation-two ul li ul.sub-menu-two li a:hover { color: #ff7368; } .search-box-one { display: inline-block; position: relative; vertical-align: middle; margin-left: 34px; } .search-box-two { display: inline-block; position: relative; vertical-align: middle; margin-left: 34px; } .search-icon-one a { display: inline-block; font-size: 20px; color: rgb(255,255,255,0.5); transition: 0.3s; } .search-icon-two a { display: inline-block; font-size: 20px; color: rgb(255,255,255,0.5); transition: 0.3s; } .site-header-two.sticky-header-two .search-icon-two a { color: #777777; } .site-header-two.sticky-header-two .search-icon-two a:hover { color: #ff7368; } .search-icon-one a:hover { color: #5956e9; } .search-icon-two a:hover { color: #ff7368; } .search-input-one { position: absolute; top: calc(100% + 10px); right: -10px; width: 300px; display: none; } .search-input-two { position: absolute; top: calc(100% + 10px); right: -10px; width: 300px; display: none; } .search-input-one .form-input-one { width: 100%; height: 60px; padding: 12px 55px 12px 20px; border-radius: 10px; border: none; box-shadow: 5px 5px 20px rgba(0,0,0,0.08); } .search-input-two .form-input-two { width: 100%; height: 60px; padding: 12px 55px 12px 20px; border-radius: 10px; border: none; box-shadow: 5px 5px 20px rgba(0,0,0,0.08); } .search-input-one .sec-btn-one { position: absolute; top: 5px; right: 5px; width: 50px; height: 50px; border-radius: 10px; padding: 0; border: none; margin-left: 0 !important; } .search-input-two .sec-btn-two { position: absolute; top: 5px; right: 5px; width: 50px; height: 50px; border-radius: 10px; padding: 0; border: none; margin-left: 0 !important; } .search-input-one .black-shadow-one { background: transparent; } .search-input-two .black-shadow-two { background: transparent; } .search-input-one .search-input-box-one { position: relative; z-index: 100; } .search-input-two .search-input-box-two { position: relative; z-index: 100; } .search-input-one .sec-btn-one i { margin: 0; } .search-input-two .sec-btn-two i { margin: 0; } .header-search-two .sec-btn-two { vertical-align: middle; margin-left: 20px; } .sub-items-one a { position: relative; } .sub-items-two a { position: relative; } .sub-items-one a::after { content: ""; position: absolute; width: 0; height: 2px; bottom: 0; left: 0; background-color: #5956e9; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .sub-items-two a::after { content: ""; position: absolute; width: 0; height: 2px; bottom: 0; left: 0; background-color: #ff7368; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .sub-menu-one li a::after { width: 0 !important; } .sub-menu-two li a::after { width: 0 !important; } .sub-items-one.active a:after { width: 100%; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .sub-items-two.active a:after { width: 100%; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .sub-items-one a:hover::after { width: 100%; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .sub-items-two a:hover::after { width: 100%; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } /*==Sticky Header Start==*/ .sticky-header-one .header-top-one { margin-top: -45px; transition: 0.3s; } .site-header-one.sticky-header-one { background-color: rgb(20,17,58,0.9); box-shadow: 6px 6px 60px 0px rgba(0,0,0,0.1); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); -moz-backdrop-filter: blur(20px); -ms-backdrop-filter: blur(20px); transition: 0.3s } .sticky-header-one .header-bottom-one { padding: 20px 0px; animation: 0.95s ease 0s normal forwards 1 running headerSlideDown; transition: 0.3s; } @keyframes headerSlideDown { 0% { margin-top: -150px; } 100% { margin-top: 0; } } .sticky-header-one .main-navigation-one ul li a { color: #051136; transition: 0.3s; } .site-header-two.sticky-header-two { background-color: #fff; box-shadow: 6px 6px 60px 0px rgba(0,0,0,0.1); transition: 0.3s } .sticky-header-two .header-bottom-two { padding: 20px 0px; animation: 0.95s ease 0s normal forwards 1 running headerSlideDown; transition: 0.3s; } .sticky-header-two .main-navigation-two ul li a { color: #051136; transition: 0.3s; } .site-header-two.sticky-header-two .site-branding-two a img { opacity: 0; transition: 0.3s; } .site-branding-two a img.sticky-logo-two { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; z-index: 1; } .site-header-two.sticky-header-two .site-branding-two a img.sticky-logo-two { opacity: 1; transition: 0.3s; } /*==Sticky Header End==*/ /*==========Header CSS End==========*/ /*==========Banner CSS Start==========*/ .main-banner-one { position: relative; padding-top: 268px; padding-bottom: 134px; background-color: #14113a; } .blur-1 { position: absolute; top: -250px; left: -250px; animation-name: zoom-fade; animation-duration: 4s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: zoom-fade; -webkit-animation-duration: 4s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: zoom-fade; -moz-animation-duration: 4s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: zoom-fade; -ms-animation-duration: 4s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: zoom-fade; -o-animation-duration: 4s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } .blur-2 { position: absolute; bottom: -250px; right: -250px; animation-name: zoom-fade; animation-duration: 5s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: zoom-fade; -webkit-animation-duration: 5s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: zoom-fade; -moz-animation-duration: 5s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: zoom-fade; -ms-animation-duration: 5s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: zoom-fade; -o-animation-duration: 5s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } @-webkit-keyframes zoom-fade { 0% { -webkit-transform: scale(0.6); transform: scale(0.6); } 50% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.6); transform: scale(0.6); } } @keyframes zoom-fade { 0% { -webkit-transform: scale(0.6); transform: scale(0.6); } 50% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.6); transform: scale(0.6); } } .banner-content-one { position: relative; margin-bottom: 47px; } .banner-content-one p { font-size: 18px; line-height: 28px; color: #afabe3; margin-top: 17px; margin-bottom: 30px; } .banner-slide-text { position: absolute; top: 160px; left: -250px; transform: rotate(-90deg); } .banner-slide-text p { font-size: 18px; font-weight: 500; color: rgb(175,171,227,0.3); margin-bottom: 0; margin-top: 0; mix-blend-mode: overlay; } .banner-slide-text p { margin-bottom: 0; } .banner-img-box { position: relative; display: inline-block; } .banner-img1 { position: relative; float: left; } .banner-img1::before { content: ""; position: absolute; width: 100%; height: 100%; border: 1px solid #5956e9; border-radius: 100%; top: -20px; left: 20px; z-index: -1; } .banner-img2 { position: relative; margin-top: -148px; float: right; } .banner-img2::before { content: ""; position: absolute; width: 100%; height: 100%; border: 1px solid #5956e9; border-radius: 100%; top: 20px; left: 10px; z-index: -1; } .banner-img3 { position: relative; margin-top: 27px; margin-left: 70px; float: left; } .banner-img3::before { content: ""; position: absolute; width: 100%; height: 100%; border: 1px solid #5956e9; border-radius: 100%; top: 20px; right: 10px; z-index: -1; } .banner-video-box { position: absolute; bottom: 0; left: 0; display: flex; align-items: center; } .banner-video-img { position: relative; overflow: hidden; } .banner-video-img>img { width: 100%; transform: scale(1); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .banner-video-img:hover>img { transform: scale(1.05); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .banner-video-img::before { content: ""; position: absolute; background-color: rgb(22,22,22,0.3); top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .banner-play-btn { transform: translate(50%); align-items: center; top: 50%; left: 50%; text-align: center; position: absolute; z-index: 2; } .banner-play-icon { position: absolute; transform: translate(-50%,-50%); width: 60px; height: 60px; background-color: #ffffff; background-size: 200% 100%; background-position: left center; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; font-size: 20px; color: #5956e9; padding-left: 5px; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; z-index: 1; } .banner-play-icon:before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; background: transparent; border-radius: 50%; pointer-events: none; animation: waveBtn 2.5s infinite; z-index: -1; } @keyframes waveBtn { 0% { box-shadow: 0 0 0 0 rgba(255,255,255,1) } 50% { box-shadow: 0 0 0 40px transparent; } 100% { box-shadow: 0 0 0 0 transparent; } } .banner-play-icon:hover { color: #14113a; background-position: right center; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .banner-video-content { border-right: 1px solid rgb(255,255,255,0.3); border-top: 1px solid rgb(255,255,255,0.3); height: 180px; padding: 0 90px; display: flex; align-items: center; justify-content: center; } .banner-video-content a { font-size: 22px; color: rgb(255,255,255,0.6); font-weight: 500; line-height: 32px; text-transform: uppercase; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .banner-video-content a i { margin-left: 15px; transition: all 0.1s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .banner-video-content a:hover { color: #5956e9; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .banner-one-shape1 { position: absolute; border: 20px solid rgb(255,255,255,0.5); width: 150px; height: 150px; border-radius: 100%; top: 212px; left: 35px; mix-blend-mode: overlay; } .banner-one-shape2 { position: absolute; border: 17px solid rgb(255,255,255,0.5); width: 80px; height: 80px; border-radius: 100%; bottom: 218px; left: 40%; mix-blend-mode: overlay; } .banner-one-shape3 { position: absolute; border: 20px solid rgb(255,255,255,0.5); width: 150px; height: 150px; border-radius: 100%; top: 300px; right: 140px; mix-blend-mode: overlay; } .banner-one-shape4 { position: absolute; bottom: 0; right: 0; mix-blend-mode: overlay; } .banner-mob-one { display: none; } .banner-mob-no-one { display: block; } .main-banner-two { background-color: #2f047a; padding-top: 254px; padding-bottom: 278px; position: relative; } .banner-content-two .subtitle { margin-bottom: 24px; } .banner-content-two p { font-size: 18px; line-height: 28px; color: #d5c6f4; margin-top: 17px; margin-bottom: 32px; } .banner-img-two { position: relative; } .banner-img-two img { max-width: unset; width: auto; } .banner-img-part2-two { position: absolute; top: 0; left: 0; animation: bounce 1s infinite alternate; -webkit-animation: bounce 1s infinite alternate; } @keyframes bounce { from { transform: translateY(0px); } to { transform: translateY(-15px); } } @-webkit-keyframes bounce { from { transform: translateY(0px); } to { transform: translateY(-15px); } } .banner-overlay-two { position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; } .banner-overlay-two img { width: 100%; } .banner-bgoverlay-two { position: absolute; bottom: 0; left: 0; mix-blend-mode: overlay; width: 100%; } .banner-bgoverlay-two img { width: 100%; } .banner-line1-two { position: absolute; bottom: 0; left: 0; animation: line1 3s ease-in-out infinite; -webkit-animation: line1 3s ease-in-out infinite; } @-webkit-keyframes line1 { 0% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 50% { -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } } @keyframes line1 { 0% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 50% { -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } } .banner-line2-two { position: absolute; bottom: 0; left: 0; animation: line2 2s ease-in-out infinite; -webkit-animation: line2 2s ease-in-out infinite; } @-webkit-keyframes line2 { 0% { -webkit-transform: translateY(-20px); transform: translateY(-20px); } 50% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes line2 { 0% { -webkit-transform: translateY(-20px); transform: translateY(-20px); } 50% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(-20px); transform: translateY(-20px); } } .banner-shape1-two { position: absolute; top: 90px; left: -120px; } .banner-shape2-two { position: absolute; bottom: -110px; right: 90px; } /*==========Banner CSS End==========*/ /*==========Partner Logo CSS Start==========*/ .main-partner-logo-one { padding-top: 80px; padding-bottom: 80px; } .partner-logo-box { display: flex; align-items: center; justify-content: center; } .partner-logo-box .partner-overlay { filter: grayscale(100%); opacity: 0.5; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .partner-logo-box:hover .partner-overlay { filter: grayscale(0%); opacity: 1; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .main-partner-logo-two { padding-bottom: 60px; } /*==========Partner Logo CSS End==========*/ /*==========About Us CSS Start==========*/ .main-about-us-one { padding-top: 40px; padding-bottom: 120px; position: relative; } .about-shape-one { position: absolute; top: 50%; right: 0; transform: translate(0%,-50%); } .about-img-box-one { position: relative; } .about-text-img1-one { position: absolute; bottom: 0; left: 0; animation-duration: 2.5s; animation-fill-mode: both; animation-iteration-count: infinite; animation-name: hero-bounce; } @keyframes hero-bounce { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-30px);} 60% {transform: translateY(-15px);} } .about-content-one { padding-left: 30px; } .about-content-one .points-one { margin-top: 25px; } .points-one ul { text-decoration: none; list-style: none; margin-bottom: 0; padding-left: 0; } .points-one ul li { display: flex; align-items: center; margin-bottom: 20px; } .points-one ul li:last-child { margin-bottom: 0; } .check-list { width: 30px; height: 30px; background-color: #5956e9; display: flex; align-items: center; justify-content: center; border-radius: 100%; margin-right: 20px; box-shadow: 0px 5px 20px 0px rgb(89,86,233,0.3); } .points-one p { color: #161616; width: calc(100% - 30px); margin-bottom: 0; } .google-rating { background-color: #ffffff; border-radius: 10px; padding: 20px; display: inline-block; box-shadow: 0px 30px 60px 0px rgb(0,0,0,0.1); margin-top: 30px; } .google-rating-content { display: flex; align-items: center; } .google-icon { margin-right: 15px; } .google-rating-text { width: calc(100% - 34px); } .google-rating-text span { font-family: 'Poppins', sans-serif; font-size: 15px; font-weight: 700; color: #161616; margin-bottom: 10px; } .google-star-rating { display: flex; align-items: center; } .google-star-rating p { margin-bottom: 0; color: #febc1c; font-family: 'Poppins', sans-serif; font-size: 15px; font-weight: 400; margin-right: 8px; } .google-star-rating ul { text-decoration: none; list-style: none; padding-left: 0; margin-bottom: 0; display: flex; align-items: center; } .google-star-rating ul li { margin-right: 2px; } .google-star-rating ul li:last-child { margin-right: 0; } .google-star-rating ul li i { color: #febc1c; font-size: 14px; } .main-about-us-two { padding-top: 88px; padding-bottom: 120px; position: relative; } .about-img-two { position: relative; } .about-img-two img { max-width: unset; float: right; } .about-img-part2-two { position: absolute; top: 0; left: 0; animation: bounce 1s infinite alternate; -webkit-animation: bounce 1s infinite alternate; } .about-content-two { padding-left: 30px; } .points-two { margin-top: 30px; } .points-two ul { text-decoration: none; list-style: none; padding-left: 0; margin-bottom: 0; } .points-two ul li { display: flex; align-items: center; margin-bottom: 20px; } .points-two ul li:last-child { margin-bottom: 0; } .points-two ul li p { color: #161616; width: calc(100% - 30px); margin-bottom: 0; } .point-circle { width: 30px; height: 30px; border: 5px solid #ff7468; border-radius: 100%; box-shadow: 0px 10px 30px 0px rgb(255,116,104,0.4); margin-right: 20px; background-color: transparent; } .about-shape1-two { position: absolute; top: 50%; right: -180px; transform: translate(0%,-50%); } .about-shape2-two { position: absolute; top: 50%; right: -40px; transform: translate(0%,-50%); z-index: -1; animation: rotateme 15s infinite alternate; -webkit-animation: rotateme 15s infinite alternate; -moz-animation: rotateme 15s infinite alternate; -o-animation: rotateme 15s infinite alternate; } @keyframes rotateme { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @-webkit-keyframes rotateme { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes rotateme { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-o-keyframes rotateme { from { -o-transform: rotate(0deg); } to { -o-transform: rotate(360deg); } } /*==========About Us CSS End==========*/ /*==========Services CSS Start==========*/ .main-services-one { background-color: #f4f6fd; padding-top: 120px; padding-bottom: 120px; position: relative; } .service-shape-one { position: absolute; top: 50%; right: 0; transform: translate(0%,-50%); } .service-title-one { text-align: center; } .service-title-one .subtitle { justify-content: center; } .service-box-one { background-color: #ffffff; padding: 40px; border-radius: 10px; box-shadow: 0px 30px 60px 0px rgb(0,0,0,0.1); text-align: left; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; position: relative; z-index: 1; overflow: hidden; } .service-boxbg-shape-one { position: absolute; top: -396px; right: -400px; z-index: -1; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .service-box-one:hover .service-boxbg-shape-one { top: -170px; right: -150px; transition: all 0.5s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .service-box-one:hover { background-color: #14113a; box-shadow: 0px 30px 60px 0px rgb(20,17,58,0.3); } .service-icon-one { width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; position: relative; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .service-icon-one::before { content: ""; position: absolute; width: 100%; height: 100%; background-image: url(../images/service-icon-bg-one.png); background-position: center; background-size: cover; background-repeat: no-repeat; top: 0; left: 0; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .service-box-one:hover .service-icon-one::before { animation-name: rotateme; animation-duration: 5s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: rotateme; -webkit-animation-duration: 5s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: rotateme; -moz-animation-duration: 5s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: rotateme; -ms-animation-duration: 5s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: rotateme; -o-animation-duration: 5s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } @-webkit-keyframes rotateme { 0% { -webkit-transform: rotate(0deg); opacity: 1; } 50% { -webkit-transform: rotate(180deg); opacity: 0.7; } 100% { -webkit-transform: rotate(360deg); opacity: 1; } } @-moz-keyframes rotateme { 0% { -moz-transform: rotate(0deg); opacity: 1; } 50% { -moz-transform: rotate(180deg); opacity: 0.7; } 100% { -moz-transform: rotate(360deg); opacity: 1; } } @-o-keyframes rotateme { 0% { -o-transform: rotate(0deg); opacity: 1; } 50% { -o-transform: rotate(180deg); opacity: 0.7; } 100% { -o-transform: rotate(360deg); opacity: 1; } } @keyframes rotateme { 0% { transform: rotate(0deg); opacity: 1; } 50% { transform: rotate(180deg); } 100% { transform: rotate(360deg); opacity: 1; } } .yes-d-one { display: block; } .no-d-one { display: none; } .service-box-one:hover .yes-d-one { display: none; } .service-box-one:hover .no-d-one { display: block; } .service-box-content-one { margin-top: 30px; } .service-box-content-one p { margin-bottom: 0; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .service-box-content-one .h3-title { transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .service-box-one:hover .service-box-content-one .h3-title { color: #ffffff; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .service-box-one:hover .service-box-content-one p { color: #afabe3; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .main-service-two { padding-bottom: 120px; position: relative; } .services-title-two { text-align: center; } .services-title-two .subtitle { justify-content: center; } .service-side-two { padding: 0 200px; } .service-box-two { background-color: transparent; display: flex; align-items: center; border-radius: 10px; padding: 30px; margin-bottom: 30px; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .service-box-two:hover { background-color: #ffffff; box-shadow: 0px 30px 60px 0px rgb(0,0,0,0.1); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .service-icon-two { margin-right: 20px; } .service-box-two:hover .service-icon-two img { animation: hvr-buzz-out 0.75s linear 1; } @keyframes hvr-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } .service-box-content-two { width: calc(100% - 48px); } .service-box-content-two .h3-title { transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .service-box-content-two .h3-title:hover { color: #ff7368; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .service-box-content-two p { margin-bottom: 0; } .service-box-right-two { margin-right: 40px; margin-left: -40px; } .service-img-two { position: relative; display: flex; align-items: center; justify-content: center; } .service-img-part2-two { position: absolute; top: 0; left: auto; animation: bounce 1s infinite alternate; -webkit-animation: bounce 1s infinite alternate; } .service-box-left-two { margin-left: 40px; margin-right: -40px; } .service-shape1-two { position: absolute; top: 30px; left: 55px; z-index: -1; -webkit-animation: move2 3s infinite; animation: move2 10s infinite; } @keyframes move2 { 0% { -webkit-transform: rotate(1deg) translate(-5px, -5px); transform: rotate(-9deg) translate(-5px, -5px); } 50% { -webkit-transform: rotate(-1deg) translate(2px, 2px); transform: rotate(9deg) translate(2px, 2px); } 100% { -webkit-transform: rotate(1deg) translate(-5px, -5px); transform: rotate(-9deg) translate(-5px, -5px); } } .service-shape2-two { position: absolute; bottom: 150px; right: 20px; animation: rotateme 30s infinite alternate; -webkit-animation: rotateme 30s infinite alternate; -moz-animation: rotateme 30s infinite alternate; -o-animation: rotateme 30s infinite alternate; } /*==========Services CSS End==========*/ /*==========Portfolio CSS Start==========*/ .main-portfolio-one { padding-top: 120px; padding-bottom: 90px; position: relative; } .portfolio-btn-one { text-align: right; } .portfolio-box-one { border-radius: 10px; margin-bottom: 30px; position: relative; display: block; overflow: hidden; } .portfolio-box-one img { border-radius: 10px; } .portfolio-box-one>img { width: 100%; transform: scale(1); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .portfolio-box-one:hover >img { transform: scale(1.05); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .portfolio-box-one:before { content: ""; position: absolute; background-color: #14113a; border-radius: 10px; top: 20px; bottom: 20px; left: 20px; right: 20px; transform: scale(0.1); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; z-index: 1; opacity: 0; visibility: hidden; } .portfolio-box-one:hover.portfolio-box-one:before { opacity: 0.9; transform: scale(1); visibility: visible; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .portfolio-hover-one { position: absolute; left: 0; right: 0; top: 50%; z-index: 2; opacity: 0; visibility: hidden; transform: translateY(-50%) scale(0); text-align: center; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .portfolio-hover-one .h3-title { color: #ffffff; } .portfolio-hover-one p { color: #5956e9; margin-bottom: 0; font-weight: 500; text-transform: uppercase; } .portfolio-box-one:hover .portfolio-hover-one { opacity: 1; visibility: visible; transform: translateY(-50%) scale(1); } .side-p { padding: 0 60px; } .portfolio-shape-one { position: absolute; top: 205px; right: 30px; } .dec-no-one { display: none; } .mob-no-one { display: block; } .main-portfolio-two { padding-bottom: 170px; } .portfolio-btn-two { text-align: right; } .portfolio-side-two { padding: 0 70px; } .portfolio-box-two { border-radius: 10px; position: relative; overflow: hidden; margin: 0 15px; } .portfolio-box-two img { border-radius: 10px; } .portfolio-box-two>img { width: 100%; transform: scale(1); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .portfolio-box-two:hover >img { transform: scale(1.05); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .portfolio-content-two { position: absolute; bottom: 30px; right: -365px; background-color: #2f047a; border-radius: 10px 0 0 10px; padding: 40px; text-align: left; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .portfolio-box-two:hover .portfolio-content-two { right: 0; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .portfolio-content-two .h3-title { color: #ffffff; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .portfolio-content-two .h3-title:hover { color: #ff7368; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .portfolio-content-two p { color: #d5c6f4; margin-bottom: 0; } .main-portfolio-two .slick-dots { bottom: -50px; } /*==========Portfolio CSS End==========*/ /*==========Newsletter CSS Start==========*/ .main-newsletter-one { background-color: #14113a; padding-top: 80px; padding-bottom: 80px; position: relative; } .newsletter-title-one { display: flex; align-items: center; } .newsletter-icon-one { margin-right: 30px; animation-duration: 2.5s; animation-fill-mode: both; animation-iteration-count: infinite; animation-name: hero-bounce; } .newsletter-title-one .h2-title { color: #ffffff; font-size: 50px; line-height: 60px; padding-top: 0; padding-bottom: 0; width: calc(100% - 63px); margin-bottom: 0; } .newsletter-form-one { position: relative; padding-left: 30px; } .newsletter-form-one .form-input-one { border: 0; padding-right: 210px; } .newsletter-form-one .sec-btn-one { border: 0; position: absolute; right: 5px; top: 5px; line-height: 15px; height: 50px; } .newsletter-blur1-one { position: absolute; top: -270px; left: -240px; animation-name: zoom-fade; animation-duration: 4s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: zoom-fade; -webkit-animation-duration: 4s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: zoom-fade; -moz-animation-duration: 4s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: zoom-fade; -ms-animation-duration: 4s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: zoom-fade; -o-animation-duration: 4s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } .newsletter-blur2-one { position: absolute; bottom: -270px; right: -240px; animation-name: zoom-fade; animation-duration: 5s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: zoom-fade; -webkit-animation-duration: 5s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: zoom-fade; -moz-animation-duration: 5s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: zoom-fade; -ms-animation-duration: 5s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: zoom-fade; -o-animation-duration: 5s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } .newsletter-one-shape1 { position: absolute; border: 20px solid rgb(255,255,255,0.5); width: 150px; height: 150px; border-radius: 100%; top: -40px; left: 50px; mix-blend-mode: overlay; } .newsletter-one-shape2 { position: absolute; border: 20px solid rgb(255,255,255,0.5); width: 150px; height: 150px; border-radius: 100%; bottom: -40px; right: 50px; mix-blend-mode: overlay; } /*==========Newsletter CSS End==========*/ /*==========Pricing Table CSS Start==========*/ .main-pricing-table-one { position: relative; padding-top: 120px; padding-bottom: 120px; } .pricing-shape-one { position: absolute; top: 50%; left: 0; transform: translate(0%,-50%); } .pricing-box-one { background-color: #ffffff; border-radius: 10px; padding: 30px 40px; box-shadow: 0px 30px 60px 0px rgb(0,0,0,0.1); text-align: left; overflow: hidden; position: relative; z-index: 1; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .pricing-box-one:hover { background-color: #14113a; box-shadow: 0px 30px 60px 0px rgb(20,17,58,0.2); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .pricing-box-one .h3-title { font-size: 22px; line-height: 32px; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .pricing-box-one:hover .h3-title { color: #ffffff; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .price-text-one .h3-title { font-size: 30px; color: #5956e9; line-height: 40px; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .price-text-one .h3-title span { color: #161616; font-size: 15px; font-weight: 600; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .pricing-box-one:hover .h3-title span { color: #ffffff; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .pricing-table-line-one { width: 100%; height: 1px; background-color: #e1e1e1; margin-top: 18px; margin-bottom: 30px; } .pricing-box-one ul { margin-bottom: 0; padding-left: 0; list-style: none; text-decoration: none; } .pricing-box-one ul li { display: flex; align-items: center; margin-bottom: 20px; } .pricing-box-one ul li:last-child { margin-bottom: 0; } .price-point-check-one { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; background-color: #deddfb; border-radius: 100%; margin-right: 10px; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .pricing-box-one:hover .price-point-check-one { background-color: rgb(255,255,255,0.2); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .pricing-box-one:hover .yes-d-one { display: none; } .pricing-box-one:hover .no-d-one { display: block; } .pricing-box-one ul li p { margin-bottom: 0; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .pricing-box-one:hover ul li p { color: #ffffff; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .pricing-box-one .sec-btn-one { width: 100%; margin-top: 30px; } .price-margin-one { margin-top: 30px; } .pricing-blurbg-one { position: absolute; top: -300px; right: -420px; z-index: -1; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .pricing-box-one:hover .pricing-blurbg-one { top: -160px; right: -170px; transition: all 0.4s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .pricing-box-one.active { background-color: #14113a; box-shadow: 0px 30px 60px 0px rgb(20,17,58,0.2); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .pricing-box-one.active .h3-title { color: #ffffff; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .pricing-box-one.active .h3-title span { color: #ffffff; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .pricing-box-one.active .price-point-check-one { background-color: rgb(255,255,255,0.2); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .pricing-box-one.active .yes-d-one { display: none; } .pricing-box-one.active .no-d-one { display: block; } .pricing-box-one.active ul li p { color: #ffffff; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .pricing-box-one.active .pricing-blurbg-one { top: -160px; right: -170px; transition: all 0.4s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .pricing-table-content-one { padding-left: 30px; } .pricing-counter-content-one { text-align: left; } .pricing-count-text { font-family: 'Poppins', sans-serif; font-size: 45px; line-height: 55px; color: #5956e9; display: flex; align-items: center; font-weight: 700; } .pricing-count-text .h3-title { font-family: 'Poppins', sans-serif; font-size: 45px; line-height: 55px; color: #5956e9; margin-bottom: 0; } .pricing-counter-content-one p { color: #161616; font-weight: 500; margin-bottom: 0; } .main-pricing-table-two { padding-bottom: 120px; position: relative; } .pricing-title-two { text-align: center; } .pricing-title-two .subtitle { justify-content: center; } .pricing-box-two { padding: 40px; background-color: #ffffff; border-radius: 10px; box-shadow: 0px 30px 60px 0px rgb(0,0,0,0.1); text-align: center; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .pricing-box-two:hover { background-color: #2f047a; transition: all 0.4s cubic-bezier(0.98, 0.57, 1, 1) 0s; box-shadow: 0px 30px 60px 0px rgb(47,4,122,0.3); } .pricing-box-two .h3-title { font-size: 40px; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .pricing-box-two:hover .h3-title { color: #ffffff; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .pricing-box-two span { font-family: 'Poppins', sans-serif; color: #777777; display: block; font-weight: 500; } .pricing-box-two:hover span { color: #ffffff; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .pricing-plan-title-two { background: -moz-linear-gradient(90deg, rgba(47,4,122,1) 0%, rgba(98,63,191,1) 100%); background: -webkit-linear-gradient(90deg, rgba(47,4,122,1) 0%, rgba(98,63,191,1) 100%); background: linear-gradient(90deg, rgba(47,4,122,1) 0%, rgba(98,63,191,1) 100%); padding: 15px 25px; border-radius: 50px; display: inline-block; margin-top: 23px; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .pricing-box-two:hover .pricing-plan-title-two { background: -moz-linear-gradient(90deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); background: -webkit-linear-gradient(90deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); background: linear-gradient(90deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .pricing-plan-title-two span { font-family: 'Poppins', sans-serif; color: #ffffff; text-transform: uppercase; font-weight: 700; } .pricing-table-line-two { width: 100%; height: 1px; background-color: #e1e1e1; margin-top: 30px; margin-bottom: 24px; } .pricing-box-two ul { text-decoration: none; list-style: none; padding-left: 0; margin-bottom: 0; } .pricing-box-two ul li { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; } .pricing-box-two ul li:last-child { margin-bottom: 0; } .pricing-box-two ul li p { margin-bottom: 0; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .pricing-box-two:hover.pricing-box-two ul li p { color: #ffffff; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .pricing-box-two .sec-btn-two { margin-top: 24px; } .pricing-shape1-two { position: absolute; top: 50%; left: -180px; transform: translate(0%,-50%); } .pricing-shape2-two { position: absolute; top: 50%; left: -40px; transform: translate(0%,-50%); z-index: -1; animation: rotateme 15s infinite alternate; -webkit-animation: rotateme 15s infinite alternate; -moz-animation: rotateme 15s infinite alternate; -o-animation: rotateme 15s infinite alternate; } /*==========Pricing Table CSS End==========*/ /*==========Team CSS Start==========*/ .main-team-one { background-color: #f4f6fd; padding-top: 120px; padding-bottom: 170px; position: relative; } .team-shape-one { position: absolute; top: 50%; right: 0; transform: translate(0%,-50%); } .team-title-one { text-align: center; } .team-title-one .subtitle { justify-content: center; } .team-box-one { margin: 0 15px; text-align: center; } .team-img-box-one { padding: 25px; background-color: #f4f6fd; border-radius: 100%; box-shadow: 15px 11px 19px 0px rgba(0,0,0,0.1) inset; -webkit-box-shadow: 15px 11px 19px 0px rgba(0,0,0,0.1) inset; -moz-box-shadow: 15px 11px 19px 0px rgba(0,0,0,0.1) inset; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; display: inline-block; } .team-box-one:hover .team-img-box-one { box-shadow: 15px 11px 19px 0px rgba(0,0,0,0) inset; -webkit-box-shadow: 15px 11px 19px 0px rgba(0,0,0,0) inset; -moz-box-shadow: 15px 11px 19px 0px rgba(0,0,0,0) inset; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .team-img-one { position: relative; overflow: hidden; border-radius: 100%; } .team-img-one::before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: 8px solid rgb(89,86,233,0); border-radius: 100%; z-index: 1; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .team-box-one:hover .team-img-one::before { border: 8px solid rgb(89,86,233,1); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .team-img-one>img { width: 100%; transform: scale(1); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .team-box-one:hover .team-img-one>img { transform: scale(1.05); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .team-content-box-one { margin-top: 10px; justify-content: center; } .team-content-box-one .h3-title { transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .team-box-one:hover .team-content-box-one .h3-title { color: #5956e9; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .team-content-box-one span { color: #777777; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .team-box-one:hover .team-content-box-one span { color: #161616; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .team-social-one { margin-top: 20px; } .team-social-one ul { text-decoration: none; list-style: none; padding-left: 0; margin-bottom: 0; display: flex; align-items: center; justify-content: center; align-items: center; } .team-social-one ul li { margin-right: 10px; } .team-social-one ul li:last-child { margin-right: 0; } .team-social-one ul li a { display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; border-radius: 100%; background-color: #d5d6f9; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .team-social-one ul li a:hover { background-color: #5956e9; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .team-social-one ul li a i { font-size: 15px; color: #5956e9; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .team-social-one ul li a:hover i { color: #ffffff; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .main-team-one .slick-dots { bottom: -50px; } .team-title-two { text-align: center; } .team-title-two .subtitle { justify-content: center; } .main-team-two { padding-bottom: 170px; position: relative; } .team-shape1-two { position: absolute; top: 150px; left: 50px; animation: bounce 2s infinite alternate; -webkit-animation: bounce 2s infinite alternate; } .team-shape2-two { position: absolute; bottom: 190px; right: 30px; animation: rotateme 30s infinite alternate; -webkit-animation: rotateme 30s infinite alternate; -moz-animation: rotateme 30s infinite alternate; -o-animation: rotateme 30s infinite alternate; } .team-img-two { overflow: hidden; border-radius: 10px; } .team-box-two { text-align: center; justify-content: center; margin: 0 15px; } .team-img-two>img { width: 100%; transform: scale(1); border-radius: 10px; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .team-box-two:hover .team-img-two>img { transform: scale(1.05); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .team-social-two ul { text-decoration: none; list-style: none; padding-left: 0; margin-bottom: 0; display: flex; align-items: center; justify-content: center; align-items: center; } .team-social-two ul li { margin-right: 10px; } .team-social-one ul li:last-child { margin-right: 0; } .team-social-two ul li a { display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; border-radius: 100%; background-color: #2f047a; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .team-social-two ul li a:hover { background-color: #ff7468; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .team-social-two ul li a i { font-size: 15px; color: #ffffff; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .team-social-two ul li a:hover i { color: #ffffff; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .team-social-two { margin-top: -20px; position: relative; } .team-box-two .h3-title { margin-top: 22px; display: inline-block; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .team-box-two .h3-title:hover { color: #ff7368; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .team-box-two span { font-family: 'Roboto', sans-serif; display: block; color: #777777; } .main-team-two .slick-dots { bottom: -50px; } /*==========Team CSS End==========*/ /*==========Testimonial CSS Start==========*/ .main-testimonial-one { padding-top: 120px; padding-bottom: 60px; position: relative; } .testimonial-shape-one { position: absolute; top: 50%; right: 0; transform: translate(0%,-50%); } .testimonial-content-box-one p { margin-bottom: 0; } .testimonial-content-box-one { padding-right: 30px; } .testimonial-box-one { background-color: #f4f6fd; padding: 40px; position: relative; margin: 0 15px; border-radius: 10px; } .testimonial-client-box-one { display: flex; align-items: center; } .testimonial-client-img-one { margin-right: 20px; } .testimonial-client-name-one .h3-title { line-height: 25px; margin-bottom: 10px; } .testimonial-client-name-one span { color: #5956e9; } .testimonial-box-one p { margin-bottom: 0; margin-top: 24px; } .testimonial-quote-one { position: absolute; top: 30px; right: 30px; } .main-testimonial-one .slick-dots { bottom: -50px; } .main-testimonial-two { padding-bottom: 120px; padding-top: 38px; position: relative; } .testimonial-shape1-two { position: absolute; top: 30%; right: 50px; transform: translate(0%,-70%); animation: move2 10s infinite; } .testimonial-shape1-two img { width: 80%; } .testimonial-bg-box { background: -moz-linear-gradient(90deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); background: -webkit-linear-gradient(90deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); background: linear-gradient(90deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); padding-top: 60px; padding-left: 70px; padding-right: 70px; padding-bottom: 110px; position: relative; border-radius: 10px; z-index: 0; box-shadow: 0px 30px 60px 0px rgb(255,115,104,0.3); } .testimonial-bg-shape-two { position: absolute; top: 0; left: 0; z-index: -1; } .testimonial-box-two { text-align: center; justify-content: center; margin: 0 15px; } .testimonial-client-two { justify-content: center; display: inline-block; } .testimonial-box-two .h3-title { color: #ffffff; margin-top: 20px; } .testimonial-box-two span { font-family: 'Roboto', sans-serif; color: #ffffff; font-weight: 400; } .testimonial-box-two p { color: #ffffff; margin-bottom: 0; font-weight: 400; margin-top: 20px; } .testimonial-quote-two { position: absolute; top: -30px; right: -60px; animation: bounce 5s infinite alternate; -webkit-animation: bounce 5s infinite alternate; } .main-testimonial-two .slick-dots { bottom: -50px; } .testimonial-content-two { padding-left: 30px; } .testimonial-content-two p { margin-bottom: 0; } /*==========Testimonial CSS End==========*/ /*==========CTA CSS Start==========*/ .main-cta-one { padding-top: 100px; padding-bottom: 120px; margin-bottom: -290px; } .cta-bg-one { background-color: #14113a; border-radius: 10px; position: relative; padding: 60px; overflow: hidden; box-shadow: 0px 30px 60px 0px rgb(0,0,0,0.1); z-index: 1; } .cta-bgblur1-one img{ position: absolute; bottom: -240px; left: -180px; z-index: -1; animation-name: zoom-fade; animation-duration: 4s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: zoom-fade; -webkit-animation-duration: 4s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: zoom-fade; -moz-animation-duration: 4s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: zoom-fade; -ms-animation-duration: 4s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: zoom-fade; -o-animation-duration: 4s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } .cta-bgblur2-one img { position: absolute; top: -240px; right: -180px; z-index: -1; animation-name: zoom-fade; animation-duration: 5s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: zoom-fade; -webkit-animation-duration: 5s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: zoom-fade; -moz-animation-duration: 5s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: zoom-fade; -ms-animation-duration: 5s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: zoom-fade; -o-animation-duration: 5s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } .cta-shape1-one { position: absolute; border: 18px solid rgb(255,255,255,0.5); width: 120px; height: 120px; border-radius: 100%; top: 22px; left: 58px; mix-blend-mode: overlay; } .cta-shape2-one { position: absolute; border: 18px solid rgb(255,255,255,0.5); width: 120px; height: 120px; border-radius: 100%; bottom: 22px; right: 58px; mix-blend-mode: overlay; } .cta-content-box-one { text-align: center; } .cta-content-box-one .h2-title { color: #ffffff; font-size: 50px; line-height: 65px; padding-top: 0; } /*==========CTA CSS End==========*/ /*==========Blog CSS Start==========*/ .main-blog-one { background-color: #f4f6fd; position: relative; padding-top: 287px; padding-bottom: 120px; } .blog-shape-one { position: absolute; top: 50%; right: 0; transform: translate(0%,-50%); } .blog-title-one { text-align: center; } .blog-title-one .subtitle { justify-content: center; } .blog-box-one { background-color: #ffffff; box-shadow: 0px 30px 60px 0px rgb(0,0,0,0.1); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; border-radius: 10px; padding: 25px; } .blog-box-one:hover { box-shadow: 0px 40px 70px 0px rgb(0,0,0,0.2); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-img-one { border-radius: 10px; position: relative; overflow: hidden; } .blog-img-one>img { width: 100%; transform: scale(1); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; border-radius: 10px; } .blog-box-one:hover .blog-img-one>img { transform: scale(1.05); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-tag-one a { position: absolute; top: 20px; left: 20px; color: #ffffff; font-weight: 500; background-color: #5956e9; border-radius: 4px; text-transform: uppercase; padding: 5px 15px; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-tag-one a:hover { background-color: #29278a; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-box-content-one { margin-top: 30px; } .blog-date-author-one { display: flex; align-items: center; flex-wrap: wrap; } .blog-date-one { display: flex; align-items: center; } .blog-circle-one { width: 8px; height: 8px; background-color: #777777; border-radius: 100%; margin-right: 8px; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-date-one a { font-family: 'Roboto', sans-serif; color: #777777; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-date-one:hover .blog-circle-one { background-color: #161616; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-date-one:hover a { color: #161616; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-author-one { display: flex; align-items: center; margin-left: 20px; } .blog-author-one a { font-family: 'Roboto', sans-serif; color: #777777; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-author-one:hover .blog-circle-one { background-color: #161616; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-author-one:hover a { color: #161616; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-box-one a .h3-title { margin-top: 10px; margin-bottom: 15px; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-box-one a .h3-title:hover { color: #5956e9; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-box-one .btn-link-one { margin-top: 20px; } .main-blog-two { padding-bottom: 87px; position: relative; } .blog-title-two { text-align: center; } .blog-title-two .subtitle { justify-content: center; } .blog-box-two { background-color: #ffffff; box-shadow: none; border: 1px solid #e1e1e1; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; border-radius: 10px; padding: 25px; } .blog-box-two:hover { border: 1px solid #ffffff; box-shadow: 0px 40px 70px 0px rgb(0,0,0,0.2); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-img-two { border-radius: 10px; position: relative; overflow: hidden; } .blog-img-two>img { width: 100%; transform: scale(1); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; border-radius: 10px; } .blog-box-two:hover .blog-img-two>img { transform: scale(1.05); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-tag-two a { position: absolute; top: 20px; left: 20px; color: #ffffff; font-weight: 500; background: -moz-linear-gradient(90deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); background: -webkit-linear-gradient(90deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); background: linear-gradient(90deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); border-radius: 30px; text-transform: uppercase; padding: 5px 15px; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-tag-two a:hover { background: -moz-linear-gradient(90deg, rgba(47,4,122,1) 0%, rgba(98,63,191,1) 100%); background: -webkit-linear-gradient(90deg, rgba(47,4,122,1) 0%, rgba(98,63,191,1) 100%); background: linear-gradient(90deg, rgba(47,4,122,1) 0%, rgba(98,63,191,1) 100%); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-box-content-two { margin-top: 30px; } .blog-date-author-two { display: flex; align-items: center; flex-wrap: wrap; } .blog-date-two { display: flex; align-items: center; } .blog-circle-two { width: 8px; height: 8px; background-color: #623fbf; border-radius: 100%; margin-right: 8px; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-date-two a { font-family: 'Roboto', sans-serif; color: #623fbf; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-date-two:hover .blog-circle-two { background-color: #161616; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-date-two:hover a { color: #161616; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-author-two { display: flex; align-items: center; margin-left: 20px; } .blog-author-two a { font-family: 'Roboto', sans-serif; color: #623fbf; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-author-two:hover .blog-circle-two { background-color: #161616; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-author-two:hover a { color: #161616; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-box-two a .h3-title { margin-top: 10px; margin-bottom: 15px; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-box-two a .h3-title:hover { color: #ff7368; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-box-two .btn-link-two { margin-top: 20px; } .blog-shape1-two { position: absolute; top: 50px; left: -180px; } .blog-shape2-two { position: absolute; top: 40%; left: -60px; transform: translate(0%,-60%); z-index: -1; animation: rotateme 15s infinite alternate; -webkit-animation: rotateme 15s infinite alternate; -moz-animation: rotateme 15s infinite alternate; -o-animation: rotateme 15s infinite alternate; } .blog-shape3-two { position: absolute; bottom: 150px; right: 50px; animation: rotateme 30s infinite alternate; -webkit-animation: rotateme 30s infinite alternate; -moz-animation: rotateme 30s infinite alternate; -o-animation: rotateme 30s infinite alternate; } /*==========Blog CSS End==========*/ /*==========Get In Touch CSS Start==========*/ .main-get-in-touch-one { position: relative; padding-top: 120px; padding-bottom: 120px; } .get-touch-shape-one { position: absolute; top: 50%; left: 0; transform: translate(0%,-50%); } .get-in-touch-title-one { padding-right: 30px; } .form-box-one { margin-bottom: 20px; } .get-in-touch-form-one .form-input-one { border: 1px solid #777777; } .get-in-touch-form-one .sec-btn-one { border: none; margin-top: 10px; } .get-in-touch-form-one textarea { height: 150px; } .main-get-in-touch-two { position: relative; padding-bottom: 120px; } .get-in-touch-content-two { padding-right: 30px; } .get-in-touch-content-two .points-two { margin-top: 0; } .get-in-touch-form-two { padding: 60px; background: -moz-linear-gradient(0deg, rgba(47,4,122,1) 0%, rgba(98,63,191,1) 100%); background: -webkit-linear-gradient(0deg, rgba(47,4,122,1) 0%, rgba(98,63,191,1) 100%); background: linear-gradient(0deg, rgba(47,4,122,1) 0%, rgba(98,63,191,1) 100%); border-radius: 10px; position: relative; z-index: 0; } .get-in-touch-form-two .form-box-two { margin-bottom: 20px; } .get-in-touch-form-two .form-box-two textarea { height: 150px; } .get-in-touch-form-two .form-box-two .sec-btn-two { border: none; margin-top: 10px; width: 100%; } .get-touch-shape-two { position: absolute; bottom: 0; right: -150px; z-index: -1; animation: bounce 2s infinite alternate; -webkit-animation: bounce 2s infinite alternate; } .get-in-touch-shape1-two { position: absolute; top: 50px; left: 70px; animation: move2 10s infinite; } .get-in-touch-shape1-two img { width: 80%; } /*==========Get In Touch CSS End==========*/ /*==========Footer CSS Start==========*/ .main-footer-one { background-color: #14113a; padding-top: 120px; position: relative; z-index: 1; overflow: hidden; } .footer-blur1-one { position: absolute; top: -300px; left: -310px; z-index: -1; animation-name: zoom-fade; animation-duration: 5s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: zoom-fade; -webkit-animation-duration: 5s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: zoom-fade; -moz-animation-duration: 5s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: zoom-fade; -ms-animation-duration: 5s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: zoom-fade; -o-animation-duration: 5s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } .footer-blur2-one { position: absolute; bottom: -300px; right: -310px; z-index: -1; animation-name: zoom-fade; animation-duration: 5s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: zoom-fade; -webkit-animation-duration: 5s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: zoom-fade; -moz-animation-duration: 5s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: zoom-fade; -ms-animation-duration: 5s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: zoom-fade; -o-animation-duration: 5s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } .footer-one-shape1 { position: absolute; border: 20px solid rgb(255,255,255,0.5); width: 150px; height: 150px; border-radius: 100%; top: 50px; left: 50px; mix-blend-mode: overlay; } .footer-one-shape2 { position: absolute; border: 15px solid rgb(255,255,255,0.5); width: 80px; height: 80px; border-radius: 100%; bottom: 50px; left: 50%; mix-blend-mode: overlay; } .footer-one-shape3 { position: absolute; border: 20px solid rgb(255,255,255,0.5); width: 150px; height: 150px; border-radius: 100%; bottom: 50px; right: 50px; mix-blend-mode: overlay; } .footer-logo-content-one { text-align: left; } .footer-logo-content-one p { color: #afabe3; margin-top: 24px; } .footer-social-media-one { margin-top: 22px; } .footer-social-media-one ul { display: flex; align-items: center; text-decoration: none; list-style: none; padding-left: 0; margin-bottom: 0; } .footer-social-media-one ul li { margin-right: 10px; } .footer-social-media-one ul li:last-child { margin-right: 10px; } .footer-social-media-one ul li a { width: 40px; height: 40px; background-color: rgb(255,255,255,0.2); border-radius: 100%; display: flex; align-items: center; justify-content: center; color: #ffffff !important; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .footer-social-media-one ul li a:hover { background-color: #5956e9; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .footer-links-one { text-align: left; padding: 0 80px; } .footer-links-one .h3-title { color: #ffffff; } .footer-links-one ul { margin-top: 9px; margin-bottom: 0; padding-left: 0; text-decoration: none; list-style: none; display: inline-block; } .footer-links-one ul li { margin-bottom: 15px; } .footer-links-one ul li:last-child { margin-bottom: 0; } .footer-links-one ul li a .footer-link-hover-one { width: 0; height: 2px; background-color: #5956e9; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; margin-right: 0; } .footer-links-one ul li a:hover .footer-link-hover-one { width: 20px; height: 2px; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; margin-right: 8px; } .footer-links-one ul li a { display: flex; align-items: center; } .footer-links-one ul li a span { color: #afabe3; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; font-family: 'Roboto', sans-serif; } .footer-links-one ul li a:hover span { color: #5956e9; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .footer-contact-one { text-align: left; } .footer-contact-one .h3-title { color: #ffffff; } .footer-contact-one ul { margin-top: 20px; padding-left: 0; margin-bottom: 0; list-style: none; text-decoration: none; } .footer-contact-one ul li { margin-bottom: 20px; display: flex; align-items: center; } .footer-contact-icon-one { width: 40px; height: 40px; background-color: #5956e9; border-radius: 100%; display: flex; align-items: center; justify-content: center; margin-right: 15px; } .footer-contact-icon-one i { color: #ffffff; font-size: 18px; } .footer-contact-one ul li span { color: #afabe3; line-height: 24px; width: calc(100% - 60px); } .footer-post-one { text-align: left; } .footer-post-one .h3-title { color: #ffffff; } .footer-post-one ul { margin-top: 20px; text-decoration: none; list-style: none; margin-bottom: 0; padding-left: 0; } .footer-post-one ul li { margin-bottom: 20px; } .footer-post-one ul li:last-child { margin-bottom: 0; } .footer-post-one ul li a { color: #afabe3; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .footer-post-one ul li a:hover { color: #5956e9; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .footer-post-one ul li .blog-date-one { margin-top: 8px; } .footer-post-one ul li .blog-date-one a { color: #5956e9 !important; } .footer-post-one ul li .blog-date-one .blog-circle-one { background-color: #5956e9 !important; } .footer-copyright-one { background-color: #0c0a29; margin-top: 100px; padding: 15px 0; } .copyright-text-one { float: left; } .copyright-text-one span { margin-bottom: 0; color: #ffffff; line-height: 15px; } .copyright-text-one span a { color: #5956e9; cursor: pointer; } .copyright-links-one ul { text-decoration: none; list-style: none; margin-bottom: 0; padding-left: 0; display: flex; align-items: center; float: right; } .copyright-links-one ul li { margin-right: 30px; } .copyright-links-one ul li:last-child { margin-right: 0; } .copyright-links-one ul li a { position: relative; font-family: 'Roboto', sans-serif; color: #ffffff; line-height: 15px; padding-left: 20px; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .copyright-links-one ul li a:hover { color: #5956e9; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .copyright-links-one ul li a::before { content: ""; position: absolute; width: 10px; height: 10px; background-color: #5956e9; border-radius: 100%; top: 4px; left: 0; } .main-footer-two { padding-top: 248px; position: relative; background-color: #2f047a; overflow: hidden; z-index: 0; } .footer-overlay-shape-two { position: absolute; top: 0; left: 0; width: 100%; } .footer-overlay-shape-two img { width: 100%; } .footer-logo-two { text-align: left; } .footer-contact-two ul { text-decoration: none; list-style: none; padding-left: 0; margin-bottom: 0; } .footer-contact-two ul li { display: flex; align-items: center; margin-bottom: 20px; } .footer-contact-two ul li:last-child { margin-bottom: 0; } .footer-contact-icon-two { width: 40px; height: 40px; background: -moz-linear-gradient(90deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); background: -webkit-linear-gradient(90deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); background: linear-gradient(90deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); border-radius: 100%; display: flex; align-items: center; justify-content: center; margin-right: 15px; } .footer-contact-icon-two i { color: #ffffff; font-size: 18px; } .footer-contact-two ul li span { color: #d5c6f4; line-height: 24px; width: calc(100% - 60px); } .footer-contact-two { margin-top: 25px; } .footer-links-two { text-align: left; padding: 0 80px; } .footer-links-two .h3-title { color: #ffffff; } .footer-links-two ul { margin-top: 9px; margin-bottom: 0; padding-left: 0; text-decoration: none; list-style: none; display: inline-block; } .footer-links-two ul li { margin-bottom: 15px; } .footer-links-two ul li a { display: flex; align-items: center; } .footer-links-two ul li a .footer-link-hover-two { width: 0; height: 2px; background-color: #ff7368; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; margin-right: 0; } .footer-links-two ul li a:hover .footer-link-hover-two { width: 20px; height: 2px; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; margin-right: 8px; } .footer-links-two ul li a:hover span { color: #ff7368; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .footer-links-two ul li a span { color: #d5c6f4; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; font-family: 'Roboto', sans-serif; } .footer-newsletter-two .h3-title { color: #ffffff; } .footer-newsletter-two p { color: #d5c6f4; margin-top: 14px; } .footer-newsletter-form-two { position: relative; margin-top: 24px; } .footer-newsletter-form-two .sec-btn-two { border: 0; position: absolute; right: 0; top: 0; } .footer-newsletter-form-two .form-input-two { padding-right: 210px; } .footer-social-media-two { margin-top: 30px; } .footer-social-media-two ul { display: flex; align-items: center; text-decoration: none; list-style: none; padding-left: 0; margin-bottom: 0; } .footer-social-media-two ul li { margin-right: 10px; } .footer-social-media-two ul li:last-child { margin-right: 10px; } .footer-social-media-two ul li a { width: 40px; height: 40px; background: -moz-linear-gradient(90deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.2) 100%); background: -webkit-linear-gradient(90deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.2) 100%); background: linear-gradient(90deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.2) 100%); border-radius: 100%; display: flex; align-items: center; justify-content: center; color: #ffffff !important; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .footer-social-media-two ul li a:hover { background: -moz-linear-gradient(90deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); background: -webkit-linear-gradient(90deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); background: linear-gradient(90deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .footer-copyright-two { background-color: #24045b; margin-top: 120px; padding: 15px 0; } .copyright-text-two { float: left; } .copyright-text-two span { margin-bottom: 0; color: #ffffff; line-height: 15px; } .copyright-text-two span a { color: #ff7368; cursor: pointer; } .copyright-links-two ul { text-decoration: none; list-style: none; margin-bottom: 0; padding-left: 0; display: flex; align-items: center; float: right; } .copyright-links-two ul li { margin-right: 30px; } .copyright-links-two ul li:last-child { margin-right: 0; } .copyright-links-two ul li a { position: relative; font-family: 'Roboto', sans-serif; color: #ffffff; line-height: 15px; padding-left: 20px; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .copyright-links-two ul li a:hover { color: #ff7368; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .copyright-links-two ul li a::before { content: ""; position: absolute; width: 10px; height: 10px; background: -moz-linear-gradient(90deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); background: -webkit-linear-gradient(90deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); background: linear-gradient(90deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); border-radius: 100%; top: 4px; left: 0; } .footer-shape1-two { position: absolute; top: 160px; left: -190px; z-index: -1; } .footer-shape2-two { position: absolute; bottom: -60px; right: -160px; z-index: -1; } /*==========Footer CSS End==========*/ /*==========Back To Top CSS Start==========*/ .progress-wrap { position: fixed; right: 50px; bottom: 50px; height: 46px; width: 46px; cursor: pointer; display: block; border-radius: 50px; box-shadow: 0px 30px 60px 0px rgb(0,0,0,0.2); background-color: #5956e9; z-index: 99; opacity: 0; visibility: hidden; transform: translateY(15px); -webkit-transition: all 200ms linear; transition: all 200ms linear; } .progress-wrap.active-progress { opacity: 1; visibility: visible; transform: translateY(0); } .progress-wrap::after { position: absolute; content: '\f062'; font-family: 'FontAwesome'; text-align: center; line-height: 46px; font-size: 20px; color: #ffffff; left: 0; top: 0; height: 46px; width: 46px; cursor: pointer; display: block; z-index: 1; -webkit-transition: all 200ms linear; transition: all 200ms linear; } .progress-wrap svg path { fill: none; } .progress-wrap svg.progress-circle path { stroke: #ffffff; stroke-width: 4; box-sizing:border-box; -webkit-transition: all 200ms linear; transition: all 200ms linear; } /*==========Back To Top CSS End==========*/ /*==========Counter CSS Start==========*/ .main-counter-two { padding-top: 60px; padding-bottom: 120px; } .counter-bg-two { position: relative; background-color: #2f047a; border-radius: 10px; padding: 50px 60px; box-shadow: 0px 30px 60px 0px rgb(47,4,122,0.3); z-index: 0; overflow: hidden; } .counter-bgoverlay-two img { position: absolute; top: 0; right: 0; z-index: -1; height: 100%; } .counter-box-two { display: flex; align-items: center; justify-content: center; } .counter-box-two .h2-title { color: #ff7368; font-size: 50px; font-weight: 700; margin-right: 20px; padding: 0; margin-bottom: 0; } .counter-box-two p { color: #ffffff; margin-bottom: 0; } /*==========Counter CSS End==========*/ /*==========About Us Page CSS Start==========*/ .main-about-us-in-one { padding-top: 120px; padding-bottom: 120px; position: relative; } .main-history-in-one { position: relative; padding-bottom: 120px; } .history-title-one { text-align: center; } .history-title-one .subtitle { justify-content: center; } .history-box-one { padding: 0 20px; text-align: center; justify-content: center; } .history-box-one .h3-title.history-year { color: #5956e9; } .history-circle-one { width: 15px; height: 15px; background-color: #5956e9; border-radius: 100%; margin-left: auto; margin-right: auto; margin-top: 20px; position: relative; box-shadow: 0px 8px 16px 0px rgb(89,86,233,0.6); } .history-circle-one::before { content: ""; position: absolute; width: 38px; height: 38px; border-radius: 100%; background-color: rgb(89,86,233,0.2); opacity: 0; top: -11px; left: -11px; z-index: -1; animation-name: zoom-fade; animation-duration: 4s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: zoom-fade; -webkit-animation-duration: 4s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: zoom-fade; -moz-animation-duration: 4s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: zoom-fade; -ms-animation-duration: 4s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: zoom-fade; -o-animation-duration: 4s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .history-box-one:hover .history-circle-one::before { opacity: 1; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .history-box-one .h3-title.history-title { margin-top: 20px; } .history-box-one p { margin-bottom: 0; } .history-line-position { position: relative; } .history-line-one { position: absolute; width: 100%; height: 1px; top: 62px; left: auto; background: -moz-linear-gradient(90deg, rgba(216,216,216,0) 0%, rgba(216,216,216,1) 16%, rgba(216,216,216,1) 50%, rgba(216,216,216,1) 84%, rgba(216,216,216,0) 100%); background: -webkit-linear-gradient(90deg, rgba(216,216,216,0) 0%, rgba(216,216,216,1) 16%, rgba(216,216,216,1) 50%, rgba(216,216,216,1) 84%, rgba(216,216,216,0) 100%); background: linear-gradient(90deg, rgba(216,216,216,0) 0%, rgba(216,216,216,1) 16%, rgba(216,216,216,1) 50%, rgba(216,216,216,1) 84%, rgba(216,216,216,0) 100%); } .history-shape-one { position: absolute; left: 0; top: 50%; transform: translate(0%,-50%); } .main-steps-in-one { padding-top: 120px; padding-bottom: 120px; position: relative; } .steps-title-one { text-align: center; } .steps-title-one .subtitle { justify-content: center; } .step-box-one { padding: 30px; text-align: center; justify-content: center; background-color: transparent; border-radius: 10px; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .step-box-one:hover { background-color: #ffffff; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; box-shadow: 0px 30px 60px 0px rgb(0,0,0,0.1); } .step-num { width: 60px; height: 60px; background-color: #5956e9; border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-left: auto; margin-right: auto; box-shadow: 0px 20px 30px 0px rgb(89,86,233,0.3); } .step-num .h3-title { color: #ffffff; padding-bottom: 0; margin-bottom: 0; } .step-icon-one { margin-top: 30px; margin-bottom: 24px; } .step-box-one p { margin-bottom: 0; } .step-box-one:hover .step-icon-one img { animation: flip_rotate 1s linear infinite alternate; } @keyframes flip_rotate { from { transform: translate(0, -5px); } to { transform: translate(0, 5px); } } .steps-shape-one { position: absolute; right: 0; top: 50%; transform: translate(0%,-50%); } .main-features-in-two { padding-top: 60px; position: relative; padding-bottom: 60px; } .features-title { text-align: center; } .features-title .subtitle { justify-content: center; } .features-content-box { padding-right: 30px; } .features-box { display: flex; align-items: center; margin-bottom: 40px; } .feature-icon { width: 80px; height: 80px; background-color: #ffffff; border-radius: 100%; display: flex; align-items: center; justify-content: center; margin-right: 20px; box-shadow: 0px 30px 60px 0px rgb(0,0,0,0.1); } .features-box:hover .feature-icon img { animation: hvr-buzz-out 0.75s linear 1; } .feature-text-box { width: calc(100% - 80px); } .feature-text-box p { margin-bottom: 0; } .feature-img-two { position: relative; } .feature-img-part2-two { position: absolute; top: 0; left: 0; animation: bounce 1s infinite alternate; -webkit-animation: bounce 1s infinite alternate; } .feature-shape1-two { position: absolute; top: 210px; left: 80px; animation: move2 10s infinite; } .feature-shape1-two img { width: 80%; } .feature-shape2-two { position: absolute; bottom: 150px; right: 10px; animation: rotateme 30s infinite alternate; -webkit-animation: rotateme 30s infinite alternate; -moz-animation: rotateme 30s infinite alternate; -o-animation: rotateme 30s infinite alternate; } /*==========About Us Page CSS End==========*/ /*==========Services Page CSS Start==========*/ .main-services-in-one { padding-top: 120px; padding-bottom: 90px; position: relative; } .main-services-in-one .service-box-one { margin-bottom: 30px; } .main-skills-in-one { position: relative; } .skill-content-box-one { padding-left: 30px; } .skill-bar-box-one { position: relative; margin-bottom: 40px; padding-bottom: 30px; border-bottom: 2px solid #d7d7d7; } .skill-bar-percent-one { position: absolute; top: 0; right: 0; font-size: 25px; line-height: 20px; font-weight: 700; color: #051136; display: flex; align-items: center; } .skill-bar-percent-one .h3-title { margin-bottom: 0; } .skill-bar-one { width: 100%; height: 10px; border-radius: 5px; position: relative; } .skill-bar-one:before { content: ''; position: absolute; top: 50%; left: 0; transform: translate(0,-50%); width: 100%; height: 100%; background-color: transparent; } .skill-bar-inner-one { position: absolute; top: 50%; left: 0; transform: translate(0,-50%); width: 0; height: 100%; overflow: visible; box-shadow: 0px 10px 30px 0px rgb(89,86,233,0.5); } .skill-bar-inner-one:before { content: ''; position: absolute; top: 50%; left: 0; transform: translate(0,-50%); width: 100%; height: 100%; border-radius: 5px; background: #5956e9; } .skill-shape-one { position: absolute; top: 50%; right: 0; transform: translate(0%,-50%); } .main-team-in-one { position: relative; background-color: #f4f6fd; padding-top: 286px; padding-bottom: 170px; } .main-team-in-one .slick-dots { bottom: -50px; } .main-service-in-two { padding-bottom: 120px; position: relative; padding-top: 60px; } .main-stragy-in-one { position: relative; padding-bottom: 120px; } .stragy-title { text-align: center; } .stragy-title .subtitle { justify-content: center; } .stragy-box-one { text-align: center; justify-content: center; padding: 0 30px; } .stragy-icon-circle { width: 200px; height: 200px; margin-bottom: 24px; margin-left: auto; margin-right: auto; border: 2px dashed #d7d7d7; background-color: #ffffff; padding: 30px; border-radius: 100%; display: flex; align-items: center; justify-content: center; } .stragy-icon { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; border-radius: 100%; } .stragy-icon img { transform: rotateY(0deg); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .stragy-box-one:hover .stragy-icon img { transform: rotateY(360deg); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .stragy-box-one p { margin-bottom: 0; } .color1-one { background: -moz-linear-gradient(90deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); background: -webkit-linear-gradient(90deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); background: linear-gradient(90deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); box-shadow: 0px 10px 30px 0px rgb(255,115,104,0.4); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .stragy-box-one:hover .color1-one { box-shadow: none; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .color2-one { background: -moz-linear-gradient(90deg, rgba(100,60,181,1) 0%, rgba(198,112,234,1) 100%); background: -webkit-linear-gradient(90deg, rgba(100,60,181,1) 0%, rgba(198,112,234,1) 100%); background: linear-gradient(90deg, rgba(100,60,181,1) 0%, rgba(198,112,234,1) 100%); box-shadow: 0px 10px 30px 0px rgb(100,60,181,0.4); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .stragy-box-one:hover .color2-one { box-shadow: none; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .color3-one { background: -moz-linear-gradient(90deg, rgba(66,202,252,1) 0%, rgba(0,240,226,1) 100%); background: -webkit-linear-gradient(90deg, rgba(66,202,252,1) 0%, rgba(0,240,226,1) 100%); background: linear-gradient(90deg, rgba(66,202,252,1) 0%, rgba(0,240,226,1) 100%); box-shadow: 0px 10px 30px 0px rgb(66,202,252,0.4); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .stragy-box-one:hover .color3-one { box-shadow: none; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .stragy-shape1-two { position: absolute; top: 50%; left: -180px; transform: translate(0%,-50%); } .stragy-shape2-two { position: absolute; top: 50%; left: -40px; transform: translate(0%,-50%); z-index: -1; animation: rotateme 15s infinite alternate; -webkit-animation: rotateme 15s infinite alternate; -moz-animation: rotateme 15s infinite alternate; -o-animation: rotateme 15s infinite alternate; } .main-get-in-touch-inner-two { position: relative; padding-bottom: 90px; } /*==========Services Page CSS End==========*/ /*==========Service Detail Page CSS Start==========*/ .main-service-detail-in-one { padding-top: 120px; padding-bottom: 120px; position: relative; } .service-list-one ul { text-decoration: none; list-style: none; padding-left: 0; margin-bottom: 0; } .service-list-one ul li { border-radius: 10px; margin-bottom: 20px; } .service-list-one ul li:last-child { margin-bottom: 0; } .service-list-one ul li a { display: flex; align-items: center; justify-content: space-between; padding: 20px 30px; background-color: #f4f6fd; border-radius: 10px; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .service-list-one ul li a:hover { background-color: #14113a; box-shadow: 0px 10px 30px 0px rgb(20,17,58,0.2); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .service-list-one ul .active a { background-color: #14113a; box-shadow: 0px 10px 30px 0px rgb(20,17,58,0.2); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .service-list-one ul li a span { font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 500; color: #161616; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .service-list-one ul li a:hover span { color: #ffffff; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .service-list-one ul .active a span { color: #ffffff; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .service-list-one ul li a i { color: #5956e9; font-size: 18px; } .service-contact-box-one { background-color: #14113a; padding: 30px; position: relative; border-radius: 10px; text-align: center; justify-content: center; overflow: hidden; z-index: 0; margin-top: 50px; } .service-contact-blur-one { position: absolute; top: -150px; left: -160px; z-index: -1; } .service-contact-box-one .h3-title { color: #ffffff; } .service-contact-icon-one { width: 80px; height: 80px; background-color: #ffffff; display: flex; align-items: center; justify-content: center; border-radius: 100%; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 24px; } .service-contact-box-one p { color: #aaa6d2; } .service-detail-info-one { padding-left: 30px; } .service-detail-img-one { overflow: hidden; border-radius: 10px; } .service-detail-img-one>img { width: 100%; transform: scale(1); border-radius: 10px; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .service-detail-img-one:hover>img { transform: scale(1.05); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .service-detail-title-one { display: flex; align-items: center; margin-top: 43px; margin-bottom: 18px; } .service-detail-title-line-one { width: 1px; height: 60px; background-color: #d7d7d7; margin-left: 30px; margin-right: 30px; } .service-detail-title-one .h2-title { font-size: 50px; padding-top: 0; padding-bottom: 0; margin-bottom: 0; } .services-detail-img-box-one { margin-top: 42px; margin-bottom: 42px; } .accordion-item.one { background-color:#ffffff; border: none; margin-bottom: 20px; border-radius: 0; border-radius: 8px; } .accordion-item.one:first-of-type { border-top-left-radius: 8px; border-top-right-radius: 8px; } .accordion-item:last-of-type .accordion-button.collapsed { border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } .accordion-button.one { min-height: 60px; display: flex; align-items: center; line-height: 28px; margin-bottom: 0; padding: 5px 90px 5px 30px; position: relative; background: #ffffff; border-radius: 8px; color: #161616; cursor: pointer; box-shadow: 0px 30px 60px 0px rgb(0,0,0,0.1); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; font-size: 18px; font-weight: 700; } .accordion-button.one:not(.collapsed) { color: #050d36; background-color: #ffffff; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .accordion-button { background-color: #ffffff; } .accordion-button:not(.collapsed) { box-shadow: 1px 1px 60px 0px rgba(0,0,0,0.1); } .accordion-button.one:focus { z-index: 0; border-color: #fff; outline: 0; box-shadow: 0px 30px 60px 0px rgb(0,0,0,0.1); } .accordion-button.one:after { display: none; } .accordion-header.h3-title { padding-top: 0; } .accordion.one .accordion-item.one .accordion-header.h3-title .icon { position: absolute; color: #fff; top: 0; right: 0; width: 60px; height: 100%; background: #5956e9; border-radius: 0 8px 8px 0; display: flex; justify-content: center; align-items: center; font-size: 30px; } .accordion.one .accordion-item.one .accordion-header.h3-title>span { position: relative; z-index: 1; } .accordion.one .accordion-item.one .accordion-header.h3-title .accordion-button.one.collapsed .icon i { position: relative; color: #fff; transform: rotate(0deg); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; z-index: 1; } .accordion.one .accordion-item.one .accordion-header.h3-title .icon i { position: relative; color: #fff; transform: rotate(-90deg); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; z-index: 1; } .accordion-item:first-of-type .accordion-button { border-radius: 8px; } .accordion-collapse.collapse.show { box-shadow: 0px 30px 60px 0px rgb(0,0,0,0.1); border-radius: 8px; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .accordion-button:hover { z-index: 0; } .service-detail-accordion-one { margin-top: 43px; } .service-detail-arrow-box { border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; display: flex; align-items: center; justify-content: space-between; padding: 30px 0; margin-top: 50px; } .service-detail-arrow a { display: flex; align-items: center; } .service-detail-arrow a span { color: #161616; font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 500; transition: all 0.1s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .service-detail-arrow a:hover span { color: #5956e9; transition: all 0.1s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .service-detail-arrow a:hover .yes-d-one { display: none; } .service-detail-arrow a:hover .no-d-one { display: block; } .service-detail-arrow img { margin-right: 10px; margin-left: 10px; } .service-detail-shape1-one { position: absolute; right: 0; top: 10%; z-index: -1; } .service-detail-shape2-one { position: absolute; left: 0; top: 30%; z-index: -1; } .service-detail-shape3-one { position: absolute; right: 0; top: 60%; z-index: -1; } .main-service-detail-in-two { padding-top: 88px; padding-bottom: 70px; position: relative; } .service-list-box-two ul { text-decoration: none; list-style: none; padding-left: 0; margin-bottom: 0; } .service-list-box-two ul li { margin-bottom: 20px; } .service-list-box-two ul li:last-child { margin-bottom: 0; } .service-list-box-two ul li a { display: flex; align-items: center; justify-content: space-between; padding: 20px 30px; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; background-color: #fbf5f5; border-radius: 10px; position: relative; z-index: 0; } .service-list-box-two ul li a:hover { box-shadow: 0px 30px 60px 0px rgb(255,115,104,0.3); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .service-list-box-two ul .active a { box-shadow: 0px 30px 60px 0px rgb(255,115,104,0.3); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .service-list-box-two ul li a::before { content: ""; position: absolute; top: 0; left: 0; opacity: 0; width: 100%; height: 100%; border-radius: 10px; background: -moz-linear-gradient(90deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); background: -webkit-linear-gradient(90deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); background: linear-gradient(90deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); z-index: -1; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .service-list-box-two ul li:hover a::before { opacity: 1; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .service-list-box-two ul .active a::before { opacity: 1; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .service-list-box-two ul li a span { font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 500; color: #161616; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .service-list-box-two ul li a:hover span { color: #ffffff; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .service-list-box-two ul .active a span { color: #ffffff; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .service-list-box-two ul li a i { color: #ff7368; font-size: 18px; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .service-list-box-two ul li a:hover i { color: #ffffff; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .service-list-box-two ul .active a i { color: #ffffff; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .service-detail-info-two { padding-left: 30px; } .service-detail-info-two .h2-title { font-size: 50px; line-height: 60px; padding-top: 0; margin-bottom: 0; padding-bottom: 10px; } .service-detail-img-two { overflow: hidden; border-radius: 10px; margin-top: 42px; margin-bottom: 43px; } .service-detail-img-two>img { width: 100%; transform: scale(1); border-radius: 10px; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .service-detail-img-two:hover>img { transform: scale(1.05); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .service-point-two { background-color: #ffffff; box-shadow: 0px 30px 60px 0px rgb(0,0,0,0.1); border-radius: 10px; padding: 30px; display: flex; align-items: center; margin-bottom: 30px; } .service-check-icon { width: 35px; height: 35px; background-color: #2f047a; border-radius: 100%; box-shadow: 0px 10px 20px 0px rgb(47,4,122,0.3); display: flex; align-items: center; justify-content: center; margin-right: 15px; } .service-point-two .h3-title { font-size: 18px; line-height: 28px; margin-bottom: 0; width: calc(100% - 35px); } .service-detail-points-box-two { margin-top: 43px; margin-bottom: 13px; } .service-detail-shape1-two { position: absolute; top: 30%; left: -180px; transform: translate(0%,-70%); } .service-detail-shape2-two { position: absolute; top: 25%; left: -40px; transform: translate(0%,-75%); z-index: -1; animation: rotateme 15s infinite alternate; -webkit-animation: rotateme 15s infinite alternate; -moz-animation: rotateme 15s infinite alternate; -o-animation: rotateme 15s infinite alternate; } .service-detail-shape3-two { position: absolute; top: 40%; right: 5px; z-index: -1; -webkit-animation: move2 3s infinite; animation: move2 10s infinite; } .service-detail-shape4-two { position: absolute; top: 70%; left: 50px; animation: bounce 2s infinite alternate; -webkit-animation: bounce 2s infinite alternate; } .service-detail-shape5-two { position: absolute; bottom: 10%; right: 30px; animation: rotateme 30s infinite alternate; -webkit-animation: rotateme 30s infinite alternate; -moz-animation: rotateme 30s infinite alternate; -o-animation: rotateme 30s infinite alternate; } /*==========Service Detail Page CSS End==========*/ /*==========Portfolio Page CSS Start==========*/ .main-portfolio-in-two { padding-top: 94px; padding-bottom: 90px; position: relative; } .portfolio-tabbing-two { display: flex; align-items: center; justify-content: center; margin-bottom: 55px; } .portfolio-tabbing-two ul { text-decoration: none; list-style: none; padding-left: 0; margin-bottom: 0; display: flex; align-items: center; } .portfolio-tabbing-two ul li { /* margin-right: 25px;*/ margin-right: -6px; } .portfolio-tabbing-two ul li:last-child { margin-right: 0; } .portfolio-tabbing-two ul li span { font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 500; /*text-transform: uppercase;*/ color: #161616; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; padding: 8px 20px; position: relative; z-index: 0; text-align: center; border-radius: 15px; cursor: pointer; } .portfolio-tabbing-two ul li span:hover { color: #ffffff; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .portfolio-tabbing-two ul li .active { color: #ffffff; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .portfolio-tabbing-two ul li span::before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; /*border-radius: 20px;*/ transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; z-index: -1; } .portfolio-tabbing-two ul li:hover span::before { background: -moz-linear-gradient(90deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); background: -webkit-linear-gradient(90deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); background: linear-gradient(90deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; box-shadow: 0px 10px 20px 0px rgb(255,115,104,0.3); opacity: 1; } .portfolio-tabbing-two ul li .active:before { background: -moz-linear-gradient(90deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); background: -webkit-linear-gradient(90deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); background: linear-gradient(90deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; box-shadow: 0px 10px 20px 0px rgb(255,115,104,0.3); opacity: 1; } .main-portfolio-in-two .portfolio-box-two { margin-left: 0; margin-right: 0; margin-bottom: 30px; } .portfolio-two { display: none; } .portfolio-shape1-two { position: absolute; top: 10%; left: -180px; } .portfolio-shape2-two { position: absolute; top: 20%; left: -50px; transform: translate(0%,-50%); z-index: -1; animation: rotateme 15s infinite alternate; -webkit-animation: rotateme 15s infinite alternate; -moz-animation: rotateme 15s infinite alternate; -o-animation: rotateme 15s infinite alternate; } .portfolio-shape3-two { position: absolute; top: 50%; right: 30px; animation: rotateme 30s infinite alternate; -webkit-animation: rotateme 30s infinite alternate; -moz-animation: rotateme 30s infinite alternate; -o-animation: rotateme 30s infinite alternate; } .portfolio-shape4-two { position: absolute; top: 80%; left: 50px; animation: bounce 2s infinite alternate; -webkit-animation: bounce 2s infinite alternate; } /*==========Portfolio Page CSS End==========*/ /*==========Portfolio Detail Page CSS Start==========*/ .main-portfolio-detail-one { padding-top: 120px; padding-bottom: 120px; position: relative; } .portfolio-detail-img-one { overflow: hidden; border-radius: 10px; } .portfolio-detail-img-one>img { width: 100%; transform: scale(1); border-radius: 10px; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .portfolio-detail-img-one:hover>img { transform: scale(1.05); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .portfolio-text-info-box-one .h2-title { padding-bottom: 10px; padding-top: 0; font-size: 50px; line-height: 60px; } .portfolio-text-info-box-one { margin-top: 50px; } .portfolio-detail-info-box-one { padding: 30px; background-color: #14113a; border-radius: 10px; position: relative; overflow: hidden; z-index: 0; } .portfolio-detail-info-box-one .h3-title { color: #ffffff; } .portfolio-detail-info-box-one .line { width: 114px; height: 1px; background-color: #5956e9; } .portfolio-detail-info-box-one ul { text-decoration: none; list-style: none; padding-left: 0; margin-bottom: 0; margin-top: 24px; } .portfolio-detail-info-box-one ul li { display: flex; align-items: center; margin-bottom: 15px; } .portfolio-detail-info-box-one ul li:last-child { margin-bottom: 0; } .portfolio-detail-info-box-one ul li span { font-size: 18px; line-height: 28px; font-weight: 500; color: #ffffff; } .portfolio-detail-info-box-one ul li span:first-child { color: #bab7e2; margin-right: 8px; } .portfolio-detail-info-blur1 { position: absolute; top: -150px; left: -170px; z-index: -1; } .portfolio-detail-info-blur2 { position: absolute; bottom: -150px; right: -170px; z-index: -1; } .portfolio-detail-img-box-one { margin-top: 30px; margin-bottom: 42px; } .portfolio-detail-service-box-one { background-color: #ffffff; border-radius: 10px; padding: 30px; box-shadow: 0px 30px 60px 0px rgb(0,0,0,0.1); display: flex; align-items: center; margin-top: 34px; margin-bottom: 45px; } .portfolio-detail-service-icon-one { width: 80px; height: 80px; background-color: #5956e9; border-radius: 100%; display: flex; align-items: center; justify-content: center; margin-right: 20px; } .portfolio-detail-service-content-one { width: calc(100% - 100px); } .portfolio-detail-service-content-one p { margin-bottom: 0; } .portfolio-detail-arrow-box { border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; display: flex; align-items: center; justify-content: space-between; padding: 30px 0; margin-top: 50px; } .portfolio-detail-arrow a { display: flex; align-items: center; } .portfolio-detail-arrow a span { color: #161616; font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 500; transition: all 0.1s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .portfolio-detail-arrow a:hover span { color: #5956e9; transition: all 0.1s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .portfolio-detail-arrow a:hover .yes-d-one { display: none; } .portfolio-detail-arrow a:hover .no-d-one { display: block; } .portfolio-detail-arrow img { margin-right: 10px; margin-left: 10px; } .portfolio-detail-shape1-one { position: absolute; right: 0; top: 10%; } .portfolio-detail-shape2-one { position: absolute; left: 0; top: 30%; } .portfolio-detail-shape3-one { position: absolute; right: 0; bottom: 10%; } .portfolio-detail-in-two { padding-top: 88px; padding-bottom: 70px; position: relative; } .portfolio-contact-box-two { background-color: #2f047a; padding: 30px; border-radius: 10px; text-align: center; justify-content: center; overflow: hidden; z-index: 0; } .portfolio-contact-box-two .h3-title { color: #ffffff; } .portfolio-contact-icon-two { width: 80px; height: 80px; background-color: #ffffff; display: flex; align-items: center; justify-content: center; border-radius: 100%; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 24px; } .portfolio-contact-box-two p { color: #aaa6d2; } .portfolio-brochure-two .line { width: 100px; height: 4px; background: -moz-linear-gradient(90deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); background: -webkit-linear-gradient(90deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); background: linear-gradient(90deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); border-radius: 2px; } .portfolio-brochure-two { margin-top: 42px; } .portfolio-brochure-two ul { text-decoration: none; list-style: none; padding-left: 0; margin-bottom: 0; margin-top: 5px; } .portfolio-brochure-two ul li { margin-bottom: 10px; } .portfolio-brochure-two ul li:last-child { margin-bottom: 0; } .portfolio-brochure-two ul li a { display: flex; align-items: center; padding: 25px 20px; background-color: transparent; border-radius: 10px; transition: all 0.1s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .portfolio-brochure-two ul li:hover a { background-color: #ffffff; box-shadow: 0px 30px 60px 0px rgb(0,0,0,0.1); transition: all 0.1s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .portfolio-brochure-icon { margin-right: 20px; } .portfolio-brochure-content span:first-child { font-family: 'Roboto', sans-serif; color: #161616; font-weight: 500; font-size: 18px; line-height: 28px; display: block; } .portfolio-brochure-content span:last-child { font-family: 'Roboto', sans-serif; color: #ff7368; text-transform: uppercase; font-size: 15px; line-height: 24px; margin-top: 10px; } .portfolio-detail-info-two { padding-left: 30px; } .portfolio-detail-img-box-two { position: relative; margin-bottom: 43px; } .portfolio-detail-img-two { overflow: hidden; border-radius: 10px; } .portfolio-detail-img-two>img { width: 100%; transform: scale(1); border-radius: 10px; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .portfolio-detail-img-two:hover>img { transform: scale(1.05); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .portfolio-detail-info-box-two { position: absolute; padding: 30px 40px; border-radius: 0 0 10px 10px; bottom: 0; left: 0; background-color: #2f047a; width: 100%; } .portfolio-detail-info-box-two ul { text-decoration: none; list-style: none; padding-left: 0; margin-bottom: 0; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; } .portfolio-detail-info-box-two ul li span:first-child { font-family: 'Roboto', sans-serif; font-weight: 500; color: #9279be; display: block; } .portfolio-detail-info-box-two ul li span:last-child { font-family: 'Roboto', sans-serif; font-weight: 500; color: #ffffff; display: block; } .portfolio-detail-info-two .h2-title { font-size: 50px; line-height: 60px; padding-top: 0; margin-bottom: 0; padding-bottom: 12px; } .portfolio-detail-img2-two { margin-top: 42px; margin-bottom: 42px; } .portfolio-detail-shape1-two { position: absolute; top: 10%; right: -180px; } .portfolio-detail-shape2-two { position: absolute; top: 20%; right: -40px; transform: translate(0%,-50%); z-index: -1; animation: rotateme 15s infinite alternate; -webkit-animation: rotateme 15s infinite alternate; -moz-animation: rotateme 15s infinite alternate; -o-animation: rotateme 15s infinite alternate; } .portfolio-detail-shape3-two { position: absolute; top: 40%; left: 50px; animation: bounce 2s infinite alternate; -webkit-animation: bounce 2s infinite alternate; } .portfolio-detail-shape4-two { position: absolute; top: 70%; right: 0; animation: move2 10s infinite; } .portfolio-detail-shape4-two img { width: 80%; } .portfolio-detail-shape5-two { position: absolute; bottom: 10%; left: 30px; animation: rotateme 30s infinite alternate; -webkit-animation: rotateme 30s infinite alternate; -moz-animation: rotateme 30s infinite alternate; -o-animation: rotateme 30s infinite alternate; } /*==========Portfolio Detail Page CSS End==========*/ /*==========Team Page CSS Start==========*/ .main-skills-in-team-one { padding-top: 120px; padding-bottom: 120px; position: relative; } .main-team-in-page-one { padding-top: 120px; padding-bottom: 70px; position: relative; background-color: #f4f6fd; } .main-team-in-page-one .team-box-one { margin-bottom: 50px; margin-left: 0; margin-right: 0; } .main-who-we-are-in-two { padding-top: 87px; padding-bottom: 60px; position: relative; } .who-we-are-img-two { position: relative; } .who-we-are-img-two img { max-width: unset; float: right; } .who-we-are-img-part2-two { position: absolute; top: 0; right: 0; animation: bounce 1s infinite alternate; -webkit-animation: bounce 1s infinite alternate; } .who-we-are-content-two { padding-left: 30px; } .who-we-are-play-btn { display: flex; align-items: center; margin-top: 23px; } .who-we-are-play-btn .banner-play-btn { transform: none; align-items: center; top: auto; left: auto; text-align: center; position: relative; z-index: 2; } .who-we-are-play-btn .banner-play-icon { position: relative; transform: none; width: 60px; height: 60px; background: -moz-linear-gradient(90deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); background: -webkit-linear-gradient(90deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); background: linear-gradient(90deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); background-size: 200% 100%; background-position: left center; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; font-size: 20px; color: #ffffff; padding-left: 5px; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; z-index: 999; } .who-we-are-play-btn .banner-play-icon::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 30px; height: 30px; background: transparent; border-radius: 50%; pointer-events: none; animation: waveBtn-2 2.5s infinite; z-index: -2; } @keyframes waveBtn-2 { 0% { box-shadow: 0 0 0 0 rgba(255,115,104,1) } 50% { box-shadow: 0 0 0 30px transparent; } 100% { box-shadow: 0 0 0 0 transparent; } } .who-we-are-play-btn .btn-link-two { margin-left: 20px; color: #161616; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .who-we-are-play-btn .btn-link-two::before { background-color: #161616; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .who-we-are-play-btn .btn-link-two:hover { color: #ff7368; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .who-we-are-play-btn .btn-link-two:hover::before { background-color: #ff7368; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .who-we-are-shape1-two { position: absolute; top: 50%; right: -180px; transform: translate(0%,-50%); } .who-we-are-shape2-two { position: absolute; top: 50%; right: -40px; transform: translate(0%,-50%); z-index: -1; animation: rotateme 15s infinite alternate; -webkit-animation: rotateme 15s infinite alternate; -moz-animation: rotateme 15s infinite alternate; -o-animation: rotateme 15s infinite alternate; } .main-team-in-page-two { position: relative; padding-bottom: 70px; } .main-team-in-page-two .team-box-two { margin-bottom: 50px; margin-left: 0; margin-right: 0; } /*==========Team Page CSS End==========*/ /*==========Team Detail Page CSS Start==========*/ .main-team-detail-in-one { padding-top: 120px; padding-bottom: 120px; position: relative; } .team-detail-content-one { padding-left: 30px; } .team-detail-content-one .h2-title { font-size: 50px; line-height: 60px; padding-top: 0; padding-bottom: 0; margin-bottom: 0; } .member-title-one { margin-bottom: 16px; } .team-detail-content-one .line { width: 100%; height: 1px; background-color: #d7d7d7; margin-top: 45px; margin-bottom: 33px; } .team-service-support-one span { font-family: 'Roboto', sans-serif; font-size: 18px; line-height: 28px; font-weight: 500; } .team-service-support-one span:first-child { color: #161616; display: block; } .team-service-support-one span:last-child { color: #777777; margin-top: 10px; } .team-joining-date-one span { font-family: 'Roboto', sans-serif; font-size: 18px; line-height: 28px; font-weight: 500; } .team-joining-date-one span:first-child { color: #161616; display: block; } .team-joining-date-one span:last-child { color: #777777; margin-top: 10px; } .team-experience-one { margin-top: 34px; } .team-experience-one span { font-family: 'Roboto', sans-serif; font-size: 18px; line-height: 28px; font-weight: 500; } .team-experience-one span:first-child { color: #161616; display: block; } .team-experience-one span:last-child { color: #777777; margin-top: 10px; } .team-social-one span { font-family: 'Roboto', sans-serif; font-size: 18px; line-height: 28px; font-weight: 500; color: #161616; } .team-detail-content-one .team-social-one { margin-top: 34px; } .team-detail-content-one .team-social-one ul { margin-top: 10px; justify-content: left; } .member-title-one span { font-family: 'Roboto', sans-serif; font-size: 18px; line-height: 28px; font-weight: 500; color: #5956e9; } .team-detail-shape1-one { position: absolute; top: 50%; right: 0; transform: translate(0%,-50%); } .my-work-title-one { text-align: center; } .my-work-title-one .subtitle { justify-content: center; } .my-work-slider .slick-dots { bottom: -50px; } .my-work-slider .portfolio-box-one { margin: 0 15px; } .main-my-work-in-one { position: relative; padding-bottom: 168px; } .team-detail-shape2-one { position: absolute; top: 50%; left: 0; transform: translate(0%,-50%); } .main-team-detail-in-two { padding-top: 87px; padding-bottom: 120px; position: relative; } .team-detail-info-box-two { background-color: #ffffff; border-radius: 10px; padding: 60px; box-shadow: 0px 30px 60px 0px rgb(0,0,0,0.1); width: 100%; } .team-detail-member-img-two { border-radius: 10px; } .team-detail-member-img-two img { border-radius: 10px; } .team-detail-content-two { padding-left: 30px; } .team-detail-content-two .h2-title { font-size: 50px; line-height: 60px; margin-bottom: 0; padding-bottom: 0; padding-top: 0; } .member-title-two span { font-family: 'Roboto', sans-serif; font-size: 18px; line-height: 28px; font-weight: 500; color: #ff7368; } .team-service-support-two span { font-family: 'Roboto', sans-serif; font-size: 18px; line-height: 28px; font-weight: 500; } .team-service-support-two span:first-child { color: #161616; display: block; } .team-service-support-two span:last-child { color: #777777; margin-top: 10px; } .team-joining-date-two span { font-family: 'Roboto', sans-serif; font-size: 18px; line-height: 28px; font-weight: 500; } .team-joining-date-two span:first-child { color: #161616; display: block; } .team-joining-date-two span:last-child { color: #777777; margin-top: 10px; } .team-experience-two { margin-top: 34px; } .team-experience-two span { font-family: 'Roboto', sans-serif; font-size: 18px; line-height: 28px; font-weight: 500; } .team-experience-two span:first-child { color: #161616; display: block; } .team-experience-two span:last-child { color: #777777; margin-top: 10px; } .team-social-two span { font-family: 'Roboto', sans-serif; font-size: 18px; line-height: 28px; font-weight: 500; color: #161616; } .team-detail-content-two .team-social-two { margin-top: 34px; } .team-detail-content-two .team-social-two ul { margin-top: 10px; justify-content: left; } .team-detail-member-info-two { margin-top: 35px; } .team-detail-about-me-two { margin-top: 43px; } .team-detail-about-me-two p:last-child { margin-bottom: 0; } .team-detail-shape1-two { position: absolute; top: 50%; right: -180px; transform: translate(0%,-50%); } .team-detail-shape2-two { position: absolute; top: 50%; right: -40px; transform: translate(0%,-50%); z-index: -1; animation: rotateme 15s infinite alternate; -webkit-animation: rotateme 15s infinite alternate; -moz-animation: rotateme 15s infinite alternate; -o-animation: rotateme 15s infinite alternate; } .team-detail-shape3-two { position: absolute; top: 50%; left: 0; transform: translate(0%,-50%); -webkit-animation: move2 3s infinite; animation: move2 10s infinite; display: flex; align-items: center; justify-content: center; } .team-detail-shape3-two img { width: 80%; } .main-my-skill-in-two { padding-bottom: 120px; position: relative; } .main-my-skill-in-two .skill-bar-inner-one:before { background: -moz-linear-gradient(90deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); background: -webkit-linear-gradient(90deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); background: linear-gradient(90deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); } .main-my-skill-in-two .skill-bar-inner-one { box-shadow: 0px 10px 30px 0px rgb(255,115,104,0.5); } .team-detail-my-skill-content-two { padding-left: 30px; } .team-detail-my-skill-content-two p:last-child { margin-bottom: 0; } .my-skill-shape1-two { position: absolute; top: 30%; transform: translate(0%,-70%); left: 30px; animation: rotateme 30s infinite alternate; -webkit-animation: rotateme 30s infinite alternate; -moz-animation: rotateme 30s infinite alternate; -o-animation: rotateme 30s infinite alternate; } .my-skill-shape2-two { position: absolute; top: 40%; transform: translate(0%,-60%); right: 50px; animation: bounce 2s infinite alternate; -webkit-animation: bounce 2s infinite alternate; } .my-work-title-two { text-align: center; } .my-work-title-two .subtitle { justify-content: center; } .main-my-work-in-two .slick-dots { bottom: -50px; } section.main-my-work-in-two { padding-bottom: 138px; } /*==========Team Detail Page CSS End==========*/ /*==========Pricing Page CSS Start==========*/ .main-pricing-in-one { padding-top: 120px; padding-bottom: 120px; position: relative; } .main-pricing-in-two { padding-top: 90px; padding-bottom: 120px; position: relative; } /*==========Pricing Page CSS End==========*/ /*==========FAQ Page CSS Start==========*/ .main-faq-in-one { padding-top: 120px; padding-bottom: 100px; position: relative; } .faq-form-box-one { background-color: #14113a; border-radius: 10px; padding: 30px; position: relative; overflow: hidden; z-index: 0; } .faq-form-box-one .form-box-one textarea { height: 116px; } .faq-form-box-one .sec-btn-one { width: 100%; border: none; } .faq-form-box-one .line { width: 130px; height: 1px; background-color: #5956e9; } .faq-form-box-one .h3-title { color: #ffffff; } .faq-form-box-one form { margin-top: 30px; } .faq-from-blur1-one { position: absolute; top: -160px; left: -150px; z-index: -1; } .faq-from-blur2-one { position: absolute; bottom: -160px; right: -150px; z-index: -1; } .faq-content-one { padding-left: 30px; } .main-testimonial-in-one { padding-top: 120px; padding-bottom: 166px; position: relative; } .main-testimonial-in-one .slick-dots { bottom: -50px; } .faq-shape1-one { position: absolute; top: 120px; left: 0; } .faq-shape2-one { position: absolute; bottom: 120px; right: 0; } .support-center-title-two { text-align: center; } .support-center-title-two .subtitle { justify-content: center; } .main-support-center-in-two { padding-top: 88px; padding-bottom: 120px; position: relative; } .support-center-box-two { background-color: #ffffff; border-radius: 10px; padding: 30px; text-align: center; box-shadow: 0px 30px 60px 0px rgb(0,0,0,0.1); } .support-center-icon { display: flex; align-items: center; justify-content: center; } .support-center-box-two:hover .support-center-icon img { animation: hvr-buzz-out 0.75s linear 1; } .support-center-content-two p { margin-bottom: 0; } .support-center-content-two { margin-top: 20px; } .main-faq-in-two { padding-bottom: 100px; position: relative; } .faq-title-two { text-align: center; } .support-center-shape1-two { position: absolute; top: 88px; left: 10px; z-index: -1; display: flex; align-items: center; justify-content: center; -webkit-animation: move2 3s infinite; animation: move2 10s infinite; } .support-center-shape2-two { position: absolute; bottom: 120px; right: 10px; animation: rotateme 30s infinite alternate; -webkit-animation: rotateme 30s infinite alternate; -moz-animation: rotateme 30s infinite alternate; -o-animation: rotateme 30s infinite alternate; } .support-center-shape1-two img { width: 80%; } .faq-title-two .subtitle { justify-content: center; } .faq-accordion-two.part-1 { padding-right: 10px; } .faq-accordion-two.part-2 { padding-left: 10px; } .accordion-item.two { background-color:#ffffff; border: none; margin-bottom: 20px; border-radius: 0; border-radius: 8px; } .accordion-item.two:first-of-type { border-top-left-radius: 8px; border-top-right-radius: 8px; } .accordion-button.two { min-height: 60px; display: flex; align-items: center; line-height: 28px; margin-bottom: 0; padding: 5px 90px 5px 30px; position: relative; background: #ffffff; border-radius: 8px; color: #161616; cursor: pointer; box-shadow: 0px 30px 60px 0px rgb(0,0,0,0.1); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; font-size: 18px; font-weight: 700; } .accordion-button.two:not(.collapsed) { color: #050d36; background-color: #ffffff; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .accordion-button.two:focus { z-index: 0; border-color: #fff; outline: 0; box-shadow: 0px 30px 60px 0px rgb(0,0,0,0.1); } .accordion-button.two:after { display: none; } .accordion.two .accordion-item.two .accordion-header.h3-title .icon { position: absolute; color: #fff; top: 0; right: 0; width: 60px; height: 100%; background: -moz-linear-gradient(90deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); background: -webkit-linear-gradient(90deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); background: linear-gradient(90deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); border-radius: 0 8px 8px 0; display: flex; justify-content: center; align-items: center; font-size: 30px; } .accordion.two .accordion-item.two .accordion-header.h3-title>span { position: relative; z-index: 1; } .accordion.two .accordion-item.two .accordion-header.h3-title .accordion-button.two.collapsed .icon i { position: relative; color: #fff; transform: rotate(0deg); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; z-index: 1; } .accordion.two .accordion-item.two .accordion-header.h3-title .icon i { position: relative; color: #fff; transform: rotate(-90deg); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; z-index: 1; } .faq-shape1-two { position: absolute; top: 10%; left: 50px; animation: bounce 2s infinite alternate; -webkit-animation: bounce 2s infinite alternate; } .faq-shape2-two { position: absolute; top: 50%; right: -180px; transform: translate(0%,-50%); } .faq-shape3-two { position: absolute; top: 50%; right: -40px; transform: translate(0%,-50%); z-index: -1; animation: rotateme 15s infinite alternate; -webkit-animation: rotateme 15s infinite alternate; -moz-animation: rotateme 15s infinite alternate; -o-animation: rotateme 15s infinite alternate; } /*==========FAQ Page CSS End==========*/ /*==========Blog Grid Page CSS Start==========*/ .main-blog-grid-in-one { padding-top: 120px; position: relative; } .main-blog-grid-in-one .blog-box-one { margin-bottom: 30px; } .main-blog-grid-in-one .blog-box-one .banner-play-icon { background-color: #5956e9; color: #ffffff !important; } .blog-pagination-one { display: block; text-align: center; margin-top: 40px; } .pagination-arrow-one { color: #161616; font-size: 35px; display: inline-block; margin: 0 10px; vertical-align: middle; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .pagination-arrow-one:hover { color: #5956e9; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-pagination-one ul { margin: 0; padding: 0; list-style: none; display: inline-block; vertical-align: middle; } .blog-pagination-one ul li { display: inline-flex; justify-content: center; align-items: center; width: 45px; height: 45px; border-radius: 8px; background-color: #ebebeb; color: #777777; font-weight: 500; font-size: 18px; margin: 0 7px; cursor: pointer; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-pagination-one ul li.active, .blog-pagination-one ul li.active:hover { background: #5956e9; color: #ffffff; cursor: default; } .blog-pagination-one ul li:hover { background-color: #5956e9; color: #ffffff; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-grid-shape1-one { position: absolute; top: 120px; right: 0; } .blog-grid-shape2-one { position: absolute; top: 50%; transform: translate(0%,-50%); left: 0; } .blog-grid-shape3-one { position: absolute; bottom: 0; right: 0; } /*==========Blog Grid Page CSS End==========*/ /*==========Blog List Page CSS Start==========*/ .main-blog-list-in-two { padding-top: 88px; padding-bottom: 88px; position: relative; } .blog-list-box-two { padding-right: 30px; } .blog-list-box-two .blog-box-two { margin-bottom: 50px; } .blog-pagination-two { display: block; text-align: center; margin-top: 40px; } .pagination-arrow-two { color: #161616; font-size: 35px; display: inline-block; margin: 0 10px; vertical-align: middle; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .pagination-arrow-two:hover { color: #ff7368; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-pagination-two ul { margin: 0; padding: 0; list-style: none; display: inline-block; vertical-align: middle; } .blog-pagination-two ul li { display: inline-flex; justify-content: center; align-items: center; width: 45px; height: 45px; border-radius: 100%; background-color: #ebebeb; color: #777777; font-weight: 500; font-size: 18px; margin: 0 7px; cursor: pointer; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-pagination-two ul li.active, .blog-pagination-two ul li.active:hover { background: #ff7368; color: #ffffff; cursor: default; } .blog-pagination-two ul li:hover { background-color: #ff7368; color: #ffffff; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-search-form { position: relative; } .blog-search-form .form-box { margin-bottom: 0; } .blog-search-form input { position: relative; width: 100%; height: 60px; border: none; outline: none; background: #ffffff; border-radius: 30px; box-shadow: 10px 10px 38px 0px rgba(0,0,0,0.11); color: #777777; font-size: 15px; padding: 10px 60px 10px 30px; } .blog-search-form .sec-btn-two { border: 0; position: absolute; right: 0; top: 0; border-radius: 100%; padding: 0; font-size: 20px; width: 60px; height: 60px; } .blog-search-form .sec-btn-two:hover { box-shadow: none; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-side-line { width: 100px; height: 4px; background: -moz-linear-gradient(90deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); background: -webkit-linear-gradient(90deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); background: linear-gradient(90deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); border-radius: 2px; } .blog-about-me-two { margin-top: 50px; } .blog-about-me-img-box { display: flex; align-items: center; justify-content: center; margin-top: 30px; } .blog-about-me-img { border: 8px solid #ff7368; padding: 15px; display: inline-block; border-radius: 100%; box-shadow: 0px 8px 20px 0px rgb(255,115,104,0.5); } .blog-about-me-two p { text-align: center; margin-top: 30px; } .blog-about-me-social { display: flex; align-items: center; justify-content: center; } .blog-about-me-social ul { text-decoration: none; list-style: none; padding-left: 0; margin-bottom: 0; display: flex; align-items: center; margin-top: 10px; } .blog-about-me-social ul li { margin-right: 10px; } .blog-about-me-social ul li:last-child { margin-right: 0; } .blog-about-me-social ul li a i { color: #623fbf; font-size: 18px; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-about-me-social ul li a i:hover { color: #ff7368; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-categories-two { margin-top: 38px; } .blog-categories-two ul { text-decoration: none; list-style: none; padding-left: 0; margin-bottom: 0; margin-top: 23px; display: inline-block; } .blog-categories-two ul li { margin-bottom: 15px; } .blog-categories-two ul li:last-child { margin-bottom: 0; } .blog-categories-two ul li a { display: flex; align-items: center; } .blog-categories-two ul li a img { margin-right: 10px; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-categories-two ul li a span { font-family: 'Roboto', sans-serif; font-size: 15px; color: #777777; font-weight: 500; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-categories-two ul li:hover a span { color: #161616; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-categories-two ul li:hover a img { transform: rotate(45deg); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-recent-post-two { margin-top: 35px; } .blog-recent-post-img-two { border-radius: 10px; margin-right: 20px; display: block; overflow: hidden; } .blog-recent-post-img-two img { border-radius: 10px; } .blog-recent-post-img-two>img { width: 100%; transform: scale(1); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-recent-post-two ul li:hover .blog-recent-post-img-two>img { transform: scale(1.05); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-recent-post-two ul { text-decoration: none; list-style: none; padding-left: 0; margin-bottom: 0; margin-top: 30px; } .blog-recent-post-two ul li { display: flex; align-items: center; margin-bottom: 20px; } .blog-recent-post-two ul li:last-child { margin-bottom: 0; } .blog-recent-post-title-two a span { font-family: 'Roboto', sans-serif; font-size: 15px; color: #777777; font-weight: 500; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-recent-post-two ul li:hover .blog-recent-post-title-two a span { color: #161616; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-side-tag-two { margin-top: 42px; } .blog-side-tag-two ul { text-decoration: none; list-style: none; padding-left: 0; margin-bottom: 0; display: flex; align-items: center; flex-wrap: wrap; margin-top: 43px; } .blog-side-tag-two ul li { margin-right: 15px; } .blog-side-tag-two ul li:last-child { margin-right: 0; } .blog-side-tag-two ul li a { font-family: 'Roboto', sans-serif; font-size: 15px; color: #777777; font-weight: 500; padding: 10px 20px; border-radius: 30px; border: 1px solid #777777; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; position: relative; overflow: hidden; z-index: 0; display: block; margin-bottom: 15px; } .blog-side-tag-two ul li a:hover { color: #ffffff; border: 1px solid transparent; box-shadow: 0px 10px 30px 0px rgb(255,115,104,0.4); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-side-tag-two ul li a:before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(0); width: 110%; height: 110%; border: 1px solid transparent; background: rgb(255,176,108); background: -moz-linear-gradient(90deg, rgba(255,176,108,1) 0%, rgba(255,115,104,1) 100%); background: -webkit-linear-gradient(90deg, rgba(255,176,108,1) 0%, rgba(255,115,104,1) 100%); background: linear-gradient(90deg, rgba(255,176,108,1) 0%, rgba(255,115,104,1) 100%); border-radius: 40px; opacity: 0; transition: 0.5s; z-index: -1; } .blog-side-tag-two ul li a:hover::before { transform: translate(-50%,-50%) scale(1); opacity: 1; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .portfolio-contact-box-two.blog-side-two { margin-top: 34px; } .blog-list-shape1-two { position: absolute; top: 10%; left: -180px; transform: translate(0%,-50%); } .blog-list-shape2-two { position: absolute; top: 10%; left: -40px; transform: translate(0%,-50%); z-index: -1; animation: rotateme 15s infinite alternate; -webkit-animation: rotateme 15s infinite alternate; -moz-animation: rotateme 15s infinite alternate; -o-animation: rotateme 15s infinite alternate; } .blog-list-shape3-two { position: absolute; top: 30%; right: 50px; transform: translate(0%,-70%); animation: move2 10s infinite; display: flex; align-items: center; justify-content: center; } .blog-list-shape3-two img { width: 70%; } .blog-list-shape4-two { position: absolute; top: 50%; left: 30px; animation: rotateme 30s infinite alternate; -webkit-animation: rotateme 30s infinite alternate; -moz-animation: rotateme 30s infinite alternate; -o-animation: rotateme 30s infinite alternate; } .blog-list-shape5-two { position: absolute; top: 70%; right: 50px; animation: bounce 2s infinite alternate; -webkit-animation: bounce 2s infinite alternate; } .blog-list-shape6-two { position: absolute; bottom: 10%; left: 70px; animation: move2 10s infinite; display: block; align-items: center; justify-content: center; } .blog-list-shape6-two img { width: 70%; } .blog-box-two .banner-play-icon { position: absolute; transform: translate(-50%,-50%); width: 60px; height: 60px; background: -moz-linear-gradient(90deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); background: -webkit-linear-gradient(90deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); background: linear-gradient(90deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); background-size: 200% 100%; background-position: left center; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; font-size: 20px; color: #ffffff; padding-left: 5px; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; z-index: 1; } .blog-box-two .banner-play-icon:before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; background: transparent; border-radius: 50%; pointer-events: none; animation: waveBtn-2 2.5s infinite; z-index: -1; } /*==========Blog List Page CSS End==========*/ /*==========Blog Detail Page CSS Start==========*/ .main-blog-detail-one { position: relative; padding-top: 120px; padding-bottom: 120px; } .blog-detail-box-one { padding-right: 30px; } .blog-detail-box-one .h2-title.blog-one { font-size: 50px; line-height: 60px; padding-top: 0; padding-bottom: 0; } .blog-comment-one { display: flex; align-items: center; margin-left: 20px; } .blog-comment-one a { font-family: 'Roboto', sans-serif; color: #777777; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-comment-one:hover .blog-circle-one { background-color: #161616; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-comment-one:hover a { color: #161616; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-detail-box-one .blog-img-one { margin-top: 42px; margin-bottom: 42px; } .blog-detail-title-one { margin-top: 36px; } .blog-detail-two-img-one { margin-top: 42px; margin-bottom: 42px; } .blog-detail-two-img-one .blog-img-one { margin-top: 0; margin-bottom: 0; } .blog-detail-text-box-one { text-align: center; justify-content: center; display: block; margin-top: 44px; margin-bottom: 35px; } .blog-detail-quort-one { width: 60px; height: 60px; background-color: #5956e9; display: flex; align-items: center; justify-content: center; border-radius: 4px; margin-left: auto; margin-right: auto; box-shadow: 0px 10px 30px 0px rgb(91,89,86,0.4); } .blog-detail-text-box-one .h3-title { margin-top: 16px; margin-bottom: 12px; } .blog-detail-text-box-one span { font-family: 'Roboto', sans-serif; font-size: 15px; font-weight: 500; color: #5956e9; } .blog-side-tag-one { margin-top: 20px; } .blog-side-tag-one ul { text-decoration: none; list-style: none; padding-left: 0; margin-bottom: 0; display: flex; align-items: center; flex-wrap: wrap; margin-top: 30px; } .blog-side-tag-one ul li { margin-right: 15px; } .blog-side-tag-one ul li:last-child { margin-right: 0; } .blog-side-tag-one ul li a { font-family: 'Roboto', sans-serif; font-size: 15px; color: #777777; font-weight: 500; padding: 10px 20px; border-radius: 10px; border: 1px solid #777777; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; z-index: 0; display: block; margin-bottom: 15px; } .blog-side-tag-one ul li a:hover { background-color: #5956e9; color: #ffffff; border: 1px solid transparent; box-shadow: 0px 10px 30px 0px rgb(89,86,233,0.4); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-detail-tag-social-one .blog-side-tag-one { margin-top: 0; } .blog-detail-tag-social-one .blog-side-tag-one ul { margin-top: 0; } .blog-detail-tag-social-one { margin-top: 43px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .blog-detail-social-media-one { display: flex; align-items: center; justify-content: center; } .blog-detail-social-media-one ul { text-decoration: none; list-style: none; padding-left: 0; margin-bottom: 0; display: flex; align-items: center; } .blog-detail-social-media-one ul li { margin-right: 10px; } .blog-detail-social-media-one ul li:last-child { margin-right: 0; } .blog-detail-social-media-one ul li a i { color: #161616; font-size: 18px; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-detail-social-media-one ul li a i:hover { color: #5956e9; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-detail-tag-social-one .line { width: 100%; height: 1px; background-color: #e1e1e1; margin-top: 14px; } .blog-about-me-one { background-color: #ffffff; padding: 30px; border-radius: 10px; display: flex; align-items: center; justify-content: center; box-shadow: 0px 30px 60px 0px rgb(0,0,0,0.1); margin-top: 50px; } .blog-about-me-img-one { border-radius: 10px; margin-right: 20px; } .blog-about-me-img-one img { border-radius: 10px; } .blog-about-me-content { width: calc(100% - 195px); } .blog-about-me-social-one { display: flex; align-items: center; margin-top: 20px; } .blog-about-me-social-one span { font-family: 'Roboto', sans-serif; font-size: 15px; color: #161616; font-weight: 500; } .blog-about-me-social-one .blog-detail-social-media-one { margin-left: 10px; } .blog-about-me-social-one .blog-detail-social-media-one ul li a i { color: #777777; font-size: 16px; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-about-me-social-one .blog-detail-social-media-one ul li:hover a i { color: #5956e9; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-detail-related-post-one { padding-top: 120px; } .blog-detail-related-post-one .blog-img-one { margin-top: 0; margin-bottom: 0; } .blog-detail-comment-one { padding-top: 120px; } .blog-detail-comment-box-one { display: flex; align-items: center; } .blog-detail-comment-img-one { border-radius: 10px; margin-right: 20px; } .blog-detail-comment-img-one img { border-radius: 10px; } .blog-detail-comment-name-reply { display: flex; align-items: center; justify-content: space-between; } .blog-detail-comment-content-one { width: calc(100% - 150px); } .blog-detail-comment-name-one span { font-family: 'Roboto', sans-serif; font-size: 15px; color: #5956e9; } .blog-detail-comment-content-one p { margin-bottom: 0; margin-top: 20px; } .blog-detail-comment-content-one .sec-btn-one { height: 35px; padding: 10px 30px; line-height: 18px; border-radius: 4px; } .blog-detail-comment-one .line { width: 100%; height: 1px; background-color: #e1e1e1; margin-top: 40px; margin-bottom: 40px; } .blog-detail-leave-comment-one { padding-top: 120px; } .leave-reply-form-one .form-box-one .sec-btn-one { border: none; } .leave-reply-form-one .form-input-one { border: 1px solid #777777; } .leave-reply-form-one .form-box-one textarea { height: 120px; } .blog-search-form .sec-btn-one { border: 0; position: absolute; right: 0; top: 0; border-radius: 0 10px 10px 0; padding: 0; font-size: 20px; width: 80px; height: 60px; } .main-blog-detail-one .blog-search-form form input { border-radius: 10px; } .blog-side-line-one { width: 90px; height: 1px; background-color: #5956e9; } .blog-recent-post-one { margin-top: 41px; } .blog-recent-post-img-one { border-radius: 10px; margin-right: 20px; display: block; overflow: hidden; } .blog-recent-post-img-one img { border-radius: 10px; } .blog-recent-post-img-one>img { width: 100%; transform: scale(1); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-recent-post-one ul li:hover .blog-recent-post-img-one>img { transform: scale(1.05); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-recent-post-one ul { text-decoration: none; list-style: none; padding-left: 0; margin-bottom: 0; margin-top: 30px; } .blog-recent-post-one ul li { display: flex; align-items: center; margin-bottom: 20px; } .blog-recent-post-one ul li:last-child { margin-bottom: 0; } .blog-recent-post-title-one a span { font-family: 'Roboto', sans-serif; font-size: 15px; color: #777777; font-weight: 500; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-recent-post-one ul li:hover .blog-recent-post-title-one a span { color: #161616; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-recent-post-one .blog-date-one a { color: #5956e9; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-recent-post-one .blog-date-one a:hover { color: #161616; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-recent-post-one .blog-circle-one { background-color: #5956e9; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-recent-post-one .blog-date-one:hover .blog-circle-one { background-color: #161616; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-categories-one { margin-top: 41px; } .blog-categories-one ul { text-decoration: none; list-style: none; padding-left: 0; margin-bottom: 0; margin-top: 23px; display: inline-block; } .blog-categories-one ul li { margin-bottom: 15px; } .blog-categories-one ul li:last-child { margin-bottom: 0; } .blog-categories-one ul li a { display: flex; align-items: center; } .blog-categories-one ul li a img { margin-right: 10px; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-categories-one ul li a span { font-family: 'Roboto', sans-serif; font-size: 15px; color: #777777; font-weight: 500; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-categories-one ul li:hover a span { color: #161616; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-categories-one ul li:hover a img { transform: rotate(45deg); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-gallery-one ul { margin-bottom: 0; padding-left: 0; text-decoration: none; list-style: none; display: flex; align-items: center; flex-wrap: wrap; margin-top: 30px; } .blog-gallery-one ul li { margin-right: 20px; margin-bottom: 20px; } .blog-gallery-one ul li:last-child { margin-right: 0; } .blog-gallery-img-one { border-radius: 10px; display: block; overflow: hidden; } .blog-gallery-img-one img { border-radius: 10px; } .blog-gallery-img-one>img { width: 100%; transform: scale(1); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-gallery-one ul li:hover .blog-gallery-img-one>img { transform: scale(1.05); transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-gallery-one { margin-top: 34px; } .btn-close:focus { box-shadow: none; } .btn-close { background: #000000 !important; } .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover { color: #000000 !important; } .main-blog-detail-one .service-contact-box-one { margin-top: 35px; } .blog-detail-shape1-one { position: absolute; top: 120px; right: 0; } .blog-detail-shape2-one { position: absolute; top: 20%; left: 0; } .blog-detail-shape3-one { position: absolute; top: 35%; right: 0; } .blog-detail-shape4-one { position: absolute; top: 50%; left: 0; } .blog-detail-shape5-one { position: absolute; top: 70%; right: 0; } .blog-detail-shape6-one { position: absolute; bottom: 120px; left: 0; } .main-blog-detail-two { position: relative; padding-top: 88px; padding-bottom: 88px; } .blog-detail-box-two { padding-right: 30px; } .blog-detail-box-two .h2-title.blog-two { font-size: 50px; line-height: 60px; padding-top: 0; padding-bottom: 0; } .blog-detail-play-btn { transform: translate(50%); align-items: center; top: 50%; left: 50%; text-align: center; position: absolute; z-index: 2; } .blog-detail-play-icon { position: absolute; transform: translate(-50%,-50%); width: 60px; height: 60px; background: -moz-linear-gradient(90deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); background: -webkit-linear-gradient(90deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); background: linear-gradient(90deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); background-size: 200% 100%; background-position: left center; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; font-size: 20px; color: #ffffff !important; padding-left: 5px; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; z-index: 1; } .blog-detail-play-icon:before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; background: transparent; border-radius: 50%; pointer-events: none; animation: waveBtn-2 2.5s infinite; z-index: -1; } .blog-comment-two { display: flex; align-items: center; margin-left: 20px; } .blog-comment-two a { font-family: 'Roboto', sans-serif; color: #623fbf; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-comment-two:hover .blog-circle-two { background-color: #161616; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-comment-two:hover a { color: #161616; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-detail-box-two .blog-date-author-two { margin-top: 44px; margin-bottom: 15px; } .blog-detail-text-box-two { text-align: center; justify-content: center; display: block; margin-top: 44px; margin-bottom: 44px; padding: 30px; border-bottom: 4px solid #2f047a; border-radius: 10px; box-shadow: 0px 30px 60px 0px rgb(0,0,0,0.1); } .blog-detail-quort-two { width: 60px; height: 60px; background: -moz-linear-gradient(90deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); background: -webkit-linear-gradient(90deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); background: linear-gradient(90deg, rgba(255,115,104,1) 0%, rgba(255,176,108,1) 100%); display: flex; align-items: center; justify-content: center; border-radius: 100%; margin-left: auto; margin-right: auto; box-shadow: 0px 10px 30px 0px rgb(255,115,104,0.4); } .blog-detail-text-box-two .h3-title { margin-top: 16px; margin-bottom: 12px; } .blog-detail-text-box-two span { font-family: 'Roboto', sans-serif; font-size: 15px; font-weight: 500; color: #ff7368; } .blog-detail-box-two .points-two { margin-top: 20px; } .blog-detail-tag-social-two .blog-side-tag-two { margin-top: 0; } .blog-detail-tag-social-two .blog-side-tag-two ul { margin-top: 0; } .blog-detail-tag-social-two { margin-top: 43px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .blog-detail-social-media-two { display: flex; align-items: center; justify-content: center; } .blog-detail-social-media-two ul { text-decoration: none; list-style: none; padding-left: 0; margin-bottom: 0; display: flex; align-items: center; } .blog-detail-social-media-two ul li { margin-right: 10px; } .blog-detail-social-media-two ul li:last-child { margin-right: 0; } .blog-detail-social-media-two ul li a i { color: #161616; font-size: 18px; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-detail-social-media-two ul li a i:hover { color: #ff7368; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-detail-tag-social-two .line { width: 100%; height: 1px; background-color: #e1e1e1; margin-top: 14px; } .blog-detail-related-post-two { padding-top: 120px; } .blog-detail-comment-two { padding-top: 120px; } .blog-detail-comment-box-two { display: flex; align-items: center; } .blog-detail-comment-img-two { border-radius: 100%; margin-right: 20px; } .blog-detail-comment-name-reply { display: flex; align-items: center; justify-content: space-between; } .blog-detail-comment-content-two { width: calc(100% - 150px); } .blog-detail-comment-name-two span { font-family: 'Roboto', sans-serif; font-size: 15px; color: #ff7368; } .blog-detail-comment-content-two p { margin-bottom: 0; margin-top: 20px; } .blog-detail-comment-content-two .sec-btn-two { height: 35px; padding: 10px 30px; line-height: 18px; } .blog-detail-comment-two .line { width: 100%; height: 1px; background-color: #e1e1e1; margin-top: 40px; margin-bottom: 40px; } .blog-detail-leave-comment-two { padding-top: 120px; } .leave-reply-form-two .form-box-two .sec-btn-two { border: none; } .leave-reply-form-two .form-box-two { margin-bottom: 20px; } .leave-reply-form-two .form-input-two { border: 1px solid #777777; } .leave-reply-form-two .form-box-two textarea { height: 120px; } .blog-detail-shape1-two { position: absolute; top: 10%; left: -180px; } .blog-detail-shape2-two { position: absolute; top: 15%; left: -40px; z-index: -1; animation: rotateme 15s infinite alternate; -webkit-animation: rotateme 15s infinite alternate; -moz-animation: rotateme 15s infinite alternate; -o-animation: rotateme 15s infinite alternate; } .blog-detail-shape3-two img { width: 80%; } .blog-detail-shape3-two { position: absolute; top: 30%; right: 0; display: flex; align-items: center; justify-content: center; animation: move2 10s infinite; } .blog-detail-shape4-two { position: absolute; top: 50%; left: 20px; display: flex; align-items: center; justify-content: center; animation: rotateme 30s infinite alternate; -webkit-animation: rotateme 30s infinite alternate; -moz-animation: rotateme 30s infinite alternate; -o-animation: rotateme 30s infinite alternate; } .blog-detail-shape5-two { position: absolute; top: 70%; right: 50px; display: flex; align-items: center; justify-content: center; animation: bounce 2s infinite alternate; -webkit-animation: bounce 2s infinite alternate; } .blog-detail-shape6-two img { width: 70%; } .blog-detail-shape6-two { position: absolute; top: 75%; left: 0; display: flex; align-items: center; justify-content: center; animation: move2 10s infinite; } .blog-detail-shape7-two img { width: 80%; } .blog-detail-shape7-two { position: absolute; bottom: 5%; right: 0; display: flex; align-items: center; justify-content: center; animation: move2 10s infinite; } /*==========Blog Detail Page CSS End==========*/ /*==========Contact Us Page CSS Start==========*/ .main-contact-us-in-one { padding-top: 120px; padding-bottom: 120px; position: relative; } .contact-us-bg-one { background-color: #ffffff; border-radius: 10px; box-shadow: 0px 30px 60px 0px rgb(0,0,0,0.1); width: 100%; } .contact-map-one iframe { width: 100%; height: 678px; border-radius: 10px 0 0 10px; } .contact-map-one { display: flex; align-items: center; justify-content: center; border-radius: 10px 0 0 10px; } .contact-us-content-one { padding-top: 50px; padding-bottom: 50px; padding-left: 20px; padding-right: 50px; } .contact-us-content-one ul { text-decoration: none; list-style: none; margin-bottom: 0; padding-left: 0; margin-top: 20px; } .contact-us-content-one ul li { display: flex; align-items: center; margin-bottom: 30px; } .contact-us-content-one ul li:hover .contact-us-icon-one img { animation: hvr-buzz-out 0.75s linear 1; } .contact-us-content-one ul li:last-child { margin-bottom: 0; } .contact-us-icon-one { width: 80px; height: 80px; border-radius: 10px; display: flex; align-items: center; justify-content: center; background-color: #5956e9; margin-right: 20px; } .contact-us-text-one { width: calc(100% - 100px); } .contact-us-text-one span { font-family: 'Roboto', sans-serif; color: #777777; font-size: 18px; } .contact-us-shape-one { position: absolute; top: 50%; transform: translate(0%,-50%); right: 0; } .main-get-in-touch-in-page-one { position: relative; padding-bottom: 120px; } .main-map-two { padding-top: 88px; padding-bottom: 120px; position: relative; } .contact-map-two iframe { width: 100%; height: 500px; border-radius: 10px; } .contact-map-two { border-radius: 10px; } .get-in-touch-text-two ul { text-decoration: none; list-style: none; margin-bottom: 0; padding-left: 0; } .get-in-touch-text-two ul li { display: flex; align-items: center; margin-bottom: 30px; } .get-in-touch-text-two ul li:hover .contact-us-icon-two img { animation: hvr-buzz-out 0.75s linear 1; } .get-in-touch-text-two ul li:last-child { margin-bottom: 0; } .contact-us-icon-two { width: 80px; height: 80px; border-radius: 100%; display: flex; align-items: center; justify-content: center; margin-right: 20px; } .contact-us-text-two { width: calc(100% - 100px); } .contact-us-text-two span { font-family: 'Roboto', sans-serif; color: #777777; font-size: 18px; } .map-shape1-two { position: absolute; top: 15%; left: 50px; display: flex; align-items: center; justify-content: center; animation: bounce 2s infinite alternate; -webkit-animation: bounce 2s infinite alternate; } .map-shape2-two { position: absolute; bottom: 15%; right: 30px; display: flex; align-items: center; justify-content: center; animation: rotateme 30s infinite alternate; -webkit-animation: rotateme 30s infinite alternate; -moz-animation: rotateme 30s infinite alternate; -o-animation: rotateme 30s infinite alternate; } /*==========Contact Us Page CSS End==========*/ /*==========404 Error Page CSS Start==========*/ .main-404-error-one { padding-top: 120px; padding-bottom: 120px; position: relative; } .error-404-img-one { position: relative; display: flex; align-items: center; justify-content: center; } .error-404-img-part2-one { position: absolute; top: auto; left: auto; animation: bounce 1s infinite alternate; -webkit-animation: bounce 1s infinite alternate; } .error-404-content-one { text-align: center; padding-top: 42px; } .error-404-content-one .h2-title { padding-top: 0; margin-bottom: 0; padding-bottom: 10px; } .error-404-content-one p { margin-bottom: 20px; } .error-404-shape1-one { position: absolute; left: 0; bottom: 10%; } .error-404-shape2-one { position: absolute; right: 0; top: 10%; } .main-404-error-two { padding-top: 88px; padding-bottom: 88px; position: relative; } .error-404-img-two { position: relative; display: flex; align-items: center; justify-content: center; } .error-404-img-part2-two { position: absolute; top: auto; left: auto; animation: bounce 1s infinite alternate; -webkit-animation: bounce 1s infinite alternate; } .error-404-content-two { text-align: center; padding-top: 42px; } .error-404-content-two .h2-title { padding-top: 0; margin-bottom: 0; padding-bottom: 10px; } .error-404-content-two p { margin-bottom: 20px; } .error-404-shape1-two img { width: 80%; } .error-404-shape1-two { position: absolute; top: 20%; left: 70px; animation: move2 10s infinite; display: flex; align-items: center; justify-content: center; } .error-404-shape2-two { position: absolute; top: 30%; right: 20px; animation: rotateme 30s infinite alternate; -webkit-animation: rotateme 30s infinite alternate; -moz-animation: rotateme 30s infinite alternate; -o-animation: rotateme 30s infinite alternate; display: flex; align-items: center; justify-content: center; } .error-404-shape3-two img { width: 80%; } .error-404-shape3-two { position: absolute; bottom: 10%; right: 50px; transform: translate(0%,-70%); animation: move2 10s infinite; display: flex; align-items: center; justify-content: center; } /*==========404 Error Page CSS End==========*/ /*==========Responsive CSS Start==========*/ @media screen and (max-width: 1600px) { .banner-shape1-two { left: -200px; } .banner-img-two img { max-width: 100%; width: auto; } .banner-line1-two { bottom: -50px; } .banner-line2-two { bottom: -70px; } .banner-shape2-two { bottom: -120px; } .about-img-two img { max-width: 100%; } .about-shape1-two img{ width: 50%; } .about-shape1-two { right: -270px; } .about-shape2-two img { width: 50%; } .about-shape2-two { right: -70px; display: flex; align-items: center; justify-content: center; } .service-side-two { padding: 0 100px; } .service-shape1-two img { width: 70%; } .service-shape2-two { display: flex; align-items: center; justify-content: center; } .service-shape2-two img { width: 50%; } .pricing-shape1-two { display: flex; align-items: center; justify-content: center; } .pricing-shape1-two img { width: 50%; } .pricing-shape2-two { display: flex; align-items: center; justify-content: center; left: -80px; } .pricing-shape2-two img { width: 50%; } .testimonial-shape1-two { display: flex; align-items: center; justify-content: center; right: 0; } .testimonial-shape1-two img { width: 60%; } .team-shape1-two { display: flex; align-items: center; justify-content: center; left: 10px; } .team-shape1-two img { width: 80%; } .team-shape2-two { display: flex; align-items: center; justify-content: center; right: -40px; } .team-shape2-two img { width: 80%; } .get-in-touch-shape1-two { display: flex; align-items: center; justify-content: center; top: 140px; left: -80px; } .get-in-touch-shape1-two img { width: 50%; } .blog-shape1-two { display: flex; align-items: center; justify-content: center; } .blog-shape1-two img { width: 50%; } .blog-shape2-two { display: flex; align-items: center; justify-content: center; top: 20%; left: -80px; transform: translate(0%,-80%); } .blog-shape2-two img { width: 50%; } .blog-shape3-two { display: flex; align-items: center; justify-content: center; right: 0; } .blog-shape3-two img { width: 60%; } .footer-shape1-two { left: -220px; } .footer-shape2-two { right: -250px; } .feature-shape1-two img { width: 50%; } .feature-shape1-two { top: 40%; left: 10px; } .feature-shape2-two { display: flex; align-items: center; justify-content: center; } .feature-shape2-two img { width: 80%; } .service-detail-shape1-two { display: flex; align-items: center; justify-content: center; } .service-detail-shape1-two img { width: 50%; } .service-detail-shape2-two { display: flex; align-items: center; justify-content: center; left: -80px; } .service-detail-shape2-two img { width: 50%; } .service-detail-shape4-two img { width: 80%; } .service-detail-shape5-two img { width: 80%; } .service-detail-shape5-two { display: flex; align-items: center; justify-content: center; right: -10px; } .service-detail-shape3-two { right: -70px; display: flex; align-items: center; justify-content: center; } .service-detail-shape3-two img { width: 50%; } .portfolio-shape1-two img { width: 50%; } .portfolio-shape1-two { display: flex; align-items: center; justify-content: center; } .portfolio-shape2-two img { width: 50%; } .portfolio-shape2-two { display: flex; align-items: center; justify-content: center; top: 15%; left: -90px; } .portfolio-shape3-two img { width: 50%; } .portfolio-shape3-two { display: flex; align-items: center; justify-content: center; right: -50px; } .portfolio-shape4-two img { width: 50%; } .portfolio-shape4-two { display: flex; align-items: center; justify-content: center; left: -30px; } .portfolio-detail-shape1-two img { width: 50%; } .portfolio-detail-shape1-two { display: flex; align-items: center; justify-content: center; } .portfolio-detail-shape2-two img { width: 50%; } .portfolio-detail-shape2-two { display: flex; align-items: center; justify-content: center; top: 17%; right: -80px; } .portfolio-detail-shape3-two img { width: 50%; } .portfolio-detail-shape3-two { display: flex; align-items: center; justify-content: center; left: 0; } .portfolio-detail-shape4-two img { width: 40%; } .portfolio-detail-shape4-two { display: flex; align-items: center; justify-content: center; right: -50px; } .portfolio-detail-shape5-two img { width: 50%; } .portfolio-detail-shape5-two { display: flex; align-items: center; justify-content: center; } .who-we-are-shape1-two img { width: 50%; } .who-we-are-shape1-two { display: flex; align-items: center; justify-content: center; } .who-we-are-shape2-two { right: -90px; display: flex; align-items: center; justify-content: center; } .who-we-are-shape2-two img { width: 50%; } .who-we-are-img-two img { max-width: 100%; } .team-detail-shape1-two { display: flex; align-items: center; justify-content: center; } .team-detail-shape1-two img { width: 50%; } .team-detail-shape2-two { display: flex; align-items: center; justify-content: center; right: -80px; } .team-detail-shape2-two img { width: 50%; } .team-detail-shape3-two { left: -50px; } .team-detail-shape3-two img { width: 50%; } .my-skill-shape1-two { display: flex; align-items: center; justify-content: center; left: -50px; } .my-skill-shape1-two img { width: 50%; } .my-skill-shape2-two { display: flex; align-items: center; justify-content: center; right: -10px; } .my-skill-shape2-two img { width: 50%; } .support-center-shape1-two img { width: 60%; } .support-center-shape2-two { display: flex; align-items: center; justify-content: center; right: -50px; } .support-center-shape2-two img { width: 50%; } .faq-shape1-two { display: flex; align-items: center; justify-content: center; left: -10px; } .faq-shape1-two img { width: 50%; } .faq-shape2-two { display: flex; align-items: center; justify-content: center; } .faq-shape2-two img { width: 50%; } .faq-shape3-two { display: flex; align-items: center; justify-content: center; right: -90px; } .faq-shape3-two img { width: 50%; } .blog-list-shape1-two { display: flex; align-items: center; justify-content: center; } .blog-list-shape1-two img { width: 50%; } .blog-list-shape2-two { display: flex; align-items: center; justify-content: center; left: -90px; } .blog-list-shape2-two img { width: 50%; } .blog-list-shape3-two { right: 0px; } .blog-list-shape3-two img { width: 50%; } .blog-list-shape4-two { left: -30px; display: flex; align-items: center; justify-content: center; } .blog-list-shape4-two img { width: 50%; } .blog-list-shape5-two { right: -30px; display: flex; align-items: center; justify-content: center; } .blog-list-shape5-two img { width: 50%; } .blog-list-shape6-two { left: 20px; } .blog-list-shape6-two img { width: 50%; } .blog-detail-shape1-two { display: flex; align-items: center; justify-content: center; } .blog-detail-shape1-two img { width: 50%; } .blog-detail-shape2-two { display: flex; align-items: center; justify-content: center; top: 13%; left: -80px; } .blog-detail-shape2-two img { width: 50%; } .blog-detail-shape3-two { right: -50px; } .blog-detail-shape3-two img { width: 50%; } .blog-detail-shape4-two img { width: 50%; } .blog-detail-shape4-two { left: -40px; } .blog-detail-shape5-two img { width: 50%; } .blog-detail-shape5-two { right: -20px; } .blog-detail-shape6-two img { width: 50%; } .blog-detail-shape6-two { left: -70px; } .blog-detail-shape7-two img { width: 50%; } .blog-detail-shape7-two img { left: -50px; } .map-shape1-two { left: -20px; } .map-shape1-two img { width: 50%; } .map-shape2-two img { width: 50%; } .map-shape2-two { right: -20px; } .error-404-shape1-two img { width: 50%; } .error-404-shape1-two { left: -50px; } .error-404-shape2-two { right: -20px; } .error-404-shape2-two img { width: 50%; } .error-404-shape3-two img { width: 50%; } .error-404-shape3-two { right: -30px; } } @media screen and (max-width: 1500px) { .banner-shape1-two { left: -280px; } } @media screen and (max-width: 1399px) { .main-navigation-one ul li { margin-left: 5px; } .search-box-one { margin-left: 27px; } .header-btn { margin-left: 20px; } .h1-title { font-size: 70px; line-height: 80px; } .banner-img1 { width: 60%; } .banner-img2 { margin-top: -100px; width: 45%; } .banner-img3 { margin-top: -110px; margin-left: 60px; width: 45%; } .banner-video-content { padding: 0 50px; } .h2-title { font-size: 55px; line-height: 65px; } .h3-title { font-size: 22px; line-height: 32px; } .h2-subtitle-one { font-size: 20px; line-height: 20px; } .h2-subtitle-two { font-size: 20px; line-height: 20px; } .newsletter-title-one .h2-title { font-size: 40px; line-height: 50px; } .pricing-box-one { padding: 30px 30px; } .cta-content-box-one .h2-title { font-size: 40px; line-height: 50px; } .footer-links-one { padding: 0 50px; } .main-navigation-two ul li { margin-left: 4px; } .search-box-two { margin-left: 24px; } .banner-shape2-two { bottom: -100px; right: -20px; display: flex; align-items: center; justify-content: center; } .banner-shape2-two img { width: 80%; } .banner-line1-two img { width: 80%; } .banner-line2-two img { width: 80%; } .counter-box-two .h2-title { font-size: 40px; } .portfolio-content-two { padding: 20px; } .footer-shape1-two { left: -280px; } .footer-links-two { padding: 0 60px; } .history-line-one { top: 60px; } .stragy-shape1-two { display: flex; align-items: center; justify-content: center; } .stragy-shape2-two { display: flex; align-items: center; justify-content: center; } .stragy-shape1-two img { width: 50%; } .stragy-shape2-two img { width: 50%; } .stragy-shape2-two { left: -70px; } .service-detail-shape5-two { right: -70px; } .portfolio-detail-info-box-two { padding: 25px 35px; } .portfolio-detail-info-two .h2-title { font-size: 32px; line-height: 42px; } .portfolio-detail-info-box-two ul li:last-child { margin-top: 15px; } .portfolio-detail-info-box-two { position: relative; padding: 20px 30px; border-radius: 10px; margin-top: 30px; } } @media screen and (max-width: 1299px) { .banner-slide-text { left: -220px; } .banner-video-content { height: 124px; padding: 0 60px; } .banner-video-img { width: 40%; } .banner-video-content a { font-size: 18px; line-height: 28px; } .service-side-two { padding: 0 50px; } .service-shape2-two { right: -40px; z-index: -1; } .portfolio-side-two { padding: 0 40px; } .blog-shape3-two { right: -50px; } .testimonial-shape1-two { right: -60px; } .feature-shape2-two img { width: 60%; } .feature-shape2-two { right: -40px; } } @media screen and (max-width: 1240px) { .banner-slide-text { left: -204px; } } @media screen and (max-width: 1199px) { .main-navigation-one ul li { padding-left: 17px; } .search-box-one { margin-left: 13px; } .header-btn { margin-left: 13px; } .h1-title { font-size: 58px; line-height: 68px; } .banner-content-one p { font-size: 15px; line-height: 24px; } .banner-slide-text p { font-size: 16px; line-height: 26px; } .banner-img3 { margin-top: -100px; margin-left: 50px; } .banner-img2 { margin-top: -80px; } .banner-slide-text { top: 140px; } .h2-title { font-size: 45px; line-height: 55px; } .h3-title { font-size: 20px; line-height: 30px; } .h2-subtitle-one { font-size: 18px; line-height: 18px; } .service-box-one { margin-bottom: 30px; } .main-services-one { padding-bottom: 90px; } .mob-no-one { display: none; } .dec-no-one { display: block; } .portfolio-shape-one { top: 145px; } .newsletter-title-one .h2-title { font-size: 35px; line-height: 45px; } .testimonial-box-one { padding: 30px; } .cta-content-box-one .h2-title { font-size: 35px; line-height: 45px; } .cta-bg-one { padding: 50px; } .main-cta-one { margin-bottom: -270px; } .main-blog-one { padding-top: 267px; } .blog-box-one { padding: 20px; } .blog-tag-one a { top: 10px; left: 10px; padding: 5px 12px; } .banner-content-two p { font-size: 15px; line-height: 24px; } .h2-subtitle-two { font-size: 18px; line-height: 18px; } .main-navigation-two ul li { padding-left: 17px; } .search-box-two { margin-left: 18px; } .counter-box-two .h2-title { font-size: 32px; margin-right: 12px; } .service-side-two { padding: 0 40px; } .service-box-right-two { margin-right: auto; margin-left: auto; } .service-box-left-two { margin-left: auto; margin-right: auto; } .testimonial-bg-box { padding-top: 40px; padding-left: 50px; padding-right: 50px; padding-bottom: 90px; z-index: 0; } .blog-box-two { padding: 20px; } .footer-links-two { padding: 0 40px; } .get-in-touch-form-two { padding: 40px; } .history-box-one { padding: 0 10px; } .service-detail-title-one .h2-title { font-size: 32px; line-height: 42px; } .service-detail-title-line-one { margin-left: 20px; margin-right: 20px; } .accordion-button.one { line-height: 26px; font-size: 16px; } .service-detail-arrow a span { font-size: 16px; } .service-detail-info-two .h2-title { font-size: 32px; line-height: 42px; } .service-point-two .h3-title { font-size: 16px; line-height: 26px; width: calc(100% - 55px); } .portfolio-text-info-box-one .h2-title { font-size: 32px; line-height: 42px; } .portfolio-detail-service-box-one { padding: 20px; } .portfolio-detail-arrow a span { font-size: 16px; } .team-detail-content-one .h2-title { font-size: 32px; line-height: 42px; } .team-detail-content-two .h2-title { font-size: 32px; line-height: 42px; } .team-detail-info-box-two { padding: 40px; } .main-pricing-in-one .pricing-box-one { margin-bottom: 30px; } .main-pricing-in-one { padding-bottom: 90px; } .support-center-box-two { padding: 20px; } .accordion-button.two { line-height: 26px; font-size: 16px; } .blog-detail-related-post-one .blog-box-one { margin-bottom: 30px; } .blog-detail-comment-one { padding-top: 90px; } .blog-detail-related-post-two .blog-box-two { margin-bottom: 30px; } .blog-detail-comment-two { padding-top: 90px; } .blog-detail-box-one .h2-title.blog-one { font-size: 32px; line-height: 42px; } .blog-detail-box-two .h2-title.blog-two { font-size: 32px; line-height: 42px; } } @media screen and (max-width: 991px) { .site-header-one, .site-header-one.sticky-header-one { background: rgb(20,17,58,0.9); height: 70px; padding: 0; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); -moz-backdrop-filter: blur(20px); -ms-backdrop-filter: blur(20px); box-shadow: 0 0 20px rgba(0,0,0,0.1); } .site-header-two, .site-header-two.sticky-header-two { /* background: rgb(20,17,58,0.9);*/ background: rgb(47, 4, 122); height: 70px; padding: 0; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); -moz-backdrop-filter: blur(20px); -ms-backdrop-filter: blur(20px); box-shadow: 0 0 20px rgba(0,0,0,0.1); } .header-bottom-one { background-color: transparent; box-shadow: none; } .header-bottom-two { background-color: transparent; box-shadow: none; } .site-branding-one a img { width: auto; } .site-branding-two a img { width: auto; } .sticky-header-one .header-bottom-one { padding: 23px 0px; animation: none; transition: 0.3s; } .sticky-header-two .header-bottom-two { padding: 23px 0px; animation: none; transition: 0.3s; } .site-header-one .container { max-width: 100%; padding: 0 30px; } .site-header-two .container { max-width: 100%; padding: 0 30px; } .toggle-button-one { display: block; } .toggle-button-two { display: block; } .site-branding-one { position: fixed; top: 0; left: 30px; width: 200px; height: 70px; display: flex; align-items: center; } .site-branding-two { position: fixed; top: 0; left: 30px; width: 200px; height: 70px; display: flex; align-items: center; } .site-branding-one a { width: 90%; } .site-branding-two a { width: 90%; } .main-navigation-one ul { position: fixed; top: 0; right: -400px; width: 320px; height: 100vh; max-height: 100vh; overflow: auto; background: #050d36; text-align: center; padding: 100px 0 30px; box-shadow: -30px 0 30px rgba(0,0,0,0.1); transition: 0.5s; opacity: 0; z-index: 100; } .main-navigation-two ul { position: fixed; top: 0; right: -400px; width: 320px; height: 100vh; max-height: 100vh; overflow: auto; background: #2f047a; text-align: center; padding: 100px 0 30px; box-shadow: -30px 0 30px rgba(0,0,0,0.1); transition: 0.5s; opacity: 0; z-index: 100; } .main-navigation-one ul::before { content: ""; position: absolute; width: 800px; height: 800px; opacity: 0.5; background: radial-gradient(ellipse at center, rgba(89,86,233,0.6) 0%, rgba(89,86,233,0.6) 0%, rgba(89,86,233, 0) 68%, rgba(89,86,233, 0) 100%); -webkit-background: radial-gradient(ellipse at center, rgba(89,86,233,0.6) 0%, rgba(89,86,233,0.6) 0%, rgba(89,86,233, 0) 68%, rgba(89,86,233, 0) 100%); top: -430px; right: -310px; z-index: -1; } .main-navigation-one ul li ul::before { content: ""; position: relative; } .main-navigation-two ul li ul::before { content: ""; position: relative; } .main-navigation-one ul::after { content: ""; position: absolute; width: 655px; height: 655px; opacity: 0.4; background: radial-gradient(ellipse at center, rgba(89,86,233,0.6) 0%, rgba(89,86,233,0.6) 0%, rgba(89,86,233, 0) 68%, rgba(89,86,233, 0) 100%); -webkit-background: radial-gradient(ellipse at center, rgba(89,86,233,0.6) 0%, rgba(89,86,233,0.6) 0%, rgba(89,86,233, 0) 68%, rgba(89,86,233, 0) 100%); bottom: -110px; left: -330px; z-index: -1; } .site-header-two.sticky-header-two .main-navigation-two ul li a, .site-header-two.sticky-header-two .search-icon a, .site-header-two.sticky-header-two .main-navigation-two ul li.sub-items-two>a:before { color: #ffffff; } .main-navigation-one ul li ul::after { content: ""; position: relative; } .main-navigation-two ul li ul::after { content: ""; position: relative; } .main-navigation-one.toggle-menu-one ul { right: 0; opacity: 1; z-index: 100; } .main-navigation-two.toggle-menu-two ul { right: 0; opacity: 1; z-index: 100; } .main-navigation-one>ul::-webkit-scrollbar-thumb { width: 0; background: transparent; } .main-navigation-two>ul::-webkit-scrollbar-thumb { width: 0; background: transparent; } .main-navigation-one>ul::-webkit-scrollbar { width: 0; } .main-navigation-two>ul::-webkit-scrollbar { width: 0; } .main-navigation-one>ul::-webkit-scrollbar-track { width: 0; background: transparent; } .main-navigation-two>ul::-webkit-scrollbar-track { width: 0; background: transparent; } .main-navigation-one ul li { display: block; margin: -50px 0 10px 0; padding: 10px 40px 20px 40px; opacity: 0; transition: 0.5s; } .main-navigation-two ul li { display: block; margin: -50px 0 10px 0; padding: 10px 40px 20px 40px; opacity: 0; transition: 0.5s; } .main-navigation-one ul li:first-child { padding: 10px 40px 20px 40px; } .main-navigation-two ul li:first-child { padding: 10px 40px 20px 40px; } .main-navigation-one.toggle-menu-one ul li { text-align: left; border-bottom: solid 1px rgb(225, 225, 225,0.2); margin-top: 0; opacity: 1; transition: 0.5s; transition-delay: 0.4s; } .main-navigation-two.toggle-menu-two ul li { text-align: left; border-bottom: solid 1px rgb(225, 225, 225,0.2); margin-top: 0; opacity: 1; transition: 0.5s; transition-delay: 0.4s; } .main-navigation-one ul li:last-child { border-bottom: none; } .main-navigation-two ul li:last-child { border-bottom: none; } .main-navigation-one ul li:last-child a { display: inline-block; margin: 0 auto; } .main-navigation-two ul li:last-child a { display: inline-block; margin: 0 auto; } .main-navigation-one ul li a { font-size: 18px; line-height: 28px; color: #ffffff; } .main-navigation-two ul li a { font-size: 18px; line-height: 28px; color: #ffffff; } .main-navigation-one ul li.sub-items-one>a:before { color: #ffffff; } .main-navigation-two ul li.sub-items-two>a:before { color: #ffffff; } .main-navigation-one ul li.sub-items-one.active>a:before { color: #5956e9; } .main-navigation-two ul li.sub-items-two.active>a:before { color: #ff7368; } .main-navigation-one ul li ul.sub-menu-one, .main-navigation-one ul li:hover ul.sub-menu-one { position: relative; top: 0; left: 0; width: 100%; background: transparent; box-shadow: none; border-radius: 0; display: block; animation: none; padding: 0; margin-top: 10px; transition: 0s; display: none; } .main-navigation-two ul li ul.sub-menu-two, .main-navigation-two ul li:hover ul.sub-menu-two { position: relative; top: 0; left: 0; width: 100%; background: transparent; box-shadow: none; border-radius: 0; display: block; animation: none; padding: 0; margin-top: 10px; transition: 0s; display: none; } .main-navigation-one ul li ul.sub-menu-one li { text-align: left; border: none; padding: 0 16px; margin-bottom: 10px; } .main-navigation-two ul li ul.sub-menu-two li { text-align: left; border: none; padding: 0 16px; margin-bottom: 10px; } .main-navigation-one ul li ul.sub-menu-one li:first-child { padding-left: 16px; } .main-navigation-two ul li ul.sub-menu-two li:first-child { padding-left: 16px; } .main-navigation-one ul li ul.sub-menu-one li:last-child { margin-bottom: 0; } .main-navigation-two ul li ul.sub-menu-two li:last-child { margin-bottom: 0; } .main-navigation-one ul li ul.sub-menu-one li a { color: #ffffff; padding: 0; font-size: 15px; line-height: 24px; } .main-navigation-two ul li ul.sub-menu-two li a { color: #ffffff; padding: 0; font-size: 15px; line-height: 24px; } .main-navigation-one ul li.sub-items-one:hover>a:before, .main-navigation-one ul li a:hover:before { transform: translate(0,-50%) rotate(0deg); color: #5956e9; } .main-navigation-two ul li.sub-items-two:hover>a:before, .main-navigation-two ul li a:hover:before { transform: translate(0,-50%) rotate(0deg); color: #ff7368; } .main-navigation-one ul li.sub-items-one.active-sub-menu-one>a:before { transform: translate(0,-50%) rotate(-180deg); color: #5956e9; } .main-navigation-two ul li.sub-items-two.active-sub-menu-two>a:before { transform: translate(0,-50%) rotate(-180deg); color: #ff7368; } .site-header-two.sticky-header-two .site-branding-two a img { opacity: 1; transition: 0.3s; } .site-header-two.sticky-header-two .site-branding-two a img.sticky-logo-two { opacity: 0; transition: 0.3s; } .header-top-one { display: none; } .Social-midea-one { display: none; } .header-contact-one { display: none; } .header-btn { display: none; } .toggle-button-one { display: block; } .toggle-button-two { display: block; } .search-box-one { position: absolute; right: 100px; top: 0; } .search-box-two { position: absolute; right: 100px; top: 0; } .site-header-two.sticky-header-two .search-icon-two a { color: rgb(225, 225, 225,0.5); } .search-input-one { top: calc(100% + 21px); } .search-input-two { top: calc(100% + 21px); } .main-banner-one { height: 100vh; background-color: rgb(20,17,58,0.92); } .banner-content-one { margin-bottom: 0; padding: 0 70px; text-align: center; } .banner-slide-text { top: -60px; left: 50%; transform: translate(-50%, 50%); } .banner-img-box { display: none; } .main-banner-one { position: relative; padding-top: 290px; padding-bottom: 244px; } .banner-mob-one { display: block; position: absolute; width: 100%; height: 100vh; top: 0; left: 0; z-index: -1; } .banner-mob-no-one { display: none; } .main-about-us-one { padding-top: 0px; padding-bottom: 80px; } .about-content-one { padding-left: 0; margin-top: 50px; } .main-services-one { padding-top: 80px; padding-bottom: 50px; } .main-portfolio-one { padding-top: 80px; padding-bottom: 130px; } .portfolio-btn-one { display: none; } .portfolio-title-one { text-align: center; } .portfolio-title-one .subtitle { justify-content: center; } .portfolio-slider-one .portfolio-box-one { margin: 0 15px; margin-bottom: 0; } .mob-no-one { display: none !important; } .portfolio-slider-one .slick-dots { bottom: -50px; } .newsletter-title-one { display: block; text-align: center; } .newsletter-icon-one { justify-content: center; display: flex; } .newsletter-title-one .h2-title { font-size: 33px; line-height: 43px; margin-top: 20px; margin-bottom: 40px; width: 100%; } .newsletter-form-one { padding-left: 0; } .main-newsletter-one { padding-top: 60px; padding-bottom: 60px; } .main-pricing-table-one { padding-top: 80px; padding-bottom: 72px; } .pricing-table-content-one { padding-left: 0; margin-top: 50px; } .main-team-one { padding-top: 80px; padding-bottom: 130px; } .main-testimonial-one { padding-top: 80px; padding-bottom: 50px; } .main-cta-one { padding-top: 80px; } .testimonial-content-box-one { padding-right: 0; margin-bottom: 50px; text-align: center; } .testimonial-title-one .h2-title { padding-bottom: 0; } .testimonial-content-box-one .subtitle { justify-content: center; } .main-blog-one { padding-top: 227px; padding-bottom: 132px; } .blog-slider-one .blog-box-one { margin: 0 15px; } .blog-slider-one .slick-list { overflow: visible; } .blog-slider-one .slick-slide{ opacity: 0; pointer-events: none; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-slider-one .slick-slide.slick-active { opacity: 1; pointer-events: unset; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .blog-slider-one .slick-dots { bottom: -50px; } .main-get-in-touch-one { padding-top: 77px; padding-bottom: 80px; } .get-in-touch-title-one { text-align: center; padding-right: 0; margin-bottom: 50px; } .get-in-touch-title-one .h2-title { padding-bottom: 0; } .get-in-touch-title-one .subtitle { justify-content: center; } .get-in-touch-form-one .form-box-one.mb-0 { text-align: center; } .main-footer-one { padding-top: 72px; } .footer-links-one { padding: 0; margin-bottom: 50px; } .footer-logo-content-one { text-align: left; margin-bottom: 50px; } .footer-copyright-one { margin-top: 56px; } .copyright-links-one ul li { margin-right: 25px; } .footer-one-shape1 { width: 110px; height: 110px; } .footer-one-shape3 { width: 110px; height: 110px; } .banner-one-shape4 { width: 40%; } .banner-one-shape3 { top: 330px; right: 30px; } .banner-one-shape2 { bottom: 168px; } .banner-content-two { text-align: center; padding: 0 75px; } .banner-content-two .subtitle { justify-content: center; } .main-banner-two { padding-top: 174px; padding-bottom: 228px; } .banner-img-two { margin-top: 80px; } .banner-shape1-two { left: -180px; } .main-about-us-two { padding-top: 63px; padding-bottom: 73px; } .about-content-two { padding-left: 0; margin-top: 50px; } .main-partner-logo-two { padding-bottom: 20px; } .counter-bg-two { padding-top: 40px; padding-left: 40px; padding-right: 40px; padding-bottom: 15px; } .counter-box-two { margin-bottom: 25px; } .main-counter-two { padding-bottom: 80px; } .service-img-mob-no-two { display: none; } .service-shape1-two { top: 10px; left: 25px; } .service-shape2-two { right: 0px; bottom: 40px; } .portfolio-btn-two { display: none; } .portfolio-title-two { text-align: center; } .portfolio-title-two .subtitle { justify-content: center; } .main-service-two { padding-bottom: 48px; } .main-portfolio-two { padding-bottom: 130px; } .pricing-box-two { margin: 0 15px; } .pricing-slider-two .slick-list { overflow: visible; } .pricing-slider-two .slick-slide{ opacity: 0; pointer-events: none; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .pricing-slider-two .slick-slide.slick-active { opacity: 1; pointer-events: unset; transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s; } .pricing-slider-two .slick-dots { bottom: -50px; } .main-pricing-table-two { padding-bottom: 128px; } .testimonial-content-two { padding-left: 0; margin-top: 50px; } .testimonial-shape1-two { top: 60%; transform: translate(0%,-40%); } .main-testimonial-two { padding-bottom: 72px; } .team-shape1-two img { width: 50%; } .team-shape2-two img { width: 50%; } .main-team-two { padding-bottom: 122px; } .get-in-touch-content-two { padding-right: 0; margin-bottom: 50px; } .main-get-in-touch-two { padding-bottom: 80px; } .blog-box-two { margin: 0 15px; } .main-blog-two { padding-bottom: 114px; } .footer-contact-two { margin-bottom: 50px; } .footer-links-two { padding: 0; } .copyright-links-two ul li { margin-right: 20px; } .main-footer-two { padding-top: 146px; } .footer-copyright-two { margin-top: 80px; } .footer-shape1-two { left: -240px; } .main-about-us-in-one { padding-top: 80px; padding-bottom: 80px; } .history-line-one { display: none; } .history-box-one { margin-bottom: 30px; } .main-history-in-one { padding-bottom: 43px; } .main-inner-banner-one { padding-top: 160px; } .main-inner-banner-one .banner-one-shape2 { left: 30%; } .banner-one-shape3 { top: 170px; } .main-steps-in-one { padding-top: 80px; padding-bottom: 50px; } .step-box-one { margin-bottom: 30px; } .main-features-in-two { padding-bottom: 20px; } .features-content-box { padding-right: 0; margin-bottom: 50px; } .main-inner-banner-two { padding-top: 92px; padding-bottom: 55px; } .main-services-in-one { padding-top: 80px; padding-bottom: 50px; } .skill-content-box-one { padding-left: 0; margin-top: 50px; } .main-team-in-one { padding-top: 228px; padding-bottom: 130px; } .main-service-in-two { padding-bottom: 50px; } .main-stragy-in-one { padding-bottom: 23px; } .stragy-box-one { margin-bottom: 50px; } .main-service-detail-in-one { padding-top: 80px; padding-bottom: 80px; } .service-detail-info-one { padding-left: 0; margin-top: 80px; } .service-detail-arrow-box { padding: 20px 0; } .main-service-detail-in-two { padding-top: 64px; padding-bottom: 45px; } .service-detail-info-two { padding-left: 0; margin-top: 80px; } .portfolio-tabbing-two ul li { margin-right: 15px; } .portfolio-tabbing-two ul li span { font-size: 16px; padding: 6px 15px; } .main-portfolio-in-two { padding-top: 68px; padding-bottom: 50px; } .main-get-in-touch-inner-two { padding-bottom: 64px; } .main-portfolio-detail-one { padding-top: 80px; padding-bottom: 80px; } .portfolio-detail-service-box-one { margin-bottom: 0; } .portfolio-mb { margin-bottom: 45px; } .portfolio-detail-arrow-box { padding: 20px 0; } .portfolio-detail-info-box-one { margin-top: 10px; } .portfolio-detail-in-two { padding-top: 63px; padding-bottom: 45px; } .portfolio-detail-info-two { padding-left: 0; margin-top: 55px; } .portfolio-detail-info-box-two ul li:last-child { margin-top: 0; } .portfolio-detail-shape5-two { left: -50px; } .main-skills-in-team-one { padding-top: 80px; padding-bottom: 80px; } .main-team-in-page-one { padding-top: 80px; padding-bottom: 30px; } .main-who-we-are-in-two { padding-top: 74px; padding-bottom: 20px; } .main-team-in-page-two { padding-bottom: 22px; } .who-we-are-content-two { padding-left: 0; margin-top: 50px; } .team-detail-member-img-one { justify-content: center; display: flex; align-items: center; } .team-detail-content-one { padding-left: 0; margin-top: 50px; text-align: center; } .team-service-support-one { text-align: left; } .team-joining-date-one { text-align: left; } .team-experience-one { text-align: left; } .team-detail-content-one .team-social-one { text-align: left; } .main-team-detail-in-one { padding-top: 80px; padding-bottom: 80px; } .main-my-work-in-one { padding-bottom: 130px; } .team-detail-member-img-two { display: flex; align-items: center; justify-content: center; } .team-detail-content-two { padding-left: 0; margin-top: 50px; text-align: center; } .team-detail-content-two .team-social-two { text-align: left; } .team-experience-two { text-align: left; } .team-joining-date-two { text-align: left; } .team-service-support-two { text-align: left; } .team-detail-my-skill-content-two { padding-left: 0; margin-top: 50px; } .main-team-detail-in-two { padding-top: 67px; padding-bottom: 80px; } .main-my-skill-in-two { padding-bottom: 80px; } section.main-my-work-in-two { padding-bottom: 114px; } .main-pricing-in-one { padding-top: 80px; padding-bottom: 50px; } .main-pricing-in-two .pricing-box-two { margin-left: 0; margin-right: 0; margin-bottom: 30px; } .main-pricing-in-two { padding-top: 60px; padding-bottom: 50px; } .main-testimonial-in-one { padding-top: 80px; padding-bottom: 130px; position: relative; } .main-faq-in-one { padding-top: 80px; padding-bottom: 60px; } .faq-content-one { padding-left: 0; margin-top: 80px; } .main-support-center-in-two { padding-top: 64px; padding-bottom: 50px; } .support-center-box-two { margin-bottom: 30px; } .main-faq-in-two { padding-bottom: 60px; } .faq-accordion-two.part-1 { padding-right: 0; } .faq-accordion-two.part-2 { padding-left: 0; } .main-blog-grid-in-one { padding-top: 80px; } .main-blog-list-in-two { padding-top: 64px; padding-bottom: 64px; } .blog-search-form .form-box { margin-top: 80px; } .blog-list-box-two { padding-right: 0; } .blog-detail-box-one { padding-right: 0; } .main-blog-detail-one { padding-top: 80px; padding-bottom: 80px; } .blog-detail-related-post-one { padding-top: 80px; } .blog-detail-comment-one { padding-top: 50px; } .blog-detail-leave-comment-one { padding-top: 80px; } .blog-detail-box-two { padding-right: 0; } .main-blog-detail-two { padding-top: 63px; padding-bottom: 63px; } .blog-detail-related-post-two { padding-top: 80px; } .blog-detail-comment-two { padding-top: 50px; } .blog-detail-leave-comment-two { padding-top: 80px; } .main-contact-us-in-one { padding-top: 80px; padding-bottom: 80px; } .contact-us-content-one { padding-left: 50px; } .contact-map-one iframe { width: 100%; height: 678px; border-radius: 10px 10px 0 0; } .main-map-two { padding-top: 64px; padding-bottom: 80px; } .main-404-error-one { padding-top: 80px; padding-bottom: 80px; } .main-404-error-two { padding-top: 63px; padding-bottom: 63px; } } @media screen and (max-width: 800px) { .banner-mob-one img { max-width: unset; height: 100vh; } } @media screen and (max-width: 767px) { .banner-content-one { padding: 0 50px; } .banner-slide-text { width: 100%; } .h2-title { font-size: 40px; line-height: 50px; } .pricing-box-one { padding: 22px; } .pricing-count-text .h3-title { font-size: 35px; line-height: 45px; } .pricing-count-text { font-size: 35px; line-height: 45px; } .cta-content-box-one .h2-title { font-size: 30px; line-height: 40px; } .cta-bg-one { padding: 40px 30px; } .blog-slider-one .blog-box-one { width: 370px; margin-left: auto; margin-right: auto; } .copyright-text-one { float: none; text-align: center; } .copyright-links-one { text-align: center; justify-content: center; display: flex; margin-top: 10px; } .copyright-links-one ul { float: none; } .banner-shape1-two { left: -220px; } .banner-shape2-two { bottom: -150px; right: -140px; } .banner-content-two { text-align: center; padding: 0 35px; } .footer-links-two { padding: 0; margin-bottom: 35px; } .service-shape1-two img { width: 50%; } .footer-shape1-two { left: -270px; } .copyright-text-two { float: none; text-align: center; } .copyright-links-two { justify-content: center; display: flex; margin-top: 10px; } .main-inner-banner-one .banner-one-shape2 { left: 24%; } .blur-1 { top: -290px; left: -280px; } .blur-2 { bottom: -290px; right: -280px; } .portfolio-tabbing-two ul li { margin-right: 5px; } .portfolio-detail-img-box-one .portfolio-detail-img-one { margin-top: 30px; } .portfolio-detail-img-box-one { margin-top: 0; } .blog-detail-two-img-one { margin-bottom: 12px; } .blog-detail-two-img-one .blog-img-one { margin-bottom: 30px; } .blog-detail-text-box-two { padding: 20px; } .contact-us-content-one { padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px; } } @media screen and (max-width: 640px) { .banner-video-content { height: 123px; padding: 0 60px; } } @media screen and (max-width: 575px) { .container { padding: 0 30px; } .banner-video-box { display: none; } .main-banner-one { padding-top: 360px; } .banner-one-shape3 { width: 130px; height: 130px; top: 440px; right: 30px; } .banner-one-shape1 { width: 130px; height: 130px; top: 132px; } .banner-one-shape2 { bottom: 78px; } .progress-wrap { right: 40px; bottom: 40px; } .about-shape-one { display: none; } .service-shape-one { display: none; } .portfolio-shape-one { display: none; } .pricing-shape-one { display: none; } .team-shape-one { display: none; } .testimonial-shape-one { display: none; } .blog-shape-one { display: none; } .pricing-box-one { width: 370px; margin-left: auto; margin-right: auto; } .footer-contact-one { margin-bottom: 50px; } .banner-content-one { padding: 0; } .banner-shape1-two { left: -260px; } .banner-line2-two { bottom: -40px; } .banner-line1-two { bottom: -30px; } .banner-shape2-two { bottom: -170px; right: -210px; } .banner-content-two { padding: 0; } .about-shape1-two { display: none; } .about-shape2-two { display: none; } .service-shape1-two { display: none; } .service-shape2-two { display: none; } .service-side-two { padding: 0 20px; } .portfolio-side-two { padding: 0 20px; } .pricing-shape1-two { display: none; } .pricing-shape2-two { display: none; } .testimonial-quote-two { display: flex; align-items: center; justify-content: center; } .testimonial-quote-two img { width: 70%; } .testimonial-bg-box { padding-top: 30px; padding-left: 40px; padding-right: 40px; padding-bottom: 80px; z-index: 0; } .testimonial-shape1-two { display: none; } .team-shape1-two { display: none; } .team-shape2-two { display: none; } .team-box-two { width: 370px; margin-left: auto; margin-right: auto; } .get-touch-shape-two { display: none; } .get-in-touch-shape1-two { display: none; } .blog-shape1-two { display: none; } .blog-shape2-two { display: none; } .blog-shape3-two { display: none; } .footer-shape1-two { display: none; } .footer-shape2-two { bottom: 360px; } .history-shape-one { display: none; } .steps-shape-one { display: none; } .banner-one-shape3 { top: 300px; } .main-inner-banner-one .banner-one-shape1 { width: 100px; height: 100px; border: 15px solid rgb(255,255,255,0.5); } .main-inner-banner-one .banner-one-shape2 { left: 24%; bottom: 10px; border: 12px solid rgb(255,255,255,0.5); width: 60px; height: 60px; } .main-inner-banner-one .banner-one-shape3 { width: 100px; height: 100px; top: 260px; right: 10px; border: 15px solid rgb(255,255,255,0.5); } .breadcrum-one ul { padding: 8px 20px; } .feature-shape1-two { display: none; } .feature-shape2-two { display: none; } .skill-shape-one { display: none; } .stragy-shape1-two { display: none; } .stragy-shape2-two { display: none; } .service-detail-shape1-one { display: none; } .service-detail-shape2-one { display: none; } .service-detail-shape3-one { display: none; } .service-detail-img-one { margin-bottom: 30px; } .services-detail-img-box-one { margin-bottom: 12px; } .service-detail-shape1-two { display: none; } .service-detail-shape2-two { display: none; } .service-detail-shape3-two { display: none; } .service-detail-shape4-two { display: none; } .service-detail-shape5-two { display: none; } .portfolio-shape1-two { display: none; } .portfolio-shape2-two { display: none; } .portfolio-shape3-two { display: none; } .portfolio-shape4-two { display: none; } .portfolio-tabbing-two ul li span { font-size: 15px; padding: 6px 10px; } .portfolio-tabbing-two ul { display: flex; flex-wrap: wrap; align-items: center; } .portfolio-tabbing-two ul li { margin-right: 5px; margin-top: 30px; } .main-portfolio-in-two { padding-top: 44px; } .portfolio-tabbing-two ul { justify-content: center; } .portfolio-detail-shape1-two { display: none; } .portfolio-detail-shape2-two { display: none; } .portfolio-detail-shape3-two { display: none; } .portfolio-detail-shape4-two { display: none; } .portfolio-detail-shape5-two { display: none; } .main-team-in-page-two .team-box-two { width: auto; } .who-we-are-shape1-two { display: none; } .who-we-are-shape2-two { display: none; } .team-joining-date-one { margin-top: 30px; } .team-experience-one { margin-top: 30px; } .team-detail-content-one .team-social-one { margin-top: 30px; } .team-detail-shape1-one { display: none; } .team-detail-shape2-one { display: none; } .team-joining-date-two { margin-top: 30px; } .team-experience-two { margin-top: 30px; } .team-detail-content-two .team-social-two { margin-top: 30px; } .team-detail-shape1-two { display: none; } .team-detail-shape2-two { display: none; } .team-detail-shape3-two { display: none; } .my-skill-shape1-two { display: none; } .my-skill-shape2-two { display: none; } .faq-shape1-one { display: none; } .faq-shape2-one { display: none; } .faq-form-box-one { padding: 20px; } .support-center-shape1-two { display: none; } .support-center-shape2-two { display: none; } .faq-shape1-two { display: none; } .faq-shape2-two { display: none; } .faq-shape3-two { display: none; } .blog-grid-shape1-one { display: none; } .blog-grid-shape2-one { display: none; } .blog-grid-shape3-one { display: none; } .blog-pagination-one ul li { font-size: 16px; } .blog-list-shape1-two { display: none; } .blog-list-shape2-two { display: none; } .blog-list-shape3-two { display: none; } .blog-list-shape4-two { display: none; } .blog-list-shape5-two { display: none; } .blog-list-shape6-two { display: none; } .blog-detail-shape1-one { display: none; } .blog-detail-shape2-one { display: none; } .blog-detail-shape3-one { display: none; } .blog-detail-shape4-one { display: none; } .blog-detail-shape5-one { display: none; } .blog-detail-shape6-one { display: none; } .blog-about-me-one { padding: 20px; } .blog-detail-shape1-two { display: none; } .blog-detail-shape2-two { display: none; } .blog-detail-shape3-two { display: none; } .blog-detail-shape4-two { display: none; } .blog-detail-shape5-two { display: none; } .blog-detail-shape6-two { display: none; } .blog-detail-shape7-two { display: none; } .contact-us-text-one span { font-size: 16px; } .contact-us-shape-one { display: none; } .map-shape1-two { display: none; } .map-shape2-two { display: none; } .contact-us-text-two span { font-size: 16px; } .error-404-shape1-one { display: none; } .error-404-shape2-one { display: none; } .error-404-shape1-two { display: none; } .error-404-shape2-two { display: none; } .error-404-shape3-two { display: none; } } @media screen and (max-width: 474px) { .h1-title { font-size: 50px; line-height: 60px; } .h2-title { font-size: 35px; line-height: 45px; } .h2-subtitle-one { font-size: 16px; line-height: 16px; } .h2-subtitle-two { font-size: 16px; line-height: 16px; } .newsletter-form-one .sec-btn-one { position: relative; right: 0; top: 0; margin-top: 30px; } .newsletter-form-one { text-align: center; } .newsletter-form-one .form-input-one { padding-right: 30px; } .sec-btn-one { padding: 18px 30px; } .sec-btn-two { padding: 18px 30px; } .cta-bg-one { padding: 40px 20px; } .pricing-box-one { width: 100%; } .blog-slider-one .blog-box-one { width: 100%; } .footer-one-shape1 { top: 250px; left: 290px; } .footer-one-shape3 { bottom: 350px; } .pricing-count-text .h3-title { font-size: 30px; line-height: 40px; } .pricing-count-text { font-size: 30px; line-height: 40px; } .search-input-one { right: -90px; } .side-p { padding: 0 15px; } .footer-newsletter-form-two .form-input-two { padding-right: 30px; } .footer-newsletter-form-two .sec-btn-two { position: relative; margin-top: 20px; } .team-detail-info-box-two { padding: 30px; } .blog-about-me-one { display: block; } .blog-about-me-content { width: 100%; margin-top: 30px; } .blog-about-me-img-one img { width: 100%; } .blog-about-me-img-one { margin-right: 0; } .blog-detail-comment-box-one { display: block; } .blog-detail-comment-content-one { width: 100%; margin-top: 30px; } .blog-detail-comment-box-two { display: block; } .blog-detail-comment-content-two { width: 100%; margin-top: 30px; } } @media screen and (max-width: 375px) { .container { padding: 0 15px; } .h1-title { font-size: 45px; line-height: 55px; } .newsletter-title-one .h2-title { font-size: 30px; line-height: 40px; } .cta-shape2-one { border: 15px solid rgb(255,255,255,0.5); width: 90px; height: 90px; right: 33px; } .cta-shape1-one { border: 15px solid rgb(255,255,255,0.5); width: 90px; height: 90px; left: 33px; } .footer-overlay-shape-two { top: -2px; } .footer-one-shape1 { width: 90px; height: 90px; border: 15px solid rgb(255,255,255,0.5); left: 250px; } .footer-one-shape2 { border: 15px solid rgb(255,255,255,0.5); } .footer-one-shape3 { width: 90px; height: 90px; border: 15px solid rgb(255,255,255,0.5); } .search-box-one { display: none; } .search-box-two { display: none; } .banner-shape1-two { left: -300px; } .service-side-two { padding: 0 10px; } .portfolio-side-two { padding: 0 10px; } .testimonial-bg-box { padding-left: 20px; padding-right: 20px; } .team-box-two { width: auto; margin-left: 15px; margin-right: 15px; } .get-in-touch-form-two { padding: 20px; } .footer-shape2-two { bottom: 520px; } .stragy-box-one { padding: 0 10px; } .service-point-two { padding: 18px; } .pagination-arrow-one { margin: 0 5px; } .blog-pagination-one ul li { margin: 0 5px; } .pagination-arrow-two { margin: 0 5px; } .blog-pagination-two ul li { margin: 0 5px; } .contact-us-icon-one { width: 60px; height: 60px; } .contact-us-icon-two { width: 60px; height: 60px; } } @media screen and (max-width: 351px) { .h1-title { font-size: 35px; line-height: 45px; } .banner-slide-text p { font-size: 15px; line-height: 24px; } .h2-title { font-size: 30px; line-height: 40px; } .newsletter-title-one .h2-title { font-size: 25px; line-height: 35px; } .cta-content-box-one .h2-title { font-size: 25px; line-height: 35px; } .cta-bg-one { padding: 40px 8px; } .blog-detail-box-one .blog-comment-one { margin-left: 0; } .blog-detail-box-two .blog-comment-two { margin-left: 0; } } /*==========Responsive CSS End==========*/