/*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Utility # Cards # Common # Form # Navigations # Animations # Mobile Nav # Search Popup # Page Header # Google Map # Client Carousel --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Common --------------------------------------------------------------*/ :root { --bizgrow-font: 'Roboto', sans-serif; --bizgrow-font-two: 'Inter Tight', sans-serif; --bizgrow-gray: #6A6C71; --bizgrow-gray-rgb: 106, 108, 113; --bizgrow-white: #ffffff; --bizgrow-white-rgb: 255, 255, 255; --bizgrow-base: #E42032; --bizgrow-base-rgb: 228, 32, 50; --bizgrow-black: #131922; --bizgrow-black-rgb: 19, 25, 34; --bizgrow-primary: #FFB41D; --bizgrow-primary-rgb: 255, 180, 29; --bizgrow-extra: #F7F7F5; --bizgrow-extra-rgb: 247, 247, 245; } .row { --bs-gutter-x: 30px; } .gutter-y-30 { --bs-gutter-y: 30px; } body { font-family: var(--bizgrow-font); color: var(--bizgrow-gray); font-size: 16px; line-height: 26px; font-weight: 400; } body.locked { overflow: hidden; } a { color: var(--bizgrow-gray); } a, a:hover, a:focus, a:visited { text-decoration: none; } ::-webkit-input-placeholder { color: inherit; opacity: 1; } :-ms-input-placeholder { color: inherit; opacity: 1; } ::-ms-input-placeholder { color: inherit; opacity: 1; } ::placeholder { color: inherit; opacity: 1; } h1, h2, h3, h4, h5, h6 { font-family: var(--bizgrow-font-two); color: var(--bizgrow-black); margin: 0; } p { margin: 0; } dl, ol, ul { margin-top: 0; margin-bottom: 0; } ::-webkit-input-placeholder { color: inherit; opacity: 1; } :-ms-input-placeholder { color: inherit; opacity: 1; } ::-ms-input-placeholder { color: inherit; opacity: 1; } ::placeholder { color: inherit; opacity: 1; } .page-wrapper { position: relative; margin: 0 auto; width: 100%; min-width: 300px; overflow: hidden; } .container { padding-left: 15px; padding-right: 15px; } @media (min-width: 1350px) { .container { max-width: 1350px; } } ::-webkit-input-placeholder { color: inherit; opacity: 1; } :-ms-input-placeholder { color: inherit; opacity: 1; } ::-ms-input-placeholder { color: inherit; opacity: 1; } ::placeholder { color: inherit; opacity: 1; } .section-separator { border-color: var(--bizgrow-border); border-width: 1px; margin-top: 0; margin-bottom: 0; } #particles-js { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-position: 50% 50%; opacity: 0.4; z-index: -1; } /*-------------------------------------------------------------- # Custom Cursor --------------------------------------------------------------*/ .custom-cursor__cursor { width: 25px; height: 25px; border-radius: 100%; border: 1px solid var(--bizgrow-base); -webkit-transition: all 200ms ease-out; transition: all 200ms ease-out; position: fixed; pointer-events: none; left: 0; top: 0; -webkit-transform: translate(calc(-50% + 5px), -50%); transform: translate(calc(-50% + 5px), -50%); z-index: 999991; } .custom-cursor__cursor-two { width: 10px; height: 10px; border-radius: 100%; background-color: var(--bizgrow-base); opacity: .3; position: fixed; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); pointer-events: none; -webkit-transition: width .3s, height .3s, opacity .3s; transition: width .3s, height .3s, opacity .3s; z-index: 999991; } .custom-cursor__hover { background-color: var(--bizgrow-base); opacity: 0.4; } .custom-cursor__innerhover { width: 25px; height: 25px; opacity: .4; } .thm-btn { position: relative; display: inline-block; vertical-align: middle; -webkit-appearance: none; outline: none !important; background-color: var(--bizgrow-primary); color: var(--bizgrow-black); font-size: 16px; font-weight: 600; padding: 13px 25px 13px; overflow: hidden; border-radius: 3px; transition: all 0.5s linear; z-index: 1; } .thm-btn > span { position: relative; font-size: 16px; font-weight: 900; margin-right: 5px; top: 1px; } .thm-btn::after { transition-duration: 800ms; position: absolute; width: 200%; height: 200%; content: ""; top: 110%; left: 50%; background-color: var(--bizgrow-black); -webkit-transform: translateX(-50%); transform: translateX(-50%); border-radius: 50%; z-index: -1; } .thm-btn:hover::after { top: -40%; } .thm-btn::before { transition-duration: 800ms; position: absolute; width: 200%; height: 200%; content: ""; top: 50%; left: 110%; background-color: var(--bizgrow-base); -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: -1; } .thm-btn:hover:before { left: -40%; } .thm-btn:hover { color: var(--bizgrow-white); } .section-title { position: relative; display: block; margin-top: -6px; margin-bottom: 49px; } .section-title__tagline-box { position: relative; display: inline-block; } .section-title__tagline { position: relative; display: inline-block; font-size: 18px; line-height: 26px; color: #6E7075; font-weight: 500; } .section-title__icon { position: absolute; left: 0; top: -2px; } .section-title__icon img { width: auto; } .section-title__title { margin: 0; color: #dc0f18; font-size: 45px; line-height: 55px; font-weight: 700; margin-top: 8px; font-family: var(--bizgrow-font-two); text-transform: capitalize; } .section-title-two { position: relative; display: block; margin-top: -7px; margin-bottom: 49px; } .section-title-two__tagline-box { position: relative; display: inline-block; z-index: 1; } .section-title-two__shape { position: absolute; top: 7px; left: 0px; z-index: -1; } .section-title-two__shape img { width: auto; } .section-title-two__tagline { position: relative; display: inline-block; font-size: 15px; font-weight: 500; line-height: 25px; letter-spacing: 0.75px; text-transform: uppercase; color: var(--bizgrow-base); } .section-title-two__title { position: relative; margin: 0; font-size: 45px; font-weight: 700; line-height: 55px; text-transform: uppercase; margin-top: 9px; z-index: 1; } .section-title-three { position: relative; display: block; margin-top: -7px; margin-bottom: 49px; } .section-title-three__tagline-box { position: relative; display: inline-block; z-index: 1; } .section-title-three__tagline { position: relative; display: inline-block; font-size: 15px; font-weight: 500; line-height: 25px; letter-spacing: 0.75px; text-transform: uppercase; color: var(--bizgrow-base); } .section-title-three__title { position: relative; margin: 0; font-size: 45px; font-weight: 700; line-height: 55px; text-transform: uppercase; margin-top: 9px; z-index: 1; } .bootstrap-select .btn-light:not(:disabled):not(.disabled).active, .bootstrap-select .btn-light:not(:disabled):not(.disabled):active, .bootstrap-select .show > .btn-light.dropdown-toggle { -webkit-box-shadow: none !important; box-shadow: none !important; outline: none !important; } .bootstrap-select > .dropdown-toggle { -webkit-box-shadow: none !important; box-shadow: none !important; } .bootstrap-select .dropdown-toggle:focus, .bootstrap-select > select.mobile-device:focus + .dropdown-toggle { outline: none !important; } .bootstrap-select .dropdown-menu { border: 0; padding-top: 0; padding-bottom: 0; margin-top: 0; z-index: 991; } .bootstrap-select .dropdown-menu > li + li > a { border-top: 1px solid rgba(255, 255, 255, 0.2); } .bootstrap-select .dropdown-menu > li.selected > a { background: var(--bizgrow-black); color: #fff; } .bootstrap-select .dropdown-menu > li > a { font-size: 16px; font-weight: 500; padding: 4px 20px; color: #ffffff; background: var(--bizgrow-base); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .bootstrap-select .dropdown-menu > li > a:hover { background: var(--bizgrow-black); color: var(--bizgrow-white); cursor: pointer; } .preloader { position: fixed; background-color: #fff; background-position: center center; background-repeat: no-repeat; top: 0; left: 0; right: 0; bottom: 0; z-index: 99999; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .preloader__image { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: flipInY; animation-name: flipInY; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; background-image: url("../images/loader.png"); background-repeat: no-repeat; background-position: center center; background-size: 60px auto; width: 100%; height: 100%; } /* scroll to top */ .scroll-to-top { display: inline-block; width: 50px; height: 50px; background: #f98d2b; position: fixed; bottom: 40px; right: 40px; z-index: 99; text-align: center; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; display: none; border-radius: 50%; } .scroll-to-top i { color: var(--bizgrow-white); font-size: 18px; line-height: 50px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; position: relative; display: inline-block; transform: rotate(-90deg); } .scroll-to-top:hover { background-color: var(--bizgrow-black); } .scroll-to-top:hover i { color: #fff; } /** xs sidebar **/ .xs-sidebar-group .xs-overlay { left: 0%; top: 0; position: fixed; height: 100%; opacity: 0; width: 100%; visibility: hidden; -webkit-transition: all .4s ease-in .8s; -o-transition: all .4s ease-in .8s; transition: all .4s ease-in .8s; cursor: url("../images/icon/cross-out.png.html"), pointer; z-index: 9999; } .xs-sidebar-group.isActive .xs-overlay { opacity: .8; visibility: visible; -webkit-transition: all .8s ease-out 0s; -o-transition: all .8s ease-out 0s; transition: all .8s ease-out 0s; right: 100%; } .xs-sidebar-group .widget-heading { position: absolute; top: 0; right: 0; padding: 25px; } .xs-sidebar-group .widget-heading a { position: relative; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; line-height: 30px; text-align: center; border: 2px solid #fff; border-radius: 50%; color: #fff; font-size: 16px; font-weight: 400; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .xs-sidebar-group .widget-heading a:hover { color: var(--bizgrow-base); border-color: var(--bizgrow-base); } .xs-sidebar-widget { position: fixed; left: -100%; top: 0; bottom: 0; width: 100%; max-width: 360px; z-index: 999999; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s; -o-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s; transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s; visibility: hidden; opacity: 0; } .xs-sidebar-group.isActive .xs-sidebar-widget { opacity: 1; visibility: visible; left: 0; background-color: var(--bizgrow-black); -webkit-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s; -o-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s; transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s; } .sidebar-textwidget { padding: 70px 30px; } .sidebar-widget-container { position: relative; top: 150px; opacity: 0; visibility: hidden; -webkit-transition: all .3s ease-in .3s; -o-transition: all .3s ease-in .3s; transition: all .3s ease-in .3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .xs-sidebar-group.isActive .sidebar-widget-container { top: 0px; opacity: 1; visibility: visible; -webkit-transition: all 1s ease-out 1.2s; -o-transition: all 1s ease-out 1.2s; transition: all 1s ease-out 1.2s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .xs-overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: .8; z-index: 0; } .xs-bg-black { background-color: #000000; } .xs-sidebar-group .content-inner .logo { position: relative; max-width: 172px; width: 100%; margin-bottom: 30px; } .xs-sidebar-group .content-inner h4 { position: relative; display: block; font-size: 20px; line-height: 30px; color: #fff; font-weight: 600; text-transform: uppercase; margin-bottom: 15px; } .xs-sidebar-group .content-inner .content-box { margin-bottom: 30px; padding-right: 15px; } .xs-sidebar-group .content-inner .content-box p { color: #ffffff; } .xs-sidebar-group .content-inner .form-inner .form-group { position: relative; margin-bottom: 20px; } .xs-sidebar-group .content-inner .form-inner .form-group:last-child { margin-bottom: 0px; } .xs-sidebar-group .content-inner .form-inner .form-group input[type='text'], .xs-sidebar-group .content-inner .form-inner .form-group input[type='email'], .xs-sidebar-group .content-inner .form-inner .form-group textarea { position: relative; display: block; width: 100%; height: 50px; font-size: 15px; padding: 10px 20px; color: #848484; border: none; outline: none; transition: all 500ms ease; } .xs-sidebar-group .content-inner .form-inner .form-group .form-inner__btn { border: none; outline: none; background-color: var(--bizgrow-white); color: var(--bizgrow-black); display: inline-block; font-size: 16px; font-weight: 600; padding: 13px 45px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .xs-sidebar-group .content-inner .form-inner .form-group .form-inner__btn:hover { color: var(--bizgrow-white); } .xs-sidebar-group .content-inner .form-inner .form-group .form-inner__btn:after { background-color: var(--bizgrow-base); } .xs-sidebar-group .content-inner .form-inner .form-group textarea { resize: none; height: 120px; } .xs-sidebar-group .content-inner .form-inner .form-group input:focus, .xs-sidebar-group .content-inner .form-inner .form-group textarea:focus { border-color: #00224f; } /*-------------------------------------------------------------- # Navigations One --------------------------------------------------------------*/ .main-header { position: relative; display: block; width: 100%; transition: all 500ms ease; z-index: 999; } .main-menu__top { position: relative; display: block; background-color: var(--bizgrow-black); } .main-menu__top-inner { position: relative; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 5px 0; } .main-menu__contact-list { position: relative; display: flex; align-items: center; } .main-menu__contact-list li { position: relative; display: flex; align-items: center; } .main-menu__contact-list li + li { margin-left: 46px; } .main-menu__contact-list li:before { content: ""; position: absolute; top: 0; bottom: 0; left: -23px; width: 1px; background-color: rgba(var(--bizgrow-white-rgb), .30); } .main-menu__contact-list li:first-child:before { display: none; } .main-menu__contact-list li .icon { position: relative; display: flex; align-items: center; } .main-menu__contact-list li .icon i { font-size: 22px; color: var(--bizgrow-primary); } .main-menu__contact-list li .text { margin-left: 10px; } .main-menu__contact-list li .text p { font-size: 15px; font-weight: 500; color: var(--bizgrow-white); } .main-menu__contact-list li .text p a { color: var(--bizgrow-white); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .main-menu__contact-list li .text p a:hover { color: var(--bizgrow-primary); } .main-menu__top-right { position: relative; display: flex; align-items: center; flex-wrap: wrap; } .main-menu__top-time { position: relative; display: flex; align-items: center; flex-wrap: wrap; } .main-menu__top-time-icon { position: relative; display: flex; align-items: center; flex-wrap: wrap; } .main-menu__top-time-icon span { position: relative; display: inline-block; font-size: 20px; color: var(--bizgrow-primary); } .main-menu__top-text { font-size: 15px; font-weight: 500; color: var(--bizgrow-white); margin-left: 10px; } .main-menu__social { position: relative; display: flex; align-items: center; margin-left: 40px; } .main-menu__social a { position: relative; display: flex; align-items: center; justify-content: center; height: 40px; width: 40px; border: 1px solid rgba(var(--bizgrow-white-rgb), .10); border-radius: 50%; font-size: 15px; color: #999B9F; background-color: transparent; overflow: hidden; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; z-index: 1; } .main-menu__social a:hover { color: var(--bizgrow-white); border: 1px solid var(--bizgrow-base); } .main-menu__social a::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: var(--bizgrow-base); transform: scale(0.5); border-radius: 50%; opacity: 0; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; z-index: -1; } .main-menu__social a:hover::before { transform: scale(1.0); opacity: 1; } .main-menu__social a + a { margin-left: 5px; } .main-menu { position: relative; display: block; z-index: 1; } .main-menu__wrapper { position: relative; display: block; z-index: 1; } .main-menu__wrapper-inner { position: relative; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; z-index: 1; } .main-menu__left { position: relative; display: flex; align-items: center; flex-wrap: wrap; z-index: 1; } .main-menu__logo { position: relative; display: block; padding: 26.5px 0; padding-right: 50px; margin-right: 55px; background-color: var(--bizgrow-extra); z-index: 1; } .main-menu__logo:before { content: ""; position: absolute; top: 0; left: -100000000px; right: 0; bottom: 0; background-color: var(--bizgrow-extra); z-index: -1; } .main-menu__logo a img { width: auto; } .main-menu__main-menu-box { position: relative; display: block; } .main-menu__right { position: relative; display: flex; align-items: center; flex-wrap: wrap; } .main-menu__search-box { position: relative; display: flex; align-items: center; margin-left: 40px; margin-right: 30px; padding: 33px 0; } .main-menu__search-box:before { content: ""; position: absolute; top: 25px; bottom: 25px; left: -20px; width: 1px; background-color: #D9E0E8; } .main-menu__search { position: relative; display: flex; align-items: center; font-size: 24px; color: var(--bizgrow-gray); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .main-menu__search:hover { color: var(--bizgrow-base); } .main-menu__btn-box { position: relative; display: block; margin-right: 15px; padding: 24px 0; } .main-menu__btn { background-color: var(--bizgrow-base); color: var(--bizgrow-white); } .main-menu__btn::before { background-color: var(--bizgrow-primary); } .main-menu__nav-sidebar-icon { position: relative; display: block; padding: 20px 0; } .main-menu__nav-sidebar-icon .navSidebar-button { position: relative; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; border: 2px solid #6A6C71; height: 52px; width: 52px; padding: 0 12px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .icon-dots-menu-one { position: relative; display: block; width: 14px; height: 2px; background-color: #6A6C71; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .main-menu__nav-sidebar-icon .navSidebar-button:hover .icon-dots-menu-one { width: 25px; } .icon-dots-menu-two { position: relative; display: block; width: 25px; height: 2px; background-color: #6A6C71; margin-top: 5px; margin-bottom: 5px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .icon-dots-menu-three { position: relative; display: block; width: 20px; height: 2px; background-color: #6A6C71; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .main-menu__nav-sidebar-icon .navSidebar-button:hover .icon-dots-menu-three { width: 25px; } .stricky-header.main-menu { background-color: var(--bizgrow-white); } .stricky-header .main-menu__top { display: none; } .main-menu .main-menu__list, .main-menu .main-menu__list > li > ul, .main-menu .main-menu__list > li > ul > li > ul, .stricky-header .main-menu__list, .stricky-header .main-menu__list > li > ul, .stricky-header .main-menu__list > li > ul > li > ul { margin: 0; padding: 0; list-style-type: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: none; } @media (min-width: 1200px) { .main-menu .main-menu__list, .main-menu .main-menu__list > li > ul, .main-menu .main-menu__list > li > ul > li > ul, .stricky-header .main-menu__list, .stricky-header .main-menu__list > li > ul, .stricky-header .main-menu__list > li > ul > li > ul { display: -webkit-box; display: -ms-flexbox; display: flex; } } .main-menu .main-menu__list > li, .stricky-header .main-menu__list > li { padding-top: 37px; padding-bottom: 37px; position: relative; } .main-menu .main-menu__list > li + li, .stricky-header .main-menu__list > li + li { margin-left: 40px; } .main-menu .main-menu__list > li > a, .stricky-header .main-menu__list > li > a { font-size: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--bizgrow-black); font-weight: 500; position: relative; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .main-menu .main-menu__list > li > a::before, .stricky-header .main-menu__list > li > a::before { content: ""; height: 2px; border-radius: 0px; background-color: var(--bizgrow-base); position: absolute; bottom: -37px; left: 0px; right: 0px; transition: transform 500ms ease; transform: scale(0, 1); transform-origin: left center; z-index: 1; } .main-menu .main-menu__list > li.current > a::before, .main-menu .main-menu__list > li:hover > a::before, .stricky-header .main-menu__list > li.current > a::before, .stricky-header .main-menu__list > li:hover > a::before { transform: scale(1, 1); transform-origin: right center; } .main-menu .main-menu__list > li.dropdown > a { padding-right: 16px; } .main-menu .main-menu__list > li.dropdown > a:after { position: absolute; top: 52%; right: 0; font-family: "Font Awesome 5 Free"; content: "\f107"; font-size: 14px; color: var(--bizgrow-black); transform: translateY(-50%); font-weight: 700; z-index: 1; } .main-menu .main-menu__list > li.current > a::after, .main-menu .main-menu__list > li:hover > a::after, .stricky-header .main-menu__list > li.current > a::after, .stricky-header .main-menu__list > li:hover > a::after { color: var(--bizgrow-base); } .main-menu .main-menu__list > li.current > a, .main-menu .main-menu__list > li:hover > a, .stricky-header .main-menu__list > li.current > a, .stricky-header .main-menu__list > li:hover > a { color: var(--bizgrow-base); } .main-menu .main-menu__list > li > ul, .main-menu .main-menu__list > li > ul > li > ul, .stricky-header .main-menu__list > li > ul, .stricky-header .main-menu__list > li > ul > li > ul { position: absolute; top: 100%; left: 0; min-width: 250px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; opacity: 0; visibility: hidden; -webkit-transform-origin: top center; transform-origin: top center; -webkit-transform: scaleY(0) translateZ(100px); transform: scaleY(0) translateZ(100px); -webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease; transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease; transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease; transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease, -webkit-transform 700ms ease; z-index: 99; background-color: #fff; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07); } .main-menu .main-menu__list > li > ul > li > ul > li > ul, .stricky-header .main-menu__list > li > ul > li > ul > li > ul { display: none; } .main-menu .main-menu__list > li:hover > ul, .main-menu .main-menu__list > li > ul > li:hover > ul, .stricky-header .main-menu__list > li:hover > ul, .stricky-header .main-menu__list > li > ul > li:hover > ul { opacity: 1; visibility: visible; -webkit-transform: scaleY(1) translateZ(0px); transform: scaleY(1) translateZ(0px); } .main-menu .main-menu__list > li > ul > li, .main-menu .main-menu__list > li > ul > li > ul > li, .stricky-header .main-menu__list > li > ul > li, .stricky-header .main-menu__list > li > ul > li > ul > li { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; width: 100%; position: relative; } .main-menu .main-menu__list > li > ul > li + li, .main-menu .main-menu__list > li > ul > li > ul > li + li, .stricky-header .main-menu__list > li > ul > li + li, .stricky-header .main-menu__list > li > ul > li > ul > li + li { border-top: none; margin-top: 0px; } .main-menu .main-menu__list > li > ul > li > a, .main-menu .main-menu__list > li > ul > li > ul > li > a, .stricky-header .main-menu__list > li > ul > li > a, .stricky-header .main-menu__list > li > ul > li > ul > li > a { position: relative; font-size: 18px; line-height: 30px; color: var(--bizgrow-black); font-weight: 500; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 10px 20px 10px; -webkit-transition: 500ms; transition: 500ms; } .main-menu .main-menu__list > li > ul > li:hover > a, .main-menu .main-menu__list > li > ul > li > ul > li:hover > a, .stricky-header .main-menu__list > li > ul > li:hover > a, .stricky-header .main-menu__list > li > ul > li > ul > li:hover > a { background-color: var(--bizgrow-base); color: var(--bizgrow-white); } .main-menu .main-menu__list > li > ul > li > ul, .stricky-header .main-menu__list > li > ul > li > ul { top: 0; left: 100%; } .main-menu .main-menu__list li ul li > ul.right-align, .stricky-header .main-menu__list li ul li > ul.right-align { top: 0; left: auto; right: 100%; } .stricky-header { position: fixed; z-index: 991; top: 0; left: 0; background-color: #fff; width: 100%; visibility: hidden; -webkit-transform: translateY(-120%); transform: translateY(-120%); -webkit-transition: visibility 500ms ease, -webkit-transform 500ms ease; transition: visibility 500ms ease, -webkit-transform 500ms ease; transition: transform 500ms ease, visibility 500ms ease; transition: transform 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease; -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05); } @media (max-width: 1199px) { .stricky-header { display: none !important; } } .stricky-header.stricky-fixed { -webkit-transform: translateY(0); transform: translateY(0); visibility: visible; } .stricky-header .main-menu__inner { -webkit-box-shadow: none; box-shadow: none; padding-right: 0; max-width: 1170px; width: 100%; margin: 0 auto; } .mobile-nav__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: auto; margin-right: 10px; } @media (min-width: 1200px) { .mobile-nav__buttons { display: none; } } .mobile-nav__buttons a { font-size: 20px; color: var(--bizgrow-base); cursor: pointer; } .mobile-nav__buttons a + a { margin-left: 10px; } .mobile-nav__buttons a:hover { color: var(--bizgrow-base); } .main-menu .mobile-nav__toggler { position: relative; display: inline-block; font-size: 20px; color: var(--bizgrow-black); cursor: pointer; -webkit-transition: 500ms; transition: 500ms; } .main-menu .mobile-nav__toggler:hover { color: var(--bizgrow-base); } @media (min-width: 1200px) { .main-menu .mobile-nav__toggler { display: none; } } /*-------------------------------------------------------------- # Mobile Nav --------------------------------------------------------------*/ .mobile-nav__wrapper { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 999; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transform-origin: left center; transform-origin: left center; -webkit-transition: visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms; transition: visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms; transition: transform 500ms ease 500ms, visibility 500ms ease 500ms; transition: transform 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms; visibility: hidden; } .mobile-nav__wrapper .container { padding-left: 0; padding-right: 0; } .mobile-nav__wrapper.expanded { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); visibility: visible; -webkit-transition: visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms; transition: visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms; transition: transform 500ms ease 0ms, visibility 500ms ease 0ms; transition: transform 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms; } .mobile-nav__overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #000000; opacity: 0.5; cursor: pointer; } .mobile-nav__content { width: 300px; background-color: var(--bizgrow-black); z-index: 10; position: relative; height: 100%; overflow-y: auto; padding-top: 30px; padding-bottom: 30px; padding-left: 15px; padding-right: 15px; opacity: 0; visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms; transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms; transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, transform 500ms ease 0ms; transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, transform 500ms ease 0ms, -webkit-transform 500ms ease 0ms; } .mobile-nav__wrapper.expanded .mobile-nav__content { opacity: 1; visibility: visible; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms; transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms; transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, transform 500ms ease 500ms; transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, transform 500ms ease 500ms, -webkit-transform 500ms ease 500ms; } .mobile-nav__content .logo-box { margin-bottom: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; } .mobile-nav__close { position: absolute; top: 20px; right: 15px; font-size: 18px; color: var(--bizgrow-white); cursor: pointer; } .mobile-nav__content .main-menu__list, .mobile-nav__content .main-menu__list > li > ul, .mobile-nav__content .main-menu__list > li > ul > li > ul { margin: 0; padding: 0; list-style-type: none; } .mobile-nav__content .main-menu__list > li > ul, .mobile-nav__content .main-menu__list > li > ul > li > ul { display: none; border-top: 1px solid rgba(255, 255, 255, 0.1); margin-left: 0.5em; } .mobile-nav__content .main-menu__list > li:not(:last-child), .mobile-nav__content .main-menu__list > li > ul > li:not(:last-child), .mobile-nav__content .main-menu__list > li > ul > li > ul > li:not(:last-child) { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .mobile-nav__content .main-menu__list > li > a > .main-menu-border { display: none !important; } .mobile-nav__content .main-menu__list > li > a, .mobile-nav__content .main-menu__list > li > ul > li > a, .mobile-nav__content .main-menu__list > li > ul > li > ul > li > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; line-height: 30px; color: #ffffff; font-size: 14px; font-family: var(--bizgrow-font); font-weight: 500; height: 46px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: 500ms; transition: 500ms; } .mobile-nav__content .main-menu__list > li > a.expanded .mobile-nav__content .main-menu__list > li > ul > li > a.expanded .mobile-nav__content .main-menu__list > li > ul > li > ul > li > a.expanded { color: var(--bizgrow-base); } .mobile-nav__content .main-menu__list li a.expanded { color: var(--bizgrow-base); } .mobile-nav__content .main-menu__list > li > a > button, .mobile-nav__content .main-menu__list > li > ul > li > a > button, .mobile-nav__content .main-menu__list > li > ul > li > ul > li > a > button { width: 30px; height: 30px; background-color: var(--bizgrow-base); border: none; outline: none; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: -webkit-transform 500ms ease; transition: -webkit-transform 500ms ease; transition: transform 500ms ease; transition: transform 500ms ease, -webkit-transform 500ms ease; padding: 0; } .mobile-nav__content .main-menu__list > li > a > button.expanded, .mobile-nav__content .main-menu__list > li > ul > li > a > button.expanded, .mobile-nav__content .main-menu__list > li > ul > li > ul > li > a > button.expanded { -webkit-transform: rotate(0deg); transform: rotate(0deg); background-color: #fff; color: var(--bizgrow-base); } /* no menu after 2rd level dropdown */ .mobile-nav__content .main-menu__list > li > ul > li > ul > li > a > button, .mobile-nav__content .main-menu__list > li > ul > li > ul > li > ul { display: none !important; } .mobile-nav__content .main-menu__list li.cart-btn span { position: relative; top: auto; right: auto; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .mobile-nav__content .main-menu__list li.cart-btn i { font-size: 16px; } .mobile-nav__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 30px; } .mobile-nav__top .main-menu__login a { color: var(--bizgrow-text-dark); } .mobile-nav__container { border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .mobile-nav__social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mobile-nav__social a { font-size: 16px; color: var(--bizgrow-white); -webkit-transition: 500ms; transition: 500ms; } .mobile-nav__social a + a { margin-left: 30px; } .mobile-nav__social a:hover { color: var(--bizgrow-base); } .mobile-nav__contact { margin-bottom: 0; margin-top: 20px; margin-bottom: 20px; } .mobile-nav__contact li { color: var(--bizgrow-text-dark); font-size: 14px; font-weight: 500; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mobile-nav__contact li + li { margin-top: 15px; } .mobile-nav__contact li a { color: #ffffff; -webkit-transition: 500ms; transition: 500ms; } .mobile-nav__contact li a:hover { color: var(--bizgrow-base); } .mobile-nav__contact li > i { width: 30px; height: 30px; border-radius: 50%; background-color: var(--bizgrow-base); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; font-size: 11px; margin-right: 10px; color: #fff; } .mobile-nav__container .main-logo, .mobile-nav__container .topbar__buttons, .mobile-nav__container .main-menu__language, .mobile-nav__container .main-menu__login { display: none; } /*-------------------------------------------------------------- # Navigations Two --------------------------------------------------------------*/ .main-header-two { background: transparent; position: absolute; left: 0px; top: 0px; right: 0; width: 100%; transition: all 500ms ease; z-index: 999; } .main-menu-two__wrapper { position: relative; display: block; padding: 0px 0px 0px; z-index: 1; } .main-menu-two__wrapper-inner { position: relative; display: block; padding-left: 220px; z-index: 1; } .main-menu-two__logo { position: absolute; top: 0; left: 0; bottom: 0; display: flex; align-items: center; justify-content: center; background-color: #F7F7F5; max-width: 220px; width: 100%; } .main-menu-two__top { position: relative; display: block; } .main-menu-two__top-inner { position: relative; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; background-color: #131922; padding: 5px 30px; } .main-menu-two__contact-list { position: relative; display: flex; align-items: center; } .main-menu-two__contact-list li { position: relative; display: flex; align-items: center; } .main-menu-two__contact-list li + li { margin-left: 46px; } .main-menu-two__contact-list li:before { content: ""; position: absolute; top: 0; bottom: 0; left: -23px; width: 1px; background-color: rgba(var(--bizgrow-white-rgb), .30); } .main-menu-two__contact-list li:first-child:before { display: none; } .main-menu-two__contact-list li .icon { position: relative; display: flex; align-items: center; } .main-menu-two__contact-list li .icon i { font-size: 22px; color: var(--bizgrow-primary); } .main-menu-two__contact-list li .text { margin-left: 10px; } .main-menu-two__contact-list li .text p { font-size: 15px; font-weight: 500; color: var(--bizgrow-white); } .main-menu-two__contact-list li .text p a { color: var(--bizgrow-white); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .main-menu-two__contact-list li .text p a:hover { color: var(--bizgrow-primary); } .main-menu-two__top-right { position: relative; display: flex; align-items: center; flex-wrap: wrap; } .main-menu-two__top-time { position: relative; display: flex; align-items: center; flex-wrap: wrap; } .main-menu-two__top-time-icon { position: relative; display: flex; align-items: center; flex-wrap: wrap; } .main-menu-two__top-time-icon span { position: relative; display: inline-block; font-size: 20px; color: var(--bizgrow-primary); } .main-menu-two__top-text { font-size: 15px; font-weight: 500; color: var(--bizgrow-white); margin-left: 10px; } .main-menu-two__social { position: relative; display: flex; align-items: center; margin-left: 40px; } .main-menu-two__social a { position: relative; display: flex; align-items: center; justify-content: center; height: 40px; width: 40px; border: 1px solid rgba(var(--bizgrow-white-rgb), .10); border-radius: 50%; font-size: 15px; color: #999B9F; background-color: transparent; overflow: hidden; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; z-index: 1; } .main-menu-two__social a:hover { color: var(--bizgrow-white); border: 1px solid var(--bizgrow-base); } .main-menu-two__social a::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: var(--bizgrow-base); transform: scale(0.5); border-radius: 50%; opacity: 0; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; z-index: -1; } .main-menu-two__social a:hover::before { transform: scale(1.0); opacity: 1; } .main-menu-two__social a + a { margin-left: 5px; } .main-menu-two__bottom { position: relative; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; background-color: var(--bizgrow-white); padding: 0 30px 0; } .main-menu-two__main-menu-box { position: relative; display: block; } .main-menu-two__search-and-btn-box { position: relative; display: flex; align-items: center; flex-wrap: wrap; padding: 9px 0; } .main-menu-two__search-box { position: relative; display: flex; align-items: center; margin-right: 25px; } .main-menu-two__search { position: relative; display: flex; align-items: center; font-size: 24px; color: #6a6b70; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .main-menu-two__search:hover { color: var(--bizgrow-base); } .stricky-header .main-menu-two__top { display: none; } .main-menu-two .main-menu__list > li, .stricky-header.main-menu-two .main-menu__list > li { padding-top: 22px; padding-bottom: 22px; } .main-menu-two .main-menu__list > li > a, .stricky-header.main-menu-two .main-menu__list > li > a { color: var(--bizgrow-black); } .main-menu-two .main-menu__list > li > a::before, .stricky-header.main-menu-two .main-menu__list > li > a::before { bottom: -22px; } .main-menu-two .main-menu__list > li.current > a::before, .main-menu-two .main-menu__list > li:hover > a::before, .stricky-header.main-menu-two .main-menu__list > li.current > a::before, .stricky-header.main-menu-two .main-menu__list > li:hover > a::before { background-color: var(--bizgrow-base) } .main-menu-two .main-menu__list > li.dropdown > a:after { color: var(--bizgrow-black); } .main-menu-two .main-menu__list > li.current > a, .main-menu-two .main-menu__list > li:hover > a, .stricky-header.main-menu-two .main-menu__list > li.current > a, .stricky-header.main-menu-two .main-menu__list > li:hover > a { color: var(--bizgrow-base); } .main-menu-two .main-menu__list > li.current > a::after, .main-menu-two .main-menu__list > li:hover > a::after, .stricky-header.main-menu-two .main-menu__list > li.current > a::after, .stricky-header.main-menu-two .main-menu__list > li:hover > a::after { color: var(--bizgrow-base); } /*-------------------------------------------------------------- # Search Popup --------------------------------------------------------------*/ .search-popup { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 9999; padding-left: 20px; padding-right: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transform: translateY(-110%); transform: translateY(-110%); -webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease; transition: opacity 500ms ease, -webkit-transform 500ms ease; transition: transform 500ms ease, opacity 500ms ease; transition: transform 500ms ease, opacity 500ms ease, -webkit-transform 500ms ease; } .search-popup.active { -webkit-transform: translateY(0%); transform: translateY(0%); } .search-popup__overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--bizgrow-black); opacity: 0.75; cursor: pointer; } .search-popup__content { width: 100%; max-width: 560px; } .search-popup__content form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; background-color: #fff; border-radius: 0px; overflow: hidden; } .search-popup__content form input[type="search"], .search-popup__content form input[type="text"] { width: 100%; background-color: #fff; font-size: 16px; border: none; outline: none; height: 66px; padding-left: 30px; border-radius: 0px; } .search-popup__content .thm-btn { padding: 0; width: 68px; height: 68px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; position: absolute; top: 0; right: -1px; background-color: var(--bizgrow-base); border: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .search-popup__content .thm-btn:before { border-top-left-radius: 0; border-bottom-left-radius: 0; } .search-popup__content .thm-btn i { height: auto; width: auto; background-color: transparent; border-radius: 50%; color: var(--bizgrow-white); font-size: 22px; line-height: inherit; text-align: center; top: 0; margin-right: 0; padding-left: 0; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .search-popup__content .thm-btn:hover:before { width: 150%; } /*-------------------------------------------------------------- # Main Slider --------------------------------------------------------------*/ .main-slider { position: relative; background-color: var(--bizgrow-white); z-index: 10; } .main-slider .item { background-color: var(--bizgrow-white); position: relative; padding-top: 202px; padding-bottom: 211px; z-index: 10; } .main-slider__bg { position: absolute; top: 0; left: 0; bottom: 0; width: 54%; background-repeat: no-repeat; background-position: center; background-size: cover; opacity: .15; z-index: -1; } .main-slider__img { position: absolute; top: 0; right: 0; bottom: 0; opacity: 0; -webkit-transform: perspective(400px) rotateY(0deg) translateX(400px); -ms-transform: perspective(400px) rotateY(0deg) translateX(400px); transform: perspective(400px) rotateY(0deg) translateX(400px); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; z-index: 1; } .active .main-slider__img { opacity: 1; -webkit-transform: perspective(400px) rotateY(0deg) translateX(0px); -ms-transform: perspective(400px) rotateY(0deg) translateX(0px); transform: perspective(400px) rotateY(0deg) translateX(0px); -webkit-transition-delay: 1000ms; -moz-transition-delay: 1000ms; -ms-transition-delay: 1000ms; -o-transition-delay: 1000ms; transition-delay: 1000ms; } .main-slider__img img { width: auto !important; } .main-slider__content { position: relative; display: block; z-index: 10; } .main-slider__sub-title { position: relative; display: inline-block; font-size: 16px; line-height: 26px; font-weight: 700; color: var(--bizgrow-gray); text-transform: uppercase; opacity: 0; visibility: hidden; -webkit-transform: translateY(-120px); transform: translateY(-120px); -webkit-transition-delay: 1000ms; transition-delay: 1000ms; -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease; z-index: 1; } .main-slider__sub-title:before { content: ""; position: absolute; bottom: 4px; left: 0; right: 0; height: 2px; background-color: var(--bizgrow-gray); z-index: -1; } .main-slider__sub-title span { position: relative; display: inline-block; color: var(--bizgrow-base); } .main-slider__sub-title span:before { content: ""; position: absolute; bottom: 4px; left: 0; right: 0; height: 2px; background-color: var(--bizgrow-base); z-index: -1; } .main-slider__title { position: relative; display: block; font-size: 60px; color: var(--bizgrow-black); font-weight: 800; line-height: 80px; margin-top: 18px; margin-bottom: 37px; text-transform: uppercase; opacity: 0; visibility: hidden; -webkit-transform: translateY(-120px); transform: translateY(-120px); -webkit-transition-delay: 1000ms; transition-delay: 1000ms; -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease; } .main-slider__btn-box { position: relative; display: flex; align-items: center; flex-wrap: wrap; opacity: 0; visibility: hidden; -webkit-transform: translateY(120px); transform: translateY(120px); -webkit-transition-delay: 1000ms; transition-delay: 1000ms; -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease; } .main-slider__btn-2 { background-color: var(--bizgrow-base); color: var(--bizgrow-white); margin-left: 15px; } .main-slider__btn-2::before { background-color: var(--bizgrow-primary); } .active .main-slider__title, .active .main-slider__sub-title, .active .main-slider__btn-box { visibility: visible; opacity: 1; -webkit-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); } .main-slider .owl-theme .owl-dots { display: flex; align-items: center; justify-content: center; flex-direction: column; position: absolute; left: 80px; top: 50%; margin: 0 !important; height: 0; line-height: 0; transform: translateY(-50%); } .main-slider .owl-theme .owl-dots .owl-dot + .owl-dot { margin-top: 15px; } .main-slider .owl-theme .owl-dots .owl-dot span { position: relative; display: block; width: 16px; height: 16px; border-radius: 50%; background-color: transparent; border: 2px solid #808192; margin: 0; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .main-slider .owl-theme .owl-dots .owl-dot:hover span, .main-slider .owl-theme .owl-dots .owl-dot.active span { background-color: rgba(var(--bizgrow-base-rgb), 1); border: 2px solid var(--bizgrow-base); } .main-slider .owl-theme .owl-nav { position: absolute; bottom: 30px; left: 52.1%; z-index: 100; display: flex; align-items: center; flex-direction: row; padding: 0px 0px; margin: 0 auto; height: 0; line-height: 0; transform: translateY(0) translateX(-50%); } .main-slider .owl-theme .owl-nav [class*=owl-] { position: relative; top: auto; left: auto; right: auto; bottom: auto; z-index: 100; width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; font-size: 18px; color: var(--bizgrow-black); background-color: var(--bizgrow-primary); border: none; border-radius: 0; margin: 0; text-align: center; transition: all 500ms ease; padding: 0px 0px !important; opacity: 1; } .main-slider .owl-theme .owl-nav [class*=owl-]:hover { background-color: var(--bizgrow-white); } .main-slider .owl-theme .owl-nav [class*=owl-] + [class*=owl-] { margin-left: 0px; } /*-------------------------------------------------------------- # Main Slider Two --------------------------------------------------------------*/ .main-slider-two { position: relative; background: linear-gradient(rgb(0 0 0 / 72%), rgb(0 0 0 / 82%)); z-index: 10; } .main-slider-two .item { /* background-color: #070A1F;*/ position: relative; padding-top: 180px; padding-bottom: 190px; z-index: 10; } .main-slider-two__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-repeat: no-repeat; background-position: center; mix-blend-mode: luminosity; opacity: .40; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease; transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease; transition: transform 7000ms ease, opacity 1500ms ease-in; transition: transform 7000ms ease, opacity 1500ms ease-in, -webkit-transform 7000ms ease; z-index: 1; } .active .main-slider-two__bg { -webkit-transform: scale(1.1); transform: scale(1.1); } .main-slider-two__shape-1 { position: absolute; top: 0; right: 217px; border-top: 250px solid var(--bizgrow-base); border-right: 215px solid transparent; border-left: 314px solid transparent; opacity: 0; transform: translateY(-200px); z-index: -1; } .active .main-slider-two__shape-1 { opacity: .50; transform: translateY(0px); transition: all 1000ms ease; } .main-slider-two__shape-2 { position: absolute; top: 0; right: -20px; border-top: 250px solid var(--bizgrow-base); border-right: 195px solid transparent; border-left: 215px solid transparent; opacity: 0; transform: translateY(-200px); z-index: -1; } .active .main-slider-two__shape-2 { opacity: .50; transform: translateY(0px); transition: all 1000ms ease; transition-delay: 1500ms; } .main-slider-two__shape-3 { position: absolute; bottom: 0; left: 0; border-bottom: 415px solid #191C2A; border-right: 525px solid transparent; border-left: 725px solid transparent; opacity: 0; transform: translateY(400px); z-index: -1; } .active .main-slider-two__shape-3 { opacity: .70; transform: translateY(0px); transition: all 1000ms ease; transition-delay: 1000ms; } .main-slider-two__shape-4 { position: absolute; bottom: 0; right: 0; border-bottom: 415px solid #191C2A; border-right: 525px solid transparent; border-left: 725px solid transparent; opacity: 0; transform: translateY(400px); z-index: -1; } .active .main-slider-two__shape-4 { opacity: .70; transform: translateY(0px); transition: all 1000ms ease; transition-delay: 1500ms; } .main-slider-two__content { position: relative; display: block; text-align: center; z-index: 10; } .main-slider-two__video-link { position: relative; display: block; opacity: 0; visibility: hidden; -webkit-transform: translateY(-120px); transform: translateY(-120px); -webkit-transition-delay: 1000ms; transition-delay: 1000ms; -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease; } .main-slider-two__video-icon { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 95px; height: 95px; line-height: 95px; text-align: center; font-size: 25px; color: var(--bizgrow-primary); background-color: rgba(var(--bizgrow-white-rgb), .30); border-radius: 50%; margin: 0 auto 0; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .main-slider-two__video-icon:hover { background-color: var(--bizgrow-base); color: var(--bizgrow-white); } .main-slider-two__video-link .ripple, .main-slider-two__video-icon .ripple:before, .main-slider-two__video-icon .ripple:after { position: absolute; top: 50%; left: 50%; width: 95px; height: 95px; border-radius: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -ms-box-shadow: 0 0 0 0 rgba(var(--bizgrow-white-rgb), 0.6); -o-box-shadow: 0 0 0 0 rgba(var(--bizgrow-white-rgb), 0.6); -webkit-box-shadow: 0 0 0 0 rgba(var(--bizgrow-white-rgb), 0.6); box-shadow: 0 0 0 0 rgba(var(--bizgrow-white-rgb), 0.6); -webkit-animation: ripple 3s infinite; animation: ripple 3s infinite; } .main-slider-two__video-icon .ripple:before { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; content: ""; position: absolute; } .main-slider-two__video-icon .ripple:after { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; content: ""; position: absolute; } .main-slider-two__title { position: relative; display: block; font-size: 70px; color: var(--bizgrow-white); font-weight: 900; line-height: 85px; text-transform: uppercase; margin-top: 28px; margin-bottom: 22px; opacity: 0; visibility: hidden; -webkit-transform: translateY(-120px); transform: translateY(-120px); -webkit-transition-delay: 1100ms; transition-delay: 1100ms; -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease; } .main-slider-two__btn-box { position: relative; display: block; margin-top: 46px; opacity: 0; visibility: hidden; -webkit-transform: translateY(120px); transform: translateY(120px); -webkit-transition-delay: 1200ms; transition-delay: 1200ms; -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease; } .main-slider-two__btn { padding: 17px 30px 17px; } .active .main-slider-two__video-link { visibility: visible; opacity: 1; -webkit-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); } .active .main-slider-two__title { visibility: visible; opacity: 1; -webkit-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); } .active .main-slider-two__btn-box { visibility: visible; opacity: 1; -webkit-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); } .main-slider-two .owl-theme .owl-dots { display: flex; align-items: center; justify-content: center; max-width: 1200px; width: 100%; position: absolute; bottom: 61px; left: 0; right: 0; padding: 0 15px; margin: 0 auto; height: 0; line-height: 0; } .main-slider-two .owl-theme .owl-dots .owl-dot + .owl-dot { margin-left: 10px; } .main-slider-two .owl-theme .owl-dots .owl-dot span { width: 15px; height: 15px; border-radius: 50%; background-color: rgba(var(--bizgrow-white-rgb), .30); border: 2px solid transparent; margin: 0; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .main-slider-two .owl-theme .owl-dots .owl-dot:hover span, .main-slider-two .owl-theme .owl-dots .owl-dot.active span { background-color: rgba(var(--bizgrow-white-rgb), 0); border: 2px solid var(--bizgrow-white); } .main-slider-two .owl-theme .owl-nav { position: absolute; top: 50%; right: 0; left: 0; z-index: 100; display: flex; align-items: center; flex-direction: row; justify-content: space-between; max-width: 100%; width: 100%; padding: 0px 80px; margin: 0 auto; height: 0; line-height: 0; transform: translateY(-50%); } .main-slider-two .owl-theme .owl-nav [class*=owl-] { position: relative; top: auto; left: auto; right: auto; bottom: auto; z-index: 100; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; font-size: 18px; color: rgba(var(--bizgrow-white-rgb), .50); background-color: rgba(var(--bizgrow-white-rgb), .15); border: none; border-top-left-radius: 25px; border-bottom-left-radius: 25px; margin: 0; text-align: center; transition: all 500ms ease; padding: 0px 0px !important; } .main-slider-two .owl-theme .owl-nav [class*=owl-]:hover { color: rgba(var(--bizgrow-black-rgb), 1); background-color: rgba(var(--bizgrow-white-rgb), 1); } .main-slider-two .owl-theme .owl-nav [class*=owl-] + [class*=owl-] { margin-left: 0px; } .main-slider-two .owl-theme .owl-nav .owl-next { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 25px; border-bottom-right-radius: 25px; } /*-------------------------------------------------------------- # Main Slider Three --------------------------------------------------------------*/ .main-slider-three { position: relative; display: block; background-color: #080A29; z-index: 10; } .main-slider-three .item { background-color: #080A29; position: relative; padding-top: 235px; padding-bottom: 235px; z-index: 10; } .main-slider-three__img { position: absolute; top: 0; right: 0; transform: translateX(500px); opacity: 0; z-index: 1; } .main-slider-three__img img { width: auto !important; } .active .main-slider-three__img { opacity: 1; transform: translateX(0px); transition: all 1000ms ease; transition-delay: 500ms; z-index: 1; } .main-slider-three__shape-1 { position: absolute; top: 185px; left: 295px; opacity: .50; z-index: 1; } .main-slider-three__shape-1 img { width: auto !important; } .main-slider-three__shape-2 { position: absolute; top: 0; left: 0; z-index: 1; } .main-slider-three__shape-2 img { width: auto !important; } .main-slider-three__shape-3 { position: absolute; bottom: 225px; right: 780px; opacity: .20; z-index: 1; } .main-slider-three__shape-3 img { width: auto !important; } .main-slider-three__content { position: relative; display: block; z-index: 10; } .main-slider-three__title { position: relative; display: block; font-size: 56px; color: var(--bizgrow-white); font-weight: 700; line-height: 62px; text-transform: capitalize; margin-bottom: 27px; opacity: 0; visibility: hidden; -webkit-transform: translateY(-120px); transform: translateY(-120px); -webkit-transition-delay: 1000ms; transition-delay: 1000ms; -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease; } .main-slider-three__text { position: relative; display: block; font-size: 22px; font-weight: 500; color: var(--bizgrow-white); opacity: 0; visibility: hidden; -webkit-transform: translateY(120px); transform: translateY(120px); -webkit-transition-delay: 1000ms; transition-delay: 1000ms; -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease; } .active .main-slider-three__text { visibility: visible; opacity: .80; -webkit-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); } .main-slider-three__btn-box { position: relative; display: flex; align-items: center; margin-top: 36px; opacity: 0; visibility: hidden; -webkit-transform: translateY(120px); transform: translateY(120px); -webkit-transition-delay: 1000ms; transition-delay: 1000ms; -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease; } .active .main-slider-three__title, .active .main-slider-three__btn-box { visibility: visible; opacity: 1; -webkit-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); } .main-slider-three .owl-theme .owl-dots { display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; max-width: 100%; width: 100%; position: absolute; left: 60px; top: 45%; transform: translateY(-50%); padding: 0; margin: 0 auto !important; height: 0; line-height: 0; } .main-slider-three .owl-theme .owl-dots .owl-dot + .owl-dot { margin-top: 20px; } .main-slider-three .owl-theme .owl-dots .owl-dot span { position: relative; display: block; width: 12px; height: 12px; border-radius: 50%; background-color: rgba(var(--bizgrow-white-rgb), .50); margin: 0; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .main-slider-three .owl-theme .owl-dots .owl-dot span:before { position: absolute; top: -5px; left: -5px; right: -5px; bottom: -5px; content: ""; border: 1px solid var(--bizgrow-white); border-radius: 50%; transform: scale(0); transition: all 100ms linear; transition-delay: 0.1s; } .main-slider-three .owl-theme .owl-dots .owl-dot:hover span, .main-slider-three .owl-theme .owl-dots .owl-dot.active span:before { transform: scale(1); } .main-slider-three .owl-theme .owl-dots .owl-dot:hover span, .main-slider-three .owl-theme .owl-dots .owl-dot.active span { background-color: rgba(var(--bizgrow-white-rgb), 1); } /*-------------------------------------------------------------- # Main Slider --------------------------------------------------------------*/ .main-slider-four { position: relative; background-color: var(--bizgrow-black); z-index: 10; } .main-slider-four .item { background-color: var(--bizgrow-black); position: relative; padding-top: 292px; padding-bottom: 205px; z-index: 10; } .main-slider-four__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-repeat: no-repeat; background-position: center; z-index: 1; } .main-slider-four__bg:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(4, 1, 13, .50); z-index: -1; } .main-slider-four__shape-1 { position: absolute; top: 120px; left: 0px; z-index: 1; } .main-slider-four__shape-1 img { width: auto !important; } .main-slider-four__shape-2 { position: absolute; bottom: 0; right: -30px; z-index: 1; } .main-slider-four__shape-2 img { width: auto !important; } .main-slider-four__content { position: relative; display: block; text-align: center; z-index: 10; } .main-slider-four__sub-title { position: relative; display: inline-block; font-size: 16px; line-height: 26px; font-weight: 500; color: var(--bizgrow-white); text-transform: uppercase; letter-spacing: 1.6px; opacity: 0; visibility: hidden; -webkit-transform: translateY(-120px); transform: translateY(-120px); -webkit-transition-delay: 1000ms; transition-delay: 1000ms; -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease; z-index: 1; } .main-slider-four__sub-title:before { content: ""; position: absolute; bottom: 3px; left: 0; right: 0; height: 8px; background-color: rgba(var(--bizgrow-white-rgb), .15); z-index: -1; } .main-slider-four__title { position: relative; display: block; font-size: 56px; color: var(--bizgrow-white); font-weight: 700; line-height: 62px; margin-top: 21px; margin-bottom: 27px; text-transform: capitalize; opacity: 0; visibility: hidden; -webkit-transform: translateY(-120px); transform: translateY(-120px); -webkit-transition-delay: 1000ms; transition-delay: 1000ms; -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease; } .main-slider-four__text { position: relative; display: block; font-size: 22px; line-height: 32px; font-weight: 500; color: var(--bizgrow-white); opacity: 0; visibility: hidden; -webkit-transform: translateY(120px); transform: translateY(120px); -webkit-transition-delay: 1000ms; transition-delay: 1000ms; -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease; } .active .main-slider-four__text { visibility: visible; opacity: .80; -webkit-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); } .main-slider-four__btn-and-video-box { position: relative; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin-top: 46px; opacity: 0; visibility: hidden; -webkit-transform: translateY(120px); transform: translateY(120px); -webkit-transition-delay: 1000ms; transition-delay: 1000ms; -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease; } .main-slider-four__btn-box { position: relative; display: block; } .main-slider-four__video-link { position: relative; display: flex; align-items: center; margin-left: 35px; } .main-slider-four__video-icon { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 44px; height: 44px; line-height: 44px; text-align: center; font-size: 15px; color: var(--bizgrow-base); background-color: var(--bizgrow-white); border-radius: 50%; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .main-slider-four__video-icon:before { content: ""; position: absolute; top: -4px; left: -4px; right: -4px; bottom: -4px; border: 4px solid rgba(var(--bizgrow-white-rgb), .20); border-radius: 50%; } .main-slider-four__video-icon:after { content: ""; position: absolute; top: -8px; left: -8px; right: -8px; bottom: -8px; border: 4px solid rgba(var(--bizgrow-white-rgb), .10); border-radius: 50%; } .main-slider-four__video-icon:hover { background-color: var(--bizgrow-base); color: var(--bizgrow-white); } .main-slider-four__video-link .ripple, .main-slider-four__video-icon .ripple:before, .main-slider-four__video-icon .ripple:after { position: absolute; top: 50%; left: 50%; width: 60px; height: 60px; border-radius: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -ms-box-shadow: 0 0 0 0 rgba(var(--bizgrow-white-rgb), 0.6); -o-box-shadow: 0 0 0 0 rgba(var(--bizgrow-white-rgb), 0.6); -webkit-box-shadow: 0 0 0 0 rgba(var(--bizgrow-white-rgb), 0.6); box-shadow: 0 0 0 0 rgba(var(--bizgrow-white-rgb), 0.6); -webkit-animation: ripple 3s infinite; animation: ripple 3s infinite; } .main-slider-four__video-icon .ripple:before { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; content: ""; position: absolute; } .main-slider-four__video-icon .ripple:after { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; content: ""; position: absolute; } .main-slider-four__video-text { position: relative; display: block; font-size: 16px; color: var(--bizgrow-white); line-height: 16px; margin-left: 20px; } .active .main-slider-four__title, .active .main-slider-four__sub-title, .active .main-slider-four__btn-and-video-box { visibility: visible; opacity: 1; -webkit-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); } .main-slider-four .owl-theme .owl-dots { display: flex; align-items: center; justify-content: center; max-width: 145px; width: 100%; position: absolute; left: 0; right: 0; bottom: 40px; padding: 16px 0; margin: 0 auto !important; height: 0; line-height: 0; background-color: rgba(var(--bizgrow-white-rgb), .10); border-radius: 16px; } .main-slider-four .owl-theme .owl-dots .owl-dot + .owl-dot { margin-left: 15px; } .main-slider-four .owl-theme .owl-dots .owl-dot span { position: relative; display: block; width: 16px; height: 16px; border-radius: 50%; background-color: transparent; border: 1px solid var(--bizgrow-white); margin: 0; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .main-slider-four .owl-theme .owl-dots .owl-dot:hover span, .main-slider-four .owl-theme .owl-dots .owl-dot.active span { background-color: rgba(var(--bizgrow-white-rgb), 1); } /*-------------------------------------------------------------- # About One --------------------------------------------------------------*/ .about-one { position: relative; display: block; z-index: 1; } .about-one__left { position: relative; display: block; } .about-one__img-box { position: relative; display: block; margin-top: 20px; } .about-one__img-1 { position: relative; display: block; margin-bottom: 20px; } .about-one__img-1 > img { width: 100%; } .about-one__img-2 { position: relative; display: block; } .about-one__img-2 > img { width: 100%; } .about-one__img-box-two { position: relative; display: block; margin-left: -11px; } .about-one__img-3 { position: relative; display: block; overflow: hidden; z-index: 1; } .about-one__img-3::before { position: absolute; top: 0; left: -100%; display: block; content: ''; width: 50%; height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, .7) 0%, rgba(255, 255, 255, .3) 100%); transform: skewX(25deg); z-index: 1; } .about-one__img-3:hover::before { -webkit-animation: shine 1.9s; animation: shine 1.9s; } .about-one__img-3 > img { width: 100%; transition: all 500ms linear; transition-delay: 0.2s; } .about-one__img-3:hover img { transform: scale(1.1) rotate(0deg); transition: all 500ms linear; transition-delay: 0.1s; } .about-one__right { position: relative; display: block; margin-left: 40PX; } .about-one__right .section-title { margin-bottom: 30px; } .about-one__text { font-size: 20px; font-weight: 400; line-height: 32px; } .about-one__count-and-points-box { position: relative; display: flex; align-items: center; margin-top: 26px; margin-bottom: 41px; } .about-one__count-box { position: relative; display: block; background-color: var(--bizgrow-base); max-width: 190px; width: 100%; text-align: center; padding: 29px 20px 29px; } .about-one__count-icon { position: relative; display: flex; align-items: center; justify-content: center; width: 100px; height: 100px; background-color: var(--bizgrow-white); margin: 0 auto; } .about-one__count-icon span { position: relative; display: inline-block; font-size: 56px; color: var(--bizgrow-base); transition: all 500ms linear; transition-delay: 0.1s; transform: scale(1); } .about-one__count-box:hover .about-one__count-icon span { transform: scale(0.9); } .about-one__count { position: relative; display: flex; align-items: center; justify-content: center; margin-bottom: 8px; margin-top: 28px; } .about-one__count > h3 { font-size: 30px; font-weight: 700; line-height: 30px; color: var(--bizgrow-white); } .about-one__count-plus { font-size: 30px; font-weight: 700; line-height: 30px; color: var(--bizgrow-white); position: relative; left: 2px; top: 2px; } .about-one__count-text { font-size: 18px; font-weight: 500; line-height: 26px; color: var(--bizgrow-white); } .about-one__points-box { position: relative; display: block; margin-left: 30px; } .about-one__points { position: relative; display: block; } .about-one__points li { position: relative; display: block; } .about-one__points li + li { margin-top: 25px; } .about-one__points li > h3 { font-size: 22px; font-weight: 700; line-height: 33px; } .about-one__points li > p { margin-top: 14px; } .about-one__btn-and-client-info { position: relative; display: flex; align-items: center; } .about-one__btn-box { position: relative; display: block; } .about-one__client-info { position: relative; display: block; margin-left: 18px; } .about-one__client-signature { position: relative; display: block; } .about-one__client-signature img { width: auto; } .about-one__client-info p { font-weight: 500; margin-top: 2px; } /*-------------------------------------------------------------- # Feature One --------------------------------------------------------------*/ .feature-one { position: relative; display: block; z-index: 2; } .feature-one__inner { position: relative; display: block; background-color: var(--bizgrow-black); padding: 60px 60px 30px; } .feature-one__single { position: relative; display: flex; flex-wrap: wrap; background: #2F3847; box-shadow: 0px 1px 4px 0px rgba(3, 4, 27, 0.04); padding: 51px 40px 50px; margin-bottom: 30px; z-index: 1; } .feature-one__single::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--bizgrow-primary); transform: scaleX(0.7) rotateX(20deg); transition: all 0.4s linear; opacity: 0; z-index: -1; } .feature-one__single:hover:before { transform: scaleX(1.0) rotateX(0deg); transition: all 0.4s linear; opacity: 1; } .feature-one__shape-1 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 1; background-repeat: no-repeat; background-size: cover; background-position: center; -webkit-transition: all 300ms ease; transition: all 300ms ease; z-index: -1; } .feature-one__single:hover .feature-one__shape-1 { opacity: 0; } .feature-one__shape-2 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; background-repeat: no-repeat; background-size: cover; background-position: center; -webkit-transition: all 300ms ease; transition: all 300ms ease; z-index: -1; } .feature-one__single:hover .feature-one__shape-2 { opacity: 1; } .feature-one__icon { position: relative; display: inline-block; top: 6px; } .feature-one__icon span { position: relative; display: inline-block; font-size: 66px; color: var(--bizgrow-primary); transition: all 500ms linear; transition-delay: 0.1s; transform: scale(1); } .feature-one__single:hover .feature-one__icon span { transform: scale(0.9); color: var(--bizgrow-black); } .feature-one__content { position: relative; display: block; margin-left: 20px; } .feature-one__title { font-size: 30px; font-weight: 700; line-height: 40px; margin-bottom: 15px; } .feature-one__title a { color: var(--bizgrow-white); -webkit-transition: all 300ms ease; transition: all 300ms ease; } .feature-one__single:hover .feature-one__title a { color: var(--bizgrow-black); } .feature-one__read-more { position: relative; display: flex; align-items: center; font-weight: 600; color: #999B9F; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .feature-one__single:hover .feature-one__read-more { color: var(--bizgrow-black); } .feature-one__read-more span { position: relative; margin-right: 5px; top: -1px; } /*-------------------------------------------------------------- # Services One --------------------------------------------------------------*/ .services-one { position: relative; display: block; z-index: 1; } .services-one__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; background-position: center; z-index: -1; } .services-one__inner { position: relative; display: block; } .services-one__carousel { position: relative; display: block; } .services-one__single { position: relative; display: block; } .services-one__img-box { position: relative; display: block; } .services-one__img { position: relative; display: block; overflow: hidden; border-radius: 5px; overflow: hidden; z-index: 1; } .services-one__img:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(var(--bizgrow-black-rgb), .15); visibility: hidden; -webkit-transform-origin: top center; transform-origin: top center; -webkit-transform: scaleY(0) translateZ(100px); transform: scaleY(0) translateZ(100px); -webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease; transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease; transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease; transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease, -webkit-transform 700ms ease; z-index: 1; } .services-one__single:hover .services-one__img:before { visibility: visible; -webkit-transform: scaleY(1) translateZ(0px); transform: scaleY(1) translateZ(0px); } .services-one__img img { width: 100%; border-radius: 5px; transition: all 500ms ease; transform: scale(1); } .services-one__single:hover .services-one__img img { transform: scale(1.05); } .services-one__content { position: relative; display: flex; align-items: center; background-color: var(--bizgrow-black); margin-left: 30px; margin-right: 30px; margin-top: -35px; z-index: 2; } .services-one__icon { position: relative; display: flex; align-items: center; justify-content: center; width: 70px; height: 70px; background-color: var(--bizgrow-base); } .services-one__icon span { position: relative; display: inline-block; font-size: 42px; color: var(--bizgrow-white); transition: all 500ms linear; transition-delay: 0.1s; transform: scale(1); } .services-one__single:hover .services-one__icon span { transform: scale(0.9); } .services-one__title { text-align: center; font-size: 22px; font-weight: 700; line-height: 33px; color: var(--bizgrow-base); padding-left: 25px; } .services-one__title a { color: var(--bizgrow-white); } .services-one__hover-content { position: absolute; left: 70px; right: 0; bottom: 0; background-color: var(--bizgrow-white); padding: 30px 25px; background-position: center bottom; transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .5s; transition-property: all; transform-origin: bottom; transform-style: preserve-3d; transform: scaleY(0); z-index: 2; } .services-one__single:hover .services-one__hover-content { transform: scaleY(1.0); } .services-one__hover-title { font-size: 22px; font-weight: 700; line-height: 33px; } .services-one__hover-title a { color: var(--bizgrow-black); -webkit-transition: all 300ms ease; transition: all 300ms ease; } .services-one__hover-title a:hover { color: var(--bizgrow-base); } .services-one__hover-text { margin-top: 9px; margin-bottom: 12px; } .services-one__btn { position: relative; display: flex; font-size: 16px; font-weight: 600; color: var(--bizgrow-black); -webkit-transition: all 300ms ease; transition: all 300ms ease; } .services-one__btn:hover { color: var(--bizgrow-base); } .services-one__btn span { position: relative; margin-right: 5px; top: -1px; font-weight: 900; } .thm-owl__carousel--range__input { max-width: 370px; width: 100%; margin-left: auto; margin-right: auto; margin-top: 35px; } .thm-owl__carousel--range__input .irs-min, .thm-owl__carousel--range__input .irs-single, .thm-owl__carousel--range__input .irs-max { visibility: hidden !important; } .thm-owl__carousel--range__input .irs--flat .irs-line { height: 12px; background-color: transparent; border-radius: 6px; border: 2px solid #EEECEC; } .thm-owl__carousel--range__input .irs--flat .irs-bar { border-radius: 6px; background-color: transparent; height: 12px; border: 2px solid var(--bizgrow-gray); border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } .thm-owl__carousel--range__input .irs--flat .irs-handle { width: 30px; height: 30px; background-color: #6A6C71; border-radius: 50%; border: 4px solid var(--bizgrow-white); top: 15px; filter: drop-shadow(0px 0px 4px rgba(3, 4, 27, 0.08)); } .thm-owl__carousel--range__input .irs--flat .irs-handle > i:first-child { display: none; } .services-one__carousel.owl-theme .owl-nav { position: absolute; display: flex; align-items: center; justify-content: space-between; left: -100px; right: -100px; top: 155px; height: 0; line-height: 0; } .services-one__carousel.owl-theme .owl-nav .owl-next { height: 50px; width: 50px; line-height: 50px; color: var(--bizgrow-gray); background-color: var(--bizgrow-white); border-top-right-radius: 25px; border-bottom-right-radius: 25px; font-size: 18px; margin: 0; -webkit-transition: all 500ms ease; transition: all 500ms ease; opacity: 1; } .services-one__carousel.owl-theme .owl-nav .owl-prev { height: 50px; width: 50px; line-height: 50px; color: var(--bizgrow-gray); background-color: var(--bizgrow-white); border-top-left-radius: 25px; border-bottom-left-radius: 25px; font-size: 18px; margin: 0; text-align: center; -webkit-transition: all 500ms ease; transition: all 500ms ease; position: relative; display: inline-block; opacity: 1; } .services-one__carousel.owl-theme .owl-nav .owl-next { margin-left: 0; } .services-one__carousel.owl-theme .owl-nav .owl-prev { margin-right: 0; } .services-one__carousel.owl-theme .owl-nav .owl-next span, .services-one__carousel.owl-theme .owl-nav .owl-prev span { position: relative; display: flex; align-items: center; justify-content: center; } .services-one__carousel.owl-theme .owl-nav .owl-next:hover, .services-one__carousel.owl-theme .owl-nav .owl-prev:hover { background-color: var(--bizgrow-base); color: var(--bizgrow-white); } .services-one__carousel.owl-carousel .owl-stage-outer { overflow: visible; } .services-one__carousel.owl-carousel .owl-item { opacity: 0; visibility: hidden; transition: opacity 500ms ease, visibility 500ms ease; } .services-one__carousel.owl-carousel .owl-item.active { opacity: 1; visibility: visible; } /*-------------------------------------------------------------- # Free Estimate --------------------------------------------------------------*/ .free-estimate { position: relative; display: block; margin-top: -110px; z-index: 2; } .free-estimate__inner { position: relative; display: flex; align-items: center; justify-content: space-between; background-color: var(--bizgrow-primary); margin-left: 80px; padding: 71px 60px 66px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; z-index: 1; } .free-estimate__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; background-position: center; border-top-right-radius: 5px; border-bottom-right-radius: 5px; z-index: -1; } .free-estimate__img { position: absolute; top: 0; left: -382px; z-index: -1; } .free-estimate__img img { width: auto; } .free-estimate__title-box { position: relative; display: block; } .free-estimate__title { font-size: 45px; font-style: normal; font-weight: 700; line-height: 50px; } .free-estimate__text { font-weight: 500; color: var(--bizgrow-black); margin-top: 7px; } .free-estimate__form-box { position: relative; display: block; max-width: 708px; width: 100%; } .free-estimate__form { position: relative; display: flex; align-items: center; justify-content: space-between; } .free-estimate__input-box { position: relative; display: block; width: 260px; } .free-estimate__input-box input[type="text"], .free-estimate__input-box input[type="email"] { height: 60px; width: 100%; border: none; background-color: var(--bizgrow-white); padding-left: 20px; padding-right: 20px; outline: none; font-size: 15px; color: var(--bizgrow-gray); display: block; font-weight: 400; border-radius: 3px; } .free-estimate__btn-box { position: relative; display: block; } .free-estimate__btn { border: none; background-color: var(--bizgrow-black); color: var(--bizgrow-white); padding: 17px 26px 17px; } .free-estimate__btn:hover { color: var(--bizgrow-base); } .free-estimate__btn::after { background-color: var(--bizgrow-white); } /*-------------------------------------------------------------- # Why Choose One --------------------------------------------------------------*/ .why-choose-one { position: relative; display: block; background-color: var(--bizgrow-extra); z-index: 1; } .why-choose-one__left { position: relative; display: block; margin-top: 214px; z-index: 1; } .why-choose-one__shape-1 { position: absolute; left: 170px; bottom: -100px; z-index: -1; } .why-choose-one__shape-1 img { width: auto; } .why-choose-one__left .section-title { position: relative; display: block; margin-top: -6px; margin-bottom: 30px; } .why-choose-one__text { font-size: 20px; font-weight: 400; line-height: 32px; } .why-choose-one__count-box { position: relative; display: block; margin-top: 40px; margin-bottom: 25px; } .why-choose-one__count-single { position: relative; display: flex; align-items: center; background-color: #EFEFEB; border-bottom: 2px solid var(--bizgrow-primary); padding: 34px 30px 33px; margin-bottom: 30px; z-index: 1; } .why-choose-one__counter-shape-1 { position: absolute; top: 0; right: 0; z-index: -1; } .why-choose-one__counter-shape-1 img { width: auto; } .why-choose-one__count-icon { position: relative; display: inline-block; } .why-choose-one__count-icon span { position: relative; display: inline-block; font-size: 58px; color: var(--bizgrow-base); transition: all 500ms linear; transition-delay: 0.1s; transform: scale(1); } .why-choose-one__count-single:hover .why-choose-one__count-icon span { transform: scale(0.9); } .why-choose-one__count-content { position: relative; display: block; margin-left: 20px; } .why-choose-one__count { position: relative; display: flex; align-items: center; } .why-choose-one__count h3 { font-size: 45px; font-weight: 700; line-height: 45px; } .why-choose-one__count-plus { font-size: 30px; font-style: normal; font-weight: 700; line-height: 40px; text-transform: capitalize; color: var(--bizgrow-black); position: relative; top: 7px; } .why-choose-one__count-text { font-size: 20px; font-weight: 600; line-height: 27px; text-transform: capitalize; font-family: var(--bizgrow-font-two); margin-top: 9px; } .why-choose-one__points { position: relative; display: block; } .why-choose-one__points li { position: relative; display: flex; align-items: center; } .why-choose-one__points li + li { margin-top: 42px; } .why-choose-one__points-icon { position: relative; display: flex; align-items: center; justify-content: center; max-width: 82px; width: 100%; height: 82px; background-color: var(--bizgrow-primary); border-radius: 2px; } .why-choose-one__points-icon span { position: relative; display: inline-block; font-size: 41px; color: var(--bizgrow-black); transition: all 500ms linear; transition-delay: 0.1s; transform: scale(1); } .why-choose-one__points li:hover .why-choose-one__points-icon span { transform: scale(0.9); } .why-choose-one__points-content { position: relative; display: block; margin-left: 25px; } .why-choose-one__points-content h3 { font-size: 22px; font-weight: 700; line-height: 33px; margin-bottom: 14px; } .why-choose-one__right { position: relative; display: block; margin-left: 40px; margin-right: -300px; z-index: 1; } .why-choose-one__img { position: relative; display: block; } .why-choose-one__img img { width: 100%; } .why-choose-one__experience-box { position: absolute; top: 230px; left: -70px; max-width: 430px; width: 100%; } .why-choose-one__experience-box::before { content: ""; position: absolute; top: 20px; right: -20px; left: 70px; bottom: -20px; background-color: var(--bizgrow-white); clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%); } .why-choose-one__experience { position: relative; display: flex; align-items: center; background-color: var(--bizgrow-base); padding: 26px 40px 25px; clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%); } .why-choose-one__experience-count { position: relative; display: flex; align-items: center; } .why-choose-one__experience-count h3 { font-size: 60px; font-weight: 700; line-height: 70px; color: var(--bizgrow-white); } .why-choose-one__experience-count-plus { font-size: 30px; font-style: normal; font-weight: 700; line-height: 70px; color: var(--bizgrow-white); font-family: var(--bizgrow-font-two); top: 11px; position: relative; } .why-choose-one__experience-count-text { font-size: 22px; font-weight: 700; line-height: 33px; color: var(--bizgrow-white); font-family: var(--bizgrow-font-two); padding-left: 27px; margin-left: 18px; position: relative; display: block; } .why-choose-one__experience-count-text::before { content: ""; position: absolute; top: -8px; left: 0; bottom: -6px; width: 2px; background-color: #FC4D5D; } /*-------------------------------------------------------------- # Testimonial One --------------------------------------------------------------*/ .testimonial-one { position: relative; display: block; background-color: #fff; padding: 120px 0 170px; z-index: 1; } .testimonial-one__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: .50; background-repeat: no-repeat; .testimonial-one__right .section-title__title background-size: cover; background-position: center; z-index: -1; } .testimonial-one__shape-1 { position: absolute; right: 0; top: 68px; z-index: -1; } .testimonial-one__shape-1 img { width: auto; } .testimonial-one__inner { position: relative; display: block; } .testimonial-one__main-content { position: relative; display: block; } .testimonial-one__main-content-inner { position: relative; display: block; } .testimonial-one__left { position: relative; display: block; } .testimonial-one__img { position: relative; display: block; border-radius: 10px; } .testimonial-one__img img { width: 100%; border-radius: 10px; } .testimonial-one__right { position: relative; display: block; margin-left: 224px; margin-top: 20px; } .testimonial-one__right .section-title__tagline { color: #6E7075; } .testimonial-one__right .section-title__title { color: #3d3d3d; } .testimonial-one__right .section-title { margin-bottom: 30px; } .testimonial-one__text { color: #999B9F; font-size: 30px; font-weight: 400; line-height: 45px; font-family: var(--bizgrow-font-two); } .testimonial-one__client-info { position: relative; display: block; margin-top: 37px; } .testimonial-one__client-info h3 { font-size: 20px; font-weight: 600; line-height: 30px; color: #3d3d3d; } .testimonial-one__client-info p { color: #999B9F; margin-top: 5px; } .testimonial-one__thumb-box { position: absolute; top: 5px; left: 552px; width: 161px; height: 523px; overflow: hidden; z-index: 99999999; } #testimonial-one__thumb { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 5; } @media (max-width: 767px) { #testimonial-one__thumb { display: none; } } .testimonial-one__img-holder-box { position: relative; display: flex; align-items: center; justify-content: center; border-radius: 10px; height: 161px; width: 161px; overflow: hidden; z-index: 1; } .testimonial-one__img-holder { position: relative; display: block; overflow: hidden; transition: all 500ms ease; border-radius: 10px; width: 161px; height: 161px; cursor: pointer; z-index: 1; } .testimonial-one__img-holder:before { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; content: ""; background-color: rgba(var(--bizgrow-base-rgb), 0); border-radius: 10px; z-index: 1; transition: all 500ms ease; } .swiper-slide-active .testimonial-one__img-holder:before, .swiper-slide-thumb-active .testimonial-one__img-holder:before { background-color: rgba(var(--bizgrow-base-rgb), .3); } .testimonial-one__img-holder > img { width: 100%; transition: all 0.5s ease-in-out 0.6s; border-radius: 10px; } .testimonial-one__nav { position: absolute; right: 176px; bottom: 22px; display: flex; align-items: center; z-index: 100; } .testimonial-one__nav .swiper-button-next { position: relative; top: auto; left: auto; right: auto; bottom: auto; width: 54px; height: 36px; display: flex; justify-content: center; align-items: center; font-size: 15px; color: var(--bizgrow-white); background-color: transparent; border-top-right-radius: 18px; border-bottom-right-radius: 18px; border: 2px solid #2B3139; margin: 0; text-align: center; opacity: 1; transition: all 500ms ease; z-index: 100; } .testimonial-one__nav .swiper-button-prev { position: relative; top: auto; left: auto; right: auto; bottom: auto; width: 54px; height: 36px; display: flex; justify-content: center; align-items: center; font-size: 15px; color: var(--bizgrow-white); background-color: transparent; border-top-left-radius: 18px; border-bottom-left-radius: 18px; border: 2px solid #2B3139; margin: 0; text-align: center; opacity: 1; transition: all 500ms ease; z-index: 100; } .testimonial-one__nav .swiper-button-next:hover, .testimonial-one__nav .swiper-button-prev:hover { color: var(--bizgrow-white); background-color: var(--bizgrow-primary); border: 2px solid var(--bizgrow-primary); } .testimonial-one__nav .swiper-button-next { margin-left: 10px; } .testimonial-one__nav .swiper-button-next i, .testimonial-one__nav .swiper-button-prev i { position: relative; display: flex; align-items: center; } .testimonial-one__nav .swiper-button-next::after, .testimonial-one__nav .swiper-button-prev::after { display: none; } /*-------------------------------------------------------------- # Feature Two --------------------------------------------------------------*/ .feature-two { position: relative; display: block; margin-top: -70px; z-index: 2; } .feature-two .row { --bs-gutter-x: 0px; } .feature-two__single { position: relative; display: block; background-color: var(--bizgrow-primary); border-top-left-radius: 5px; border-bottom-left-radius: 5px; padding: 30px 50px 30px; } .feature-two__content-and-arrow { position: relative; display: flex; align-items: center; justify-content: space-between; } .feature-two__content { position: relative; display: flex; align-items: center; } .feature-two__icon { position: relative; display: inline-block; } .feature-two__icon span { position: relative; display: inline-block; font-size: 71px; color: var(--bizgrow-black); transition: all 500ms linear; transition-delay: 0.1s; transform: scale(1); } .feature-two__single:hover .feature-two__icon span { transform: scale(0.9); } .feature-two__title { font-size: 30px; font-weight: 700; line-height: 40px; padding-left: 26px; margin-left: 26px; position: relative; } .feature-two__title a { color: var(--bizgrow-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .feature-two__title a:hover { color: var(--bizgrow-white); } .feature-two__title::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 1px; background-color: #E49900; } .feature-two__arrow { position: relative; display: block; } .feature-two__arrow a { position: relative; display: flex; align-items: center; justify-content: center; width: 58px; height: 40px; font-size: 20px; color: var(--bizgrow-black); background-color: var(--bizgrow-white); border-top-right-radius: 20px; border-bottom-right-radius: 20px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .feature-two__arrow a:hover { color: var(--bizgrow-white); background-color: var(--bizgrow-black); } .feature-two__single-2 { background-color: var(--bizgrow-base); border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .feature-two__single-2 .feature-two__icon span { color: var(--bizgrow-white); } .feature-two__single-2 .feature-two__title a { color: var(--bizgrow-white); } .feature-two__single-2 .feature-two__title::before { background-color: #FC6875; } .feature-two__single-2 .feature-two__title a:hover { color: var(--bizgrow-black); } /*-------------------------------------------------------------- # Project One --------------------------------------------------------------*/ .project-one { position: relative; display: block; padding: 120px 0 120px; z-index: 1; } .project-one__bottom { position: relative; display: block; } .project-one__carousel { position: relative; display: block; max-width: 600px; width: 100%; margin: 0 auto; } .project-one__single { position: relative; display: block; } .project-one__img-box { position: relative; display: block; } .project-one__img { position: relative; display: block; overflow: hidden; z-index: 1; } .project-one__img:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* background-color: rgba(var(--bizgrow-black-rgb), .50); */ transform: scale(0.5); opacity: 0; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; z-index: 1; } .project-one__single:hover .project-one__img:before { transform: scale(1.0); opacity: 1; } .project-one__img img { width: 100%; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .project-one__single:hover .project-one__img img { transform: scale(1.05); } .project-one__content-inner { position: absolute; bottom: 30px; left: 20px; max-width: 464px; width: 100%; background-position: bottom left; -webkit-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: bottom center; transform-origin: bottom center; -webkit-transition: -webkit-transform 500ms ease; transition: -webkit-transform 500ms ease; transition: transform 500ms ease; transition: transform 500ms ease, -webkit-transform 500ms ease; z-index: 2; } .project-one__single:hover .project-one__content-inner { -webkit-transform: scale(1, 1); transform: scale(1, 1); } .project-one__content-inner::before { content: ""; position: absolute; top: 10px; left: 10px; bottom: -10px; right: -10px; background-color: var(--bizgrow-white); clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%); background-position: right center; -webkit-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: right center; transform-origin: right center; -webkit-transition: -webkit-transform 500ms ease; transition: -webkit-transform 500ms ease; transition: transform 500ms ease; transition: transform 500ms ease, -webkit-transform 500ms ease; } .project-one__single:hover .project-one__content-inner::before { -webkit-transform: scale(1, 1); transform: scale(1, 1); } .project-one__content-box { position: relative; display: flex; align-items: center; justify-content: space-between; background-color: var(--bizgrow-primary); padding: 23px 35px 23px; padding-right: 70px; clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%); } .project-one__content { position: relative; display: flex; align-items: center; } .project-one__icon { position: relative; display: inline-block; } .project-one__icon span { position: relative; display: inline-block; font-size: 60px; color: var(--bizgrow-black); -webkit-transition: all 500ms linear; transition: all 500ms linear; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .project-one__single:hover .project-one__icon span { transform: scale(.9); } .project-one__title { position: relative; margin-left: 20px; padding-left: 22px; font-size: 22px; font-weight: 700; line-height: 32px; text-transform: capitalize; } .project-one__title a { color: var(--bizgrow-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .project-one__title a:hover { color: var(--bizgrow-white); } .project-one__title::before { content: ""; position: absolute; top: -3px; left: 0; bottom: -3px; width: 1px; background-color: #E49900; } .project-one__arrow { position: relative; display: block; } .project-one__arrow a { position: relative; display: flex; align-items: center; justify-content: center; width: 58px; height: 40px; font-size: 20px; color: var(--bizgrow-black); background-color: var(--bizgrow-white); border-top-right-radius: 20px; border-bottom-right-radius: 20px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .project-one__arrow a:hover { color: var(--bizgrow-white); background-color: var(--bizgrow-black); } .project-one__carousel.owl-carousel .owl-stage-outer { overflow: visible; } /*-------------------------------------------------------------- # Work Process --------------------------------------------------------------*/ .work-process { position: relative; display: block; overflow: hidden; z-index: 1; } .work-process__bg { position: absolute; top: 0; left: 0; bottom: 0; width: calc((100% - -103px) / 2); background-size: cover; background-repeat: no-repeat; background-position: top left; z-index: -1; } .work-process__shape-2 { position: absolute; bottom: -65px; left: -52px; width: 370px; height: 370px; border-radius: 50%; background-color: rgba(var(--bizgrow-primary-rgb), .90); z-index: -1; } .work-process__video-link { position: absolute; bottom: 100px; left: 100px; z-index: 2; } .work-process__video-icon { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 95px; height: 95px; line-height: 95px; text-align: center; font-size: 18px; color: var(--bizgrow-white); background-color: var(--bizgrow-black); border-radius: 50%; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .work-process__video-icon:hover { background-color: var(--bizgrow-base); color: var(--bizgrow-white); } .work-process__video-icon::before { content: ""; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border: 2px solid #E49900; border-radius: 50%; } .work-process__video-link .ripple, .work-process__video-icon .ripple:before, .work-process__video-icon .ripple:after { position: absolute; top: 50%; left: 50%; width: 115px; height: 115px; border-radius: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -ms-box-shadow: 0 0 0 0 rgba(var(--bizgrow-black-rgb), 0.6); -o-box-shadow: 0 0 0 0 rgba(var(--bizgrow-black-rgb), 0.6); -webkit-box-shadow: 0 0 0 0 rgba(var(--bizgrow-black-rgb), 0.6); box-shadow: 0 0 0 0 rgba(var(--bizgrow-black-rgb), 0.6); -webkit-animation: ripple 3s infinite; animation: ripple 3s infinite; } .work-process__video-icon .ripple:before { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; content: ""; position: absolute; } .work-process__video-icon .ripple:after { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; content: ""; position: absolute; } .work-process__right { position: relative; display: block; } .work-process__right .section-title { margin-bottom: 35px; } .work-process__list { position: relative; display: block; } .work-process__list li { position: relative; display: flex; align-items: center; } .work-process__list li + li { margin-top: 30px; } .work-process__icon { position: relative; display: flex; align-items: center; justify-content: center; max-width: 90px; width: 100%; height: 90px; background-color: var(--bizgrow-primary); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .work-process__list li:hover .work-process__icon { background-color: var(--bizgrow-base); } .work-process__icon span { position: relative; display: inline-block; font-size: 50px; color: var(--bizgrow-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .work-process__list li:hover .work-process__icon span { color: var(--bizgrow-white); } .work-process__content { position: relative; display: block; background-color: var(--bizgrow-extra); margin-left: 42px; padding: 31px 35px 30px; z-index: 1; } .work-process__content::before { content: ""; position: absolute; top: 50%; left: -21px; border-top: 16px solid transparent; border-bottom: 16px solid transparent; border-right: 21px solid var(--bizgrow-extra); transform: translateY(-50%); } .work-process__title { font-size: 22px; font-weight: 700; line-height: 32px; } .work-process__title a { color: var(--bizgrow-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .work-process__title a:hover { color: var(--bizgrow-base); } .work-process__text { margin-top: 15px; } .work-process__shape-1 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; background-position: center; z-index: -1; } .work-process__shape-1 img { width: auto; } .work-process__list li:nth-child(2) .work-process__content { margin-left: 0; margin-right: 42px; } .work-process__list li:nth-child(2) .work-process__content::before { left: inherit; right: -21px; border-right: inherit; border-left: 21px solid var(--bizgrow-extra); border-top: 16px solid transparent; border-bottom: 16px solid transparent; } /*-------------------------------------------------------------- # Counter One --------------------------------------------------------------*/ .counter-one { position: relative; display: block; z-index: 2; background: #e42032; } .counter-one__inner { position: relative; display: block; background-color: var(--bizgrow-base); padding: 85px 60px 55px; padding-right: 0; border-top-left-radius: 5px; border-bottom-left-radius: 5px; z-index: 1; } .counter-one__bg { position: absolute; top: 0; left: 0; right: -300px; bottom: 0; background-repeat: no-repeat; background-size: cover; background-position: center; z-index: -1; } .counter-one__inner::before { content: ""; position: absolute; top: 0; left: 0; right: -10000px; bottom: 0; z-index: -1; } .counter-one__count-list { position: relative; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .counter-one__count-list li { position: relative; display: flex; align-items: center; margin-bottom: 30px; } .counter-one__count-list li .icon { position: relative; display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; background-color: var(--bizgrow-white); border-radius: 2px; -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: 1; } .counter-one__count-list li .icon::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 2px; background-color: var(--bizgrow-black); transform: scaleX(0.7) rotateX(20deg); opacity: 0; transition: all 0.4s linear; z-index: -1; } .counter-one__count-list li:hover .icon::before { transform: scaleX(1.0) rotateX(0deg); transition: all 0.4s linear; opacity: 1; } .counter-one__count-list li .icon span { position: relative; display: inline-block; font-size: 45px; color: var(--bizgrow-base); transition: all 500ms linear; transition-delay: 0.1s; transform: scale(1); } .counter-one__count-list li:hover .icon span { transform: scale(0.9); color: var(--bizgrow-white); } .counter-one__count-list li .content { position: relative; display: block; margin-left: 20px; } .counter-one__count-list li .content h3 { font-size: 40px; font-weight: 700; line-height: 50px; color: var(--bizgrow-white); } .counter-one__count-list li .content p { font-size: 20px; font-weight: 600; line-height: 30px; font-family: var(--bizgrow-font-two); color: var(--bizgrow-white); margin-top: 1px; } /*-------------------------------------------------------------- # Team One --------------------------------------------------------------*/ .team-one { position: relative; display: block; z-index: 1; } .team-one__bg { position: absolute; top: 0; left: 0; bottom: 0; width: 37.5%; background-repeat: no-repeat; background-position: left center; background-size: cover; z-index: -1; } .team-one__bg::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(var(--bizgrow-extra-rgb), .95); } .team-one__left { position: relative; display: block; margin-top: 50px; } .team-one__left .section-title { margin-bottom: 30px; } .team-one__btn-box { position: relative; display: block; margin-top: 40px; } .team-one__btn { color: var(--bizgrow-white); background-color: var(--bizgrow-black); } .team-one__btn:hover { color: var(--bizgrow-black); } .team-one__btn::after { background-color: var(--bizgrow-primary); } .team-one__right { position: relative; display: block; margin-right: -300px; z-index: 1; } .team-one__bg-box { position: absolute; top: -236px; left: -30px; right: -10000px; bottom: 0px; z-index: -1; } .team-one__right-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.06; background-repeat: no-repeat; background-position: left center; z-index: -1; } .team-one__carousel { position: relative; display: block; } .team-one__single { position: relative; display: block; background-color: #2F3847; text-align: center; padding: 10px 10px 28px; } .team-one__img-box { position: relative; display: block; } .team-one__img { position: relative; display: block; overflow: hidden; z-index: 1; } .team-one__img:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; background-color: rgba(var(--bizgrow-black-rgb), .30); width: 0%; transform: translateY(100%); transition: all 500ms ease; z-index: 1; } .team-one__single:hover .team-one__img:before { transform: translateY(0); width: 100%; } .team-one__img img { width: 100%; transition: all 500ms ease; transform: scale(1); } .team-one__single:hover .team-one__img img { transform: scale(1.05); } .team-one__content { position: relative; display: block; padding-top: 25px; } .team-one__sub-title { color: #999B9F; } .team-one__title { font-size: 22px; font-weight: 700; line-height: 32px; margin-top: 1px; margin-bottom: 15px; } .team-one__title a { color: var(--bizgrow-white); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .team-one__title a:hover { color: var(--bizgrow-primary); } .team-one__social { position: relative; display: flex; align-items: center; justify-content: center; } .team-one__social a { position: relative; height: 40px; width: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; color: var(--bizgrow-white); background-color: rgba(var(--bizgrow-white-rgb), .2); font-size: 16px; border-radius: 50%; overflow: hidden; -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: 1; } .team-one__social a:hover { color: var(--bizgrow-black); background-color: var(--bizgrow-primary); } .team-one__social a:after { position: absolute; content: ""; top: 0; left: 0; right: 0; height: 100%; background-color: var(--bizgrow-primary); -webkit-transition-delay: .1s; transition-delay: .1s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-duration: .4s; transition-duration: .4s; -webkit-transition-property: all; transition-property: all; opacity: 1; -webkit-transform-origin: top; transform-origin: top; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: scaleY(0); transform: scaleY(0); z-index: -1; } .team-one__social a:hover:after { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); } .team-one__social a + a { margin-left: 10px; } .team-one__carousel.owl-carousel .owl-dots { position: absolute; left: 50%; transform: translateX(-50%); bottom: -50px; } .team-one__carousel.owl-carousel .owl-dots .owl-dot { position: relative; display: inline-block; width: 14px; height: 14px; border-radius: 50%; border: 2px solid rgba(var(--bizgrow-white-rgb), .20); margin: 0px 5px; padding: 0px; transition: all 100ms linear; transition-delay: 0.1s; } .team-one__carousel.owl-carousel .owl-dot.active { border: 2px solid transparent; background-color: rgba(var(--bizgrow-white-rgb), .50); } .team-one__carousel.owl-carousel .owl-dot:focus { outline: none; } .team-one__carousel.owl-carousel .owl-dots .owl-dot span { display: none; } /*-------------------------------------------------------------- # Pricing One --------------------------------------------------------------*/ .pricing-one { position: relative; display: block; padding: 120px 0 90px; z-index: 1; } .pricing-one__single { position: relative; display: block; background-color: var(--bizgrow-extra); text-align: center; margin-bottom: 30px; } .pricing-one__top { position: relative; display: block; background-color: var(--bizgrow-black); padding: 35px 30px 55px; z-index: 1; } .pricing-one__top::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--bizgrow-primary); transform: scaleX(0.7) rotateX(20deg); opacity: 0; transition: all 0.4s linear; z-index: -1; } .pricing-one__single:hover .pricing-one__top::before { transform: scaleX(1.0) rotateX(0deg); transition: all 0.4s linear; opacity: 1; } .pricing-one__top-shape { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 1; background-repeat: no-repeat; background-size: cover; background-position: center; -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: -1; } .pricing-one__single:hover .pricing-one__top-shape { opacity: 0; } .pricing-one__top-shape-2 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; background-repeat: no-repeat; background-size: cover; background-position: center; -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: -1; } .pricing-one__single:hover .pricing-one__top-shape-2 { opacity: 1; } .pricing-one__sub-title { font-weight: 500; color: #999B9F; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .pricing-one__single:hover .pricing-one__sub-title { color: var(--bizgrow-black); } .pricing-one__price { font-size: 45px; font-weight: 700; line-height: 55px; color: var(--bizgrow-white); margin-top: 5px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .pricing-one__single:hover .pricing-one__price { color: var(--bizgrow-black); } .pricing-one__bottom { position: relative; display: block; padding: 0 20px 20px; } .pricing-one__btn-box { position: relative; display: block; margin-top: -25px; } .pricing-one__btn { border-radius: 26px; } .pricing-one__single:hover .pricing-one__btn { background-color: var(--bizgrow-base); color: var(--bizgrow-white); } .pricing-one__btn::before { background-color: var(--bizgrow-white); } .pricing-one__btn::after { background-color: var(--bizgrow-black); } .pricing-one__points { position: relative; display: block; margin-top: 30px; margin-bottom: 30px; } .pricing-one__points li { position: relative; display: flex; align-items: center; justify-content: center; } .pricing-one__points li + li { margin-top: 16px; } .pricing-one__points li .icon { position: relative; display: inline-block; } .pricing-one__points li .icon span { position: relative; display: inline-block; font-size: 15px; color: var(--bizgrow-gray); } .pricing-one__points li p { margin-left: 10px; } .pricing-one__img { position: relative; display: block; overflow: hidden; z-index: 1 } .pricing-one__img::before { background-color: var(--bizgrow-black); position: absolute; height: 0; width: 100%; left: 0; top: 0; opacity: 0; -moz-transition: all 400ms ease-out 0s; -webkit-transition: all 400ms ease-out 0s; -ms-transition: all 400ms ease-out 0s; -o-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; content: ""; z-index: 1; } .pricing-one__single:hover .pricing-one__img::before { height: 100%; opacity: .05; } .pricing-one__img:after { position: absolute; content: ""; background-color: var(--bizgrow-black); height: 100%; width: 100%; left: 0; top: 0; bottom: 0; opacity: 0; z-index: 1; -moz-transition: all 600ms ease-out 0s; -webkit-transition: all 600ms ease-out 0s; -ms-transition: all 600ms ease-out 0s; -o-transition: all 600ms ease-out 0s; transition: all 600ms ease-out 0s; } .pricing-one__single:hover .pricing-one__img:after { height: 0; opacity: .3; } .pricing-one__img img { width: 100%; transition: .5s ease; transform: scale(1.05); } .pricing-one__single:hover .pricing-one__img img { transform: scale(1); } /*-------------------------------------------------------------- # Brand One --------------------------------------------------------------*/ .brand-one { position: relative; display: block; padding: 100px 0 92px; background-color: var(--bizgrow-black); z-index: 1; } .brand-one__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.05; background-repeat: no-repeat; background-size: cover; background-position: center; z-index: -1; } .brand-one__carousel { position: relative; display: block; } .brand-one__single { position: relative; display: block; text-align: center; z-index: 1; } .brand-one__img { position: relative; display: inline-block; opacity: 1; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .brand-one__img:before { position: absolute; content: ''; top: 0; left: 0; right: 0; bottom: 0; border: 2px solid #2B3139; z-index: -1; } .brand-one__single:hover .brand-one__img { opacity: 0; } .brand-one__img > img { position: relative; -webkit-transition: 500ms; transition: 500ms; } .brand-one__hover-img { position: absolute; top: 0; left: 0; right: 0; bottom: 8px; opacity: 0; text-align: center; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .brand-one__hover-img:before { position: absolute; content: ''; top: 0; left: 0; right: 0; bottom: 0; border: 2px solid #2B3139; z-index: -1; } .brand-one__single:hover .brand-one__hover-img { opacity: 1; } .brand-one__hover-img img { width: auto; } .brand-one__text-box { position: relative; display: flex; align-items: center; justify-content: center; color: #999B9F; font-size: 30px; font-weight: 600; line-height: 40px; text-transform: capitalize; margin-bottom: 40px; } .brand-one__text-box h3 { color: #999B9F; font-size: 30px; font-weight: 600; line-height: 40px; font-family: var(--bizgrow-font); margin-left: 6px; margin-right: 2px; } .brand-one__text-box span { margin-right: 6px; } /*-------------------------------------------------------------- # Blog One --------------------------------------------------------------*/ .blog-one { position: relative; display: block; z-index: 1; } .blog-one__single { position: relative; display: block; margin-bottom: 30px; } .blog-one__img-box { position: relative; display: block; } .blog-one__img { position: relative; display: block; overflow: hidden; z-index: 1; } .blog-one__img:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; background-color: rgba(var(--bizgrow-black-rgb), .30); width: 0%; transform: translateY(100%); transition: all 500ms ease; z-index: 1; } .blog-one__single:hover .blog-one__img:before { transform: translateY(0); width: 100%; } .blog-one__img img { width: 100%; transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .7s; transition-property: all; } .blog-one__single:hover .blog-one__img img { transform: scale(1.1) rotate(2deg); } .blog-one__content { position: relative; display: block; background-color: var(--bizgrow-extra); margin-top: -35px; padding: 30px 30px 28px; z-index: 2; } .blog-one__meta { position: relative; display: flex; align-items: center; } .blog-one__meta li { position: relative; display: block; } .blog-one__meta li + li { margin-left: 20px; } .blog-one__meta li a { position: relative; display: flex; align-items: center; font-size: 15px; font-weight: 500; line-height: 20px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .blog-one__meta li a:hover { color: var(--bizgrow-base); } .blog-one__meta li a span { position: relative; margin-right: 6px; color: var(--bizgrow-base); } .blog-one__title { font-size: 22px; font-weight: 700; line-height: 32px; text-transform: capitalize; margin-top: 14px; margin-bottom: 15px; } .blog-one__title a { color: var(--bizgrow-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .blog-one__title a:hover { color: var(--bizgrow-base); } .blog-one__btn { position: relative; display: flex; align-items: center; font-weight: 600; color: var(--bizgrow-black); margin-top: 18px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .blog-one__btn:hover { color: var(--bizgrow-base); } .blog-one__btn span { position: relative; top: -1px; margin-right: 7px; } .blog-one__date { position: absolute; top: 0; left: -70px; } .blog-one__date p { position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; font-size: 27px; font-weight: 700; line-height: 36px; width: 70px; height: 80px; color: var(--bizgrow-black); background-color: var(--bizgrow-primary); } .blog-one__date p span { font-size: 16px; font-weight: 400; line-height: 16px; text-transform: uppercase; } /*-------------------------------------------------------------- # Newsletter One --------------------------------------------------------------*/ .newsletter-one { position: relative; display: block; z-index: 2; } .newsletter-one__inner { position: relative; display: flex; align-items: center; justify-content: space-between; background-color: var(--bizgrow-primary); padding: 80px 80px 80px; border-radius: 5px; z-index: 1; } .newsletter-one__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 5px; background-repeat: no-repeat; background-size: cover; background-position: center; border-top-right-radius: 5px; border-bottom-right-radius: 5px; z-index: -1; } .newsletter-one__title-box { position: relative; display: block; } .newsletter-one__title { font-size: 45px; font-style: normal; font-weight: 700; line-height: 50px; } .newsletter-one__text { font-weight: 500; color: var(--bizgrow-black); margin-top: 7px; } .newsletter-one__form-box { position: relative; display: block; max-width: 745px; width: 100%; } .newsletter-one__form { position: relative; display: flex; align-items: center; justify-content: space-between; } .newsletter-one__input-box { position: relative; display: block; width: 270px; } .newsletter-one__input-box input[type="text"], .newsletter-one__input-box input[type="email"] { height: 60px; width: 100%; border: none; background-color: var(--bizgrow-white); padding-left: 20px; padding-right: 20px; outline: none; font-size: 15px; color: var(--bizgrow-gray); display: block; font-weight: 400; border-radius: 3px; } .newsletter-one__btn-box { position: relative; display: block; } .newsletter-one__btn { border: none; background-color: var(--bizgrow-black); color: var(--bizgrow-white); padding: 17px 26px 17px; } .newsletter-one__btn:hover { color: var(--bizgrow-base); } .newsletter-one__btn::after { background-color: var(--bizgrow-white); } /*-------------------------------------------------------------- # Site Footer --------------------------------------------------------------*/ .site-footer { position: relative; display: block; background-color: #d9141b; overflow: hidden; z-index: 1; } .site-footer__shape-1 { position: absolute; left: 0; top: 80px; opacity: 0.06; z-index: -1; } .site-footer__shape-1 img { width: auto; } .site-footer__shape-2 { position: absolute; right: 0; bottom: 86px; opacity: 0.06; z-index: -1; } .site-footer__shape-2 img { width: auto; } .site-footer__top { position: relative; display: block; } .footer-widget__about { position: relative; display: block; } .footer-widget__logo { position: relative; display: block; } .footer-widget__about-text { margin-top: 25px; margin-bottom: 36px; color: #999B9F; } .site-footer__social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 20px; } .site-footer__social a { position: relative; height: 42px; width: 42px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; color: var(--bizgrow-white); background-color: rgba(var(--bizgrow-white-rgb), .20); font-size: 16px; border-radius: 50%; overflow: hidden; -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: 1; } .site-footer__social a:hover { color: var(--bizgrow-white); background-color: var(--bizgrow-base); } .site-footer__social a:after { position: absolute; content: ""; top: 0; left: 0; right: 0; height: 100%; background-color: var(--bizgrow-base); -webkit-transition-delay: .1s; transition-delay: .1s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-duration: .4s; transition-duration: .4s; -webkit-transition-property: all; transition-property: all; opacity: 1; -webkit-transform-origin: top; transform-origin: top; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: scaleY(0); transform: scaleY(0); z-index: -1; } .site-footer__social a:hover:after { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); } .site-footer__social a + a { margin-left: 10px; } .footer-widget__title-box { position: relative; display: block; margin-bottom: 30px; } .footer-widget__title { font-size: 20px; font-weight: 700; line-height: 30px; color: var(--bizgrow-white); } .footer-widget__usefull-link { position: relative; display: block; margin-left: 70px; } .footer-widget__link-box { position: relative; display: flex; } .footer-widget__link { position: relative; display: block; } .footer-widget__link li { position: relative; display: block; } .footer-widget__link li + li { margin-top: 10px; } .footer-widget__link li a { color: #999B9F; text-transform: capitalize; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .footer-widget__link li a:hover { color: var(--bizgrow-base); } .footer-widget__link-2 { margin-left: 55px; } .footer-widget__services { position: relative; display: block; margin-left: 24px; } .footer-widget__instagram { position: relative; display: block; margin-left: 30px; } .footer-widget__instagram-list { position: relative; display: flex; align-items: center; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .footer-widget__instagram-list li { position: relative; flex: 0 0 33.333333%; max-width: 33.333333%; width: 100%; padding-left: 5px; padding-right: 5px; margin-bottom: 10px; } .footer-widget__instagram-img { position: relative; display: block; overflow: hidden; border-radius: 4px; z-index: 1; } .footer-widget__instagram-img:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ""; background-color: rgba(var(--bizgrow-base-rgb), .50); transition: all 700ms ease; transform: translateY(-100%); z-index: 1; } .footer-widget__instagram-list li:hover .footer-widget__instagram-img:before { transform: translateY(0%); } .footer-widget__instagram-img img { width: 100%; border-radius: 4px; transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .7s; transition-property: all; } .footer-widget__instagram-list li:hover .footer-widget__instagram-img img { transform: scale(1.1) rotate(2deg); } .footer-widget__instagram-img a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; font-size: 17px; color: var(--bizgrow-white); transform: translateY(100px); opacity: 0; transition: all 700ms ease; z-index: 2; } .footer-widget__instagram-list li:hover .footer-widget__instagram-img a { transform: translateY(0px); opacity: 1; transition-delay: 0.3s; } .footer-widget__instagram-list li .footer-widget__instagram-img a:hover { color: var(--bizgrow-white); } .site-footer__bottom { position: relative; display: block; border-top: 1px solid rgba(var(--bizgrow-white-rgb), .10); } .site-footer__bottom-inner { position: relative; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 30px 0 29px; } .site-footer__bottom-text { color: #999B9F; } .site-footer__bottom-text a { font-weight: 500; color: var(--bizgrow-primary); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .site-footer__bottom-text a:hover { color: var(--bizgrow-base); } .site-footer__bottom-menu { position: relative; display: flex; align-items: center; } .site-footer__bottom-menu li { position: relative; display: block; } .site-footer__bottom-menu li:before { content: ""; position: absolute; top: 6px; bottom: 7px; left: -5px; width: 1px; background-color: var(--bizgrow-gray); } .site-footer__bottom-menu li:first-child:before { display: none; } .site-footer__bottom-menu li + li { margin-left: 10px; } .site-footer__bottom-menu li a { position: relative; display: flex; align-items: center; font-size: 16px; color: #999B9F; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .site-footer__bottom-menu li a:hover { color: var(--bizgrow-base); } /*-------------------------------------------------------------- # Brand Two --------------------------------------------------------------*/ .brand-two { position: relative; display: block; padding: 65px 0 65px; background-color: var(--bizgrow-base); z-index: 1; } .brand-two__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; background-position: center; z-index: -1; } .brand-two__carousel { position: relative; display: block; } .brand-two__single { position: relative; display: block; text-align: center; z-index: 1; } .brand-two__img { position: relative; display: flex; opacity: 1; -webkit-transition: all 500ms ease; transition: all 500ms ease; align-items: center; justify-content: center; } .brand-two__single:hover .brand-two__img { opacity: 0; } .brand-two__img > img { position: relative; -webkit-transition: 500ms; transition: 500ms; width: auto !important; } .brand-two__hover-img { position: absolute; top: 50%; left: 50%; opacity: 0; -webkit-transition: all 500ms ease; transition: all 500ms ease; transform: translateX(-50%) translateY(-50%); } .brand-two__single:hover .brand-two__hover-img { opacity: 1; } .brand-two__hover-img img { width: auto !important; } /*-------------------------------------------------------------- # Feature Three --------------------------------------------------------------*/ .feature-three { position: relative; display: block; padding: 120px 0 90px; z-index: 1; } .feature-three__single { position: relative; display: block; text-align: center; background-color: var(--bizgrow-extra); padding: 35px 35px 35px; margin-bottom: 30px; overflow: hidden; z-index: 1; } .feature-three__single::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--bizgrow-base); transform: scaleX(0.7) rotateX(20deg); opacity: 0; transition: all 0.4s linear; z-index: -1; } .feature-three__single:hover:before { transform: scaleX(1.0) rotateX(0deg); transition: all 0.4s linear; opacity: 1; } .feature-three__shape-2 { position: absolute; left: 0; top: 50px; opacity: 1; transition: all 0.4s linear; z-index: -1; } .feature-three__single:hover .feature-three__shape-2 { opacity: 0; } .feature-three__shape-2 img { width: auto; } .feature-three__shape-3 { position: absolute; left: 0; top: 50px; opacity: 0; transition: all 0.4s linear; z-index: -1; } .feature-three__single:hover .feature-three__shape-3 { opacity: 1; } .feature-three__shape-3 img { width: auto; } .feature-three__icon-box { position: relative; display: inline-block; z-index: 1; } .feature-three__icon { position: relative; display: flex; align-items: center; justify-content: center; width: 85px; height: 85px; background-color: var(--bizgrow-primary); border-radius: 50%; z-index: 1; } .feature-three__icon span { position: relative; display: inline-block; font-size: 49px; color: var(--bizgrow-black); } .feature-three__shape-1 { position: absolute; right: 7px; top: 5px; z-index: -1; } .feature-three__shape-1 img { width: auto; } .feature-three__title { font-size: 22px; font-style: normal; font-weight: 700; line-height: 33px; margin-top: 21px; margin-bottom: 14px; } .feature-three__title a { color: var(--bizgrow-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .feature-three__single:hover .feature-three__title a { color: var(--bizgrow-white); } .feature-three__text { -webkit-transition: all 500ms ease; transition: all 500ms ease; } .feature-three__single:hover .feature-three__text { color: var(--bizgrow-white); } /*-------------------------------------------------------------- # How It Work --------------------------------------------------------------*/ .how-it-work { position: relative; display: block; background-color: var(--bizgrow-black); counter-reset: count; padding: 120px 0 90px; overflow: hidden; z-index: 1; } .how-it-work__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; background-position: center; z-index: -1; } .how-it-work__bg::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(var(--bizgrow-black-rgb), .97); z-index: -1; } .how-it-work .section-title-two__tagline { color: var(--bizgrow-primary); } .how-it-work .section-title-two__title { color: var(--bizgrow-white); } .how-it-work__single { position: relative; display: block; text-align: center; margin-bottom: 50px; } .how-it-work__icon { position: relative; display: flex; align-items: center; justify-content: center; width: 90px; height: 85px; background-color: var(--bizgrow-primary); border-radius: 3px; margin: 0 auto; } .how-it-work__icon::before { content: ""; position: absolute; bottom: -22px; left: 50%; transform: translateX(-50%); border-top: 22px solid var(--bizgrow-primary); border-left: 16px solid transparent; border-right: 16px solid transparent; } .how-it-work__icon span { position: relative; display: inline-block; font-size: 50px; color: var(--bizgrow-black); -webkit-transition: all 500ms linear; transition: all 500ms linear; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .how-it-work__single:hover .how-it-work__icon span { transform: scale(.9); } .how-it-work__content { position: relative; display: block; background-color: #2F3847; margin-top: 47px; padding: 36px 30px 51px; z-index: 1; } .how-it-work__content::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--bizgrow-white); transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; transform-origin: bottom right; -webkit-transform: scale(1, 0); transform: scale(1, 0); transition: all 900ms ease; z-index: -1; } .how-it-work__single:hover .how-it-work__content::before { -webkit-transform: scale(1, 1); transform: scale(1, 1); transform-origin: top center; } .how-it-work__title { font-size: 22px; font-weight: 700; line-height: 33px; } .how-it-work__title a { color: var(--bizgrow-white); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .how-it-work__single:hover .how-it-work__title a { color: var(--bizgrow-black); } .how-it-work__text { color: #999B9F; line-height: 27px; margin-top: 14px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .how-it-work__single:hover .how-it-work__text { color: var(--bizgrow-gray); } .how-it-work__count { position: absolute; bottom: -20px; width: 150px; height: 40px; background-color: var(--bizgrow-white); border-radius: 20px; transform: translateX(-50%); left: 50%; z-index: 1; } .how-it-work__count:before { position: absolute; top: 8px; left: 0; right: 0; font-size: 18px; font-weight: 700; line-height: 25px; text-transform: uppercase; counter-increment: count; font-family: var(--bizgrow-font-two); content: "step 0"counter(count); transition: all 200ms linear; transition-delay: 0.1s; color: var(--bizgrow-gray); text-align: center; } .how-it-work__single:hover .how-it-work__count::before { color: var(--bizgrow-white); } .how-it-work__count::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 20px; background-color: var(--bizgrow-base); transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; transform-origin: left center; -webkit-transform: scale(1, 0); transform: scale(1, 0); transition: all 900ms ease; z-index: -1; } .how-it-work__single:hover .how-it-work__count::after { -webkit-transform: scale(1, 1); transform: scale(1, 1); transform-origin: center right; } .how-it-work__shape-1 { position: absolute; top: 7px; right: -61px; opacity: .20; } .how-it-work__shape-1 img { width: auto; } /*-------------------------------------------------------------- # Services Two --------------------------------------------------------------*/ .services-two { position: relative; display: block; padding: 120px 0 80px; z-index: 1; } .services-two__bg { position: absolute; top: 0; right: 0; bottom: 0; width: calc((100% - -75px) / 3); background-size: cover; background-repeat: no-repeat; background-position: top left; z-index: -1; } .services-two__left { position: relative; display: block; } .services-two__left-top { position: relative; display: flex; align-items: center; justify-content: space-between; margin-bottom: 39px; } .services-two__left-top .section-title-two { margin-bottom: 0; } .services-two__btn-box { position: relative; display: block; top: 14px; } .services-two__btn { border: 2px solid #EEEFF1; background: rgba(228, 32, 50, 0.00); padding: 11px 24px 11px; } .services-two__btn:hover { border: 2px solid var(--bizgrow-black); } .services-two__single { position: relative; display: flex; align-items: center; background-color: var(--bizgrow-extra); padding: 30px 45px 29px; margin-bottom: 40px; z-index: 1; } .services-two__single::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--bizgrow-base); background-position: bottom left; -webkit-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: bottom center; transform-origin: bottom center; -webkit-transition: -webkit-transform 500ms ease; transition: -webkit-transform 500ms ease; transition: transform 500ms ease; transition: transform 500ms ease, -webkit-transform 500ms ease; z-index: -1; } .services-two__single:hover::before { -webkit-transform: scale(1, 1); transform: scale(1, 1); } .services-two__shape-1 { position: absolute; bottom: 0; right: 0; -webkit-transition: all 500ms ease; transition: all 500ms ease; transform: scale(1); z-index: -1; } .services-two__single:hover .services-two__shape-1 { transform: scale(0); transition-delay: 200ms; } .services-two__shape-1 img { width: auto; } .services-two__hover-shape-1 { position: absolute; bottom: 0; right: 0; -webkit-transition: all 500ms ease; transition: all 500ms ease; transform: scale(0); z-index: -1; } .services-two__single:hover .services-two__hover-shape-1 { transform: scale(1); transition-delay: 200ms; } .services-two__hover-shape-1 img { width: auto; } .services-two__icon-box { position: relative; display: inline-block; max-width: 90px; width: 100%; } .services-two__icon { position: relative; display: flex; align-items: center; justify-content: center; width: 90px; height: 90px; background-color: var(--bizgrow-primary); border-radius: 50%; z-index: 1; } .services-two__icon span { position: relative; display: inline-block; font-size: 50px; color: var(--bizgrow-black); -webkit-transition: all 500ms linear; transition: all 500ms linear; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .services-two__single:hover .services-two__icon span { transform: scale(.9); } .services-two__icon-shape { position: absolute; top: 5px; right: 5px; z-index: -1; } .services-two__icon-shape img { width: auto; } .services-two__content { position: relative; display: block; margin-left: 26px; } .services-two__title { font-size: 22px; font-weight: 700; line-height: 32px; } .services-two__title a { color: var(--bizgrow-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .services-two__single:hover .services-two__title a { color: var(--bizgrow-white); } .services-two__text { margin-top: 10px; margin-bottom: 19px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .services-two__single:hover .services-two__text { color: var(--bizgrow-white); } .services-two__read-more { position: relative; display: flex; align-items: center; font-size: 16px; font-weight: 600; color: var(--bizgrow-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .services-two__single:hover .services-two__read-more { color: var(--bizgrow-white); } .services-two__read-more span { position: relative; margin-right: 7px; top: -1px; } /*-------------------------------------------------------------- # CTA One --------------------------------------------------------------*/ .cta-one { position: relative; display: block; background-color: var(--bizgrow-black); z-index: 1; } .cta-one__inner { position: relative; display: flex; align-items: center; padding: 60px 0 60px; } .cta-one__left { position: relative; display: flex; align-items: center; top: -9px; } .cta-one__icon { position: relative; display: block; } .cta-one__icon img { width: auto; } .cta-one__left-text { font-size: 22px; font-weight: 700; line-height: 32px; font-family: var(--bizgrow-font-two); color: var(--bizgrow-white); margin-left: 20px; } .cta-one__right { position: relative; display: block; margin-left: 66px; padding-left: 66px; } .cta-one__right::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 1px; background-color: rgba(var(--bizgrow-white-rgb), .2); } .cta-one__title { font-size: 45px; font-weight: 700; line-height: 55px; text-transform: uppercase; color: var(--bizgrow-white); } .cta-one__text { position: relative; display: inline-block; font-size: 30px; font-weight: 400; line-height: 40px; color: var(--bizgrow-black); background-color: var(--bizgrow-primary); font-family: var(--bizgrow-font-two); padding: 10px 22px 10px; margin-top: 15px; margin-bottom: 20px; } .cta-one__btn-box { position: relative; display: block; } .cta-one__btn { background-color: var(--bizgrow-white); border-radius: 0; } .cta-one__btn:hover { color: var(--bizgrow-black); } .cta-one__btn::after { background-color: var(--bizgrow-primary); } /*-------------------------------------------------------------- # Team Two --------------------------------------------------------------*/ .team-two { position: relative; display: block; background-color: var(--bizgrow-extra); padding: 120px 0 280px; z-index: 1; } .team-two__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; background-position: center; z-index: -1; } .team-two__bottom { position: relative; display: block; } .team-two__carousel { position: relative; display: block; } .team-two__single { position: relative; display: block; background: var(--bizgrow-white); box-shadow: 0px 1px 4px 0px rgba(3, 4, 27, 0.04); padding: 20px 20px 28px; text-align: center; } .team-two__img-box { position: relative; display: block; } .team-two__img { position: relative; display: block; overflow: hidden; z-index: 1; } .team-two__img::before { position: absolute; content: ''; top: 0; left: 0; right: 0; bottom: 0; background: var(--bizgrow-black); opacity: 0; transition: background-color 0.5s ease; transition: all 0.5s ease; z-index: 1; } .team-two__single:hover .team-two__img::before { opacity: .50; } .team-two__img img { width: 100%; transform: scale3d(1, 1, 1); transition: transform 1s ease-in-out; } .team-two__single:hover .team-two__img img { transform: scale(1.05) rotate(0deg); } .team-two__content { position: relative; display: block; padding-top: 41px; } .team-two__name { font-size: 22px; font-weight: 700; line-height: 33px; } .team-two__name a { color: var(--bizgrow-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .team-two__name a:hover { color: var(--bizgrow-base); } .team-two__sub-title { margin-top: 4px; } .team-two__social { position: absolute; left: 0px; bottom: -25px; right: 0px; display: flex; align-items: center; justify-content: center; width: 50px; margin: 0 auto; z-index: 2; } .team-two__social span { position: relative; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; font-size: 21px; color: var(--bizgrow-gray); border-radius: 50%; background-color: var(--bizgrow-white); filter: drop-shadow(0px 2px 10px rgba(3, 4, 27, 0.08)); } .team-two__social ul { position: absolute; bottom: 0px; display: flex; align-items: center; justify-content: center; border-radius: 25px; background: #FFF; box-shadow: 0px 2px 10px 0px rgba(3, 4, 27, 0.08); padding: 10px 5px 10px; flex-direction: column; white-space: nowrap; visibility: hidden; -webkit-transform-origin: bottom center; transform-origin: bottom center; -webkit-transform: scaleY(0) translateZ(100px); transform: scaleY(0) translateZ(100px); -webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease; transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease; transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease; transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease, -webkit-transform 700ms ease; z-index: 1; } .team-two__social:hover ul { visibility: visible; -webkit-transform: scaleY(1) translateZ(0px); transform: scaleY(1) translateZ(0px); } .team-two__social ul li { position: relative; display: block; margin-bottom: 10px; } .team-two__social ul li:last-child { margin-bottom: 0; } .team-two__social ul li a { position: relative; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; font-size: 16px; color: var(--bizgrow-gray); border-radius: 50%; background-color: var(--bizgrow-extra); text-align: center; transition: all 200ms linear; transition-delay: 0.1s; z-index: 1; } .team-two__social ul li a:hover { color: #ffffff; } .team-two__social ul li a:before { position: absolute; top: -1px; left: -1px; bottom: -1px; right: -1px; background-color: var(--bizgrow-base); content: ""; opacity: 0; transform: scale(0.5); transform-style: preserve-3d; transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52); z-index: -1; } .team-two__social ul li:hover a:before { opacity: 1; transform: scale(1); border-radius: 50%; } .team-two__carousel.owl-theme .owl-nav { margin: 0; position: absolute; display: flex; align-items: center; justify-content: space-between; left: -100px; right: -100px; top: 50%; transform: translateY(-50%); height: 0; line-height: 0; } .team-two__carousel.owl-theme .owl-nav .owl-next { height: 50px; width: 50px; line-height: 50px; color: var(--bizgrow-gray); background: var(--bizgrow-white); border-top-right-radius: 25px; border-bottom-right-radius: 25px; font-size: 16px; margin: 0; text-align: center; -webkit-transition: all 500ms ease; transition: all 500ms ease; position: relative; display: inline-block; } .team-two__carousel.owl-theme .owl-nav .owl-prev { height: 50px; width: 50px; line-height: 50px; color: var(--bizgrow-gray); background: var(--bizgrow-white); border-top-left-radius: 25px; border-bottom-left-radius: 25px; font-size: 16px; margin: 0; text-align: center; -webkit-transition: all 500ms ease; transition: all 500ms ease; position: relative; display: inline-block; } .team-two__carousel.owl-theme .owl-nav .owl-next { margin-left: 5px; } .team-two__carousel.owl-theme .owl-nav .owl-prev { margin-right: 5px; } .team-two__carousel.owl-theme .owl-nav .owl-next span, .team-two__carousel.owl-theme .owl-nav .owl-prev span { position: relative; display: flex; align-items: center; justify-content: center; } .team-two__carousel.owl-theme .owl-nav .owl-next:hover, .team-two__carousel.owl-theme .owl-nav .owl-prev:hover { background-color: var(--bizgrow-base); color: var(--bizgrow-white); } /*-------------------------------------------------------------- # Counter Two --------------------------------------------------------------*/ .counter-two { position: relative; display: block; margin-top: -160px; z-index: 2; } .counter-two__inner { position: relative; display: block; padding: 60px 0 38px; border: 30px solid var(--bizgrow-base); background-color: var(--bizgrow-extra); } .counter-two__count-list { position: relative; display: flex; align-items: center; flex-wrap: wrap; } .counter-two__count-list li { position: relative; text-align: center; flex: 0 0 25%; max-width: 25%; width: 100%; margin-bottom: 22px; } .counter-two__single { position: relative; display: block; text-align: center; } .counter-two__single::before { content: ""; position: absolute; top: -60px; right: 0; bottom: -60px; width: 1px; background-color: #E2E2E2; } .counter-two__count-list li:last-child .counter-two__single::before { display: none; } .counter-two__icon-box { position: relative; display: inline-block; z-index: 1; } .counter-two__icon-shape { position: absolute; top: 5px; right: 7px; z-index: -1; } .counter-two__icon-shape img { width: auto; } .counter-two__icon { position: relative; display: flex; align-items: center; justify-content: center; width: 90px; height: 90px; background-color: var(--bizgrow-primary); border-radius: 50%; margin: 0 auto; z-index: 1; } .counter-two__icon::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 2px; border-radius: 50%; background-color: var(--bizgrow-black); transform: scaleX(0.7) rotateX(20deg); opacity: 0; transition: all 0.4s linear; z-index: -1; } .counter-two__count-list li:hover .counter-two__icon::before { transform: scaleX(1.0) rotateX(0deg); transition: all 0.4s linear; opacity: 1; } .counter-two__icon span { position: relative; display: inline-block; font-size: 42px; color: var(--bizgrow-black); transition: all 500ms linear; transition-delay: 0.1s; transform: scale(1); } .counter-two__count-list li:hover .counter-two__icon span { transform: scale(0.9); color: var(--bizgrow-white); } .counter-two__content { position: relative; display: block; margin-top: 26px; } .counter-two__content h3 { font-size: 45px; font-weight: 700; line-height: 55px; } .counter-two__content p { font-size: 18px; font-weight: 600; line-height: 28px; margin-top: 1px; } /*-------------------------------------------------------------- # Project Two --------------------------------------------------------------*/ .project-two { position: relative; display: block; padding: 120px 0 90px; z-index: 2; } .project-two .container { max-width: 1850px; } .project-two__single { position: relative; display: block; margin-bottom: 30px; } .project-two__img-box { position: relative; display: block; } .project-two__img { position: relative; display: block; border-radius: 5px; overflow: hidden; z-index: 1; } .project-two__img:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(var(--bizgrow-black-rgb), .50); visibility: hidden; -webkit-transform-origin: top center; transform-origin: top center; -webkit-transform: scaleY(0) translateZ(100px); transform: scaleY(0) translateZ(100px); -webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease; transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease; transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease; transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease, -webkit-transform 700ms ease; z-index: 1; } .project-two__single:hover .project-two__img:before { visibility: visible; -webkit-transform: scaleY(1) translateZ(0px); transform: scaleY(1) translateZ(0px); } .project-two__img img { width: 100%; border-radius: 5px; transition: all 500ms ease; transform: scale(1); } .project-two__single:hover .project-two__img img { transform: scale(1.05); } .project-two__content { position: absolute; left: 65px; right: 65px; bottom: 123px; background-color: var(--bizgrow-white); border-radius: 10px; display: flex; align-items: center; padding: 26px 30px 50px; background-position: center bottom; transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .5s; transition-property: all; transform-origin: bottom; transform-style: preserve-3d; transform: scaleY(0); z-index: 2; } .project-two__single:hover .project-two__content { transform: scaleY(1.0); } .project-two__icon { position: relative; display: inline-block; } .project-two__icon span { position: relative; display: inline-block; font-size: 53px; color: var(--bizgrow-base); transition: all 500ms linear; transition-delay: 0.1s; transform: scale(1); } .project-two__content:hover .project-two__icon span { transform: scale(0.9); } .project-two__title { margin-left: 16px; font-size: 22px; font-weight: 700; line-height: 32px; } .project-two__title a { color: var(--bizgrow-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .project-two__title a:hover { color: var(--bizgrow-base); } .project-two__arrow { position: absolute; bottom: -23px; left: 104px; } .project-two__arrow a { position: relative; display: flex; align-items: center; justify-content: center; width: 60px; height: 46px; font-size: 20px; font-weight: 900; color: var(--bizgrow-black); background-color: var(--bizgrow-primary); border-top-right-radius: 23px; border-bottom-right-radius: 23px; -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .project-two__single:hover .project-two__arrow a { -webkit-transform: scale(1); transform: scale(1); transition-delay: 500ms; opacity: 1; } .project-two__arrow a:hover { color: var(--bizgrow-white); background-color: var(--bizgrow-base); } /*-------------------------------------------------------------- # Strategy One --------------------------------------------------------------*/ .strategy-one { position: relative; display: block; z-index: 1; } .strategy-one__bg-box { position: absolute; left: 0; right: 0; top: -270px; bottom: 130px; background-color: var(--bizgrow-extra); z-index: -1; } .strategy-one__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 76px; opacity: .10; background-repeat: no-repeat; background-size: cover; background-position: center; z-index: -1; } .strategy-one__left { position: relative; display: block; margin-right: 48px; } .strategy-one__form-box { position: relative; display: block; background-color: var(--bizgrow-black); padding: 41px 40px 50px; } .strategy-one__title { font-size: 30px; font-weight: 700; line-height: 40px; text-transform: capitalize; margin-bottom: 30px; color: var(--bizgrow-white); } .strategy-one__form { position: relative; display: block; } .strategy-one__input-box { position: relative; display: block; margin-bottom: 15px; } .strategy-one__input-box input[type="text"], .strategy-one__input-box input[type="email"] { height: 65px; width: 100%; border: none; background-color: #2F3847; border-radius: 2px; padding-left: 20px; padding-right: 20px; outline: none; font-size: 15px; color: #999B9F; display: block; font-weight: 400; } .strategy-one__showing-sort { position: relative; display: block; width: 100%; } .strategy-one__showing-sort .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { position: relative; display: block; width: 100% !important; } .strategy-one__showing-sort .bootstrap-select > .dropdown-toggle::after { display: none; } .strategy-one__showing-sort .bootstrap-select > .dropdown-toggle { position: relative; height: 65px; outline: none !important; border: none; color: #999B9F; background-color: #2F3847; border-radius: 2px; margin: 0; padding: 0; font-size: 15px; line-height: 65px; font-weight: 400; padding-left: 25px; box-shadow: none !important; background-repeat: no-repeat; background-size: 14px 12px; background-position: right 25.75px center; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .strategy-one__showing-sort .bootstrap-select > .dropdown-toggle:before { position: absolute; top: -2px; bottom: 0; right: 26px; font-family: "Font Awesome 5 Free"; content: "\f107"; font-weight: 900; font-size: 14px; color: var(--bizgrow-gray); } .strategy-one__showing-sort .dropdown-menu { border-radius: 0; } .strategy-one__showing-sort .bootstrap-select .dropdown-menu > li > a { font-size: 15px; font-weight: 400; text-transform: capitalize; } .strategy-one__showing-sort .bootstrap-select .dropdown-menu > li.selected > a { background: var(--bizgrow-primary); color: #fff; } .strategy-one__showing-sort .bootstrap-select .dropdown-menu > li > a:hover { background: var(--bizgrow-primary); color: var(--bizgrow-white); cursor: pointer; } .strategy-one__input-box textarea { font-size: 15px; color: var(--bizgrow-gray); height: 156px; width: 100%; color: #999B9F; background-color: #2F3847; padding: 15px 20px 30px; border-radius: 2px; border: none; outline: none; font-weight: 400; text-transform: capitalize; } .strategy-one__input-box.text-message-box { height: 156px; } .strategy-one__btn { width: 100%; border: none; padding: 20px 25px 20px; } .strategy-one__btn:hover { color: var(--bizgrow-black); } .strategy-one__btn::after { background-color: var(--bizgrow-white); } .strategy-one__right { position: relative; display: block; margin-right: 112px; } .strategy-one__right .section-title-two { margin-bottom: 33px; } .strategy-one__progress-list { position: relative; display: block; margin-top: 27px; margin-bottom: 149px; } .strategy-one__progress { position: relative; display: block; } .strategy-one__progress + .strategy-one__progress { margin-top: 31px; } .strategy-one__progress-title { font-size: 14px; font-weight: 600; line-height: 26px; color: var(--bizgrow-black); margin-bottom: 9px; text-transform: uppercase; font-family: var(--bizgrow-font); } .strategy-one__progress .bar { position: relative; width: 100%; height: 20px; background-color: var(--bizgrow-white); } .strategy-one__progress .bar-inner { position: relative; display: block; width: 0px; height: 20px; background-color: var(--bizgrow-base); -webkit-transition: all 1500ms ease; -ms-transition: all 1500ms ease; -o-transition: all 1500ms ease; -moz-transition: all 1500ms ease; transition: all 1500ms ease; } .strategy-one__progress:last-child .bar-inner { background-color: var(--bizgrow-primary); } .strategy-one__progress .count-text { position: absolute; right: -6px; bottom: 30px; color: var(--bizgrow-gray); line-height: 26px; font-size: 16px; text-align: center; font-weight: 500; opacity: 0; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; } .strategy-one__progress .bar-inner.counted .count-text { opacity: 1; } .strategy-one__progress .bar.marb-0 { margin-bottom: 0; } .strategy-one__progress-wrap { display: grid; grid-template-columns: 1fr; } @media (min-width: 768px) { .strategy-one__progress-wrap { grid-template-columns: repeat(3, 325px); } } .strategy-one__circle-progress { position: relative; display: flex; align-items: center; } .strategy-one__progress-box { position: relative; display: inline-block; top: 5px; } .strategy-one__progress-box canvas { transform: rotate(87deg); } .strategy-one__progress-box span { position: absolute; top: 50%; left: 50%; display: block; transform: translateY(-50%) translateX(-50%); font-size: 22px; font-weight: 700; line-height: 1; color: var(--bizgrow-black); font-family: var(--bizgrow-font-two); } .strategy-one__progress-content { position: relative; display: block; margin-left: 30px; } .strategy-one__progress-content h3 { font-size: 22px; line-height: 32px; font-weight: 700; color: var(--bizgrow-black); } /*-------------------------------------------------------------- # Why Choose Two --------------------------------------------------------------*/ .why-choose-two { position: relative; display: block; padding: 120px 0 120px; z-index: 1; } .why-choose-two__left { position: relative; display: block; margin-right: 40px; } .why-choose-two__left .section-title-two { margin-bottom: 30px; } .why-choose-two__btn-box { position: relative; display: block; margin-top: 41px; margin-bottom: 72px; } .why-choose-two__contact-box { position: relative; display: flex; align-items: center; max-width: 308px; width: 100%; background-color: var(--bizgrow-black); border-radius: 3px; padding: 31px 30px 29px; z-index: 1; } .why-choose-two__contact-icon { position: relative; display: inline-block; } .why-choose-two__contact-icon span { position: relative; display: inline-block; font-size: 53px; color: var(--bizgrow-primary); transition: all 500ms linear; transition-delay: 0.1s; transform: scale(1); } .why-choose-two__contact-box:hover .why-choose-two__contact-icon span { transform: scale(0.9); } .why-choose-two__contact-content { position: relative; display: block; margin-left: 20px; } .why-choose-two__contact-content > p { color: #999B9F; font-weight: 500; margin-bottom: 6px; } .why-choose-two__number { font-size: 22px; font-weight: 700; line-height: 26px; color: var(--bizgrow-white); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .why-choose-two__number:hover { color: var(--bizgrow-primary); } .why-choose-two__bg-icon { position: absolute; top: 6px; right: 30px; z-index: -1; } .why-choose-two__bg-icon > span { position: relative; display: inline-block; font-size: 101px; color: rgba(var(--bizgrow-white-rgb), .10); } .why-choose-two__middle { position: relative; display: block; } .why-choose-two__img { position: relative; display: block; overflow: hidden; z-index: 1; } .why-choose-two__img::before { position: absolute; top: 0; left: -100%; display: block; content: ''; width: 50%; height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, .7) 0%, rgba(255, 255, 255, .3) 100%); transform: skewX(25deg); z-index: 1; } .why-choose-two__middle:hover .why-choose-two__img::before { -webkit-animation: shine 1.9s; animation: shine 1.9s; } .why-choose-two__img img { width: 100%; border-radius: 5px; transition: all 500ms linear; transition-delay: 0.2s; } .why-choose-two__middle:hover .why-choose-two__img img { transform: scale(1.1) rotate(0deg); transition: all 500ms linear; transition-delay: 0.1s; } .why-choose-two__right { position: relative; display: block; } .why-choose-two__list { position: relative; display: block; } .why-choose-two__list li { position: relative; display: flex; align-items: center; border: 2px solid #eeeff1; border-radius: 3px; padding: 28px 30px 27px; } .why-choose-two__list li + li { margin-top: 30px; } .why-choose-two__list li .icon-box { position: relative; display: inline-block; max-width: 80px; width: 100%; z-index: 1; } .why-choose-two__list li .icon { position: relative; display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; background-color: var(--bizgrow-primary); border-radius: 50%; z-index: 1; } .why-choose-two__list li .icon:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; border-radius: 50%; background-color: var(--bizgrow-black); transform: scale(0); transform-origin: center; transform-style: preserve-3d; transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52); z-index: -1; } .why-choose-two__list li:hover .icon:before { transform: scaleX(1); } .why-choose-two__list li .icon span { position: relative; display: inline-block; font-size: 38px; color: var(--bizgrow-black); transition: all 500ms linear; transition-delay: 0.1s; transform: scale(1); } .why-choose-two__list li:hover .icon span { transform: scale(0.9); color: var(--bizgrow-white); } .why-choose-two__list li .content { position: relative; display: block; margin-left: 20px; } .why-choose-two__list li .content h3 { font-size: 22px; font-weight: 700; line-height: 32px; } .why-choose-two__list li .content h3 a { color: var(--bizgrow-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .why-choose-two__list li .content h3 a:hover { color: var(--bizgrow-primary); } .why-choose-two__list li .content p { margin-top: 15px; } .why-choose-two__icon-shape { position: absolute; top: 5px; right: 7px; z-index: -1; } .why-choose-two__icon-shape img { width: auto; } /*-------------------------------------------------------------- # Testimonial Two --------------------------------------------------------------*/ .testimonial-two { position: relative; display: block; background-color: var(--bizgrow-extra); padding: 120px 0 450px; overflow: hidden; z-index: 1; } .testimonial-two__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.05; background-repeat: no-repeat; background-size: cover; background-position: center; z-index: -1; } .testimonial-two .section-title-two { margin-bottom: 99px; } .testimonial-two__bottom { position: relative; display: block; } .testimonial-two__carousel { position: relative; display: block; } .testimonial-two__single { position: relative; display: block; text-align: center; background-color: var(--bizgrow-white); padding: 79px 47px 43px; z-index: 1; } .testimonial-two__shape-1 { position: absolute; top: 0; right: 0; z-index: -1; } .testimonial-two__shape-1 img { width: auto; } .testimonial-two__img { position: absolute; top: -50px; left: 50%; transform: translateX(-50%); border-radius: 50%; } .testimonial-two__img img { width: auto; border-radius: 50%; } .testimonial-two__ratting { position: relative; display: flex; align-items: center; justify-content: center; } .testimonial-two__ratting li { position: relative; display: block; } .testimonial-two__ratting li + li { margin-left: 6px; } .testimonial-two__ratting li span { position: relative; display: inline-block; font-size: 14px; color: var(--bizgrow-base); } .testimonial-two__name { font-size: 22px; font-weight: 700; line-height: 33px; margin-top: 7px; margin-bottom: 4px; } .testimonial-two__name a { color: #03041C; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .testimonial-two__name a:hover { color: var(--bizgrow-base); } .testimonial-two__text { margin-top: 18px; font-size: 20px; font-weight: 400; line-height: 32px; } .testimonial-two__carousel.owl-theme .owl-nav { margin: 0; position: absolute; display: flex; align-items: center; justify-content: space-between; left: -100px; right: -100px; top: 50%; transform: translateY(-50%); height: 0; line-height: 0; } .testimonial-two__carousel.owl-theme .owl-nav .owl-next { height: 50px; width: 50px; line-height: 50px; color: var(--bizgrow-gray); background: var(--bizgrow-white); border-top-right-radius: 25px; border-bottom-right-radius: 25px; font-size: 16px; margin: 0; text-align: center; -webkit-transition: all 500ms ease; transition: all 500ms ease; position: relative; display: inline-block; } .testimonial-two__carousel.owl-theme .owl-nav .owl-prev { height: 50px; width: 50px; line-height: 50px; color: var(--bizgrow-gray); background: var(--bizgrow-white); border-top-left-radius: 25px; border-bottom-left-radius: 25px; font-size: 16px; margin: 0; text-align: center; -webkit-transition: all 500ms ease; transition: all 500ms ease; position: relative; display: inline-block; } .testimonial-two__carousel.owl-theme .owl-nav .owl-next { margin-left: 5px; } .testimonial-two__carousel.owl-theme .owl-nav .owl-prev { margin-right: 5px; } .testimonial-two__carousel.owl-theme .owl-nav .owl-next span, .testimonial-two__carousel.owl-theme .owl-nav .owl-prev span { position: relative; display: flex; align-items: center; justify-content: center; } .testimonial-two__carousel.owl-theme .owl-nav .owl-next:hover, .testimonial-two__carousel.owl-theme .owl-nav .owl-prev:hover { background-color: var(--bizgrow-base); color: var(--bizgrow-white); } .testimonial-two__carousel.owl-carousel .owl-stage-outer { overflow: visible; } .testimonial-two__carousel.owl-carousel .owl-item { opacity: 0; visibility: hidden; transition: opacity 500ms ease, visibility 500ms ease; } .testimonial-two__carousel.owl-carousel .owl-item.active { opacity: 1; visibility: visible; } /*-------------------------------------------------------------- # FAQ One --------------------------------------------------------------*/ .faq-one { position: relative; display: block; margin-top: -330px; z-index: 2; } .faq-one__left { position: relative; display: block; margin-right: 55px; z-index: 1; } .faq-one__img { position: relative; display: block; } .faq-one__img img { width: 100%; } .faq-one__right { position: relative; display: block; margin-left: -225px; background: #FFF; box-shadow: 0px 6px 15px 0px rgba(3, 4, 27, 0.06); margin-top: 45px; padding: 93px 85px 85px; padding-left: 225px; } .faq-one__right .section-title-two { margin-bottom: 39px; } .faq-one-accrodion .accrodion { position: relative; display: block; border: 2px solid #EEF0F1; background: #FFF; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .faq-one-accrodion .accrodion-title { position: relative; display: block; cursor: pointer; padding: 18px 25px 18px; transition: all 200ms linear; transition-delay: 0.1s; } .faq-one-accrodion .accrodion-title h4 { margin: 0; font-size: 20px; font-weight: 600; line-height: 30px; color: var(--bizgrow-black); position: relative; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .faq-one-accrodion .accrodion + .accrodion { margin-top: 20px; } .faq-one-accrodion .accrodion-title h4::before { content: "\f067"; font-family: "Font Awesome 5 Free"; font-weight: 700; font-size: 13px; color: var(--bizgrow-gray); position: absolute; top: 50%; right: 0; line-height: 15px; border-radius: 50%; display: flex; justify-content: center; align-items: center; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 500ms ease; transition: all 500ms ease; text-align: center; width: 21px; height: 21px; } .faq-one-accrodion .accrodion.active .accrodion-title h4::before { content: "\f068"; color: var(--bizgrow-base); border-radius: 50%; text-align: center; display: flex; justify-content: center; align-items: center; } .faq-one-accrodion .accrodion-content { position: relative; padding-bottom: 20px; margin-top: -3px; padding-left: 25px; padding-right: 30px; } .faq-one-accrodion .accrodion-content p { margin: 0; } /*-------------------------------------------------------------- # Blog Two --------------------------------------------------------------*/ .blog-two { position: relative; display: block; padding: 120px 0 90px; z-index: 1; } .blog-two__single { position: relative; display: block; margin-bottom: 30px; } .blog-two__img-box { position: relative; display: block; } .blog-two__img { position: relative; display: block; overflow: hidden; z-index: 1; } .blog-two__img:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; background-color: rgba(var(--bizgrow-black-rgb), .50); width: 0%; transform: translateY(100%); transition: all 500ms ease; z-index: 1; } .blog-two__single:hover .blog-two__img:before { transform: translateY(0); width: 100%; } .blog-two__img img { width: 100%; transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .7s; transition-property: all; } .blog-two__single:hover .blog-two__img img { transform: scale(1.1) rotate(2deg); } .blog-two__date-and-meta { position: absolute; display: flex; align-items: flex-end; left: 20px; bottom: 6px; z-index: 2; } .blog-two__date { position: relative; display: block; } .blog-two__date p { font-size: 27px; font-style: normal; font-weight: 700; line-height: 36px; color: var(--bizgrow-black); position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 70px; height: 75px; background-color: var(--bizgrow-primary); } .blog-two__date p span { font-size: 16px; font-weight: 400; line-height: 16px; color: var(--bizgrow-black); text-transform: uppercase; position: relative; } .blog-two__meta-box { position: relative; display: block; background-color: var(--bizgrow-white); width: 310px; padding: 10px 20px 9px; } .blog-two__meta { position: relative; display: flex; align-items: center; } .blog-two__meta li { position: relative; display: block; } .blog-two__meta li + li { margin-left: 20px; } .blog-two__meta li a { font-size: 15px; font-weight: 500; line-height: 20px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .blog-two__meta li a:hover { color: var(--bizgrow-base); } .blog-two__meta li a span { position: relative; color: var(--bizgrow-base); margin-right: 6px; } .blog-two__content { position: relative; display: block; margin-top: 14px; background-color: var(--bizgrow-extra); padding: 28px 20px 27px; z-index: 1; } .blog-two__sub-title { font-weight: 500; text-transform: capitalize; } .blog-two__title { font-size: 22px; font-weight: 700; line-height: 32px; margin-top: 5px; } .blog-two__title a { color: var(--bizgrow-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .blog-two__title a:hover { color: var(--bizgrow-base); } .blog-two__shape-1 { position: absolute; bottom: 0; right: 0; z-index: -1; } .blog-two__shape-1 img { width: auto; } .blog-two__btn-box { position: absolute; top: 50%; left: 50%; transform: scale(0) translateX(-50%) translateY(-50%); -webkit-transform: scale(0); opacity: 0; -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: 2; } .blog-two__single:hover .blog-two__btn-box { -webkit-transform: scale(1); transform: scale(1) translateX(-50%) translateY(-50%); transition-delay: 500ms; opacity: 1; } .blog-two__btn { background-color: var(--bizgrow-white); border-radius: 26px; color: var(--bizgrow-base); } /*-------------------------------------------------------------- # Site Footer Two --------------------------------------------------------------*/ .site-footer-two { margin-top: 0; } .site-footer-two__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.06; background-repeat: no-repeat; background-size: cover; background-position: center; z-index: -1; } .site-footer-two .site-footer__top { padding: 100px 0 86px; } .footer-widget__post { position: relative; display: block; } .footer-widget__post-list { position: relative; display: block; } .footer-widget__post-list li { position: relative; display: flex; align-items: center; } .footer-widget__post-list li + li { margin-top: 25px; } .footer-widget__post-img { position: relative; display: block; max-width: 85px; width: 100%; } .footer-widget__post-img img { width: 100%; border-radius: 3px; } .footer-widget__post-content { position: relative; display: block; margin-left: 20px; } .footer-widget__post-content p { color: #999B9F; font-size: 15px; font-weight: 500; line-height: 20px; } .footer-widget__post-content h4 { font-size: 18px; font-weight: 600; line-height: 30px; margin-top: 9px; } .footer-widget__post-content h4 a { color: var(--bizgrow-white); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .footer-widget__post-content h4 a:hover { color: var(--bizgrow-base); } .site-footer-two .site-footer__bottom-inner { justify-content: center; } /*-------------------------------------------------------------- # Page Header --------------------------------------------------------------*/ .page-header { position: relative; display: block; padding: 255px 0 135px; overflow: hidden; z-index: 1; } .page-header__bg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-repeat: no-repeat; background-position: center; background-size: cover; z-index: -1; } .page-header__bg::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(7, 10, 31, .60); z-index: -1; } .page-header__inner { position: relative; display: block; z-index: 15; text-align: center; } .page-header__inner h2 { font-size: 45px; font-weight: 800; line-height: 55px; text-transform: uppercase; color: var(--bizgrow-white); } .thm-breadcrumb__box { position: relative; display: inline-block; background-color: rgba(var(--bizgrow-base-rgb), .70); border-left: 2px solid var(--bizgrow-primary); padding: 7px 20px 6px; margin-bottom: 15px; z-index: 1; } .thm-breadcrumb { position: relative; display: inline-block; } .thm-breadcrumb li { position: relative; display: inline-block; font-size: 14px; font-weight: 600; color: var(--bizgrow-white); text-transform: uppercase; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .thm-breadcrumb li a { position: relative; display: inline-block; color: var(--bizgrow-white); -webkit-transition: all 500ms ease; transition: all 500ms ease; font-family: var(--bizgrow-font-two); } .thm-breadcrumb li:hover a { color: var(--bizgrow-primary); } /*-------------------------------------------------------------- # Blog Page --------------------------------------------------------------*/ .blog-page { position: relative; display: block; padding: 120px 0 120px; } .blog-page__left { position: relative; display: block; } .blog-page__content-box { position: relative; display: block; } .blog-page__single { position: relative; display: block; margin-bottom: 30px; } .blog-page__img-box { position: relative; display: block; } .blog-page__img { position: relative; display: block; overflow: hidden; z-index: 1; } .blog-page__img:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; background-color: rgba(var(--bizgrow-black-rgb), .30); width: 0%; transform: translateY(100%); transition: all 500ms ease; z-index: 1; } .blog-page__single:hover .blog-page__img:before { transform: translateY(0); width: 100%; } .blog-page__img img { width: 100%; transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .7s; transition-property: all; } .blog-page__single:hover .blog-page__img img { transform: scale(1.1) rotate(2deg); } .blog-page__content { position: relative; display: block; background-color: var(--bizgrow-extra); margin-left: 90px; margin-top: -35px; padding: 30px 30px 28px; z-index: 2; } .blog-page__meta { position: relative; display: flex; align-items: center; } .blog-page__meta li { position: relative; display: block; } .blog-page__meta li + li { margin-left: 20px; } .blog-page__meta li a { position: relative; display: flex; align-items: center; font-size: 15px; font-weight: 500; line-height: 20px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .blog-page__meta li a:hover { color: var(--bizgrow-base); } .blog-page__meta li a span { position: relative; margin-right: 6px; color: var(--bizgrow-base); top: -1px; } .blog-page__title { font-size: 30px; font-weight: 700; line-height: 40px; text-transform: capitalize; margin-top: 16px; margin-bottom: 15px; } .blog-page__title a { color: var(--bizgrow-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .blog-page__title a:hover { color: var(--bizgrow-base); } .blog-page__btn { position: relative; display: inline-flex; align-items: center; color: var(--bizgrow-white); background-color: var(--bizgrow-base); margin-top: 22px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .blog-page__btn::before { background-color: var(--bizgrow-primary); } .blog-page__btn > span { top: 0px; } .blog-page__date { position: absolute; top: 0; left: -70px; } .blog-page__date p { position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; font-size: 27px; font-weight: 700; line-height: 36px; width: 70px; height: 80px; color: var(--bizgrow-black); background-color: var(--bizgrow-primary); } .blog-page__date p span { font-size: 16px; font-weight: 400; line-height: 16px; text-transform: uppercase; } .blog-page__video-link { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); z-index: 2; } .blog-page__video-icon { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 82px; height: 82px; line-height: 82px; text-align: center; font-size: 18px; color: var(--bizgrow-base); background-color: var(--bizgrow-white); border-radius: 50%; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .blog-page__video-icon:hover { background-color: var(--bizgrow-base); color: var(--bizgrow-white); } .blog-page__video-icon::before { content: ""; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border: 2px solid rgba(var(--bizgrow-white-rgb), .50); border-radius: 50%; } .blog-page__video-link .ripple, .blog-page__video-icon .ripple:before, .blog-page__video-icon .ripple:after { position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; border-radius: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -ms-box-shadow: 0 0 0 0 rgba(var(--bizgrow-white-rgb), 0.6); -o-box-shadow: 0 0 0 0 rgba(var(--bizgrow-white-rgb), 0.6); -webkit-box-shadow: 0 0 0 0 rgba(var(--bizgrow-white-rgb), 0.6); box-shadow: 0 0 0 0 rgba(var(--bizgrow-white-rgb), 0.6); -webkit-animation: ripple 3s infinite; animation: ripple 3s infinite; } .blog-page__video-icon .ripple:before { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; content: ""; position: absolute; } .blog-page__video-icon .ripple:after { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; content: ""; position: absolute; } .blog-page__pagination { position: relative; display: block; padding-top: 30px; } .blog-page__pagination .pg-pagination li { position: relative; display: inline-block; } .blog-page__pagination .pg-pagination li + li { margin-left: 20px; } .blog-page__pagination .pg-pagination li a { height: 55px; width: 50px; text-align: center; line-height: 55px; display: inline-block; color: var(--bizgrow-black); background-color: transparent; border: 1px solid #EEF0F1; border-radius: 50%; font-weight: 700; font-size: 16px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .blog-page__pagination .pg-pagination li a:hover { background-color: var(--bizgrow-base); color: var(--bizgrow-white); border: 1px solid var(--bizgrow-base); } /*-------------------------------------------------------------- # Sidebar --------------------------------------------------------------*/ @media (max-width: 991px) { .sidebar { margin-top: 50px; } } .sidebar__single + .sidebar__single { margin-top: 30px; } .sidebar { position: relative; display: block; } .sidebar__title-box { position: relative; display: block; margin-bottom: 26px; padding-left: 25px; } .sidebar__title-box::before { position: absolute; top: 9px; left: 0; content: ""; height: 12px; width: 18px; background-image: url("../images/shapes/blog-sidebar-title-shape-1.png"); background-repeat: no-repeat; } .sidebar__title { font-size: 20px; font-weight: 600; line-height: 30px; } .sidebar__search { position: relative; display: block; padding: 28px 35px 35px; background-color: var(--bizgrow-extra); } .sidebar__search-form { position: relative; display: block; } .sidebar__search-form input[type="search"] { display: block; outline: none; background-color: var(--bizgrow-white); font-size: 14px; font-weight: 400; padding-left: 20px; height: 48px; width: 100%; padding-right: 20px; border: 0; color: var(--bizgrow-gray); border-radius: 0; } .sidebar__search-form button[type="submit"] { color: var(--bizgrow-white); font-size: 19px; position: absolute; top: 0; right: 0; max-width: 48px; width: 100%; bottom: 0; outline: none; border: none; display: flex; align-items: center; justify-content: center; padding: 0; border-radius: 0px; background-color: var(--bizgrow-base); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .sidebar__search-form button[type="submit"]:hover { background-color: var(--bizgrow-black); } .sidebar__category { position: relative; display: block; padding: 28px 35px 35px; background-color: var(--bizgrow-extra); } .sidebar__category-list { position: relative; display: block; } .sidebar__category-list li { position: relative; display: block; } .sidebar__category-list li + li { margin-top: 10px; } .sidebar__category-list li a { position: relative; display: flex; align-items: center; justify-content: space-between; background-color: var(--bizgrow-white); color: var(--bizgrow-gray); font-size: 16px; font-weight: 400; padding: 10px 17px 10px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .sidebar__category-list li a:hover { color: var(--bizgrow-white); background-color: var(--bizgrow-base); } .sidebar__post { position: relative; display: block; padding: 28px 35px 35px; background-color: var(--bizgrow-extra); } .sidebar__post-list { position: relative; display: block; } .sidebar__post-list li { position: relative; display: flex; align-items: center; border-bottom: 1px solid #E4E4E1; padding-bottom: 25px; margin-bottom: 25px; } .sidebar__post-list li:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; } .sidebar__post-image { position: relative; display: block; max-width: 100px; width: 100%; } .sidebar__post-image img { width: 100%; } .sidebar__post-content { position: relative; display: block; margin-left: 20px; } .sidebar__post-title { font-size: 18px; line-height: 28px; font-weight: 600; } .sidebar__post-title a { color: var(--bizgrow-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .sidebar__post-title a:hover { color: var(--bizgrow-base); } .sidebar__post-date { font-size: 15px; font-weight: 500; margin-top: 6px; } .sidebar__post-date span { position: relative; display: inline-block; margin-right: 6px; } .sidebar__tag { position: relative; display: block; padding: 28px 30px 35px; background-color: var(--bizgrow-extra); } .sidebar__tag .sidebar__title-box { margin-bottom: 17px; margin-left: 7px; } .sidebar__tag-list a { position: relative; display: inline-block; font-size: 15px; color: var(--bizgrow-gray); font-weight: 500; line-height: 30px; text-transform: capitalize; background-color: var(--bizgrow-white); padding: 5px 18px 5px; margin-left: 7px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .sidebar__tag-list a + a { margin-left: 6px; margin-top: 10px; } .sidebar__tag-list a:hover { background-color: var(--bizgrow-base); color: var(--bizgrow-white); } .sidebar__gallery { position: relative; display: block; padding: 28px 35px 25px; background-color: var(--bizgrow-extra); } .sidebar__gallery-list { position: relative; display: flex; align-items: center; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .sidebar__gallery-list li { position: relative; flex: 0 0 33.333333%; max-width: 33.333333%; width: 100%; padding-left: 5px; padding-right: 5px; margin-bottom: 10px; } .sidebar__gallery-img { position: relative; display: block; overflow: hidden; border-radius: 5px; z-index: 1; } .sidebar__gallery-img:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ""; border-radius: 5px; background-color: rgba(var(--bizgrow-black-rgb), .30); transition: all 700ms ease; transform: translateY(-100%); z-index: 1; } .sidebar__gallery-list li:hover .sidebar__gallery-img:before { transform: translateY(0%); } .sidebar__gallery-img img { width: 100%; border-radius: 5px; transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .7s; transition-property: all; } .sidebar__gallery-list li:hover .sidebar__gallery-img img { transform: scale(1.1) rotate(2deg); } .sidebar__gallery-img a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; font-size: 17px; color: var(--bizgrow-white); transform: translateY(100px); opacity: 0; transition: all 700ms ease; z-index: 2; } .sidebar__gallery-list li:hover .sidebar__gallery-img a { transform: translateY(0px); opacity: 1; transition-delay: 0.3s; } .sidebar__gallery-list li .sidebar__gallery-img a:hover { color: var(--bizgrow-base); } .sidebar__support { position: relative; display: block; background-color: #070A1F; padding: 50px 50px 50px; text-align: center; z-index: 1; } .sidebar__support-bg { position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-repeat: no-repeat; background-position: center; background-size: cover; opacity: .30; z-index: -1; } .sidebar__support-icon { position: relative; display: flex; align-items: center; justify-content: center; height: 100px; width: 100px; background-color: var(--bizgrow-white); border-radius: 50%; font-size: 60px; color: var(--bizgrow-base); margin: 0 auto 0; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .sidebar__support-icon:hover { background-color: var(--bizgrow-base); color: var(--bizgrow-white); } .sidebar__support-title { font-size: 45px; color: var(--bizgrow-white); text-transform: uppercase; font-weight: 700; line-height: 55px; margin-top: 30px; margin-bottom: 30px; } .sidebar__support-btn-box { position: relative; display: block; } .sidebar__support-btn { border-radius: 26px; } .sidebar__support-btn::after { background-color: var(--bizgrow-white); } .sidebar__support-btn:hover { color: var(--bizgrow-base); } /*-------------------------------------------------------------- # Blog Details --------------------------------------------------------------*/ .blog-details { position: relative; display: block; padding: 120px 0 120px; } .blog-details__left { position: relative; display: block; } .blog-details__content-one { position: relative; display: block; } .blog-details__content-one-img { position: relative; display: block; } .blog-details__content-one-img img { width: 100%; } .blog-details__date { position: absolute; bottom: 0; left: 0; z-index: 1; } .blog-details__date p { position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; font-size: 27px; font-weight: 700; line-height: 36px; width: 70px; height: 80px; color: var(--bizgrow-black); background-color: var(--bizgrow-primary); } .blog-details__date p span { font-size: 16px; font-weight: 400; line-height: 16px; text-transform: uppercase; } .blog-details__content-one-details { position: relative; display: block; margin-top: 31px; } .blog-details__meta { position: relative; display: flex; align-items: center; } .blog-details__meta li { position: relative; display: block; } .blog-details__meta li + li { margin-left: 20px; } .blog-details__meta li a { position: relative; display: flex; align-items: center; font-size: 15px; font-weight: 500; line-height: 20px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .blog-details__meta li a:hover { color: var(--bizgrow-base); } .blog-details__meta li a span { position: relative; margin-right: 6px; color: var(--bizgrow-base); top: -1px; } .blog-details__title { font-size: 30px; font-weight: 700; line-height: 40px; text-transform: capitalize; margin-top: 16px; margin-bottom: 25px; } .blog-details__text-1 { margin-bottom: 26px; } .blog-details__quote { position: relative; display: flex; margin-top: 35px; margin-bottom: 35px; } .blog-details__quote-icon { position: relative; display: flex; font-size: 58px; color: var(--bizgrow-base); max-width: 60px; width: 100%; } .blog-details__quote-content { position: relative; display: block; margin-left: 20px; } .blog-details__quote-text { font-size: 20px; line-height: 30px; color: var(--bizgrow-black); font-weight: 600; font-family: var(--bizgrow-font-two); } .blog-details__quote-user { font-size: 14px; font-weight: 600; text-transform: uppercase; margin-top: 15px; } .blog-details__content-two { position: relative; display: block; margin-top: 34px; } .blog-details__content-two-title { font-size: 22px; font-weight: 700; line-height: 32px; margin-bottom: 21px; } .blog-details__content-two-img { position: relative; display: block; margin-top: 38px; margin-bottom: 38px; } .blog-details__content-two-img img { width: 100%; } .blog-details__content-three { position: relative; display: block; margin-top: 34px; } .blog-details__content-three-title { font-size: 22px; font-weight: 700; line-height: 32px; margin-bottom: 21px; } .blog-details__content-three-img-boxes { position: relative; display: block; margin-top: 42px; padding-bottom: 12px; } .blog-details__content-three-img { position: relative; display: block; margin-bottom: 30px; } .blog-details__content-three-img img { width: 100%; } .blog-details__points { position: relative; display: block; margin-top: 26px; } .blog-details__points li { position: relative; display: flex; align-items: center; } .blog-details__points li + li { margin-top: 16px; } .blog-details__points li .icon { position: relative; display: flex; align-items: center; } .blog-details__points li .icon span { position: relative; display: inline-block; font-size: 16px; color: var(--bizgrow-gray); } .blog-details__points li .text { margin-left: 10px; } .blog-details__tag-and-social { position: relative; display: flex; align-items: center; justify-content: space-between; padding-top: 30px; padding-bottom: 30px; border-top: 1px solid #EEF0F1; border-bottom: 1px solid #EEF0F1; margin-top: 35px; margin-bottom: 40px; } .blog-details__tag { position: relative; display: flex; align-items: center; } .blog-details__tag > span { font-size: 16px; font-weight: 500; color: var(--bizgrow-black); position: relative; margin-right: 10px; } .blog-details__tag a { font-size: 16px; color: var(--bizgrow-gray); line-height: 26px; background-color: var(--bizgrow-extra); padding: 5px 20px 5px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .blog-details__tag a:hover { background-color: var(--bizgrow-base); color: var(--bizgrow-white); } .blog-details__tag a + a { margin-left: 10px; } .blog-details__social { position: relative; display: flex; align-items: center; } .blog-details__social > span { font-size: 14px; color: var(--bizgrow-gray); position: relative; margin-right: 10px; } .blog-details__social > a { position: relative; font-size: 16px; color: var(--bizgrow-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .blog-details__social > a:hover { color: var(--bizgrow-base); } .blog-details__social > a + a { margin-left: 10px; } .author { position: relative; display: flex; align-items: center; background-color: var(--bizgrow-extra); padding: 28px 30px 34px; padding-right: 70px; } .author__img { position: relative; display: block; } .author__img img { width: auto; } .author__content { position: relative; display: block; margin-left: 30px; } .author__name { font-size: 22px; font-weight: 600; line-height: 32px; } .author__about { font-size: 14px; font-weight: 500; color: var(--bizgrow-base); text-transform: uppercase; margin-top: 7px; } .author__text { font-size: 15px; line-height: 27px; margin-top: 8px; margin-bottom: 15px; } .author__social { position: relative; display: flex; align-items: center; } .author__social a { font-size: 14px; color: var(--bizgrow-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .author__social a:hover { color: var(--bizgrow-base); } .author__social a + a { margin-left: 20px; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .blog-details__bottom { position: relative; display: block; } .blog-details__comment-and-form { position: relative; display: block; margin-top: 44px; } .comment-one__title, .comment-form__title { margin: 0; color: #202124; font-size: 24px; font-weight: 600; border-bottom: 1px solid #E9E9E9; padding-bottom: 28px; margin-bottom: 40px; } .comment-one__single { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 30px; padding-bottom: 23px; } .comment-one__single::before { content: ""; position: absolute; bottom: 0; left: 70px; right: 0; height: 1px; background-color: #E9E9E9; } .comment-one__single-2::before { left: 0px; } .comment-one__single-2 { margin-left: 70px; } .comment-one__content { position: relative; margin-left: 20px; margin-top: 3px; } .comment-one__content h3 { font-size: 16px; color: var(--bizgrow-black); font-weight: 500; font-family: var(--bizgrow-font); } .comment-one__content span { color: rgba(var(--bizgrow-black-rgb), .70); font-size: 14px; font-weight: 400; color: #667085; } .comment-one__content p { color: #4D4E50; margin-top: 11px; font-size: 16px; line-height: 28px; } .comment-one__btn { position: absolute; top: -1px; right: 0; font-size: 16px; line-height: 23px; color: var(--bizgrow-black); font-weight: 500; -webkit-transition: all 500ms ease; transition: all 500ms ease; display: flex; align-items: center; } .comment-one__btn:hover { color: var(--bizgrow-base); } .comment-one__btn > span { position: relative; font-weight: 900; margin-left: 5px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .comment-one__btn:hover span { color: var(--bizgrow-base); } .comment-one__image { position: relative; display: block; border-radius: 50%; } .comment-one__image img { width: auto; border-radius: 50%; } .comment-form { position: relative; display: block; padding-top: 30px; } .comment-form .comment-form__title { margin-bottom: 11px; font-size: 24px; font-weight: 600; line-height: 32px; border-bottom: none; padding-bottom: 0; } .comment-form__text { font-size: 14px; color: #4D4E50; line-height: 24px; margin-bottom: 43px; } .comment-form__input-box { position: relative; display: block; margin-bottom: 30px; } .comment-form__input-box input[type="text"], .comment-form__input-box input[type="email"] { height: 60px; width: 100%; outline: none; padding-left: 20px; padding-right: 20px; font-size: 14px; font-weight: 400; color: #667085; background-color: transparent; display: block; border: 1px solid #EEF0F1; border-radius: 6px; font-family: var(--bizgrow-font-two); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .comment-form__input-box input[type="text"]:focus, .comment-form__input-box input[type="email"]:focus { border: 1px solid #363739; } .comment-form__input-box textarea { font-size: 14px; font-weight: 400; color: #667085; height: 150px; width: 100%; padding: 15px 20px 30px; outline: none; margin-bottom: 0px; border: 1px solid #EEF0F1; background-color: transparent; border-radius: 6px; font-family: var(--bizgrow-font-two); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .comment-form__input-box textarea:focus { border: 1px solid #363739; } .comment-form__input-box-name { position: absolute; left: 15px; top: -6px; background-color: var(--bizgrow-white); opacity: 0; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .comment-form__input-box-name p { font-size: 12px; line-height: 12px; font-weight: 400; color: var(--bizgrow-black); font-family: var(--bizgrow-font-two); padding: 0 7px 0; } .comment-form__input-box:hover .comment-form__input-box-name { opacity: 1; } .comment-form__btn { border: none; } .comment-form__input-box.text-message-box { height: 150px; margin-bottom: 0; } .comment-form .checked-box { position: relative; display: block; margin-top: 9px; margin-bottom: 24px; } .comment-form .checked-box label { position: relative; display: inline-block; padding-left: 25px; margin-right: 0px; margin-bottom: 0; color: var(--bizgrow-gray); font-size: 14px; line-height: 26px; font-weight: 400; cursor: pointer; min-height: 25px; } .comment-form .checked-box input[type="checkbox"] { display: none; } .comment-form .checked-box input[type="checkbox"] + label span { position: absolute; top: 5px; left: 0; width: 14px; height: 14px; vertical-align: middle; border: 1px solid #4D4E50; cursor: pointer; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .comment-form .checked-box label span:before { position: absolute; top: 1px; left: 2px; display: block; border-bottom: 2px solid #4D4E50; border-right: 2px solid #4D4E50; content: ''; width: 5px; height: 8px; pointer-events: none; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; opacity: 0; } .comment-form.checked-box input[type="checkbox"]:checked + label span { border-color: #4D4E50; ; } .comment-form .checked-box input[type="checkbox"]:checked + label span:before { opacity: 1; } /*-------------------------------------------------------------- # Contact Page --------------------------------------------------------------*/ .contact-page { position: relative; display: block; padding: 120px 0 120px; z-index: 1; } .contact-page__left { position: relative; display: block; } .contact-page__left .section-title-two { margin-bottom: 39px; } .contact-page__contact-info { position: relative; display: block; } .contact-page__contact-info-list { position: relative; display: block; background-color: var(--bizgrow-extra); padding: 46px 50px 47px; } .contact-page__contact-info-list li { position: relative; display: flex; align-items: center; flex-wrap: wrap; } .contact-page__contact-info-list li + li { margin-top: 27px; } .contact-page__contact-info-list li .icon { position: relative; display: flex; align-items: center; width: 20px; } .contact-page__contact-info-list li .icon span { font-size: 20px; color: var(--bizgrow-base); position: relative; display: inline-block; } .contact-page__contact-info-list li .text { margin-left: 20px; } .contact-page__contact-info-list li .text p { font-size: 18px; color: var(--bizgrow-black); font-weight: 500; } .contact-page__contact-info-list li .text p a { color: var(--bizgrow-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .contact-page__contact-info-list li .text p a:hover { color: var(--bizgrow-base); } .contact-page__live-chat { position: relative; display: block; margin-top: 20px; } .contact-page__live-chat a { position: relative; display: flex; align-items: center; justify-content: center; background-color: var(--bizgrow-black); color: var(--bizgrow-white); padding: 17px 0; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .contact-page__live-chat a span { position: relative; display: inline-block; font-size: 22px; color: var(--bizgrow-primary); padding-right: 10px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .contact-page__live-chat a:hover { background-color: var(--bizgrow-base); } .contact-page__live-chat a:hover span { color: var(--bizgrow-white); } .contact-page__right { position: relative; display: block; margin-top: -5px; } .contact-page__form-box { position: relative; display: block; } .contact-page__form-title { font-size: 22px; font-weight: 700; color: var(--bizgrow-black); margin-bottom: 35px; } .contact-page__form-box .comment-form__input-box.text-message-box { height: 160px; margin-bottom: 20px; } .contact-page__form-box .comment-form__input-box textarea { height: 160px; margin-bottom: 20px; } .contact-page__form-box .comment-form__input-box { margin-bottom: 20px; } .contact-page__form-box .checked-box { position: relative; display: block; margin-top: 9px; margin-bottom: 24px; } .contact-page__form-box .checked-box label { position: relative; display: inline-block; padding-left: 25px; margin-right: 0px; margin-bottom: 0; color: var(--bizgrow-gray); font-size: 14px; line-height: 26px; font-weight: 400; cursor: pointer; min-height: 25px; } .contact-page__form-box .checked-box input[type="checkbox"] { display: none; } .contact-page__form-box .checked-box input[type="checkbox"] + label span { position: absolute; top: 5px; left: 0; width: 14px; height: 14px; vertical-align: middle; border: 1px solid #4D4E50; cursor: pointer; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .contact-page__form-box .checked-box label span:before { position: absolute; top: 1px; left: 2px; display: block; border-bottom: 2px solid #4D4E50; border-right: 2px solid #4D4E50; content: ''; width: 5px; height: 8px; pointer-events: none; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; opacity: 0; } .contact-page__form-box .checked-box input[type="checkbox"]:checked + label span { border-color: #4D4E50; } .contact-page__form-box .checked-box input[type="checkbox"]:checked + label span:before { opacity: 1; } /*-------------------------------------------------------------- # Google Map --------------------------------------------------------------*/ .contact-page-google-map { position: relative; display: block; padding: 0 0 120px; z-index: 1; } .google-map__two { position: relative; display: block; border: none; height: 700px; width: 100%; } /*-------------------------------------------------------------- # Faq Page --------------------------------------------------------------*/ .faq-page { position: relative; display: block; padding: 120px 0 0; } .faq-page__top { position: relative; display: block; margin-bottom: 49px; } .faq-page__top-left { position: relative; display: block; margin-right: 180px; } .faq-page__top-left .section-title-two { margin-bottom: 0; } .faq-page__top-right { position: relative; display: block; margin-top: 50px; } .faq-page__search-form { position: relative; display: block; } .faq-page__search-form input[type="search"] { position: relative; display: block; outline: none; background-color: transparent; font-size: 15px; font-weight: 400; padding-left: 20px; height: 70px; width: 100%; padding-right: 75px; border: 2px solid #EEEFF1; color: #667085; border-radius: 3px; } .faq-page__search-form button[type="submit"] { color: var(--bizgrow-white); font-size: 19px; position: absolute; top: 3px; right: 3px; bottom: 3px; max-width: 60px; width: 100%; outline: none; border: none; display: flex; align-items: center; justify-content: center; padding: 0; border-radius: 3px; background-color: var(--bizgrow-base); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .faq-page__search-form button[type="submit"]:hover { background-color: var(--bizgrow-black); } .faq-page__bottom-right { position: relative; display: block; padding: 0 0 120px; } .faq-page__bottom-left { position: relative; display: block; } /*-------------------------------------------------------------- # Faq Two --------------------------------------------------------------*/ .faq-two { position: relative; display: block; background-color: var(--bizgrow-extra); padding: 120px 0 120px; } .faq-two__left { position: relative; display: block; } .faq-two .faq-one-accrodion .accrodion { border: 0; } .faq-two .faq-one-accrodion .accrodion-title { padding: 25px 25px 25px; } .faq-two__right { position: relative; display: block; margin-left: 41px; } .faq-two__img { position: relative; display: block; } .faq-two__img img { width: 100%; border-radius: 4px; } /*-------------------------------------------------------------- # Pricing Page Service --------------------------------------------------------------*/ .pricing-page-service { position: relative; display: block; padding: 120px 0 90px; } .pricing-page-service .services-one__single { margin-bottom: 30px; } /*-------------------------------------------------------------- # How It Work Two --------------------------------------------------------------*/ .how-it-work-two { padding-bottom: 250px; } /*-------------------------------------------------------------- # Testimonial Three --------------------------------------------------------------*/ .testimonial-three { padding: 120px 0 190px; } /*-------------------------------------------------------------- # Team Three --------------------------------------------------------------*/ .team-three { position: relative; display: block; padding: 120px 0 90px; } .team-three .team-two__single { margin-bottom: 30px; background-color: var(--bizgrow-extra); box-shadow: none; } /*-------------------------------------------------------------- # Services Three --------------------------------------------------------------*/ .services-three { position: relative; display: block; padding: 120px 0 90px; background-color: #F1F1F1; overflow: hidden; z-index: 1; } .services-three__shape-bg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-repeat: no-repeat; background-size: cover; background-position: center; z-index: -1; } .services-three .services-one__single { margin-bottom: 30px; } /*-------------------------------------------------------------- # Why Choose Three --------------------------------------------------------------*/ .why-choose-three { position: relative; display: block; padding: 0 0 100px; background-color: #131922; z-index: 1; } .why-choose-three__left { position: relative; display: block; margin-top: 120px; z-index: 1; } .why-choose-three__shape-1 { position: absolute; left: 170px; bottom: -100px; opacity: .05; z-index: -1; } .why-choose-three__shape-1 img { width: auto; } .why-choose-three__left .section-title-two { position: relative; display: block; margin-top: -6px; margin-bottom: 30px; } .why-choose-three__left .section-title-two__tagline { color: var(--bizgrow-primary); } .why-choose-three__left .section-title-two__title { color: var(--bizgrow-white); } .why-choose-three__text { font-size: 20px; font-weight: 400; line-height: 32px; } .why-choose-three__count-box { position: relative; display: block; margin-top: 40px; margin-bottom: 25px; } .why-choose-three__count-single { position: relative; display: flex; align-items: center; background-color: #2F3847; border-bottom: 2px solid var(--bizgrow-primary); padding: 34px 30px 33px; margin-bottom: 30px; z-index: 1; } .why-choose-three__counter-shape-1 { position: absolute; top: 0; right: 0; z-index: -1; } .why-choose-three__counter-shape-1 img { width: auto; } .why-choose-three__count-icon { position: relative; display: inline-block; } .why-choose-three__count-icon span { position: relative; display: inline-block; font-size: 58px; color: var(--bizgrow-primary); transition: all 500ms linear; transition-delay: 0.1s; transform: scale(1); } .why-choose-three__count-single:hover .why-choose-three__count-icon span { transform: scale(0.9); } .why-choose-three__count-content { position: relative; display: block; margin-left: 20px; } .why-choose-three__count { position: relative; display: flex; align-items: center; } .why-choose-three__count h3 { font-size: 45px; font-weight: 700; line-height: 45px; color: var(--bizgrow-white); } .why-choose-three__count-plus { font-size: 30px; font-style: normal; font-weight: 700; line-height: 40px; text-transform: capitalize; color: var(--bizgrow-white); position: relative; top: 7px; } .why-choose-three__count-text { font-size: 20px; color: #999B9F; font-weight: 600; line-height: 27px; text-transform: capitalize; font-family: var(--bizgrow-font-two); margin-top: 9px; } .why-choose-three__points { position: relative; display: block; } .why-choose-three__points li { position: relative; display: flex; align-items: center; } .why-choose-three__points li + li { margin-top: 42px; } .why-choose-three__points-icon { position: relative; display: flex; align-items: center; justify-content: center; max-width: 82px; width: 100%; height: 82px; background-color: var(--bizgrow-base); border-radius: 2px; } .why-choose-three__points-icon span { position: relative; display: inline-block; font-size: 41px; color: var(--bizgrow-white); transition: all 500ms linear; transition-delay: 0.1s; transform: scale(1); } .why-choose-three__points li:hover .why-choose-three__points-icon span { transform: scale(0.9); } .why-choose-three__points-content { position: relative; display: block; margin-left: 25px; } .why-choose-three__points-content h3 { font-size: 22px; font-weight: 700; line-height: 33px; margin-bottom: 14px; color: var(--bizgrow-white); } .why-choose-three__points-content p { color: #999B9F; } .why-choose-three__right { position: relative; display: block; margin-left: 40px; margin-right: -300px; z-index: 1; } .why-choose-three__img { position: relative; display: block; } .why-choose-three__img img { width: 100%; } .why-choose-three__experience-box { position: absolute; top: 230px; left: -70px; max-width: 430px; width: 100%; } .why-choose-three__experience-box::before { content: ""; position: absolute; top: 20px; right: -20px; left: 70px; bottom: -20px; background-color: var(--bizgrow-white); clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%); } .why-choose-three__experience { position: relative; display: flex; align-items: center; background-color: var(--bizgrow-primary); padding: 26px 40px 25px; clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%); } .why-choose-three__experience-count { position: relative; display: flex; align-items: center; } .why-choose-three__experience-count h3 { font-size: 60px; font-weight: 700; line-height: 70px; color: var(--bizgrow-black); } .why-choose-three__experience-count-plus { font-size: 30px; font-style: normal; font-weight: 700; line-height: 70px; color: var(--bizgrow-black); font-family: var(--bizgrow-font-two); top: 11px; position: relative; } .why-choose-three__experience-count-text { font-size: 22px; font-weight: 700; line-height: 33px; color: var(--bizgrow-black); font-family: var(--bizgrow-font-two); padding-left: 27px; margin-left: 18px; position: relative; display: block; } .why-choose-three__experience-count-text::before { content: ""; position: absolute; top: -8px; left: 0; bottom: -6px; width: 2px; background-color: #EBA009; } /*-------------------------------------------------------------- # Service Benifit --------------------------------------------------------------*/ .service-benifit { position: relative; display: block; padding: 120px 0 112px; } .service-benifit__inner { position: relative; display: block; } .service-benifit__inner .section-title-two { margin-bottom: 28px; } .service-benifit__img-boxes { position: relative; display: block; padding: 37px 0 15px; } .service-benifit__img { position: relative; display: block; margin-bottom: 24px; } .service-benifit__img img { width: 100%; border-radius: 3px; } .service-benifit__text-2 { margin-bottom: 31px; } /*-------------------------------------------------------------- # Brand Three --------------------------------------------------------------*/ .brand-three { background-color: var(--bizgrow-white); } .brand-three .brand-one__img:before { border: 2px solid #EEF0F1; } .brand-three .brand-one__hover-img:before { border: 2px solid var(--bizgrow-base); } .brand-three .brand-one__text-box { color: var(--bizgrow-gray); } .brand-three .brand-one__text-box h3 { color: var(--bizgrow-gray); } /*-------------------------------------------------------------- # Services Details --------------------------------------------------------------*/ .services-details { position: relative; display: block; counter-reset: count; padding: 120px 0 120px; z-index: 1; } .services-details__left { position: relative; display: block; } .services-details__services-box { position: relative; display: block; margin-bottom: 60px; } .services-details__services-list { position: relative; display: block; } .services-details__services-list li { position: relative; display: block; } .services-details__services-list li + li { margin-top: 8px; } .services-details__services-list li a { position: relative; display: flex; align-items: center; justify-content: space-between; border-radius: 4px; background-color: var(--bizgrow-extra); font-size: 16px; font-weight: 500; color: var(--bizgrow-black); font-family: var(--bizgrow-font-two); padding: 12px 25px 12px; -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: 1; } .services-details__services-list li a:hover, .services-details__services-list li.active a { color: var(--bizgrow-white); } .services-details__services-list li a::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 4px; background-color: var(--bizgrow-base); background-position: center bottom; transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .5s; transition-property: all; transform-origin: bottom; transform-style: preserve-3d; transform: scaleY(0); z-index: -1; } .services-details__services-list li a:hover::before, .services-details__services-list li.active a::before { transform: scaleY(1.0); } .services-details__contact { position: relative; display: block; border-radius: 8px; background: var(--bizgrow-extra); padding: 33px 25px 28px; } .services-details__contact-title { color: var(--bizgrow-black); font-size: 24px; font-weight: 600; line-height: 24px; margin-bottom: 17px; } .services-details__contact-list { position: relative; display: block; } .services-details__contact-list li { position: relative; display: flex; } .services-details__contact-list li + li { margin-top: 2px; } .services-details__contact-list li .icon { position: relative; display: inline-block; } .services-details__contact-list li .icon span { position: relative; display: inline-block; font-size: 14px; color: var(--bizgrow-base); top: -3px; } .services-details__contact-list li p { font-size: 14px; line-height: 24px; color: var(--bizgrow-gray); margin-left: 10px; } .services-details__contact-list li p a { color: var(--bizgrow-gray); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .services-details__contact-list li p a:hover { color: var(--bizgrow-base); } .services-details__right { position: relative; display: block; margin-left: 52px; } .services-details__img { position: relative; display: block; } .services-details__img img { width: 100%; } .services-details__title-1 { color: var(--bizgrow-black); font-size: 36px; font-weight: 700; line-height: 46px; margin-top: 40px; margin-bottom: 24px; } .services-details__img-and-feature { position: relative; display: flex; align-items: center; margin-top: 60px; margin-bottom: 60px; } .services-details__feature-img { position: relative; display: block; } .services-details__feature-img img { width: auto; } .services-details__video-link { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } .services-details__video-icon { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 75px; height: 75px; line-height: 75px; text-align: center; font-size: 24px; color: var(--bizgrow-base); background-color: var(--bizgrow-white); border-radius: 50%; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; z-index: 1; } .services-details__video-icon:hover { background-color: var(--bizgrow-base); color: var(--bizgrow-white); } .services-details__video-icon:before { position: absolute; top: -6px; left: -6px; right: -6px; bottom: -6px; content: ""; border: 6px solid rgba(var(--bizgrow-white-rgb), .30); border-radius: 50%; z-index: -1; } .services-details__video-icon::after { position: absolute; top: -13px; left: -13px; right: -13px; bottom: -13px; content: ""; border: 7px solid rgba(var(--bizgrow-white-rgb), .20); border-radius: 50%; z-index: -1; } .services-details__video-link .ripple, .services-details__video-icon .ripple:before, .services-details__video-icon .ripple:after { position: absolute; top: 50%; left: 50%; width: 101px; height: 101px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -ms-box-shadow: 0 0 0 0 rgba(var(--bizgrow-white-rgb), 0.6); -o-box-shadow: 0 0 0 0 rgba(var(--bizgrow-white-rgb), 0.6); -webkit-box-shadow: 0 0 0 0 rgba(var(--bizgrow-white-rgb), 0.6); box-shadow: 0 0 0 0 rgba(var(--bizgrow-white-rgb), 0.6); -webkit-animation: ripple 3s infinite; animation: ripple 3s infinite; border-radius: 50%; } .services-details__video-icon .ripple:before { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; content: ""; position: absolute; } .services-details__video-icon .ripple:after { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; content: ""; position: absolute; } .services-details__feature { position: relative; display: block; margin-left: 80px; } .services-details__feature-title { font-size: 36px; font-weight: 700; line-height: 46px; margin-bottom: 16px; } .services-details__feature-points { position: relative; display: block; margin-top: 39px; } .services-details__feature-points li { position: relative; display: flex; } .services-details__feature-points li + li { margin-top: 39px; } .services-details__feature-points li .icon { position: relative; display: inline-block; } .services-details__feature-points li .icon span { position: relative; display: inline-block; font-size: 50px; color: var(--bizgrow-base); } .services-details__feature-points li .content { position: relative; display: block; margin-left: 30px; } .services-details__feature-points li .content h3 { font-size: 22px; font-weight: 600; line-height: 32px; } .services-details__feature-points li .content p { font-size: 16px; line-height: 28px; margin-top: 11px; } .services-details__title-2 { font-size: 36px; line-height: 46px; font-weight: 700; } .services-details__text-2 { margin-top: 24px; margin-bottom: 25px; } .services-details__points { position: relative; display: block; } .services-details__points li { position: relative; display: block; } .services-details__points li + li { margin-top: 8px; } .services-details__points li p { font-weight: 500; color: var(--bizgrow-black); } .services-details__title-3 { font-size: 36px; font-weight: 700; line-height: 46px; margin-top: 60px; margin-bottom: 40px; } .process-four__single { position: relative; display: block; margin-bottom: 21px; } .process-four__title { color: var(--bizgrow-black); font-size: 16px; font-weight: 500; line-height: 26px; margin-top: 23px; margin-bottom: 11px; } .process-four__text { font-size: 16px; line-height: 28px; } .process-four__count { position: relative; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border: 1px dashed rgba(var(--bizgrow-black-rgb), .20); background-color: var(--bizgrow-white); border-radius: 50%; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .process-four__single:hover .process-four__count { border: 1px dashed var(--bizgrow-base); } .process-four__count:before { position: absolute; font-size: 28px; line-height: 28px; font-weight: 700; counter-increment: count; content: "0"counter(count); color: var(--bizgrow-white); -webkit-text-stroke: 1px rgba(var(--bizgrow-black-rgb), .50); font-family: var(--bizgrow-font-two); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .process-four__single:hover .process-four__count:before { color: var(--bizgrow-base); -webkit-text-stroke: 1px var(--bizgrow-base); } .process-four__shape-1 { position: absolute; right: 12px; top: 32px; height: 2px; width: 100px; background-color: rgba(var(--bizgrow-black-rgb), .20); } .services-details__title-4 { font-size: 36px; font-weight: 700; line-height: 46px; margin-top: 40px; margin-bottom: 40px; } .services-details__faq { position: relative; display: block; } .services-details-accrodion .accrodion { position: relative; display: block; border-radius: 6px; background-color: var(--bizgrow-white); border: 1px solid #EAECF0; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .services-details-accrodion .accrodion.active { background-color: var(--bizgrow-white); box-shadow: 0px 20px 30px 0px rgba(16, 24, 40, 0.08); } .services-details-accrodion .accrodion-title { position: relative; display: block; cursor: pointer; padding: 21px 30px 20px; transition: all 200ms linear; transition-delay: 0.1s; padding-right: 25px; } .services-details-accrodion .accrodion-title h4 { margin: 0; font-size: 18px; font-weight: 500; line-height: 30px; color: var(--bizgrow-black); position: relative; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .services-details-accrodion .accrodion-title h4 span { position: relative; margin-right: 19px; color: var(--bizgrow-base); } .services-details-accrodion .accrodion + .accrodion { margin-top: 20px; } .services-details-accrodion .accrodion-title h4::before { content: "\f067"; font-family: "Font Awesome 5 Free"; font-weight: 700; font-size: 13px; color: var(--bizgrow-gray); position: absolute; top: 50%; right: 0; line-height: 15px; border-radius: 50%; display: flex; justify-content: center; align-items: center; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 500ms ease; transition: all 500ms ease; text-align: center; width: 21px; height: 21px; } .services-details-accrodion .accrodion.active .accrodion-title h4::before { content: "\f068"; color: var(--bizgrow-gray); } .services-details-accrodion .accrodion-content { position: relative; padding-bottom: 23px; margin-top: -8px; padding-left: 80px; padding-right: 35px; } .services-details-accrodion .accrodion-content p { margin: 0; } /*-------------------------------------------------------------- # Case Studies One --------------------------------------------------------------*/ .case-studies-one { position: relative; display: block; padding: 120px 0 120px; } .case-studies-one .row { --bs-gutter-x: 10px; } .case-studies-one__single { position: relative; display: block; margin-bottom: 10px; } .case-studies-one__img { position: relative; display: block; overflow: hidden; z-index: 1; } .case-studies-one__img:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(var(--bizgrow-black-rgb), .50); transform: scale(0.5); opacity: 0; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; z-index: 1; } .case-studies-one__single:hover .case-studies-one__img:before { transform: scale(1.0); opacity: 1; } .case-studies-one__img img { width: 100%; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .case-studies-one__single:hover .case-studies-one__img img { transform: scale(1.05); } .case-studies-one__content-inner { position: absolute; bottom: 30px; left: 20px; max-width: 380px; width: 100%; background-position: bottom left; -webkit-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: bottom center; transform-origin: bottom center; -webkit-transition: -webkit-transform 500ms ease; transition: -webkit-transform 500ms ease; transition: transform 500ms ease; transition: transform 500ms ease, -webkit-transform 500ms ease; z-index: 3; } .case-studies-one__single:hover .case-studies-one__content-inner { -webkit-transform: scale(1, 1); transform: scale(1, 1); } .case-studies-one__content-inner::before { content: ""; position: absolute; top: 10px; left: 10px; bottom: -10px; right: -10px; background-color: var(--bizgrow-white); clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%); background-position: right center; -webkit-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: right center; transform-origin: right center; -webkit-transition: -webkit-transform 500ms ease; transition: -webkit-transform 500ms ease; transition: transform 500ms ease; transition: transform 500ms ease, -webkit-transform 500ms ease; } .case-studies-one__single:hover .case-studies-one__content-inner::before { -webkit-transform: scale(1, 1); transform: scale(1, 1); } .case-studies-one__content-box { position: relative; display: flex; align-items: center; justify-content: space-between; background-color: var(--bizgrow-primary); padding: 23px 35px 23px; padding-right: 70px; clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%); } .case-studies-one__content { position: relative; display: flex; align-items: center; } .case-studies-one__icon { position: relative; display: inline-block; } .case-studies-one__icon span { position: relative; display: inline-block; font-size: 60px; color: var(--bizgrow-black); -webkit-transition: all 500ms linear; transition: all 500ms linear; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .case-studies-one__single:hover .case-studies-one__icon span { transform: scale(.9); } .case-studies-one__title { position: relative; margin-left: 20px; padding-left: 22px; font-size: 22px; font-weight: 700; line-height: 32px; text-transform: capitalize; } .case-studies-one__title a { color: var(--bizgrow-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .case-studies-one__title a:hover { color: var(--bizgrow-white); } .case-studies-one__title::before { content: ""; position: absolute; top: -3px; left: 0; bottom: -3px; width: 1px; background-color: #E49900; } .case-studies-one__arrow { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; transform: translateY(-50px); transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease; visibility: hidden; opacity: 0; z-index: 2; } .case-studies-one__single:hover .case-studies-one__arrow { visibility: visible; transform: translateY(0px); opacity: 1; } .case-studies-one__arrow a { position: relative; display: flex; align-items: center; justify-content: center; width: 70px; height: 50px; font-size: 20px; color: var(--bizgrow-base); background-color: var(--bizgrow-white); border-top-right-radius: 25px; border-bottom-right-radius: 25px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .case-studies-one__arrow a:hover { color: var(--bizgrow-white); background-color: var(--bizgrow-base); } .case-studies-one .blog-page__pagination { padding-top: 50px; text-align: center; } /*-------------------------------------------------------------- # Free Estimate Two --------------------------------------------------------------*/ .free-estimate-two { margin-top: 0; } /*-------------------------------------------------------------- # Case Studies Two --------------------------------------------------------------*/ .case-studies-two { position: relative; display: block; padding: 120px 0 120px; } .case-studies-two__filter-box { position: relative; display: block; margin-bottom: 72px; } .case-studies-two__filter { position: relative; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .case-studies-two__filter.style1 li { position: relative; display: flex; align-items: center; justify-content: center; text-align: center; } .case-studies-two__filter.style1 li + li { margin-left: 10px; } .case-studies-two__filter.style1 li .filter-text { position: relative; display: inline-block; color: var(--bizgrow-black); font-size: 16px; font-weight: 600; cursor: pointer; background-color: var(--bizgrow-extra); padding: 12px 30px 12px; border-radius: 4px; transition: all 0.4s ease; z-index: 1; } .case-studies-two__filter.style1 li:hover .filter-text, .case-studies-two__filter.style1 li.active .filter-text { color: var(--bizgrow-white); background-color: var(--bizgrow-base); } .case-studies-two .project-two__content { left: 60px; right: 60px; bottom: 70px; } .case-studies-two .blog-page__pagination { text-align: center; } /*-------------------------------------------------------------- # Appointment One --------------------------------------------------------------*/ .appointment-one { position: relative; display: block; background-color: #F7F7F5; padding: 120px 0 120px; overflow: hidden; z-index: 1; } .appointment-one__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: center; background-size: cover; opacity: .02; z-index: -1; } .appointment-one .container { max-width: 900px; } .appointment-one__form .row { --bs-gutter-x: 20px; } .appointment-one__input-box { position: relative; display: block; margin-bottom: 20px; } .appointment-one__input-box input[type="text"], .appointment-one__input-box input[type="email"] { height: 52px; width: 100%; border: none; background-color: var(--bizgrow-white); padding-left: 30px; padding-right: 30px; outline: none; font-size: 14px; color: var(--bizgrow-gray); display: block; font-weight: 500; } .appointment-one__input-box textarea { font-size: 14px; color: var(--bizgrow-gray); height: 152px; width: 100%; background-color: var(--bizgrow-white); padding: 20px 30px 30px; border: none; outline: none; margin-bottom: 0px; font-weight: 500; } .appointment-one__btn { border: none; display: block; margin: 0 auto; } .appointment-one__input-box.text-message-box { height: 152px; } /*-------------------------------------------------------------- # Case Details --------------------------------------------------------------*/ .case-details { position: relative; display: block; padding: 110px 0 90px; } .case-details__top { position: relative; display: block; } .case-details__top-title { font-size: 45px; font-weight: 700; line-height: 55px; text-align: center; } .case-details__text-1 { margin-top: 28px; margin-bottom: 38px; } .case-details__img-box-and-info-box { position: relative; display: block; } .case-details__img-box { position: relative; display: block; } .case-details__img-box img { width: 100%; } .case-details__info-box { position: relative; display: block; background-color: #0B0F28; padding: 24px 35px 35px; } .case-details__info-box-title { font-size: 30px; font-weight: 700; color: var(--bizgrow-white); line-height: 40px; margin-bottom: 26px; } .case-details__info-list { position: relative; display: block; } .case-details__info-list li { position: relative; display: block; background-color: #2F3847; padding: 16px 25px 16px; z-index: 1; } .case-details__info-list li::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--bizgrow-primary); background-position: center bottom; transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .5s; transition-property: all; transform-origin: bottom; transform-style: preserve-3d; transform: scaleY(0); z-index: -1; } .case-details__info-list li:hover:before { transform: scaleY(1.0); } .case-details__info-list li + li { margin-top: 10px; } .case-details__info-list li p { font-size: 16px; color: #999B9F; font-weight: 500; line-height: 26px; margin-bottom: 3px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .case-details__info-list li h6 { font-size: 20px; font-weight: 600; color: var(--bizgrow-white); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .case-details__info-list li:hover p, .case-details__info-list li:hover h6 { color: var(--bizgrow-black); } .case-details__description { position: relative; display: block; margin-top: 41px; } .case-details__description-title { font-size: 30px; font-weight: 700; line-height: 40px; margin-bottom: 30px; text-align: center; } .case-details__description-text { margin-bottom: 16px; } .case-details__process-box { position: relative; display: block; margin-top: 42px; } .case-details__process-box-left { position: relative; display: block; } .case-details__process-box-img { position: relative; display: block; } .case-details__process-box-img img { width: 100%; } .case-details__process-box-right { position: relative; display: block; margin-top: -9px; } .case-details__process-box-title { font-size: 30px; font-weight: 700; line-height: 40px; margin-bottom: 26px; } .case-details__grow-and-success { position: relative; display: block; margin-top: 40px; } .case-details__grow-and-success-title { font-size: 30px; font-weight: 700; line-height: 40px; margin-bottom: 25px; text-align: center; } .case-details__grow-and-success-text { margin-bottom: 26px; } .case-details__list { position: relative; display: block; } .case-details__list li { position: relative; display: flex; align-items: center; } .case-details__list li + li { margin-top: 21px; } .case-details__list li .icon { position: relative; display: flex; align-items: center; } .case-details__list li .icon span { font-size: 16px; color: var(--bizgrow-gray); } .case-details__list li .text { margin-left: 10px; } .case-details__related-project { position: relative; display: block; margin-top: 20px; } .case-details__related-project-title { font-size: 30px; font-weight: 700; line-height: 40px; margin-bottom: 3px; text-align: center; margin-top: 25px; } .case-details__related-project .project-two__content { left: 60px; right: 60px; bottom: 70px; } /*-------------------------------------------------------------- # Team Page --------------------------------------------------------------*/ .team-page { position: relative; display: block; padding: 120px 0 430px; background-color: var(--bizgrow-extra); z-index: 1; } .team-page__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: center; background-size: cover; z-index: -1; } .team-page .team-two__single { margin-bottom: 30px; } /*-------------------------------------------------------------- # Join Team One --------------------------------------------------------------*/ .join-team-one { position: relative; display: block; margin-top: -360px; padding: 0 0 100px; z-index: 2; } .join-team-one__left { position: relative; display: block; margin-right: 55px; z-index: 2; } .join-team-one__img { position: relative; display: block; } .join-team-one__img img { width: 100%; } .join-team-one__right { position: relative; display: block; margin-left: -226px; margin-top: 45px; } .join-team-one__content { position: relative; display: block; background: var(--bizgrow-white); box-shadow: 0px 6px 15px 0px rgba(3, 4, 27, 0.06); padding: 90px 226px 85px; padding-right: 85px; } .join-team-one__form .row { --bs-gutter-x: 20px; } .join-team-one__input-box { position: relative; display: block; margin-bottom: 20px; } .join-team-one__input-box input[type="text"], .join-team-one__input-box input[type="email"] { height: 70px; width: 100%; border: 2px solid #EEF0F1; background-color: var(--bizgrow-white); padding-left: 25px; padding-right: 25px; outline: none; font-size: 15px; color: var(--bizgrow-gray); display: block; font-weight: 400; } .join-team-one__input-box textarea { font-size: 15px; color: var(--bizgrow-gray); height: 140px; width: 100%; background-color: var(--bizgrow-white); padding: 20px 30px 30px; border: 2px solid #EEF0F1; outline: none; margin-bottom: 0px; font-weight: 400; } .join-team-one__btn { border: none; display: block; } .join-team-one__input-box.text-message-box { height: 140px; } /*-------------------------------------------------------------- # Blog Three --------------------------------------------------------------*/ .blog-three { position: relative; display: block; background-color: #131922; padding: 120px 0 205px; z-index: 1; } .blog-three__shape-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: center; background-size: cover; z-index: -1; } .blog-three .section-title-three__title { color: var(--bizgrow-white); } .blog-three__single { position: relative; display: block; background-color: #2F3847; padding: 50px 40px 42px; margin-bottom: 30px; overflow: hidden; z-index: 1; } .blog-three__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: center; background-size: cover; mix-blend-mode: luminosity; transform: scale(1.01); transition: transform .5s cubic-bezier(.27, .48, .45, .94); transform-origin: 70% 80%; z-index: -1; } .blog-three__bg:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(var(--bizgrow-black-rgb), .95); z-index: -1; } .blog-three__bg:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #2F3847; transition: all 0.5s linear; z-index: 1; } .blog-three__single:hover .blog-three__bg:before { opacity: 0; } .blog-three__single:hover .blog-three__bg { transform: scale(1.036); transition-duration: .9s; } .blog-three__tag { position: relative; display: inline-flex; align-items: center; justify-content: center; text-align: center; background-color: var(--bizgrow-base); padding: 8px 17px 6px; border-radius: 5px; } .blog-three__tag p { font-size: 15px; text-transform: uppercase; font-weight: 500; color: var(--bizgrow-white); line-height: 15px; } .blog-three__content-box { position: relative; display: block; margin-top: 192px; } .blog-three__tttle { font-size: 22px; line-height: 32px; font-weight: 600; } .blog-three__tttle a { color: var(--bizgrow-white); webkit-transition: all 500ms ease; transition: all 500ms ease; } .blog-three__tttle a:hover { color: var(--bizgrow-base); } .blog-three__meta { position: relative; display: flex; align-items: center; margin-top: 16px; } .blog-three__meta li { position: relative; display: flex; align-items: center; font-size: 16px; color: var(--bizgrow-white); } .blog-three__meta li + li { margin-left: 10px; } .blog-three__meta li span { position: relative; display: inline-block; top: -4px; } /*-------------------------------------------------------------- # Testimonial Four --------------------------------------------------------------*/ .testimonial-four { position: relative; display: block; padding: 120px 0 170px; z-index: 1; } .testimonial-four__carousel { position: relative; display: block; } .testimonial-four__carousel.owl-carousel .owl-stage-outer { overflow: visible; } .testimonial-four__single { position: relative; display: block; background-color: var(--bizgrow-extra); border: 1px solid #EEF0F1; padding: 70px 40px 65px; } .testimonial-four__rating { position: relative; display: flex; align-items: center; } .testimonial-four__rating span { position: relative; display: inline-block; font-size: 18px; color: var(--bizgrow-primary); } .testimonial-four__rating span + span { margin-left: 5px; } .testimonial-four__text { margin-top: 43px; margin-bottom: 56px; } .testimonial-four__client-info { position: relative; display: block; } .testimonial-four__client-name { font-size: 20px; color: var(--bizgrow-black); font-weight: 500; line-height: 30px; } .testimonial-four__client-sub-title { line-height: 16px; font-weight: 500; margin-top: 11px; } .testimonial-four__carousel.owl-carousel .owl-dots { position: absolute; bottom: -50px; left: 0px; right: 0; text-align: center; margin: 0 !important; display: flex; align-items: center; justify-content: center; } .testimonial-four__carousel.owl-carousel .owl-dots .owl-dot { position: relative; display: inline-block; width: 10px; height: 10px; border-radius: 50%; background-color: var(--bizgrow-base); margin: 0px 5px; padding: 0px; transition: all 100ms linear; transition-delay: 0.1s; } .testimonial-four__carousel.owl-carousel .owl-dot.active { width: 10px; height: 10px; background-color: var(--bizgrow-black); } .testimonial-four__carousel.owl-carousel .owl-dot:focus { outline: none; } .testimonial-four__carousel.owl-carousel .owl-dots .owl-dot span { display: none; } /*-------------------------------------------------------------- # Project Three --------------------------------------------------------------*/ .project-three { position: relative; display: block; background-color: var(--bizgrow-extra); padding: 120px 0 120px; z-index: 1; } .project-three__wrap { position: relative; display: block; } .project-three__main-tab-box { position: relative; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; z-index: 1; } .project-three__main-tab-box .tabs-content { position: relative; display: block; width: 66%; height: 100%; overflow: hidden; } .project-three__main-tab-box .tabs-content .tab { position: relative; display: none; transform: scale(1.01); transition: transform .5s cubic-bezier(.27, .48, .45, .94); transform-origin: 70% 80%; z-index: 10; } .project-three__main-tab-box .tabs-content .tab.active-tab { display: block; margin-top: 0px; transform: scale(1.036); transition-duration: .9s; } .project-three__main-content-box { position: relative; display: block; } .project-three__main-content-box img { width: 100%; } .project-three__tab-btn-box { position: relative; width: 34%; height: 100%; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; padding-left: 150px; } .project-three__main-tab-box .tab-buttons { position: relative; display: block; } .project-three__main-tab-box .tab-buttons .tab-btn { position: relative; display: block; } .project-three__main-tab-box .tab-buttons .tab-btn + .tab-btn { margin-top: 23px; } .project-three__main-tab-box .tab-buttons .tab-btn span { position: relative; display: block; font-size: 26px; line-height: 36px; color: var(--bizgrow-black); font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; cursor: pointer; font-family: var(--bizgrow-font-two); transition: all 200ms linear; transition-delay: 0.1s; z-index: 1; } .project-three__main-tab-box .tab-buttons .tab-btn.active-btn span { color: var(--bizgrow-base); } .project-three__main-tab-box .tab-buttons .tab-btn:hover span { color: var(--bizgrow-base); } /*-------------------------------------------------------------- # Project Four --------------------------------------------------------------*/ .project-four { padding: 0px 0 90px; } /*-------------------------------------------------------------- # Banner One --------------------------------------------------------------*/ .banner-one { position: relative; display: block; margin-top: -111px; } .video-banner-one { position: absolute; top: 111px; left: 0; bottom: 0; right: 100px; overflow: hidden; z-index: 2; } .video-banner-one .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.7; background: linear-gradient(180deg, #212429 0%, rgba(33, 36, 41, 0.99) 129.34%); z-index: 2; } .video-banner-one__content { position: relative; display: block; float: left; width: 100%; top: 50%; transform: translateY(-50%); text-align: center; z-index: 12; } .media-container, .video-holder-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: -1; } .video-container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); line-height: 0; z-index: -1; } .video-container video { width: 100%; } .video-banner-one__content-inner h2 { position: relative; font-size: 70px; color: transparent; -webkit-text-stroke: 1px #ffffff; font-weight: 600; line-height: 80px; text-transform: uppercase; margin-bottom: 19px; font-family: var(--bizgrow-font); } .video-banner-one__content-inner p { position: relative; display: inline-block; color: #F5F5F5; font-size: 18px; font-weight: 500; line-height: 28px; margin-bottom: 32px; } .banner-one__btn::before { background-color: var(--bizgrow-white); } .banner-one__btn::after { background-color: var(--bizgrow-white); } .banner-one__btn:hover { color: var(--bizgrow-base); } .banner-one__social { position: absolute; bottom: 208px; right: -110px; display: flex; align-items: center; transform: rotate(-90deg); z-index: 2; } .banner-one__social a { position: relative; display: flex; align-items: center; color: var(--bizgrow-black); font-size: 18px; font-weight: 600; font-family: var(--bizgrow-font-two); text-transform: uppercase; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .banner-one__social a + a { margin-left: 25px; } .banner-one__social a:hover { color: var(--bizgrow-base); } /*-------------------------------------------------------------- # Banner Two --------------------------------------------------------------*/ .banner-two { position: relative; display: block; z-index: 1; } .banner-style2__img-top { position: relative; display: block; min-height: 400px; } .banner-style2__img-top-single { position: relative; display: block; width: 1920px; } .banner-style2__img-top-single ul { position: relative; display: flex; justify-content: space-between; width: 1920px; } .banner-style2__img-top-single ul li { position: relative; display: block; white-space: nowrap; } .banner-style2__img-top-single ul li:last-child { margin-top: 80px; } .banner-style2__single-img-box { position: relative; display: block; overflow: hidden; border-radius: var(--thm-border-radius); } .banner-style2__single-img-box:hover { -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: perspective(600px) translate3d(0, 0, 0); transform: perspective(600px) translate3d(0, 0, 0); -webkit-filter: drop-shadow(0px 0px 30px rgba(228, 32, 50, 0.5)); filter: drop-shadow(0px 0px 30px rgba(228, 32, 50, 0.5)); } .banner-style2__single-img-box img { width: 100%; -webkit-transition: all 0.8s ease; transition: all 0.8s ease; } .banner-style2__single-img-box:hover img { -webkit-transform: scale(1.06) translateY(8px); transform: scale(1.06) translateY(8px); } .banner-style2__img-bottom { position: relative; display: block; min-height: 480px; margin-top: 50px; } .banner-style2__img-bottom .container { max-width: 1640px; } .banner-style2__img-bottom-single .row { --bs-gutter-x: 430px; } .banner-style2__img-bottom-single { position: relative; display: block; width: 1920px; } .banner-style2__img-bottom-single ul { position: relative; display: flex; justify-content: space-between; } .banner-style2__img-bottom-single ul li:first-child { margin-top: 135px; } .banner-style2__img-bottom-single ul li:last-child { margin-left: auto; } .banner-style2__img-bottom-single ul.right li:first-child { margin-top: 160px; } .banner-style2__img-bottom-single ul.right li:last-child { margin-top: 80px; } .banner-two__content { position: absolute; top: 0; left: 0; right: 0; padding-top: 95px; z-index: 3; } .banner-two__content-inner { position: relative; display: block; } .banner-two__big-title { position: relative; display: block; } .banner-two__big-title h2 { position: relative; display: inline-flex; align-items: center; font-size: 90px; line-height: 1.3em; font-weight: 600; } .banner-two__big-title .video-popup { position: relative; top: 2px; margin-left: 40px; display: inline-block; overflow: hidden; background-color: var(--bizgrow-base); padding-left: 60px; padding-right: 60px; color: #ffffff; font-size: 14px; font-weight: 700; text-transform: uppercase; line-height: 70px; z-index: 1; } .banner-two__big-title p { position: relative; display: inline-block; font-size: 16px; line-height: 26px; color: var(--bizgrow-gray); font-weight: 400; margin-left: 40px; padding-left: 40px; border-left: 1px solid var(--bizgrow-extra); top: 12px; } /*-------------------------------------------------------------- # About Two --------------------------------------------------------------*/ .about-two { position: relative; display: block; background-color: var(--bizgrow-extra); padding: 120px 0 168px; overflow: hidden; z-index: 1; } .about-two__left { position: relative; display: block; margin-left: 220px; margin-right: 86px; } .about-two__img-box { position: relative; display: block; z-index: 1; } .about-two__img-box:before { content: ""; position: absolute; top: 0; left: -35px; width: 15px; height: 150px; background-color: var(--bizgrow-base); } .about-two__img { position: relative; display: block; overflow: hidden; z-index: 1; } .about-two__img::before { position: absolute; top: 0; left: -100%; display: block; content: ''; width: 50%; height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, .7) 0%, rgba(255, 255, 255, .3) 100%); transform: skewX(17deg); z-index: 1; } .about-two__img:hover::before { -webkit-animation: shine 1.9s; animation: shine 1.9s; } .about-two__img img { width: 100%; transition: all 500ms linear; transition-delay: 0.2s; } .about-two__img:hover img { transform: scale(1.1) rotate(0deg); transition: all 500ms linear; transition-delay: 0.1s; } .about-two__img-2 { position: absolute; left: -110px; bottom: -60px; z-index: 2; } .about-two__img-2::before { content: ""; position: absolute; top: -8px; right: -10px; left: 0; bottom: 60px; background-color: var(--bizgrow-white); z-index: -1; } .about-two__img-2::after { background: rgba(255, 255, 255, 0.3); content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 0; opacity: 1; z-index: 9; pointer-events: none; } .about-two__img-2:hover::after { height: 100%; opacity: 0; -webkit-transition: all 400ms linear; transition: all 400ms linear; } .about-two__img-2 img { width: auto; } .about-two__shpae-1 { position: absolute; right: -22px; bottom: -24px; z-index: -1; } .about-two__shpae-1 img { width: auto; } .about-two__video-link { position: absolute; bottom: 50px; right: 50px; z-index: 2; } .about-two__video-icon { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 95px; height: 95px; line-height: 95px; text-align: center; font-size: 18px; color: var(--bizgrow-white); background-color: var(--bizgrow-base); border-radius: 50%; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .about-two__video-icon:hover { background-color: var(--bizgrow-white); color: var(--bizgrow-base); } .about-two__video-icon::before { content: ""; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border: 2px solid #ffffff; border-radius: 50%; } .about-two__video-link .ripple, .about-two__video-icon .ripple:before, .about-two__video-icon .ripple:after { position: absolute; top: 50%; left: 50%; width: 115px; height: 115px; border-radius: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -ms-box-shadow: 0 0 0 0 rgba(var(--bizgrow-white-rgb), 0.6); -o-box-shadow: 0 0 0 0 rgba(var(--bizgrow-white-rgb), 0.6); -webkit-box-shadow: 0 0 0 0 rgba(var(--bizgrow-white-rgb), 0.6); box-shadow: 0 0 0 0 rgba(var(--bizgrow-white-rgb), 0.6); -webkit-animation: ripple 3s infinite; animation: ripple 3s infinite; } .about-two__video-icon .ripple:before { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; content: ""; position: absolute; } .about-two__video-icon .ripple:after { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; content: ""; position: absolute; } .about-two__right { position: relative; display: block; margin-top: 10px; } .about-two__right .section-title-three { margin-bottom: 33px; } .about-two__points { position: relative; display: block; margin-top: 24px; margin-bottom: 40px; } .about-two__points li { position: relative; display: flex; align-items: center; } .about-two__points li + li { margin-top: 17px; } .about-two__points li .icon { position: relative; display: inline-block; } .about-two__points li .icon span { position: relative; display: inline-block; font-size: 18px; color: var(--bizgrow-base); } .about-two__points li .text { margin-left: 10px; } .about-two__points li .text p { font-weight: 500; color: var(--bizgrow-black); } .about-two__btn-box { position: relative; display: block; } /*-------------------------------------------------------------- # Services Four --------------------------------------------------------------*/ .services-four { position: relative; display: block; background-color: #fcfcfc; overflow: hidden; padding: 120px 0 109px; z-index: 1; } .services-four__single { position: relative; display: block; text-align: center; border-top: 2px solid transparent; border-bottom: 2px solid transparent; background-color: var(--bizgrow-white); box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.08); padding: 39px 30px 34px; margin-bottom: 30px; border-radius: 10px; z-index: 1; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .services-four__single:hover { border-top: 2px solid var(--bizgrow-base); border-bottom: 2px solid var(--bizgrow-base); } .services-four__single::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 10px; background-color: var(--bizgrow-white); box-shadow: 0px 20px 30px 0px rgba(16, 24, 40, 0.08); background-position: bottom left; -webkit-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: bottom center; transform-origin: bottom center; -webkit-transition: -webkit-transform 500ms ease; transition: -webkit-transform 500ms ease; transition: transform 500ms ease; transition: transform 500ms ease, -webkit-transform 500ms ease; z-index: -1; } .services-four__single:hover::before { -webkit-transform: scale(1, 1); transform: scale(1, 1); } .services-four__title { font-size: 22px; font-weight: 600; line-height: 32px; } .services-four__title a { color: var(--bizgrow-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .services-four__title a:hover { color: var(--bizgrow-base); } .services-four__icon { position: relative; display: flex; align-items: center; justify-content: center; width: 70px; height: 70px; border-radius: 50%; background-color: rgba(var(--bizgrow-base-rgb), .10); margin: 29px auto 30px; z-index: 1; } .services-four__icon:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; border-radius: 50%; background-color: var(--bizgrow-base); transform: scale(0); transform-origin: center; transform-style: preserve-3d; transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52); z-index: -1; } .services-four__single:hover .services-four__icon:before { transform: scaleX(1); } .services-four__icon span { position: relative; display: inline-block; font-size: 40px; color: var(--bizgrow-base); transition: all 500ms linear; transition-delay: 0.1s; transform: scale(1); } .services-four__single:hover .services-four__icon span { transform: scale(0.9); color: var(--bizgrow-white); } .services-four__text { font-size: 16px; line-height: 28px; } .services-four__btn { position: relative; display: inline-block; margin-top: 23px; } .services-four__btn a { position: relative; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 500; color: var(--bizgrow-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .services-four__btn a:hover { color: var(--bizgrow-base); } .services-four__btn a span { position: relative; font-weight: 900; margin-left: 5px; font-size: 14px; } .services-four__bottom-text { font-size: 16px; font-weight: 500; text-align: center; color: var(--bizgrow-black); margin-top: 24px; } .services-four__bottom-text .all-services { color: var(--bizgrow-base); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .services-four__bottom-text a:hover { color: var(--bizgrow-black); } .services-four__bottom-text a span { position: relative; margin-left: 5px; top: 2px; font-size: 15px; font-weight: 900; } .services-four__bottom-text a { color: var(--bizgrow-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .services-four__bottom-text a:hover { color: var(--bizgrow-base); } /*-------------------------------------------------------------- # Feature Four --------------------------------------------------------------*/ .feature-four { position: relative; display: block; counter-reset: count; padding: 120px 0 230px; background-color: #fcfcfc; z-index: 1; } .feature-four__inner { position: relative; display: block; } .feature-four__inner .row { --bs-gutter-x: 0px; } .feature-four__single { position: relative; display: block; background-color: var(--bizgrow-white); padding: 39px 40px 34px; margin-bottom: 30px; overflow: hidden; z-index: 1; } .feature-four__single::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--bizgrow-base); transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease; transform-origin: bottom right; -webkit-transform: scale(1, 0); transform: scale(1, 0); z-index: -1; } .feature-four__single:hover::before { -webkit-transform: scale(1, 1); transform: scale(1, 1); transform-origin: top center; } .feature-four__icon { position: relative; display: inline-block; margin-bottom: 16px; } .feature-four__icon span { position: relative; display: inline-block; font-size: 53px; color: var(--bizgrow-base); transition: all 500ms linear; transition-delay: 0.1s; transform: scale(1); } .feature-four__single:hover .feature-four__icon span { transform: scale(0.9); color: var(--bizgrow-white); } .feature-four__shape-1 { position: absolute; bottom: -10px; left: 0; opacity: .10; -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: -1; } .feature-four__shape-1 > img { width: auto; } .feature-four__single:hover .feature-four__shape-1 { opacity: 0; } .feature-four__shape-2 { position: absolute; bottom: -10px; left: 0; opacity: 0; -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: -1; } .feature-four__single:hover .feature-four__shape-2 { opacity: .20; } .feature-four__shape-2 > img { width: auto; } .feature-four__title { font-size: 24px; font-weight: 500; line-height: 34px; } .feature-four__title a { color: var(--bizgrow-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .feature-four__single:hover .feature-four__title a { color: var(--bizgrow-white); } .feature-four__count { position: absolute; top: 34px; right: 37px; z-index: 2; } .feature-four__count:before { position: relative; font-size: 45px; line-height: 45px; font-weight: 700; color: transparent; letter-spacing: -0.02em; -webkit-text-stroke: 1px #e0e4e8; counter-increment: count; content: "0"counter(count); transition: all 200ms linear; transition-delay: 0.1s; } .feature-four__single:hover .feature-four__count:before { color: var(--bizgrow-white); } /*-------------------------------------------------------------- # Team Four --------------------------------------------------------------*/ .team-four { position: relative; display: block; padding: 120px 0 90px; z-index: 1; } .team-four__single { position: relative; display: block; margin-bottom: 30px; } .team-four__img-box { position: relative; display: block; z-index: 1; } .team-four__img { position: relative; display: block; overflow: hidden; z-index: 1; } .team-four__img:before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 70px; background-color: var(--bizgrow-white); transform: translateY(110%); transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease; visibility: hidden; opacity: 0; z-index: 1; } .team-four__single:hover .team-four__img:before { visibility: visible; transform: translateY(0%); opacity: 1; } .team-four__img img { width: 100%; transform: scale3d(1, 1, 1); transition: transform 1s ease-in-out; } .team-four__single:hover .team-four__img img { transform: scale(1.05) rotate(0deg); } .team-four__content-box { position: absolute; bottom: 0; left: 30px; right: 30px; text-align: center; background-color: rgb(255, 255, 255); box-shadow: 0px 0px 5px 0px rgba(38, 38, 56, 0.07); transform: translateY(-66%); transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease; visibility: hidden; opacity: 0; z-index: 2; } .team-four__single:hover .team-four__content-box { visibility: visible; transform: translateY(0%); opacity: 1; } .team-four__content-box-inner { position: relative; display: block; overflow: hidden; background-color: rgb(255, 255, 255); text-align: center; padding: 30px 0 23px; z-index: 2; } .team-four__shape-1 { position: absolute; top: -25px; right: -2px; opacity: 0.03; z-index: -1; } .team-four__shape-1 img { width: auto; } .team-four__social { position: relative; display: flex; -webkit-box-align: center; align-items: center; justify-content: center; } .team-four__social a { position: relative; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; text-align: center; color: var(--bizgrow-black); background-color: var(--bizgrow-extra); border-radius: 50%; font-size: 15px; height: 45px; width: 45px; transform: rotate(0); -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: 1; } .team-four__social a:hover { color: var(--bizgrow-white); transform: rotate(360deg); } .team-four__social a:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; background-color: var(--bizgrow-base); border-radius: 50%; transform: scale(0); transform-origin: center; transform-style: preserve-3d; transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52); z-index: -1; } .team-four__social a:hover:before { transform: scaleX(1); } .team-four__social a + a { margin-left: 10px; } .team-four__title-box { position: relative; display: block; margin-top: 17px; } .team-four__name { font-size: 24px; font-weight: 500; line-height: 24px; margin-bottom: 4px; } .team-four__name a { color: var(--bizgrow-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .team-four__name a:hover { color: var(--bizgrow-base); } /*-------------------------------------------------------------- # Newsletter Two --------------------------------------------------------------*/ .newsletter-two { margin-top: -115px; } /*-------------------------------------------------------------- # Counter Three --------------------------------------------------------------*/ .counter-three { position: relative; display: block; margin-top: -140px; z-index: 2; } .counter-three__inner { position: relative; display: block; background-color: #1d2939; padding: 75px 0 40px; overflow: hidden; z-index: 1; } .counter-three__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; background-position: center; z-index: -1; } .counter-three__count-list { position: relative; display: flex; flex-wrap: wrap; } .counter-three__count-list li { position: relative; text-align: center; flex: 0 0 25%; max-width: 25%; width: 100%; margin-bottom: 22px; } .counter-three__icon { position: relative; display: inline-block; } .counter-three__icon span { position: relative; display: inline-block; font-size: 60px; color: var(--bizgrow-white); -webkit-transition: all 500ms linear; transition: all 500ms linear; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .counter-three__count-list li:hover .counter-three__icon span { transform: scale(0.9); } .counter-three__count { position: relative; display: flex; align-items: center; justify-content: center; margin-top: 22px; margin-bottom: 10px; } .counter-three__count h3 { color: var(--bizgrow-white); font-size: 40px; line-height: 40px; font-weight: 600; font-family: var(--bizgrow-font); } .counter-three__count span { color: var(--bizgrow-white); font-size: 40px; line-height: 40px; font-weight: 600; position: relative; left: 2px; top: 1px; font-family: var(--bizgrow-font); } .counter-three__text { font-size: 16px; line-height: 26px; color: #EAECF0; } /*-------------------------------------------------------------- # Brand Four --------------------------------------------------------------*/ .brand-four { padding: 170px 0 92px; margin-top: -70px; } /*-------------------------------------------------------------- # Team Details --------------------------------------------------------------*/ .team-details { position: relative; display: block; } .team-details__inner { position: relative; display: block; padding: 120px 0 120px; border-bottom: 1px solid #EAECF0; } .team-details__left { position: relative; display: block; margin-left: 55px; margin-right: 55px; background: var(--bizgrow-white); box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.08); } .team-details__img { position: relative; display: block; } .team-details__img img { width: 100%; } .team-details__contact-box { position: relative; display: block; padding: 28px 30px 28px; } .team-details__contact-title { position: relative; display: block; font-size: 24px; font-weight: 600; line-height: 34px; } .team-details__contact-title::before { content: ""; position: absolute; bottom: -13px; left: 0; width: 30px; height: 1px; background-color: var(--bizgrow-base); } .team-details__contact-list { position: relative; display: block; margin-top: 34px; margin-bottom: 17px; } .team-details__contact-list li { position: relative; display: flex; align-items: center; } .team-details__contact-list li + li { margin-top: 10px; } .team-details__contact-list li .icon { position: relative; display: inline-block; } .team-details__contact-list li .icon span { position: relative; display: inline-block; font-size: 15px; color: var(--bizgrow-base); } .team-details__contact-list li p { margin-left: 17px; } .team-details__contact-list li p a { color: var(--bizgrow-gray); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .team-details__contact-list li p a:hover { color: var(--bizgrow-base); } .team-details__social { position: relative; display: flex; align-items: center; } .team-details__social a { font-size: 19px; color: #475465; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .team-details__social a:hover { color: var(--bizgrow-base); } .team-details__social a + a { margin-left: 20px; } .team-details__right { position: relative; display: block; margin-left: -8px; } .team-details__title-1 { font-size: 36px; font-weight: 700; line-height: 46px; } .team-details__sub-title { font-size: 16px; color: #475467; margin-top: 2px; margin-bottom: 17px; } .team-details__title-2 { font-size: 36px; font-weight: 700; line-height: 46px; margin-top: 60px; margin-bottom: 16px; } .team-details__progress-list { position: relative; display: block; max-width: 570px; margin-top: 29px; } .team-details__progress { position: relative; display: block; } .team-details__progress + .team-details__progress { margin-top: 29px; } .team-details__progress-title { font-size: 20px; font-weight: 600; line-height: 28px; margin-bottom: 11px; color: var(--bizgrow-black); } .team-details__progress .bar { position: relative; width: 100%; height: 12px; background-color: var(--bizgrow-extra); border-radius: 6px; } .team-details__progress .bar-inner { position: relative; display: block; width: 0px; height: 12px; border-radius: 6px; background-color: var(--bizgrow-base); -webkit-transition: all 1500ms ease; -ms-transition: all 1500ms ease; -o-transition: all 1500ms ease; -moz-transition: all 1500ms ease; transition: all 1500ms ease; } .team-details__progress .count-text { position: absolute; right: 0; bottom: 23px; color: var(--bizgrow-base); line-height: 24px; font-size: 16px; text-align: center; font-weight: 600; font-family: var(--bizgrow-font-two); opacity: 0; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; } .team-details__progress .bar-inner.counted .count-text { opacity: 1; } .team-details__progress .bar.marb-0 { margin-bottom: 0; } /*-------------------------------------------------------------- # Testimonials Page --------------------------------------------------------------*/ .testimonials-page { position: relative; display: block; background-color: var(--bizgrow-extra); padding: 170px 0 40px; z-index: 1; } .testimonials-page .testimonial-two__single { margin-bottom: 80px; } /*-------------------------------------------------------------- # Newsletter One Bg Color --------------------------------------------------------------*/ .newsletter-one-bg-color:before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 115px; background-color: var(--bizgrow-extra); z-index: -1; } /*-------------------------------------------------------------- ## Error Page --------------------------------------------------------------*/ .error-page { position: relative; display: block; padding: 47px 0 120px; z-index: 1; } .error-page__inner { position: relative; display: block; text-align: center; } .error-page__title-box { position: relative; display: inline-block; z-index: 2; } .error-page__title { position: relative; display: inline-block; font-size: 350px; line-height: 350px; font-weight: 500; color: var(--bizgrow-base); z-index: 2; } .error-page__tagline { font-size: 40px; line-height: 49px; font-weight: 400; color: var(--bizgrow-black); text-transform: uppercase; margin-bottom: 8px; } .error-page__text { font-size: 20px; } .error-page__form { position: relative; display: block; margin: 47px auto 20px; } .error-page__form-input { position: relative; display: block; max-width: 550px; width: 100%; margin: 0 auto; } .error-page__form input[type="search"] { height: 52px; width: 100%; outline: none; background-color: var(--bizgrow-extra); border: 0; font-size: 14px; color: var(--bizgrow-gray); font-weight: 500; padding-left: 50px; padding-right: 75px; border-radius: 0; } .error-page__form button[type="submit"] { background-color: transparent; color: var(--bizgrow-black); font-size: 22px; position: absolute; top: 0; right: 0px; bottom: 0; width: 72px; outline: none; border: none; display: flex; align-items: center; padding: 0; } /*-------------------------------------------------------------- # Gallery Page --------------------------------------------------------------*/ .gallery-page { position: relative; display: block; padding: 120px 0 110px; } .gallery-page .row { --bs-gutter-x: 10px; } .gallery-page .container { max-width: 1572px; } .gallery-page__single { position: relative; display: block; margin-bottom: 10px; } .gallery-page__img { position: relative; display: block; overflow: hidden; z-index: 1; } .gallery-page__img:before { content: ""; position: absolute; top: 0; bottom: -2px; left: 0; right: 0; background-color: var(--bizgrow-base); opacity: 0; visibility: hidden; -webkit-transform-origin: top center; transform-origin: top center; -webkit-transform: scaleY(0) translateZ(100px); transform: scaleY(0) translateZ(100px); -webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease; transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease; transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease; transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease, -webkit-transform 700ms ease; z-index: 2; } .gallery-page__single:hover .gallery-page__img:before { opacity: .90; visibility: visible; -webkit-transform: scaleY(1) translateZ(0px); transform: scaleY(1) translateZ(0px); } .gallery-page__img-box { position: relative; display: block; overflow: hidden; background-color: #090909; } .gallery-page__img img { width: 100%; } .gallery-page__icon { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 2; } .gallery-page__icon a { height: 50px; width: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 30px; color: var(--bizgrow-white); -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: 2; } .gallery-page__single:hover .gallery-page__icon a { -webkit-transform: scale(1); transform: scale(1); transition-delay: 500ms; opacity: 1; } .gallery-page__icon a:hover { color: var(--bizgrow-black); } /*-------------------------------------------------------------- # Blog Page One --------------------------------------------------------------*/ .blog-page-one { position: relative; display: block; padding: 120px 0 90px; } /*-------------------------------------------------------------- # Blog Left --------------------------------------------------------------*/ .blog-left { position: relative; display: block; padding: 120px 0 90px; } /*-------------------------------------------------------------- # Blog Right --------------------------------------------------------------*/ .blog-right { position: relative; display: block; padding: 120px 0 90px; } /*-------------------------------------------------------------- # Blog Carousel Page --------------------------------------------------------------*/ .blog-carousel-page { position: relative; display: block; padding: 120px 0 170px; } .blog-carousel-page .blog-one__single { margin-bottom: 0; } .carousel-dot-style.owl-carousel .owl-stage-outer { overflow: visible; } .carousel-dot-style.owl-carousel .owl-item { opacity: 0; visibility: hidden; transition: opacity 500ms ease, visibility 500ms ease; } .carousel-dot-style.owl-carousel .owl-item.active { opacity: 1; visibility: visible; } .carousel-dot-style.owl-carousel .owl-dots { position: absolute; bottom: -50px; left: 0px; right: 0; text-align: center; margin: 0 !important; display: flex; align-items: center; justify-content: center; } .carousel-dot-style.owl-carousel .owl-dots .owl-dot { position: relative; display: inline-block; width: 10px; height: 10px; border-radius: 50%; background-color: var(--bizgrow-base); margin: 0px 5px; padding: 0px; transition: all 100ms linear; transition-delay: 0.1s; } .carousel-dot-style.owl-carousel .owl-dot.active { width: 10px; height: 10px; background-color: var(--bizgrow-black); } .carousel-dot-style.owl-carousel .owl-dot:focus { outline: none; } .carousel-dot-style.owl-carousel .owl-dots .owl-dot span { display: none; } /*-------------------------------------------------------------- # Case Studies Carousel Page --------------------------------------------------------------*/ .case-studies-carousel-page { position: relative; display: block; padding: 120px 0 170px; } .case-studies-carousel-page .case-studies-one__single { margin-bottom: 0; } /*-------------------------------------------------------------- # Gallery Carousel Page --------------------------------------------------------------*/ .gallery-carousel-page { position: relative; display: block; padding: 120px 0 170px; } .gallery-carousel-page .gallery-page__single { margin-bottom: 0; } /*-------------------------------------------------------------- # Pricing Carousel Page --------------------------------------------------------------*/ .pricing-carousel-page { position: relative; display: block; padding: 120px 0 170px; } .pricing-carousel-page .pricing-one__single { margin-bottom: 0; } /*-------------------------------------------------------------- # Services Carousel Page --------------------------------------------------------------*/ .services-carousel-page { position: relative; display: block; padding: 120px 0 170px; } .services-carousel-page .services-one__single { margin-bottom: 0; } /*-------------------------------------------------------------- # Services Carousel Page --------------------------------------------------------------*/ .team-carousel-page { position: relative; display: block; padding: 120px 0 170px; } .team-carousel-page .team-two__single { margin-bottom: 0; background: var(--bizgrow-extra); } /*-------------------------------------------------------------- # Services Carousel Page --------------------------------------------------------------*/ .testimonials-carousel-page { position: relative; display: block; padding: 170px 0 170px; background: var(--bizgrow-extra); } .testimonials-carousel-page .testimonial-two__single { margin-bottom: 0; } /*-------------------------------------------------------------- # End --------------------------------------------------------------*/ .footer-link li a { color: #fff; } .section-pd { padding: 120px 0px; } .section-bg { background: #eceef6; } .navigation { color: #3d3d3d; } .section-background { background-image: url("../images/rohini/rohini-bg.jpg"); background-position: center; background-size: cover; min-height: 700px; background-attachment: fixed; background-repeat: no-repeat; } .small-title { font-size: 32px; color: #dc0f18; } .download{ width: 93%; padding-left: 98px; } #myGrid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 25px !important; } .color { background-color: #dc0f18; padding: 20px; border-radius: 8px; font-size: 16px; line-height: 1.5; position: relative; } .download-attachment{ display: flex; align-items: center; margin-top: 15px; padding: 10px; border-radius: 5px; } p{ color: black; } .download-button { padding: 10px 14px; background-color: rgb(236, 159, 17); color: white; text-decoration: none; border-radius: 5px; font-size: 14px; position: absolute; top: 48%; left: 47%; transform: translate(-50%, -50%); } .download-button:hover { background-color: #45a049; }