/* >> TABLE OF CONTENTS << ---------------------------------------------------------------- 01. Basic 01.1 Mixins 01.2 Variables 01.3 Buttons 01.4 Typography 02. Template Section Styles 02.1 About 02.2 Animation 02.3 Contact 02.4 Feature 02.5 Footer 02.6 Header 02.7 Helping 02.8 Hero 02.9 MeanMenu 02.10 News 02.11 Preloader 02.12 Project 02.13 Section 02.14 Service 02.15 Team 02.16 Testimonial ------------------------------------------------------------------- */ /*-------------------------------------------------------------- >>> BASIC START --------------------------------------------------------------*/ /* Mixins */ /* Variables */ @import url("https://fonts.googleapis.com/css2?family=Radio+Canada+Big:ital,wght@0,400..700;1,400..700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Hedvig+Letters+Sans&display=swap"); :root { --body: #0F1F1F; --black: #000; --white: #fff; --verdewhats: #25d366; --azulclaro: #06a7e2; --theme: #00609c; --theme-2: #06a7e2; --header: #000e12; --text: #777D7F; --border: #49515b4d; --bg: #F1F1F1; --bg-2: #003B49; --box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.06); } .dock{ width:100%; height: 250px; overflow: hidden; transition: all .2s ease-in-out; border-radius: 10px } .dock:hover .img-dock{ transform: scale(1.1); transition: all .2s ease-in-out; } .img-dock{ width:100%; height: 250px; background-size: cover; background-position: center; transition: all .2s ease-in-out; } /* Buttons */ .main-button { position: relative; display: flex; align-items: center; margin-top: 50px; } @media (max-width: 991px) { .main-button { margin-top: 30px; } } .brand-image{width: 150PX; height: 150PX; mix-blend-mode: multiply; background-size: cover} .azul{color: var(--header);} .azule{color: #00609c;} .azulclaro{color: var(--azulclaro);} .main-button .theme-btn { position: relative; z-index: 2; display: inline-block; border: none; text-transform: uppercase; text-align: center; background-color: var(--theme); color: var(--white); font-size: 16px; font-weight: 600; line-height: 1; padding: 18px 32px; letter-spacing: 0.5px; border-radius: 32px; font-family: "Radio Canada Big", sans-serif; } @media (max-width: 575px) { .main-button .theme-btn { padding: 18px 30px; font-size: 14px; } } .main-button .arrow-btn { width: 56px; height: 56px; line-height: 56px; text-align: center; background: var(--theme); color: var(--white); border-radius: 50%; display: inline-block; transition: all 0.4s ease-in-out; } .main-button .arrow-btn:hover { background: var(--header); color: var(--white); } .main-button:hover .theme-btn, .main-button:hover .arrow-btn { background-color: #06a7e2; } .link-btns { font-size: 16px; font-weight: 600; display: inline-block; font-family: "Open Sans", sans-serif; text-transform: capitalize; color: var(--theme); } .link-btns i { margin-left: 8px; } .link-btns:hover { color: var(--header); } /* Typography */ /* -------------------------------------------- Template Default Fonts & Fonts Styles ---------------------------------------------- */ body { font-family: "Hedvig Letters Sans", sans-serif; font-size: 16px; font-weight: 400; line-height: 28px; color: var(--text); background-color: var(--white); padding: 0; margin: 0; overflow-x: hidden; } @media (max-width: 767px) { body { font-size: 15px; } } ul { padding: 0; margin: 0; list-style: none; } button { border: none; background-color: transparent; padding: 0; } input:focus { color: var(--text); outline: none; } input { color: var(--text); } h1, h2, h3, h4, h5, h6 { font-family: "Radio Canada Big", sans-serif; margin: 0px; padding: 0; color: var(--header); /*text-transform: capitalize;*/ transition: all 0.4s ease-in-out; } h1 { font-size: 100px; font-weight: 700; line-height: 108%; } @media (max-width: 1600px) { h1 { font-size: 64px; } } @media (max-width: 1199px) { h1 { font-size: 60px; } } @media (max-width: 991px) { h1 { font-size: 52px; } } @media (max-width: 767px) { h1 { font-size: 46px; } } @media (max-width: 575px) { h1 { font-size: 38px; } } @media (max-width: 470px) { h1 { font-size: 32px; } } h2 { font-size: 48px; font-weight: 700; line-height: 117%; } @media (max-width: 1399px) { h2 { font-size: 38px; } } @media (max-width: 767px) { h2 { font-size: 40px; } } @media (max-width: 575px) { h2 { font-size: 37px; } } @media (max-width: 470px) { h2 { font-size: 30px; } } h3 { font-size: 21px; font-weight: 700; line-height: 134%; } @media (max-width: 1399px) { h3 { font-size: 21px; } } @media (max-width: 1199px) { h3 { font-size: 20px; } } @media (max-width: 991px) { h3 { font-size: 21px; } } @media (max-width: 767px) { h3 { font-size: 22px; } } @media (max-width: 575px) { h3 { font-size: 20px; } } h4 { font-size: 20px; font-weight: 600; } @media (max-width: 1399px) { h4 { font-size: 20px; } } @media (max-width: 575px) { h4 { font-size: 18px; } } h5 { font-size: 16px; font-weight: 400; } @media (max-width: 575px) { h5 { font-size: 20px; } } h6 { font-size: 20px; font-weight: 500; } a { text-decoration: none; outline: none !important; cursor: pointer; color: var(--header); transition: all 0.4s ease-in-out; } p { margin: 0px; transition: all 0.4s ease-in-out; } span { margin: 0px; transition: all 0.4s ease-in-out; } /*-------------------------------------------------------------- >>> BASIC END --------------------------------------------------------------*/ /*-------------------------------------------------------------- >>> TEMPLATE SECTION STYLES START --------------------------------------------------------------*/ /* About */ .about-wrapper .about-content { margin-right: 30px; } @media (max-width: 1199px) { .about-wrapper .about-content { margin-right: 0; } } .about-wrapper .about-content .about-text { margin-top: 25px; } .about-wrapper .about-content .icon-box { display: flex; align-items: center; gap: 16px; margin-top: 30px; } .about-wrapper .about-content .icon-box .icon { margin-right: 15px; } .about-wrapper .about-content .icon-box .content h4 { margin-bottom: 10px; } .about-wrapper .about-content .icon-box .content p { max-width: 410px; } .about-wrapper .about-image { position: relative; z-index: 9; } @media (max-width: 1399px) { .about-wrapper .about-image img { width: 100%; height: 100%; } } .about-wrapper .about-image .about-count-box { position: relative; position: absolute; bottom: 0; left: 0; } @media (max-width: 991px) { .about-wrapper .about-image .about-count-box { display: none; } } .about-wrapper .about-image .about-count-box img { width: initial; height: initial; } .about-wrapper .about-image .about-count-box .about-counter-item { position: absolute; bottom: 23%; left: 33%; } .about-wrapper .about-image .about-count-box .about-counter-item h2 { font-size: 64px; color: var(--white); } .about-wrapper .about-image .about-count-box .about-counter-item p { color: var(--white); font-weight: 600; } .about-wrapper-2 .about-iamge img { width: 100%; height: 100%; } .about-wrapper-2 .about-content { margin-left: 50px; } @media (max-width: 991px) { .about-wrapper-2 .about-content { margin-left: 0; } } .about-wrapper-2 .about-content .about-text { margin-top: 20px; } .about-wrapper-2 .about-content .client-info-area { display: flex; margin-top: 25px; gap: 30px; } @media (max-width: 1199px) { .about-wrapper-2 .about-content .client-info-area { flex-wrap: wrap; gap: 20px; } } .about-wrapper-2 .about-content .client-info-area .client-info { display: flex; align-items: center; gap: 20px; } .about-wrapper-2 .about-content .client-info-area .client-info p { margin-top: 6px; } .about-wrapper-2 .about-content .nav { display: flex; align-items: center; margin-top: 30px; } .about-wrapper-2 .about-content .nav .nav-item .nav-link { font-size: 18px; color: var(--header); font-weight: 500; background: var(--bg); padding: 11px 24px; } .about-wrapper-2 .about-content .nav .nav-item .active { background-color: var(--theme); color: var(--white); } .about-wrapper-2 .about-content .about-tab-box { border-radius: 0 8px 8px 8px; background: #000E12; padding: 24px; } .about-wrapper-2 .about-content .about-tab-box p { color: var(--white); opacity: 0.7; } .about-section-2 { position: relative; z-index: 9; } .about-section-2 .about-shape-1 { position: absolute; top: 15%; left: 5%; z-index: 1; } @media (max-width: 1199px) { .about-section-2 .about-shape-1 { display: none; } } .about-section-2 .about-shape-2 { position: absolute; top: 3%; right: -2%; } @media (max-width: 1199px) { .about-section-2 .about-shape-2 { display: none; } } .about-section-2 .about-shape-3 { position: absolute; bottom: 0%; z-index: -1; right: 2%; } @media (max-width: 1199px) { .about-section-2 .about-shape-3 { display: none; } } .about-wrapper-3 .about-image-items { position: relative; } @media (max-width: 1199px) { .about-wrapper-3 .about-image-items { margin-right: 0; } } .about-wrapper-3 .about-image-items img { width: 100%; height: 100%; } .about-wrapper-3 .about-image-items .about-counter { position: absolute; right: -136px; bottom: 125px; rotate: -83deg; display: flex; align-items: center; gap: 10px; padding-top: 40px; } @media (max-width: 1199px) { .about-wrapper-3 .about-image-items .about-counter { display: none; } } .about-wrapper-3 .about-image-items .about-counter h3 { font-size: 64px; color: var(--theme); } .about-wrapper-3 .about-image-items .about-counter p { color: var(--header); font-weight: 700; } .about-wrapper-3 .about-image-items .about-shape { position: absolute; bottom: -28px; right: -41px; } @media (max-width: 1199px) { .about-wrapper-3 .about-image-items .about-shape { display: none; } } .about-wrapper-3 .about-content { margin-left: 70px; } @media (max-width: 1199px) { .about-wrapper-3 .about-content { margin-left: 0; } } .about-wrapper-3 .about-content .about-text { margin-top: 25px; } .about-wrapper-3 .about-content .icon-box { display: flex; gap: 20px; margin-top: 30px; } .about-wrapper-3 .about-content .icon-box .icon { width: 80px; height: 70px; line-height: 70px; border-radius: 4px; text-align: center; } .about-wrapper-3 .about-content .about-list { display: flex; gap: 60px; margin-top: 20px; } @media (max-width: 1199px) { .about-wrapper-3 .about-content .about-list { flex-wrap: wrap; gap: 20px; } } .about-wrapper-3 .about-content .about-list ul li { font-size: 18px; color: var(--header); } .about-wrapper-3 .about-content .about-list ul li i { color: var(--theme-2); margin-right: 8px; } .about-wrapper-3 .about-content .about-list ul li:not(:last-child) { margin-bottom: 0px; } .about-wrapper-3 .about-content .main-button { margin-top: 40px !important; } /* Animation */ @-webkit-keyframes rippleOne { 70% { -webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0); box-shadow: 0 0 0 40px rgba(244, 68, 56, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0); box-shadow: 0 0 0 0 rgba(244, 68, 56, 0); } } @keyframes rippleOne { 70% { -webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0); box-shadow: 0 0 0 40px rgba(244, 68, 56, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0); box-shadow: 0 0 0 0 rgba(244, 68, 56, 0); } } @keyframes cir36 { 100% { transform: rotate(360deg); } } @keyframes rounded { 50% { transform: rotate(15deg); } } @keyframes up-down { 0% { transform: translateY(10px); } 100% { transform: translateY(-10px); } } @-webkit-keyframes spinner { to { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } } @keyframes spinner { to { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } } @-webkit-keyframes letters-loading { 0%, 75%, 100% { opacity: 0; transform: rotateY(-90deg); } 25%, 50% { opacity: 1; transform: rotateY(0deg); } } @keyframes letters-loading { 0%, 75%, 100% { opacity: 0; transform: rotateY(-90deg); } 25%, 50% { opacity: 1; transform: rotateY(0deg); } } @keyframes loaderspin { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); } } @keyframes tpswing { 0% { -webkit-transform: rotate(20deg); -ms-transform: rotate(20deg); transform: rotate(20deg); } 100% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes width { 0% { width: 0%; } 100% { width: 100%; } } @-webkit-keyframes width { 0% { width: 0%; } 100% { width: 100%; } } @-webkit-keyframes loaderspin { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); } } @keyframes loaderpulse { 0% { transform: scale(1); } 100% { transform: scale(1.2); } } @keyframes rounded { 50% { transform: rotate(20deg); } } @keyframes cir36 { 100% { transform: rotate(360deg); } } .float-bob-y { -webkit-animation-name: float-bob-y; animation-name: float-bob-y; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } @-webkit-keyframes float-bob-y { 0% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 50% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } } @keyframes float-bob-y { 0% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 50% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } } .float-bob-x { -webkit-animation-name: float-bob-x; animation-name: float-bob-x; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } @-webkit-keyframes float-bob-x { 0% { -webkit-transform: translateX(0px); transform: translateX(30px); } 50% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(30px); transform: translateX(30px); } } @keyframes float-bob-x { 0% { -webkit-transform: translateX(30px); transform: translateX(30px); } 50% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(30px); transform: translateX(30px); } } @keyframes bounce-x { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 50% { -webkit-transform: translateX(30px); transform: translateX(30px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .bounce-x { -webkit-animation: bounce-x 7s infinite linear; animation: bounce-x 7s infinite linear; } @keyframes criss-cross-left { 0% { left: -20px; } 50% { left: 50%; width: 20px; height: 20px; } 100% { left: 50%; width: 375px; height: 375px; } } @keyframes criss-cross-right { 0% { right: -20px; } 50% { right: 50%; width: 20px; height: 20px; } 100% { right: 50%; width: 375px; height: 375px; } } @keyframes rotated2 { 0% { transform: rotate(0); } 100% { transform: rotate(-360deg); } } @keyframes wave { 0% { transform: translateX(0); } 50% { transform: translateX(-25%); } 100% { transform: translateX(-50%); } } /*img-animation**********************/ .img-custom-anim-left { animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; opacity: 0; } @keyframes img-anim-left { 0% { transform: translateX(-5%); clip-path: inset(0 100% 0 0); opacity: 0; } 100% { transform: translateX(0); clip-path: inset(0 0 0 0); opacity: 1; } } .img-custom-anim-right { animation: img-anim-right 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; opacity: 0; } @keyframes img-anim-right { 0% { transform: translateX(5%); clip-path: inset(0 0 0 100%); opacity: 0; } 100% { transform: translateX(0); clip-path: inset(0 0 0 0); opacity: 1; } } .img-custom-anim-left { animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s; opacity: 0; } @keyframes img-anim-left { 0% { transform: translateX(-5%); clip-path: inset(0 100% 0 0); opacity: 0; } 100% { transform: translateX(0); clip-path: inset(0 0 0 0); opacity: 1; } } .img-custom-anim-top { animation: img-anim-top 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1); opacity: 0; } @keyframes img-anim-top { 0% { transform: translateY(-5%); clip-path: inset(0 0 100% 0); opacity: 0; } 100% { transform: translateY(0); clip-path: inset(0 0 0 0); opacity: 1; } } .img-custom-anim-bottom { animation: img-anim-bottom 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1); opacity: 0; } @keyframes moving { 0% { transform: translatey(0px); } 20% { transform: translateX(-50px); } 50% { transform: translatey(-40px); } 100% { transform: translatey(0px); } } @keyframes translateX2 { 0% { -webkit-transform: translateX(-30px); -moz-transform: translateX(-30px); -ms-transform: translateX(-30px); -o-transform: translateX(-30px); transform: translateX(-30px); } 100% { -webkit-transform: translatXY(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } } @keyframes translateY2 { 0% { -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); } 100% { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } } @keyframes arryLeftRight { 0% { transform: translateX(-10px); } 100% { transform: translateX(10px); } } .animation__arryLeftRight { animation: arryLeftRight 2s ease infinite alternate; } @keyframes shine { from { -webkit-mask-position: 150%; } to { -webkit-mask-position: -50%; } } .animation-infinite { animation: ShapeAnim 50s linear infinite; height: 30px; width: 100%; background-repeat: repeat; overflow: hidden; } @keyframes ShapeAnim { 0% { background-position: top left; } 100% { background-position: top left 3000px; } } /* Contact */ .contact-wrapper .contact-content .contact-text { margin-top: 25px; color: var(--white); } .contact-wrapper .contact-content .icon-box-area { display: flex; margin-top: 40px; border-bottom: 1px solid rgba(198, 201, 202, 0.24); padding-bottom: 30px; } @media (max-width: 1199px) { .contact-wrapper .contact-content .icon-box-area { flex-wrap: wrap; gap: 20px; border: none; } } .contact-wrapper .contact-content .icon-box-area .icon-box { display: flex; align-items: center; gap: 20px; } .contact-wrapper .contact-content .icon-box-area .icon-box .icon { width: 56px; height: 56px; line-height: 56px; text-align: center; border-radius: 50%; background: rgba(255, 255, 255, 0.12); } .contact-wrapper .contact-content .icon-box-area .icon-box h4 { color: var(--white); max-width: 200px; } @media (max-width: 1199px) { .contact-wrapper .contact-content .main-button { margin-top: 0; } } .contact-wrapper .contact-content .main-button:hover .theme-btn, .contact-wrapper .contact-content .main-button:hover .arrow-btn { background-color: var(--white); color: var(--black); } .contact-wrapper .contact-box-items { padding: 48px; border-radius: 16px 16px 16px 0; position: relative; z-index: 9; } @media (max-width: 1199px) { .contact-wrapper .contact-box-items { padding: 35px; } } @media (max-width: 575px) { .contact-wrapper .contact-box-items { padding: 25px; } } .contact-wrapper .contact-box-items .arrow-image { position: absolute; bottom: 0; right: 0; } .contact-wrapper .contact-box-items h3 { margin-bottom: 40px; color: var(--white); } .contact-wrapper .contact-box-items .form-clt { position: relative; } .contact-wrapper .contact-box-items .form-clt input, .contact-wrapper .contact-box-items .form-clt textarea { width: 100%; border: none; outline: none; color: var(--white); padding: 16px 20px; font-weight: 400; font-size: 15px; text-transform: capitalize; border-radius: 12px; background: rgba(255, 255, 255, 0.32); } @media (max-width: 767px) { .contact-wrapper .contact-box-items .form-clt input, .contact-wrapper .contact-box-items .form-clt textarea { padding: 14px 20px; } } @media (max-width: 575px) { .contact-wrapper .contact-box-items .form-clt input, .contact-wrapper .contact-box-items .form-clt textarea { padding: 12px 18px; } } .contact-wrapper .contact-box-items .form-clt input::placeholder, .contact-wrapper .contact-box-items .form-clt textarea::placeholder { color: var(--white); } .contact-wrapper .contact-box-items .form-clt textarea { padding-bottom: 108px; resize: none; } .contact-section { position: relative; } .contact-section::before { position: absolute; left: 0; bottom: 0; right: 0; top: 90%; width: 100%; height: 100%; content: ""; background-color: var(--white); } .contact-section-3 { position: relative; } .contact-section-3 .contact-wrapper-3 .contact-box-items { padding: 48px 48px 48px 0; position: relative; z-index: 9; } @media (max-width: 991px) { .contact-section-3 .contact-wrapper-3 .contact-box-items { padding: 30px; } } .contact-section-3 .contact-wrapper-3 .contact-box-items .line-image { position: absolute; left: -64px; bottom: 0; } @media (max-width: 991px) { .contact-section-3 .contact-wrapper-3 .contact-box-items .line-image { display: none; } } .contact-section-3 .contact-wrapper-3 .contact-box-items h3 { margin-bottom: 40px; color: var(--white); } .contact-section-3 .contact-wrapper-3 .contact-box-items .form-clt { position: relative; } .contact-section-3 .contact-wrapper-3 .contact-box-items .form-clt input, .contact-section-3 .contact-wrapper-3 .contact-box-items .form-clt textarea { width: 100%; border: none; outline: none; color: var(--white); padding: 16px 20px; font-weight: 400; font-size: 15px; text-transform: capitalize; border-radius: 12px; background: rgba(255, 255, 255, 0.32); } @media (max-width: 767px) { .contact-section-3 .contact-wrapper-3 .contact-box-items .form-clt input, .contact-section-3 .contact-wrapper-3 .contact-box-items .form-clt textarea { padding: 14px 20px; } } @media (max-width: 575px) { .contact-section-3 .contact-wrapper-3 .contact-box-items .form-clt input, .contact-section-3 .contact-wrapper-3 .contact-box-items .form-clt textarea { padding: 12px 18px; } } .contact-section-3 .contact-wrapper-3 .contact-box-items .form-clt input::placeholder, .contact-section-3 .contact-wrapper-3 .contact-box-items .form-clt textarea::placeholder { color: var(--white); } .contact-section-3 .contact-wrapper-3 .contact-box-items .form-clt textarea { padding-bottom: 120px; resize: none; } .contact-section-3 .contact-wrapper-3 .contact-box-items .main-button:hover .theme-btn, .contact-section-3 .contact-wrapper-3 .contact-box-items .main-button:hover .arrow-btn { background-color: var(--white); color: var(--black); } .contact-section-3 .contact-wrapper-3 .contact-content .contact-right-item-3 { padding-left: 50px; } @media (max-width: 1199px) { .contact-section-3 .contact-wrapper-3 .contact-content .contact-right-item-3 { padding-left: 0; margin-top: 30px; } } .contact-section-3 .contact-wrapper-3 .contact-content .contact-right-item-3 .contact-text { margin-top: 20px; } .contact-section-3 .contact-wrapper-3 .contact-content .contact-right-item-3 .middle-items { margin-top: 25px; } .contact-section-3 .contact-wrapper-3 .contact-content .contact-right-item-3 .middle-items .left-items h4 { margin-bottom: 20px; } .contact-section-3 .contact-wrapper-3 .contact-content .contact-right-item-3 .middle-items .left-items ul li { display: flex; gap: 20px; } .contact-section-3 .contact-wrapper-3 .contact-content .contact-right-item-3 .middle-items .left-items ul li .icon { width: 48px; height: 48px; line-height: 48px; background-color: var(--white); border-radius: 8px; text-align: center; color: var(--theme); } .contact-section-3 .contact-wrapper-3 .contact-content .contact-right-item-3 .middle-items .left-items ul li .content h5 { font-size: 16px; font-weight: 600; margin-top: 7px; } .contact-section-3 .contact-wrapper-3 .contact-content .contact-right-item-3 .middle-items .left-items ul li:not(:last-child) { margin-bottom: 20px; } .contact-section-3 .contact-wrapper-3 .contact-content .contact-right-item-3 .middle-items .right-items { background-color: var(--header); padding: 25px; border-radius: 8px; max-width: 310px; } @media (max-width: 991px) { .contact-section-3 .contact-wrapper-3 .contact-content .contact-right-item-3 .middle-items .right-items { margin-top: 30px; } } .contact-section-3 .contact-wrapper-3 .contact-content .contact-right-item-3 .middle-items .right-items h4 { color: var(--white); font-size: 18px; font-weight: 500; } .contact-section-3 .contact-wrapper-3 .contact-content .contact-right-item-3 .middle-items .right-items ul { margin-top: 20px; } .contact-section-3 .contact-wrapper-3 .contact-content .contact-right-item-3 .middle-items .right-items ul li { display: flex; justify-content: space-between; } .contact-section-3 .contact-wrapper-3 .contact-content .contact-right-item-3 .middle-items .right-items ul li p { color: var(--white); opacity: 0.7; } .contact-section-3 .contact-wrapper-3 .contact-content .contact-right-item-3 .middle-items .right-items ul li h5 { font-family: "Hedvig Letters Sans", sans-serif; color: var(--theme); font-size: 16px; font-weight: 400; } .contact-section-3 .contact-wrapper-3 .contact-content .feature-box-items-3 { max-width: 750px; margin-top: 50px; position: relative; z-index: 9; } @media (max-width: 991px) { .contact-section-3 .contact-wrapper-3 .contact-content .feature-box-items-3 { margin-top: 30px; } } .contact-section-3 .contact-wrapper-3 .contact-content .feature-box-items-3 .feature-items { display: flex; align-items: center; gap: 10px; background-color: var(--bg); padding: 25px; transition: all 0.4s ease-in-out; } @media (max-width: 991px) { .contact-section-3 .contact-wrapper-3 .contact-content .feature-box-items-3 .feature-items { margin-top: 15px; } } .contact-section-3 .contact-wrapper-3 .contact-content .feature-box-items-3 .feature-items h4 { color: var(--header); font-size: 18px; font-weight: 500; } .contact-section-3 .contact-wrapper-3 .contact-content .feature-box-items-3 .feature-items:hover { background-color: var(--theme); } .contact-section-3 .contact-wrapper-3 .contact-content .feature-box-items-3 .feature-items:hover h4 { color: var(--white); } .contact-section-3 .contact-wrapper-3 .contact-content .feature-box-items-3 .feature-items:hover img { filter: brightness(0) invert(1); } .contact-section-3::before { position: absolute; left: 0; bottom: 0px; right: 0; top: 74%; width: 100%; height: 100%; content: ""; background-color: var(--white); } @media (max-width: 1399px) { .contact-section-3::before { display: none; } } .contact-section-3::after { position: absolute; left: 0; top: 0; bottom: 0px; width: 300px; height: 100%; content: ""; background-color: var(--white); } @media (max-width: 1399px) { .contact-section-3::after { display: none; } } .privacy-wrapper .privacy-list-items h3 { margin-top: 32px; } .privacy-wrapper .privacy-list-items p { margin-bottom: 8px; margin-top: 8px; } .privacy-wrapper .privacy-list-items ul { margin-top: 16px; } .privacy-wrapper .privacy-list-items ul li { font-weight: 600; display: block; font-size: 16px; font-family: "Radio Canada Big", sans-serif; color: var(--header); } .privacy-wrapper .privacy-list-items ul li i { color: var(--white); margin-right: 10px; background-color: var(--theme); width: 20px; height: 20px; border-radius: 50%; line-height: 21px; font-size: 10px; text-align: center; font-weight: 400; } .privacy-wrapper .privacy-list-items ul li:not(:last-child) { margin-bottom: 14px; } .privacy-wrapper .privacy-list-items ul li span { font-weight: 400; font-size: 16px; color: var(--text); font-family: "Hedvig Letters Sans", sans-serif; } .privacy-wrapper .privacy-list-items ul li span.color-2 { color: var(--header); } .contact-wrapper-inner .contact-items { text-align: center; padding: 48px; background-color: var(--bg); border-radius: 16px; } .contact-wrapper-inner .contact-items .icon { width: 80px; height: 80px; line-height: 91px; background: var(--theme); border-radius: 50%; text-align: center; margin: 0 auto; margin-bottom: 24px; } .contact-wrapper-inner .contact-items .icon i { color: var(--white); font-size: 30px; } .map-items .googpemap iframe { width: 100%; max-height: 912px; } @media (max-width: 575px) { .map-items .googpemap iframe { height: 400px; } } .contact-box-items-2 { padding: 48px; position: relative; z-index: 9; background-color: var(--bg); } @media (max-width: 991px) { .contact-box-items-2 { padding: 30px; } } .contact-box-items-2 h3 { margin-bottom: 40px; } .contact-box-items-2 .form-clt { position: relative; } .contact-box-items-2 .form-clt input, .contact-box-items-2 .form-clt textarea { width: 100%; border: none; outline: none; color: var(--text); padding: 11px 7px; font-weight: 400; font-size: 14px; border-radius: 15px; background: var(--white); } @media (max-width: 767px) { .contact-box-items-2 .form-clt input, .contact-box-items-2 .form-clt textarea { padding: 14px 20px; border-radius: 25px; } } @media (max-width: 575px) { .contact-box-items-2 .form-clt input, .contact-box-items-2 .form-clt textarea { padding: 12px 18px; } } .contact-box-items-2 .form-clt input::placeholder, .contact-box-items-2 .form-clt textarea::placeholder { color: var(--text); } .contact-box-items-2 .form-clt textarea { padding-bottom: 108px; resize: none; } .contact-box-items-2 button { width: 100%; border-radius: 8px; font-size: 16px; background-color: var(--theme); color: var(--white); text-align: center; transition: all 0.3s ease-in-out; padding: 20px 24px; border-radius: 100px; margin: 0; } .contact-box-items-2 button i { margin-left: 10px; } .contact-box-items-2 button:hover { background-color: var(--header); } /* Feature */ .counter-item { border: 1px solid rgba(198, 201, 202, 0.24); text-align: center; padding: 30px 12px; } .counter-item h2 { color: var(--white); } .counter-item p { color: var(--white); margin-top: 7px; } .work-process-section { position: relative; z-index: 9; } .work-process-section .work-process-shape { position: absolute; z-index: -1; top: 10%; left: 0%; } .work-process-box-items { position: relative; z-index: 9; margin-top: 30px; } .work-process-box-items .shape { position: absolute; z-index: -1; top: 20%; left: 10%; } @media (max-width: 1199px) { .work-process-box-items .shape { display: none; } } .work-process-box-items .icon { width: 88px; height: 88px; line-height: 70px; background-color: var(--bg); text-align: center; border-radius: 50%; border: 8px solid var(--white); margin: 0 auto; } .work-process-box-items .content { text-align: center; margin-top: 40px; } .work-process-box-items .content h4 { color: var(--theme); margin-bottom: 10px; } .work-process-box-items .content p { margin-top: 15px; } .counter-box { border-bottom: 1px solid rgba(198, 201, 202, 0.31); padding-bottom: 60px; } .counter-box .counter-items { border-radius: 100px; background: rgba(0, 14, 18, 0.32); backdrop-filter: blur(28px); text-align: center; padding: 30px; } .counter-box .counter-items.style-2 { border-radius: 12px; } .counter-box .counter-items h2 { color: var(--white); font-size: 48px; font-weight: 700; } .counter-box .counter-items p { color: var(--white); } .video-items { text-align: center; margin-top: 120px; display: flex; align-items: center; justify-content: center; gap: 60px; } @media (max-width: 991px) { .video-items { margin-top: 90px; } } .video-items .video-btn { width: 80px; height: 80px; line-height: 80px; text-align: center; border-radius: 100px; background-color: var(--theme); color: var(--white); display: inline-block; text-align: center; font-size: 24px; } @media (max-width: 767px) { .video-items .video-btn { width: 80px; height: 80px; line-height: 80px; font-size: 18px; } } .video-items .circle-image { display: none; } .video-items .circle-image img { animation: cir36 10s linear infinite; } .video-items h3 { color: var(--white); } .feature-box-items { border-radius: 12px; background: rgba(0, 14, 18, 0.32); backdrop-filter: blur(28px); padding: 45px 40px; border: 1px solid rgba(0, 14, 18, 0.32); transition: all 0.4s ease-in-out; } .feature-box-items .feature-icon-box { display: flex; gap: 20px; align-items: center; } .feature-box-items .feature-icon-box .icon { border-radius: 4px; background: linear-gradient(180deg, var(--Text-Primary, #000E12) 0%, var(--Primary-500, #FA6444) 293.75%); width: 80px; height: 80px; line-height: 80px; text-align: center; } .feature-box-items .feature-icon-box h3 { color: var(--white); } .feature-box-items p { margin-top: 20px; } .feature-box-items:hover { border-radius: 12px; border: 1px solid var(--Primary-500, #FA6444); background: rgba(0, 14, 18, 0.32); backdrop-filter: blur(28px); } .counter-item-3 { border: 1px solid rgba(198, 201, 202, 0.24); border-bottom: 1px solid rgba(198, 201, 202, 0.24); text-align: center; padding: 30px 12px; } @media (max-width: 991px) { .counter-item-3 { padding: 20px 12px; } } .counter-item-3 h2 { color: var(--header); } .counter-item-3 p { margin-top: 7px; } .marque-section { margin-top: -60px; } .marque-section .marque-items { display: flex; align-items: center; gap: 24px; } .marque-section .marque-items h3 { font-size: 40px; } .marque-section .marque-items.style-2 h3 { -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: var(--Text-Primary, #000E12); color: transparent; } .choose-wrapper-2 .choose-image { position: relative; } @media (max-width: 1399px) { .choose-wrapper-2 .choose-image img { width: 100%; height: 100%; } } .choose-wrapper-2 .choose-image .arrow-shape { position: absolute; left: 24%; } @media (max-width: 1199px) { .choose-wrapper-2 .choose-image .arrow-shape { display: none; } } .choose-wrapper-2 .choose-image .choose-counter-box { display: flex; align-items: center; border-radius: 8px 8px 8px 0; background: #000E12; position: absolute; bottom: -12%; left: 32%; line-height: 1; padding-right: 40px; } @media (max-width: 1199px) { .choose-wrapper-2 .choose-image .choose-counter-box { bottom: 0; left: 0; } } .choose-wrapper-2 .choose-image .choose-counter-box .image img { width: initial; height: initial; } .choose-wrapper-2 .choose-image .choose-counter-box .choose-counter-items { padding: 20px; } .choose-wrapper-2 .choose-image .choose-counter-box .choose-counter-items h2 { color: var(--white); font-size: 40px; font-weight: 700; margin-bottom: 10px; } .choose-wrapper-2 .choose-content { margin-left: 80px; } @media (max-width: 1199px) { .choose-wrapper-2 .choose-content { margin-left: 0; } } .choose-wrapper-2 .choose-content .choose-text { margin-top: 18px; } .choose-wrapper-2 .choose-content .icon-items-area { margin-top: 20px; } @media (max-width: 1399px) { .choose-wrapper-2 .choose-content .icon-items-area { margin-top: 30px; } } @media (max-width: 991px) { .choose-wrapper-2 .choose-content .icon-items-area { margin-top: 20px; } } .choose-wrapper-2 .choose-content .icon-items-area .icon-items { display: flex; align-items: center; gap: 30px; padding: 15px 55px 15px 16px; transition: all 0.4s ease-in-out; border-radius: 5px; } @media (max-width: 1199px) { .choose-wrapper-2 .choose-content .icon-items-area .icon-items { flex-wrap: wrap; gap: 20px; /* background-color: rgba(255, 255, 255, 0.08);*/ margin-top: 15px; padding: 25px; max-width: 500px; } } .choose-wrapper-2 .choose-content .icon-items-area .icon-items .content h3 { color: var(--white); margin-bottom: 5px; } .choose-wrapper-2 .choose-content .icon-items-area .icon-items .content p { color: var(--white); opacity: 0.7; } .choose-wrapper-2 .choose-content .icon-items-area .icon-items:hover { background-color: rgba(255, 255, 255, 0.08); } .choose-wrapper-2 .choose-content .icon-items-area .icon-items.active { background-color: rgba(255, 255, 255, 0.08); } .choose-wrapper-3 .choose-content { position: relative; z-index: 9; } .choose-wrapper-3 .choose-content .line-shape { position: absolute; top: 50%; left: 29px; z-index: -1; height: 200px; } @media (max-width: 1199px) { .choose-wrapper-3 .choose-content .line-shape { display: none; } } .choose-wrapper-3 .choose-content .line-shape img { height: 100%; } .choose-wrapper-3 .choose-content .choose-text { margin-top: 25px; } .choose-wrapper-3 .choose-content ul li { display: flex; gap: 20px; margin-top: 40px; } .choose-wrapper-3 .choose-content ul li .icon { width: 60px; height: 60px; line-height: 60px; border-radius: 4px; background: #F1F1F1; text-align: center; } .choose-wrapper-3 .choose-content ul li .icon.style-2 { background-color: var(--theme); } .choose-wrapper-3 .choose-content ul li .content p { margin-top: 8px; } .choose-wrapper-3 .choose-content ul li:first-child { margin-left: 80px; } .choose-wrapper-3 .choose-content ul li:last-child { margin-left: 80px; } .choose-wrapper-3 .choose-image { width: 750px; } .choose-wrapper-3 .choose-image img { width: 100%; height: 100%; } /* Footer */ .footer-top-items { display: flex; align-items: center; gap: 15px; border-bottom: 1px solid rgba(191, 191, 191, 0.16); } @media (max-width: 1199px) { .footer-top-items { flex-wrap: wrap; gap: 30px; border: none; } } .footer-top-items h3 { color: var(--white); margin-left: -30px; } @media (max-width: 767px) { .footer-top-items h3 { margin-left: 0; } } .footer-top-items form { max-width: 615px; width: 100%; position: relative; } .footer-top-items form input { background: rgba(255, 255, 255, 0.2); border: none; outline: none; padding: 18px 20px; width: 100%; border-radius: 50px; color: var(--white); } .footer-top-items form input::placeholder { color: var(--white); opacity: 0.7; } .footer-top-items form button { position: absolute; content: ""; top: 0; right: 0; bottom: 0; padding: 10px 40px; background-color: var(--theme); color: var(--white); border-radius: 50px; transition: all 0.4s ease-in-out; } .footer-top-items form button:hover { background: var(--white); color: var(--black); } .footer-bottom { background-color: #000E12; border-top: 1px solid rgba(191, 191, 191, 0.16);font-size: 13px; } .footer-bottom .footer-bottom-wrapper { padding: 16px 0; display: flex; align-items: center; justify-content: space-between; } @media (max-width: 575px) { .footer-bottom .footer-bottom-wrapper { flex-wrap: wrap; justify-content: center; } } .footer-bottom .footer-bottom-wrapper p a { color: var(--theme); } .footer-bottom .footer-bottom-wrapper .social-icon { gap: 15px; position: relative; z-index: 9; } @media (max-width: 575px) { .footer-bottom .footer-bottom-wrapper .social-icon { margin-top: 15px; } } .footer-bottom .footer-bottom-wrapper .social-icon a { width: 36px; height: 36px; line-height: 36px; text-align: center; font-size: 16px; display: block; border-radius: 5px; color: var(--white); transition: all 0.4s ease-in-out; text-align: center; background-color: rgba(227, 227, 227, 0.2); } .footer-bottom .footer-bottom-wrapper .social-icon a:hover { background-color: var(--theme); color: var(--white); } .footer-widget-wrapper { padding: 50px 0 80px; } @media (max-width: 1199px) { .footer-widget-wrapper { padding: 50px 0 60px; } } .footer-widget-wrapper .single-footer-widget { margin-top: 30px; } .footer-widget-wrapper .single-footer-widget .widget-head { margin-bottom: 30px; } .footer-widget-wrapper .single-footer-widget .widget-head h3 { color: var(--white); } .footer-widget-wrapper .single-footer-widget.single-border { border-right: 1px solid rgba(191, 191, 191, 0.16); } @media (max-width: 1199px) { .footer-widget-wrapper .single-footer-widget.single-border { border: none; } } .footer-widget-wrapper .single-footer-widget .footer-contact .icon-location { display: flex; gap: 20px; margin-bottom: 30px; border-bottom: 1px solid rgba(191, 191, 191, 0.16); padding-bottom: 30px; } .footer-widget-wrapper .single-footer-widget .footer-contact .icon-location i { color: var(--theme); font-size: 18px; } .footer-widget-wrapper .single-footer-widget .footer-contact .icon-location h6 { color: var(--white); font-size: 18px; font-weight: 500; margin-bottom: 5px; } .footer-widget-wrapper .single-footer-widget .footer-contact .icon-location span { color: var(--white); opacity: 0.7; } .footer-widget-wrapper .single-footer-widget .footer-contact li a { color: var(--white); } .footer-widget-wrapper .single-footer-widget .footer-contact.cont { max-width: 520px; } .footer-widget-wrapper .single-footer-widget .list-area li { font-weight: 400; } .footer-widget-wrapper .single-footer-widget .list-area li:not(:last-child) { margin-bottom: 15px; } .footer-widget-wrapper .single-footer-widget .list-area li a { color: rgba(255, 255, 255, 0.7); position: relative; } .footer-widget-wrapper .single-footer-widget .list-area li a:hover { color: var(--theme); } .footer-widget-wrapper.style-2 { position: relative; } .footer-widget-wrapper.style-2::before { content: ""; position: absolute; height: 442px; width: 1px; top: 54px; left: 49%; background-color: rgba(191, 191, 191, 0.16); } @media (max-width: 1399px) { .footer-widget-wrapper.style-2::before { display: none; } } .footer-widget-wrapper.style-2 .footer-contact-2 { display: flex; align-items: center; margin-top: 30px; gap: 32px; margin-top: 30px; border-top: 1px solid rgba(191, 191, 191, 0.16); padding-top: 30px; } @media (max-width: 1199px) { .footer-widget-wrapper.style-2 .footer-contact-2 { flex-wrap: wrap; gap: 20px; } } .footer-widget-wrapper.style-2 .footer-contact-2 li { display: flex; align-items: center; gap: 16px; } .footer-widget-wrapper.style-2 .footer-contact-2 li .icon { width: 72px; height: 72px; line-height: 72px; border-radius: 8px; background: rgba(255, 255, 255, 0.12); backdrop-filter: blur(28px); text-align: center; } .footer-widget-wrapper.style-2 .footer-contact-2 li .icon i { color: var(--theme); font-size: 20px; } .footer-widget-wrapper.style-2 .footer-contact-2 li .content p { color: var(--white); opacity: 0.7; font-weight: 600; } .footer-widget-wrapper.style-2 .newsletter-box { border-radius: 16px; background: rgba(0, 14, 18, 0.32); backdrop-filter: blur(28px); padding: 48px 40px; } @media (max-width: 991px) { .footer-widget-wrapper.style-2 .newsletter-box { padding: 30px; } } .footer-widget-wrapper.style-2 .newsletter-box h3 { color: var(--white); font-size: 40px; font-weight: 700; margin-bottom: 16px; } @media (max-width: 1199px) { .footer-widget-wrapper.style-2 .newsletter-box h3 { font-size: 36px; } } @media (max-width: 991px) { .footer-widget-wrapper.style-2 .newsletter-box h3 { font-size: 30px; } } @media (max-width: 767px) { .footer-widget-wrapper.style-2 .newsletter-box h3 { font-size: 26px; } } .footer-widget-wrapper.style-2 .newsletter-box form { position: relative; margin-top: 32px; margin-bottom: 35px; } .footer-widget-wrapper.style-2 .newsletter-box form input { background: rgba(255, 255, 255, 0.2); border: none; outline: none; padding: 18px 20px; width: 100%; border-radius: 50px; color: var(--white); } .footer-widget-wrapper.style-2 .newsletter-box form input::placeholder { color: var(--white); opacity: 0.7; } .footer-widget-wrapper.style-2 .newsletter-box form button { position: absolute; content: ""; top: 0; right: 0; bottom: 0; background-color: var(--theme); color: var(--white); border-radius: 50px; transition: all 0.4s ease-in-out; padding: 10px 30px; } @media (max-width: 1199px) { .footer-widget-wrapper.style-2 .newsletter-box form button { position: static; margin-top: 20px; width: 100%; } } .footer-widget-wrapper.style-2 .newsletter-box form button:hover { background: var(--white); color: var(--black); } .footer-widget-wrapper.style-2 .newsletter-box p { color: var(--white); opacity: 0.7; } .footer-widget-wrapper.style-2 .newsletter-box .social-icon { gap: 15px; position: relative; z-index: 9; justify-content: center; } @media (max-width: 575px) { .footer-widget-wrapper.style-2 .newsletter-box .social-icon { margin-top: 20px; } } .footer-widget-wrapper.style-2 .newsletter-box .social-icon a { width: 36px; height: 36px; line-height: 36px; text-align: center; font-size: 16px; display: block; border-radius: 5px; color: var(--white); transition: all 0.4s ease-in-out; text-align: center; background-color: rgba(227, 227, 227, 0.2); } .footer-widget-wrapper.style-2 .newsletter-box .social-icon a:hover { background-color: var(--theme); color: var(--white); } .footer-widget-wrapper.style-3 p { margin-bottom: 24px; padding-bottom: 24px; border-bottom: 1px solid rgba(191, 191, 191, 0.16); color: var(--white); opacity: 0.7; } .footer-widget-wrapper.style-3 span { color: var(--white); } .footer-widget-wrapper.style-3 .social-icon { gap: 15px; position: relative; z-index: 9; margin-top: 24px; } .footer-widget-wrapper.style-3 .social-icon a { width: 36px; height: 36px; line-height: 36px; text-align: center; font-size: 16px; display: block; border-radius: 5px; color: var(--white); transition: all 0.4s ease-in-out; text-align: center; background-color: rgba(227, 227, 227, 0.2); } .footer-widget-wrapper.style-3 .social-icon a:hover { background-color: var(--theme); color: var(--white); } .footer-widget-wrapper.style-3 .footer-contact-3 { border-bottom: 1px solid rgba(191, 191, 191, 0.16); } .footer-widget-wrapper.style-3 .footer-contact-3 .icon-location { display: flex; gap: 20px; margin-bottom: 20px; align-items: center; } .footer-widget-wrapper.style-3 .footer-contact-3 .icon-location i { color: var(--azulclaro); font-size: 18px; } .footer-widget-wrapper.style-3 .footer-contact-3 .icon-location h6 { color: var(--white); font-size: 18px; font-weight: 500; margin-bottom: 5px; } .footer-widget-wrapper.style-3 .footer-contact-3 .icon-location span { color: var(--white); opacity: 0.7; } .footer-widget-wrapper.style-3 .content h3 { color: var(--white); margin-bottom: 16px; margin-top: 20px; } .footer-widget-wrapper.style-3 .content span { color: var(--white); opacity: 0.7; display: block; } .footer-widget-wrapper.style-3 .gallery-items { gap: 12px; } .footer-widget-wrapper.style-3 .gallery-items:not(:last-child) { margin-bottom: 12px; } .footer-section-3 { position: relative; z-index: 9; background: linear-gradient(180deg,rgba(255, 255, 255, 1) 6%, rgba(0, 30, 50, 1) 6%); } .footer-section-3:before { position: absolute; content: ""; top: 0; left: 0; right: 0; background-color: var(--white); width: 100%; height: 11%; z-index: -1; } @media (max-width: 1199px) { .footer-section-3:before { top: -4%; } } @media (max-width: 991px) { .footer-section-3:before { top: -2%; } } .footer-section-3 .footer-top-3 { display: flex; align-items: center; justify-content: space-between; background-color: #e3e3e3; padding: 40px 50px; border-radius: 10px; text-align: center } @media (max-width: 1199px) { .footer-section-3 .footer-top-3 { flex-wrap: wrap; gap: 20px; justify-content: center; } } .footer-section-3 .footer-top-3 h3 { color: var(--black); } @media (max-width: 991px) { .footer-section-3 .footer-top-3 h3 { text-align: center; } } .footer-section-3 .footer-top-3 form { max-width: 515px; width: 100%; position: relative; } .footer-section-3 .footer-top-3 form i { position: absolute; content: ""; top: 21px; left: 21px; font-size: 25px; } .footer-section-3 .footer-top-3 form input { background: var(--white); border: none; outline: none; padding: 18px 20px 18px 60px; width: 100%; color: #777D7F; border-radius: 50px; } .footer-section-3 .footer-top-3 form input::placeholder { color: #777D7F; } .footer-section-3 .footer-top-3 form button { position: absolute; content: ""; top: 0; right: 0; bottom: 0; padding: 10px 40px; background-color: var(--theme); color: var(--white); transition: all 0.4s ease-in-out; border-radius: 50px; } @media (max-width: 767px) { .footer-section-3 .footer-top-3 form button { position: static; margin-top: 20px; width: 100%; } } .footer-section-3 .footer-top-3 form button:hover { background: #06a7e2; } .footer-section-2 .footer-logo { border-bottom: 1px solid rgba(191, 191, 191, 0.16); } /* Header */ @media (max-width: 1199px) { .menu-thumb { display: none !important; } } .header-main { display: flex; align-items: center; justify-content: space-between; padding: 10px 0; } .header-main .contact-list { display: flex; align-items: center; gap: 25px; padding: 10px 0; } @media (max-width: 1199px) { .header-main .contact-list { display: none; } } .header-main .contact-list li { font-size: 16px; color: var(--text); } .header-main .contact-list li a { color: var(--text); } .header-main .contact-list li i { margin-right: 10px; } .header-main .main-menu ul { margin-bottom: 0; } .header-main .main-menu ul li { position: relative; list-style: none; display: inline-block; margin-inline-end: 48px; } .header-main .main-menu ul li:last-child { margin-inline-end: 0; } .header-main .main-menu ul li a { display: inline-block; font-size: 16px; font-weight: 600; color: var(--header); padding: 20px 0; text-align: left; position: relative; text-transform: uppercase; transition: all 0.4s ease-in-out; } .header-main .main-menu ul li a:hover { color: var(--theme) !important; } .header-main .main-menu ul li .submenu { position: absolute; top: 115%; inset-inline-start: 0; min-width: 360px; background: var(--white); padding: 20px 0; z-index: 99999; visibility: hidden; opacity: 0; transform-origin: top center; color: var(--header); transform: translateY(-10px); transition: all 0.4s ease-in-out; border-top: 6px solid var(--theme); box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; } .header-main .main-menu ul li .submenu li { display: block; width: 100%; margin: 0; } .header-main .main-menu ul li .submenu li a { position: relative; z-index: 11; font-size: 12px; font-weight: 600; color: var(--header); line-height: 38px; padding: 0px 0px 0px 32px; width: 100%; } .header-main .main-menu ul li .submenu li a::before { content: ""; position: absolute; width: 0px; height: 2px; background: var(--theme); left: 4px; bottom: 18px; transition: all 0.4s ease-in-out; } .header-main .main-menu ul li .submenu li a:hover { color: var(--theme) !important; } .header-main .main-menu ul li .submenu li:last-child a { border: none; } .header-main .main-menu ul li .submenu li .submenu { inset-inline-start: 100%; top: 0; visibility: hidden; opacity: 0; } .header-main .main-menu ul li .submenu li:hover > a { color: var(--theme) !important; margin-left: 10px; } .header-main .main-menu ul li .submenu li:hover > a::before { width: 10px; } .header-main .main-menu ul li .submenu li:hover > a::after { color: var(--theme); } .header-main .main-menu ul li .submenu li:hover > .submenu { -webkit-transform: translateY(1); -moz-transform: translateY(1); -ms-transform: translateY(1); -o-transform: translateY(1); transform: translateY(1); visibility: visible; opacity: 1; } .header-main .main-menu ul li .submenu li.has-dropdown > a::after { position: absolute; top: 50%; inset-inline-end: 25px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); color: var(--theme); } .header-main .main-menu ul li .has-homemenu { width: 800px; padding: 30px 30px 10px 30px; opacity: 0; left: -250px; visibility: hidden; padding: 30px 30px 10px 30px; } .header-main .main-menu ul li .has-homemenu .homemenu-items { display: flex; align-items: center; gap: 30px; justify-content: space-between; } @media (max-width: 991px) { .header-main .main-menu ul li .has-homemenu .homemenu-items { flex-wrap: wrap; } } .header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu { position: relative; } .header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb { position: relative; } .header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 70%; gap: 10px; display: flex; justify-content: center; flex-direction: column; opacity: 0; visibility: hidden; transition: all 0.4s ease-in-out; margin-top: 20px; } .header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn { padding: 14px 20px; color: var(--white) !important; width: initial; font-size: 16px; text-align: center; border-radius: 30px !important; line-height: initial; } .header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn::before, .header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn::after { display: none; } .header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn:hover { background: var(--header); } .header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb::before { background: -webkit-gradient(linear, left top, left bottom, from(rgba(20, 19, 19, 0)), to(#5e5ef6)); background: linear-gradient(to bottom, rgba(99, 92, 92, 0) 0%, #252527 100%); background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden; opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; content: ""; } .header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb:hover::before { visibility: visible; opacity: 1; } .header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb:hover .demo-button { opacity: 1; visibility: visible; margin-top: 0; } .header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb:hover .homemenu-btn { opacity: 1; visibility: visible; bottom: 50%; transform: translateY(50%); } .header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb img { width: 100%; } .header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-title { text-align: center; margin: 15px auto; display: inline-block; font-size: 18px; font-weight: 600; font-family: "Hedvig Letters Sans", sans-serif; } .header-main .main-menu ul li:hover > a { color: var(--theme); } .header-main .main-menu ul li:hover > a::after { color: var(--theme); } .header-main .main-menu ul li:hover > .submenu { visibility: visible; opacity: 1; transform: translateY(0px); } .header-main .main-menu ul .search-icon { font-size: 20px; } .header-main .main-menu ul.style-2 .search-icon { color: var(--white); } .header-main .header-right { gap: 20px; } .header-main .header-right .main-button:hover .theme-btn, .header-main .header-right .main-button:hover .arrow-btn { background-color: #06a7e2; color: var(--white); } @media (max-width: 1399px) { .header-main .header-right { gap: 20px; } } .header-main .sidebar__toggle { cursor: pointer; font-size: 20px; color: var(--white); width: 56px; height: 56px; line-height: 56px; border-radius: 50%; border: 1px solid var(--white); text-align: center; } .header-1 { position: relative; } .header-1 .logo2 { display: none; } @media (max-width: 1399px) { .header-1 .logo2 { display: block; } } @media (max-width: 1399px) { .header-1 .logo { display: none; } } @media (max-width: 1199px) { .header-1 .main-button { display: none; } } @media (max-width: 1199px) { .header-1 .sidebar__toggle { color: var(--header); } } .header-1 .main-menu { padding-top: 15px; } .header-1::before { content: ""; position: absolute; width: 580px; height: 100%; background-color: var(--theme); top: 0; left: 0; z-index: -1; clip-path: polygon(0 0, 95% 0, 75% 100%, 0% 100%); } @media (max-width: 1600px) { .header-1::before { width: 330px; } } @media (max-width: 1399px) { .header-1::before { display: none; } } .header-1::after { content: ""; position: absolute; width: 615px; height: 100%; background-color: var(--header); right: 0; top: 0; z-index: -1; clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%); } @media (max-width: 1600px) { .header-1::after { width: 380px; } } @media (max-width: 1399px) { .header-1::after { display: none; } } .header-1 .header-main { position: relative; } .header-1 .header-main::before { position: absolute; content: ""; height: 1px; width: 964px; left: 15%; top: 42%; background: rgba(119, 125, 127, 0.1); } @media (max-width: 1399px) { .header-1 .header-main::before { display: none; } } .hero-section-2 .container { max-width: 1634px; } .header-1 .container { max-width: 1634px; } .header-1 .menu-sear { padding: 0; } @media (max-width: 1399px) { .header-1 .menu-sear { display: none; } } .header-1 .menu-sear a { padding: 0 !important; text-align: center !important; } .header-1 .search-trigger { width: 56px; height: 56px; line-height: 56px; text-align: center; border-radius: 50%; border: 1px solid #C6C9CA; display: inline-block; text-align: center; justify-content: center; } .header-2 { position: absolute; background-color: var(--white); top: 16px; left: 120px; width: 100%; right: 0; z-index: 9999; width: calc(100% - 240px); padding: 0 32px; padding-left: 50px; } @media (max-width: 1600px) { .header-2 { padding-right: 30px; left: 30px; width: calc(100% - 60px); } } @media (max-width: 1399px) { .header-2 { left: 20px; width: calc(100% - 40px); padding: 0 20px; } } .header-2 .logo2 { display: none; } @media (max-width: 1399px) { .header-2 .logo2 { display: block; } } @media (max-width: 1399px) { .header-2 .logo { display: none; } } .header-2::before { position: absolute; top: 0; left: 0; content: ""; height: 100%; width: 370px; /*background-color: var(--theme);*/ } @media (max-width: 1399px) { .header-2::before { display: none; } } .header-2::after { position: absolute; top: 0; right: 0; content: ""; height: 100%; width: 414px; /*background-color: var(--theme);*/ } @media (max-width: 1600px) { .header-2::after { width: 400px; } } @media (max-width: 1399px) { .header-2::after { display: none; } } .header-2 .logo { position: relative; z-index: 1; } .header-2 .header-right { position: relative; z-index: 2; } .header-2 .header-right .search-icon { color: var(--text); } @media (max-width: 1399px) { .header-2 .header-right .search-trigger { background-color: var(--header) !important; color: var(--white) !important; } } .header-2 .header-right .sidebar__toggle { background-color: var(--header); } .header-2 .container { max-width: 1634px; } .header-2 .main-menu ul li a { color: var(--header); } .header-2 .search-icon { font-size: 20px; color: var(--white); } .header-2 .main-button { margin-top: 0; } @media (max-width: 1399px) { .contact-wrapper-inner .contact-items { text-align: center; padding: 18px; background-color: var(--bg); border-radius: 16px; } body { zoom: 0.89; } .header-main .main-menu ul li a { display: inline-block; font-size: 14px; font-weight: 600; color: var(--header); padding: 20px 0; text-align: left; position: relative; text-transform: uppercase; transition: all 0.4s ease-in-out; } .header-2 .main-button { /* display: none;*/ } } .header-2 .header-right .search-trigger { width: 56px; height: 56px; line-height: 56px; text-align: center; border-radius: 50%; background-color: var(--white); display: inline-block; text-align: center; justify-content: center; color: var(--header); } .header-section-3 { position: relative; z-index: 9999; background: #F1F1F1; } .header-section-3::before { position: absolute; top: 0; left: 0; content: ""; width: 437px; height: 100%; background-color: #000E12; z-index: 1; clip-path: polygon(0 0, 95% 0, 75% 100%, 0% 100%); } @media (max-width: 1899px) { .header-section-3::before { width: 325px; } } @media (max-width: 1399px) { .header-section-3::before { display: none; } } .header-section-3 .head-logo { position: relative; z-index: 9; } .header-section-3::after { position: absolute; top: 41%; left: 0; right: 0; content: ""; width: 100%; height: 55%; background-color: var(--white); z-index: -1; } @media (max-width: 991px) { .header-section-3::after { display: none; } .header-2 .main-button { display: none; } } .header-section-3 .container { max-width: 1665px; } .header-section-3 .header-wrapper-3 { display: flex; align-items: center; justify-content: space-between; gap: 140px; } .header-section-3 .header-wrapper-3 .head-right-item { width: 100%; } .header-section-3 .header-wrapper-3 .head-right-item .header-top-wrapper-3 { display: flex; align-items: center; justify-content: space-between; padding: 15px 0; } @media (max-width: 991px) { .header-section-3 .header-wrapper-3 .head-right-item .header-top-wrapper-3 { display: none; } } .header-section-3 .header-wrapper-3 .head-right-item .header-top-wrapper-3 .head-top { display: flex; align-items: center; gap: 32px; } .header-section-3 .header-wrapper-3 .head-right-item .header-top-wrapper-3 .head-top li { display: flex; align-items: center; gap: 10px; } .header-section-3 .header-wrapper-3 .head-right-item .header-top-wrapper-3 .heads-right { display: flex; align-items: center; gap: 30px; } .header-section-3 .header-wrapper-3 .head-right-item .header-top-wrapper-3 .heads-right p { color: var(--header); } .header-section-3 .header-wrapper-3 .head-right-item .header-top-wrapper-3 .heads-right .social-icon { gap: 12px; } .header-section-3 .header-wrapper-3 .head-right-item .header-top-wrapper-3 .heads-right .social-icon a { display: inline-block; width: 32px; height: 32px; line-height: 32px; text-align: center; background-color: var(--white); border-radius: 4px; color: var(--text); } .header-section-3 .header-wrapper-3 .head-right-item .header-top-wrapper-3 .heads-right .social-icon a:hover { background-color: var(--theme); color: var(--white); } .header-section-3 .header-wrapper-3 .header-3 { padding-right: 0; position: relative; } .header-section-3 .header-wrapper-3 .header-3::before { position: absolute; top: 0; bottom: 0; right: 0; content: ""; width: 354px; height: 100%; background-color: var(--theme); } @media (max-width: 1399px) { .header-section-3 .header-wrapper-3 .header-3::before { display: none; } } .header-section-3 .header-wrapper-3 .header-3 .search-trigger { display: inline-block; border-radius: 50%; width: 56px; height: 56px; border: 1px solid #C6C9CA; text-align: center; line-height: 56px; } .header-section-3 .header-wrapper-3 .header-3 .header-right { gap: 60px; position: relative; z-index: 99; } @media (max-width: 991px) { .header-section-3 .header-wrapper-3 .header-3 .header-right { gap: 20px; } } .header-section-3 .header-wrapper-3 .header-3 .header-right .header-client-info { display: flex; align-items: center; gap: 12px; } @media (max-width: 1399px) { .header-section-3 .header-wrapper-3 .header-3 .header-right .header-client-info { display: none; } } .header-section-3 .header-wrapper-3 .header-3 .header-right .header-client-info .icon { width: 56px; height: 56px; line-height: 56px; background-color: var(--white); text-align: center; border-radius: 50%; color: var(--header); } .header-section-3 .header-wrapper-3 .header-3 .header-right .header-client-info .content p { color: var(--white); opacity: 0.7; } .header-section-3 .header-wrapper-3 .header-3 .header-right .header-client-info .content h4 { color: var(--white); font-size: 18px; letter-spacing: 0.5px; } .header-section-3 .header-wrapper-3 .header-3 .sidebar__toggle { width: initial; height: initial; line-height: initial; border: none; background-color: transparent; color: var(--white); padding-right: 28px; } @media (max-width: 1399px) { .header-section-3 .header-wrapper-3 .header-3 .sidebar__toggle { color: var(--header); } } .sticky { position: fixed !important; top: 0 !important; left: 0; width: 100%; z-index: 100; transition: all 0.9s; background-color: var(--white); -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; } .sticky.header-2::after { width: 475px; } .sticky.header-3 { padding-left: 30px; } .sticky.header-3 .header-left { display: block !important; } .offcanvas__info { background: var(--white) none repeat scroll 0 0; border-left: 2px solid var(--theme); position: fixed; right: 0; top: 0; width: 400px; height: 100%; -webkit-transform: translateX(calc(100% + 80px)); -moz-transform: translateX(calc(100% + 80px)); -ms-transform: translateX(calc(100% + 80px)); -o-transform: translateX(calc(100% + 80px)); transform: translateX(calc(100% + 80px)); -webkit-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out; -moz-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out; transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out; z-index: 99999; overflow-y: scroll; overscroll-behavior-y: contain; scrollbar-width: none; } .offcanvas__info::-webkit-scrollbar { display: none; } .offcanvas__info.info-open { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .offcanvas__wrapper { position: relative; height: 100%; padding: 30px 30px; } .offcanvas__wrapper .offcanvas__content .text { color: var(--text); } .offcanvas__wrapper .offcanvas__content .offcanvas__close { width: 45px; height: 45px; line-height: 45px; text-align: center; border-radius: 50%; background-color: var(--theme); position: relative; z-index: 9; cursor: pointer; } .offcanvas__wrapper .offcanvas__content .offcanvas__close i { color: var(--white); } .offcanvas__wrapper .offcanvas__content .offcanvas__contact { margin-top: 20px; } .offcanvas__wrapper .offcanvas__content .offcanvas__contact ul { margin-top: 20px; } .offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li { font-size: 16px; font-weight: 600; text-transform: capitalize; } .offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li a { color: var(--text); } .offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li:not(:last-child) { margin-bottom: 15px; } .offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li .offcanvas__contact-icon { margin-right: 20px; } .offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li .offcanvas__contact-icon i { color: var(--theme); } .offcanvas__wrapper .offcanvas__content .offcanvas__contact span { text-transform: initial; } .offcanvas__wrapper .offcanvas__content .offcanvas__contact .header-button .theme-btn { width: 100%; padding: 20px 40px; text-transform: capitalize !important; } .offcanvas__wrapper .offcanvas__content .offcanvas__contact .social-icon { margin-top: 30px; gap: 10px; } .offcanvas__wrapper .offcanvas__content .offcanvas__contact .social-icon a { width: 45px; height: 45px; line-height: 45px; text-align: center; font-size: 16px; display: block; background: transparent; color: var(--text); border-radius: 50%; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; text-align: center; border: 1px solid var(--border); } .offcanvas__wrapper .offcanvas__content .offcanvas__contact .social-icon a:hover { background-color: var(--theme); color: var(--white); } .offcanvas__overlay { position: fixed; height: 100%; width: 100%; background: #151515; z-index: 900; top: 0; opacity: 0; visibility: hidden; right: 0; } .offcanvas__overlay.overlay-open { opacity: 0.8; visibility: visible; } @media (max-width: 450px) { .offcanvas__info { width: 300px; } } @media (max-width: 575px) { .offcanvas__wrapper { padding: 20px; } } .error-items { text-align: center; } .error-items .error-image { margin-bottom: 30px; } .error-items .error-image img { width: 100%; height: 100%; } .error-items .theme-btn { background-color: var(--header); color: var(--white); } .error-items .theme-btn::before { background-color: var(--theme); } .error-items .theme-btn:hover { color: var(--white); } .breadcrumb-wrapper { position: relative; z-index: 9; } @media (max-width: 1399px) { .breadcrumb-wrapper { margin-bottom: 0; } } .breadcrumb-wrapper .shape { position: absolute; bottom: -70px; right: 2%; } @media (max-width: 1199px) { .breadcrumb-wrapper .shape { display: none; } } .breadcrumb-wrapper .page-heading { position: relative; padding:181px 0 59px; z-index: 9; } @media (max-width: 991px) { .breadcrumb-wrapper .page-heading { padding: 120px 0 120px; } } @media (max-width: 1199px) { .breadcrumb-wrapper .page-heading { text-align: center; } } .breadcrumb-wrapper .page-heading h1 { color: var(--white); font-size: 45px; position: relative; text-transform: uppercase; z-index: 9; font-weight: 700; } @media (max-width: 1199px) { .breadcrumb-wrapper .page-heading h1 { font-size: 60px; } } @media (max-width: 575px) { .breadcrumb-wrapper .page-heading h1 { font-size: 42px; } } @media (max-width: 470px) { .breadcrumb-wrapper .page-heading h1 { font-size: 30px; } } .breadcrumb-wrapper .page-heading .breadcrumb-items { display: inline-flex; justify-content: center; margin-top: 20px; gap: 10px; } @media (max-width: 575px) { .breadcrumb-wrapper .page-heading .breadcrumb-items { margin-top: 20px; } } .breadcrumb-wrapper .page-heading .breadcrumb-items li { color: var(--white); text-transform: capitalize; font-weight: 400; font-size: 16px; line-height: 1.4; } .breadcrumb-wrapper .page-heading .breadcrumb-items li a { color: rgba(255, 255, 255, 0.5); transition: all 0.4s ease-in-out; color: var(--theme); } .breadcrumb-wrapper .page-heading .breadcrumb-items li a:hover { color: var(--theme); } .breadcrumb-wrapper .page-heading .breadcrumb-items li a i { color: var(--theme); margin-right: 5px; } .breadcrumb-wrapper .page-heading .breadcrumb-items li i { color: var(--white); } .breadcrumb-wrapper .breadcrumb-image { position: absolute; bottom: 0; top: 0; right: 140px; } @media (max-width: 1600px) { .breadcrumb-wrapper .breadcrumb-image { right: 30px; } } @media (max-width: 1199px) { .breadcrumb-wrapper .breadcrumb-image { display: none; } } .error-items { text-align: center; } .error-items .thumb { max-width: 730px; margin: 0 auto; } .error-items .thumb img { width: 100%; height: 100%; } .error-items .content h2 { font-size: 72px; font-weight: 800; } @media (max-width: 991px) { .error-items .content h2 { font-size: 56px; margin-bottom: 20px; } } @media (max-width: 767px) { .error-items .content h2 { font-size: 36px; margin-bottom: 20px; } } @media (max-width: 575px) { .error-items .content h2 { font-size: 26px; margin-bottom: 20px; } } .error-items .content p { margin-top: 30px; } .error-items .content .main-button { margin-top: 40px; justify-content: center; } /* Helping */ ::-webkit-scrollbar { width: 8px; height: 8px; } /* Track */ ::-webkit-scrollbar-track { box-shadow: inset 0 0 5px var(--theme); border-radius: 5px; } /* Handle */ ::-webkit-scrollbar-thumb { background: var(--theme); border-radius: 10px; } .fix { overflow: hidden; } .ralt { position: relative; } .ml-50 { margin-left: 50px; } @media (max-width: 1199px) { .ml-50 { margin-left: 0; } } .ripple { position: relative; } .ripple::before, .ripple::after { position: absolute; left: 50%; top: 50%; width: 110px; height: 110px; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); border-radius: 50%; box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); -webkit-animation: rippleOne 3s infinite; animation: rippleOne 3s infinite; } .ripple::before { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; content: ""; position: absolute; right: 0; bottom: 0; } .ripple::after { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; content: ""; position: absolute; right: 0; bottom: 0; } @media (max-width: 767px) { br { display: none; } } /* background */ .bg-cover { background-repeat: no-repeat; background-size: cover; position: relative; background-position: center; } .sticky-style { position: sticky !important; top: 100px; } .gt-slide-transtion { -webkit-transition-timing-function: linear; transition-timing-function: linear; } .gt-brand-slide-element { width: auto; display: inline-block; } .swiper-dot { text-align: center; margin-top: 50px; z-index: 1; } .swiper-dot .swiper-pagination-bullet { width: 8px; height: 8px; transition: 0.6s; background: var(--header); opacity: 1; border-radius: 10px; } .swiper-dot .swiper-pagination-bullet:not(:last-child) { margin-right: 20px; } .swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: rgb(40, 44, 50); transition: 0.6s; position: relative; } .swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active::before { position: absolute; width: 21px; height: 21px; line-height: 21px; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; background-color: transparent; border: 1px solid rgb(0, 56, 101); content: ""; } .swiper-dot.style-2 .swiper-pagination-bullet { background: var(--theme); } .swiper-dot.style-2 .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: var(--theme); } .swiper-dot.style-2 .swiper-pagination-bullet.swiper-pagination-bullet-active::before { border: 2px solid var(--header); } .page-nav-wrap { margin-top: 60px; } .page-nav-wrap ul li { display: inline-block; } .page-nav-wrap ul li.active .page-numbers { background-color: var(--theme); color: var(--white); } .page-nav-wrap ul li .page-numbers { display: inline-block; width: 50px; height: 50px; text-align: center; line-height: 50px; border-radius: 100px; border: 1px solid rgba(22, 22, 22, 0.2); background: transparent; color: var(--black); font-weight: 400; transition: all 0.3s ease-in-out; margin: 0 2px; } .page-nav-wrap ul li .page-numbers.current { background-color: var(--theme); color: var(--white); } @media (max-width: 767px) { .page-nav-wrap ul li .page-numbers { margin-top: 10px; width: 40px; height: 40px; line-height: 40px; font-size: 14px; } } .page-nav-wrap ul li .page-numbers i { margin-top: 2px; } .page-nav-wrap ul li .page-numbers:hover { background-color: var(--theme); color: var(--white); border: 1px solid var(--theme); } .array-button { display: flex; align-items: center; gap: 16px; } .array-button .array-prev, .array-button .array-next { width: 44px; height: 44px; line-height: 44px; text-align: center; border-radius: 50%; border: 1px solid transparent; transition: all 0.4s ease-in-out; } .array-button .array-prev { border: 1px solid var(--header); } .array-button .array-prev:hover { background-color: var(--theme); color: var(--white); border: 1px solid var(--theme); } .array-button .array-next { background-color: var(--theme); color: var(--white); } .array-button .array-next:hover { background-color: var(--header); color: var(--white); } .footer-bg { background-color: #162726; } .footer-bg-2 { background-color: #F2F4F7; } .ml-40 { margin-left: 40px; } @media (max-width: 1399px) { .ml-40 { margin-left: 0; } } .page-nav-wrap { margin-top: 30px; } .page-nav-wrap ul li { display: inline-block; } .page-nav-wrap ul li.active .page-numbers { background-color: var(--theme); color: var(--white); } .page-nav-wrap ul li .page-numbers { display: inline-block; width: 48px; height: 48px; text-align: center; line-height: 48px; background: var(--bg); border: none; color: var(--header); font-weight: 400; transition: all 0.3s ease-in-out; margin: 0 2px; border-radius: 50%; font-family: "Radio Canada Big", sans-serif; } .page-nav-wrap ul li .page-numbers.current { background-color: var(--theme); color: var(--white); } @media (max-width: 767px) { .page-nav-wrap ul li .page-numbers { margin-top: 10px; width: 40px; height: 40px; line-height: 40px; font-size: 14px; } } .page-nav-wrap ul li .page-numbers i { margin-top: 2px; color: var(--header); transition: all 0.4s ease-in-out; } .page-nav-wrap ul li .page-numbers:hover { background-color: var(--theme); color: var(--white); border: none; } .page-nav-wrap ul li .page-numbers:hover i { color: var(--white); } .slide-transtion { -webkit-transition-timing-function: linear; transition-timing-function: linear; } .brand-slide-element { width: auto; display: inline-block; } /* Hero */ .hero-1 { padding: 130px 0 0; } @media (max-width: 991px) { .hero-1 { padding-top: 80px; } } .hero-1 .hero-image { direction: rtl; } @media (max-width: 991px) { .hero-1 .hero-image { margin-top: 50px; } .hero-1 .hero-image img { width: 100%; height: 100%; } } .hero-1 .hero-content { margin-right: -100px; margin-left: 20px; margin-top: -100px; } @media (max-width: 1199px) { .hero-1 .hero-content { margin-top: 0; } } @media (max-width: 991px) { .hero-1 .hero-content { margin-right: 0; margin-left: 0; } } .hero-1 .hero-content .hero-text { margin-top: 25px; color: var(--white); opacity: 0.7 !important; margin-bottom: 40px; max-width: 590px; } @media (max-width: 767px) { .hero-1 .hero-content .hero-text { margin-bottom: 30px; opacity: 1; } } .hero-1 .hero-content .main-button:hover .theme-btn, .hero-1 .hero-content .main-button:hover .arrow-btn { background-color: var(--black); color: var(--white); } @media (max-width: 991px) { .hero-1 { background-image: none !important; background-color: rgb(0, 14, 18) !important; } } .hero-2 { padding: 243px 55px 161px; overflow: hidden; background-size: cover; background-position: center } @media (max-width: 1199px) { .hero-2 { padding: 160px 0 4px } } @media (max-width: 991px) { .hero-2 { padding: 170px 20px; } } .hero-2 .hero-content { margin-left: 0; } @media (max-width: 1199px) { .hero-2 .hero-content { margin-left: 0; } } .hero-2 .hero-content h1 { font-size: 49px; line-height: 111%; text-transform: uppercase } @media (max-width: 1600px) { .hero-2 .hero-content h1 { font-size: 36px; } } @media (max-width: 1399px) { .hero-2 .hero-content h1 { font-size: 36px; } } @media (max-width: 991px) { .hero-2 .hero-content h1 { font-size: 36px; } } @media (max-width: 575px) { .hero-2 .hero-content h1 { font-size: 32px; } } .hero-2 .hero-content p { color: var(--white); opacity: 0.7 !important; margin-bottom: 40px; max-width: 700px; } @media (max-width: 767px) { .hero-2 .hero-content p { margin-bottom: 30px; opacity: 1; } } .hero-2 .hero-content .hero-text { margin-top: 25px; } .hero-2 .hero-content .hero-button { display: flex; align-items: center; gap: 30px; } @media (max-width: 1199px) { .hero-2 .hero-content .hero-button { flex-wrap: wrap; gap: 20px; } } .hero-2 .hero-content .hero-button .video-btn .video-text { padding: 16px 32px; display: inline-block; border: 1.5px solid var(--white); color: var(--white); font-family: "Radio Canada Big"; font-size: 16px; font-weight: 600; letter-spacing: 0.5px; border-radius: 32px; } .hero-2 .hero-content .hero-button .video-btn i { width: 50px; height: 50px; line-height: 52px; text-align: center; border-radius: 100px; background-color: var(--theme); color: var(--white); display: inline-block; font-size: 18px; } @media (max-width: 767px) { .hero-2 .hero-content .hero-button .video-btn i { width: 50px; height: 50px; line-height: 50px; font-size: 18px; } } .hero-2 .hero-content .hero-button .main-button { display: flex; align-items: center; gap: 30px; } .hero-2 .hero-content .hero-button .main-button:hover .theme-btn, .hero-2 .hero-content .hero-button .main-button:hover .arrow-btn { background-color: var(--white); color: var(--black); } .hero-2 .hero-image { margin-left: -300px; } @media (max-width: 1199px) { .hero-2 .hero-image { margin-left: 0; } } @media (max-width: 1899px) { .hero-2 .hero-image img { height: 100%; width: 100%; } } .hero-3 { padding: 0 0 150px 156px; } @media (max-width: 1399px) { .hero-3 { padding-left: 40px; padding-top: 100px; } } @media (max-width: 1199px) { .hero-3 { padding: 100px 0 100px 30px; } } @media (max-width: 991px) { .hero-3 { padding: 80px 0 80px 30px; } } .hero-3 .hero-content h1 { font-size: 70px; line-height: 111%; } @media (max-width: 1600px) { .hero-3 .hero-content h1 { font-size: 54px; } } @media (max-width: 1399px) { .hero-3 .hero-content h1 { font-size: 40px; } } @media (max-width: 991px) { .hero-3 .hero-content h1 { font-size: 39px; } } @media (max-width: 575px) { .hero-3 .hero-content h1 { font-size: 32px; } } .hero-3 .hero-content .hero-text { margin-top: 25px; color: var(--white); opacity: 0.7 !important; max-width: 663px; margin-bottom: 40px; } @media (max-width: 767px) { .hero-3 .hero-content .hero-text { margin-bottom: 30px; opacity: 1; } } .hero-3 .hero-content .hero-button { display: flex; align-items: center; gap: 30px; } .hero-3 .hero-content .hero-button .video-btn .video-text { padding: 16px 32px; display: inline-block; border: 1.5px solid var(--white); color: var(--white); font-family: "Radio Canada Big"; font-size: 16px; font-weight: 600; letter-spacing: 0.5px; border-radius: 32px; } .hero-3 .hero-content .hero-button .video-btn i { width: 50px; height: 50px; line-height: 52px; text-align: center; border-radius: 100px; background-color: var(--theme); color: var(--white); display: inline-block; font-size: 18px; } @media (max-width: 767px) { .hero-3 .hero-content .hero-button .video-btn i { width: 50px; height: 50px; line-height: 50px; font-size: 18px; } } .hero-3 .hero-image { margin-left: -180px; margin-bottom: -80px; } @media (max-width: 1399px) { .hero-3 .hero-image { margin-left: 0; margin-bottom: 0; } .hero-3 .hero-image img { width: 100%; height: 100%; } } /* MeanMenu */ .mean-container a.meanmenu-reveal { display: none; } .mean-container .mean-nav { background: none; margin-top: 0; } .mean-container .mean-bar { padding: 0; min-height: auto; background: none; } .mean-container .mean-nav > ul { padding: 0; margin: 0; width: 100%; list-style-type: none; display: block !important; } .mean-container .mean-nav > ul .homemenu-items { display: flex; align-items: center; gap: 30px; justify-content: space-between; } @media (max-width: 1199px) { .mean-container .mean-nav > ul .homemenu-items { flex-wrap: wrap; } } .mean-container .mean-nav > ul .homemenu-items .homemenu { position: relative; } @media (max-width: 1199px) { .mean-container .mean-nav > ul .homemenu-items .homemenu { max-width: 300px; text-align: center; margin: 0 auto; border: 1px solid var(--border); padding: 10px; } } .mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb { position: relative; } .mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb .demo-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60%; gap: 10px; display: flex; justify-content: center; flex-direction: column; opacity: 0; visibility: hidden; transition: all 0.4s ease-in-out; margin-top: 20px; } .mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn { padding: 12px 20px; color: var(--white) !important; width: initial; font-size: 16px; text-align: center; border-radius: 0; } .mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn:hover { color: var(--white) !important; } .mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb::before { background: -webkit-gradient(linear, left top, left bottom, from(rgba(20, 19, 19, 0)), to(#5e5ef6)); background: linear-gradient(to bottom, rgba(99, 92, 92, 0) 0%, #252527 100%); background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden; opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; content: ""; } .mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb:hover::before { visibility: visible; opacity: 1; } .mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb:hover .demo-button { opacity: 1; visibility: visible; margin-top: 0; } .mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb:hover .homemenu-btn { opacity: 1; visibility: visible; bottom: 50%; transform: translateY(50%); } .mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb img { width: 100%; } .mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-title { text-align: center; margin: 15px auto; display: inline-block; font-size: 16px; } .mean-container a.meanmenu-reveal { display: none !important; } .mean-container .mean-nav ul li a { width: 100%; padding: 10px 0; color: var(--header); font-size: 16px; line-height: 1.5; font-weight: 500; text-transform: capitalize; border-bottom: 1px solid var(--border) !important; border: none; } .mean-container .mean-nav ul li a:hover { color: var(--theme); } .mean-container .mean-nav ul li a:last-child { border-bottom: 0; } .mean-container .mean-nav ul li a:hover { color: var(--theme); } .mean-container .mean-nav ul li a.mean-expand { margin-top: 5px; padding: 0 !important; } .mean-container .mean-nav ul li > a > i { display: none; } .mean-container .mean-nav ul li > a.mean-expand i { display: inline-block; font-size: 18px; } .mean-container .mean-nav > ul > li:first-child > a { border-top: 0; } .mean-container .mean-nav ul li a.mean-expand.mean-clicked i { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transition: all 0.4s ease-in-out; } .mean-container .mean-nav ul li .mega-menu li a { height: 200px; width: 100%; padding: 0; border-top: 0; margin-bottom: 20px; } /* News */ .news-top-items { margin-top: 30px; } .news-image{width: 100%; height: 250px; background-size: cover; -webkit-border-top-left-radius: 12px; -webkit-border-top-right-radius: 12px; -moz-border-radius-topleft: 12px; -moz-border-radius-topright: 12px; border-top-left-radius: 12px; border-top-right-radius: 12px;} .news-top-items .news-image img { width: 100%; height: 100%; border-radius: 12px; } .news-top-items .news-content { margin-left: 40px; } @media (max-width: 1199px) { .news-top-items .news-content { margin-left: 0; } } .news-top-items .news-content.style-2 { margin-left: 0 !important; } .news-top-items .news-content ul { display: flex; gap: 32px; } .news-top-items .news-content ul li { font-size: 16px; font-weight: 400; margin-bottom: 10px; position: relative; padding-left: 30px; display: inline-block; } .news-top-items .news-content ul li::before { width: 16px; height: 2px; line-height: 4px; position: absolute; top: 12px; left: 0; content: ""; background-color: var(--theme); } .news-top-items .news-content h3 { font-size: 32px; margin-bottom: 10px; } @media (max-width: 1199px) { .news-top-items .news-content h3 { font-size: 26px; } } @media (max-width: 767px) { .news-top-items .news-content h3 { font-size: 22px; } } @media (max-width: 575px) { .news-top-items .news-content h3 { font-size: 20px; } } .news-top-items .news-content h3 a:hover { color: var(--theme); } .news-section { position: relative; z-index: 9; } .news-section .news-shape-1 { position: absolute; z-index: -1; top: 10%; right: 0; } .news-section .news-shape-2 { position: absolute; z-index: -1; bottom: 10%; left: 0; } .news-box-items-2 { margin-top: 30px; } .news-box-items-2 .news-image img { width: 100%; height: 100%; border-radius: 12px; } .news-box-items-2 .news-content { margin-top: 15px; } .news-box-items-2 .news-content ul { display: flex; gap: 32px; } .news-box-items-2 .news-content ul li { font-size: 16px; font-weight: 400; margin-bottom: 10px; position: relative; padding-left: 30px; display: inline-block; } .news-box-items-2 .news-content ul li::before { width: 16px; height: 2px; line-height: 4px; position: absolute; top: 12px; left: 0; content: ""; background-color: var(--theme); } .news-box-items-2 .news-content h3 a:hover { color: var(--theme); } .news-box-items-3 { margin-top: 30px; border-radius: 12px; background: var(--bg); } .news-box-items-3 .news-image img { width: 100%; height: 100%; border-radius: 12px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .news-box-items-3 .news-content { padding: 20px 24px 32px 50px; position: relative; min-height: 152px; } .news-box-items-3 .news-content h3 a:hover { color: var(--theme); } .news-box-items-3 .news-content ul { display: flex; gap: 20px; align-items: center; margin-top: 20px; } .news-box-items-3 .news-content ul li { display: flex; gap: 7px; align-items: center; } .news-box-items-3 .news-content ul li i { color: var(--theme); } .news-box-items-3 .news-content .post-date { position: absolute; rotate: -90deg; content: ""; top: 36%; left: -55px; width: 36%; height: 40px; background-color: transparent; padding: 8px 10px; text-align: center; transition: all 0.4s ease-in-out; border-radius: 5px 0 0 0; } .news-box-items-3:hover .post-date { background-color: var(--theme); } .news-box-items-3:hover .post-date span { color: var(--white); } .news-standard-wrapper .news-standard-items:not(:last-child) { margin-bottom: 50px; } .news-standard-wrapper .news-standard-items .news-thumb img { width: 100%; height: 100%; border-radius: 12px; } .news-standard-wrapper .news-standard-items .news-content { margin-top: 20px; position: relative; z-index: 9; } .news-standard-wrapper .news-standard-items .news-content ul { display: flex; align-items: center; gap: 50px; margin-bottom: 15px; } @media (max-width: 1199px) { .news-standard-wrapper .news-standard-items .news-content ul { gap: 20px; } } .news-standard-wrapper .news-standard-items .news-content ul li i { color: var(--theme); margin-right: 5px; font-size: 20px; } .news-standard-wrapper .news-standard-items .news-content ul li:hover .style-2 { background-color: var(--theme); border-radius: 100px; padding: 5px 15px; } .news-standard-wrapper .news-standard-items .news-content h3 { margin-bottom: 15px; font-size: 32px; } @media (max-width: 575px) { .news-standard-wrapper .news-standard-items .news-content h3 { font-size: 24px; } } .news-standard-wrapper .news-standard-items .news-content h3 a:hover { color: var(--theme); } .news-standard-wrapper .highlight-box { background-color: #FFF0EB; color: var(--header); margin-top: 30px; display: block; padding: 24px 32px; border-left: 6px solid var(--theme); border-radius: 8px; } .news-standard-wrapper .highlight-box p { font-style: italic; font-weight: 500; font-size: 20px; } .news-standard-wrapper .introduced-box { margin-top: 40px; } .news-standard-wrapper .introduced-box h3 { margin-bottom: 8px; } .news-standard-wrapper .introduced-box .list-area ul { margin-top: 16px; } .news-standard-wrapper .introduced-box .list-area ul li { font-weight: 600; display: block; font-size: 16px; font-family: "Radio Canada Big", sans-serif; color: var(--header); } .news-standard-wrapper .introduced-box .list-area ul li i { color: var(--white); margin-right: 10px; background-color: var(--theme); width: 20px; height: 20px; border-radius: 50%; line-height: 21px; font-size: 10px; text-align: center; font-weight: 400; } .news-standard-wrapper .introduced-box .list-area ul li:not(:last-child) { margin-bottom: 14px; } .news-standard-wrapper .introduced-box .list-area ul li span { font-weight: 400; font-size: 16px; color: var(--text); font-family: "Hedvig Letters Sans", sans-serif; } .news-standard-wrapper .introduced-box .list-area ul li span.color-2 { color: var(--header); } .news-standard-wrapper .operation-box { margin-top: 30px; } .news-standard-wrapper .operation-box h3 { margin-bottom: 24px; } .news-standard-wrapper .operation-box .list-area h4 { margin-bottom: 8px; } .news-standard-wrapper .operation-box .list-area p { margin-bottom: 20px; } .news-standard-wrapper .feature-box .feature-items .feature-img img { border-radius: 8px; height: 100%; width: 100%; } .news-standard-wrapper .feature-box .feature-items .content { margin-top: 32px; margin-bottom: 32px; } .news-standard-wrapper .feature-box .feature-items .content h3 { margin-bottom: 16px; } .news-standard-wrapper .feature-box .feature-items .content ul li { font-weight: 500; color: var(--header); display: block; font-size: 16px; font-family: "Radio Canada Big", sans-serif; } .news-standard-wrapper .feature-box .feature-items .content ul li i { color: var(--white); margin-right: 10px; background-color: var(--theme); width: 20px; height: 20px; border-radius: 50%; line-height: 20px; font-size: 12px; text-align: center; font-weight: 400; } .news-standard-wrapper .feature-box .feature-items .content ul li:not(:last-child) { margin-bottom: 14px; } .news-standard-wrapper .tag-share-wrap { border-bottom: 1.2px solid rgba(191, 191, 191, 0.24); padding: 30px 0; } .news-standard-wrapper .tag-share-wrap .tagcloud span { font-size: 20px; font-weight: 600; display: inline-block; color: var(--header); margin-right: 15px; } .news-standard-wrapper .tag-share-wrap .tagcloud a { display: inline-block; padding: 14px 26px; line-height: 1; background: var(--bg); margin-right: 8px; text-transform: capitalize; font-weight: 600; transition: all 0.4s ease-in-out; border-radius: 30px; } @media (max-width: 1199px) { .news-standard-wrapper .tag-share-wrap .tagcloud a { padding: 10px 20px; } } @media (max-width: 1199px) { .news-standard-wrapper .tag-share-wrap .tagcloud a { margin-bottom: 15px; } } .news-standard-wrapper .tag-share-wrap .tagcloud a:hover { background-color: var(--theme); color: var(--white); } .news-standard-wrapper .tag-share-wrap .social-share a { font-size: 16px; color: var(--header); display: inline-block; width: 42px; height: 42px; line-height: 42px; text-align: center; background-color: var(--bg); border-radius: 50%; } .news-standard-wrapper .tag-share-wrap .social-share a:not(:last-child) { margin-right: 10px; } .news-standard-wrapper .tag-share-wrap .social-share a:hover { color: var(--white); background-color: var(--theme); } .news-standard-wrapper .comments-area { margin-top: 40px; } .news-standard-wrapper .comments-area h3 { font-size: 28px; } @media (max-width: 575px) { .news-standard-wrapper .comments-area .blog-single-comment { flex-wrap: wrap; gap: 20px; } } .news-standard-wrapper .comments-area .blog-single-comment.style-2 { margin-left: 100px; } .news-standard-wrapper .comments-area .blog-single-comment .content .head .con h5 { margin-bottom: 10px; font-weight: 600; font-size: 20px; } .news-standard-wrapper .comments-area .blog-single-comment .content .reply { padding: 5px 18px; font-weight: 400; background-color: var(--theme); color: var(--white); transition: all 0.4s ease-in-out; border-radius: 20px; } .news-standard-wrapper .comments-area .blog-single-comment .content .reply:hover { background-color: var(--header); } .news-standard-wrapper .comment-form-wrap h3 { font-size: 32px; margin-bottom: 30px; } @media (max-width: 575px) { .news-standard-wrapper .comment-form-wrap h3 { font-size: 28px; margin-bottom: 20px; } } .news-standard-wrapper .comment-form-wrap .form-clt input, .news-standard-wrapper .comment-form-wrap .form-clt textarea { width: 100%; outline: none; border: none; background-color: transparent; border: 1px solid var(--border); padding: 16px 20px; font-weight: 500; } .news-standard-wrapper .comment-form-wrap .form-clt input::placeholder, .news-standard-wrapper .comment-form-wrap .form-clt textarea::placeholder { color: var(--text); } .news-standard-wrapper .comment-form-wrap .form-clt textarea { padding-bottom: 100px; } .main-sidebar .single-sidebar-widget { padding: 40px 30px; background-color: var(--bg); margin-bottom: 30px; border-radius: 16px; } .main-sidebar .single-sidebar-widget .search-widget form { width: 100%; position: relative; } .main-sidebar .single-sidebar-widget .search-widget form input { background-color: var(--white); font-size: 15px; padding: 20px; width: 100%; border: none; color: var(--text); border-radius: 100px; } .main-sidebar .single-sidebar-widget .search-widget form button { position: absolute; right: 16px; top: 13px; width: 40px; font-size: 18px; height: 40px; line-height: 40px; background-color: var(--theme); color: var(--white); text-align: center; transition: all 0.3s ease-in-out; border-radius: 100px; } .main-sidebar .single-sidebar-widget .search-widget form button:hover { background-color: var(--header); } .main-sidebar .single-sidebar-widget .widget-title { border-bottom: 1.5px solid rgba(129, 129, 129, 0.24); padding-bottom: 16px; margin-bottom: 30px; position: relative; } .main-sidebar .single-sidebar-widget .widget-title::before { position: absolute; content: ""; width: 80px; height: 3px; background-color: var(--theme); left: 0; bottom: -2px; } .main-sidebar .single-sidebar-widget .widget-title h3 { font-weight: 700; font-size: 24px; } .main-sidebar .single-sidebar-widget .category-list li { display: flex; align-items: center; justify-content: space-between; font-size: 16px; font-weight: 400; color: var(--header); transition: all 0.4s ease-in-out; background-color: var(--white); padding: 20px 22px; line-height: 1; border-radius: 100px; } .main-sidebar .single-sidebar-widget .category-list li a { color: var(--text); } .main-sidebar .single-sidebar-widget .category-list li i { transition: all 0.4s ease-in-out; color: var(--text); } .main-sidebar .single-sidebar-widget .category-list li:not(:last-child) { margin-bottom: 20px; } .main-sidebar .single-sidebar-widget .category-list li span b { font-weight: 400; color: var(--theme); } .main-sidebar .single-sidebar-widget .category-list li:hover { background-color: var(--theme); } .main-sidebar .single-sidebar-widget .category-list li:hover a { color: var(--white); } .main-sidebar .single-sidebar-widget .category-list li:hover i, .main-sidebar .single-sidebar-widget .category-list li:hover span { color: var(--white); } .main-sidebar .single-sidebar-widget .recent-post-area .recent-items:not(:last-child) { margin-bottom: 20px; } .main-sidebar .single-sidebar-widget .recent-post-area .recent-items .recent-thumb img { border-radius: 8px; height: 100%; width: 100%; } .main-sidebar .single-sidebar-widget .recent-post-area .recent-items .recent-content { margin-top: 16px; } .main-sidebar .single-sidebar-widget .recent-post-area .recent-items .recent-content ul { margin-bottom: 8px; } .main-sidebar .single-sidebar-widget .recent-post-area .recent-items .recent-content ul li { color: var(--theme); } .main-sidebar .single-sidebar-widget .recent-post-area .recent-items .recent-content ul li i { margin-right: 5px; } .main-sidebar .single-sidebar-widget .recent-post-area .recent-items .recent-content h6 { font-weight: 700; } .main-sidebar .single-sidebar-widget .recent-post-area .recent-items .recent-content h6 a:hover { color: var(--theme); } .main-sidebar .single-sidebar-widget .tagcloud a { display: inline-block; padding: 11px 20px; line-height: 1; font-size: 16px; font-weight: 500; border: 1px solid rgba(129, 129, 129, 0.24); margin-right: 5px; border-radius: 100px; text-transform: capitalize; margin-bottom: 10px; transition: all 0.4s ease-in-out; } .main-sidebar .single-sidebar-widget .tagcloud a:last-child { margin-right: 0; } .main-sidebar .single-sidebar-widget .tagcloud a:hover { background-color: var(--theme); color: var(--white); } .main-sidebar .single-sidebar-image { height: 400px; max-width: 500px; position: relative; } @media (max-width: 991px) { .main-sidebar .single-sidebar-image { max-width: 800px; } } .main-sidebar .single-sidebar-image::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; background: linear-gradient(180deg, #3C72FC 0%, rgba(0, 6, 12, 0) 100%); opacity: 0.9; } .main-sidebar .single-sidebar-image .contact-text { position: relative; text-align: center; padding: 130px 30px; margin: 0 auto; } .main-sidebar .single-sidebar-image .contact-text .icon { width: 48px; height: 48px; line-height: 48px; text-align: center; background-color: var(--white); text-align: center; color: var(--theme); border-radius: 50%; margin: 0 auto; position: relative; } .main-sidebar .single-sidebar-image .contact-text .icon::before { position: absolute; top: 50%; left: 50%; right: 0; bottom: 0; width: 60px; height: 60px; border-radius: 50%; border: 1px solid var(--white); content: ""; transform: translate(-50%, -50%); } .main-sidebar .single-sidebar-image .contact-text h4 { color: var(--white); margin-top: 30px; } .main-sidebar .single-sidebar-image .contact-text h5 { margin-top: 15px; } .main-sidebar .single-sidebar-image .contact-text h5 a { color: var(--white); } /* Preloader */ .preloader { align-items: center; cursor: default; display: flex; height: 100%; justify-content: center; position: fixed; left: 0; top: 0; width: 100%; z-index: 9999999; } .preloader .animation-preloader { z-index: 1000; } .preloader .animation-preloader .spinner { animation: spinner 1s infinite linear; border-radius: 50%; border: 3px solid rgba(0, 0, 0, 0.2); border-top-color: var(--theme); height: 9em; margin: 0 auto 3.5em auto; width: 9em; } @media (max-width: 767px) { .preloader .animation-preloader .spinner { width: 7.5em; height: 7.5em; margin: 0 auto 1.5em auto; } } .preloader .animation-preloader .txt-loading { font: bold 5em "Radio Canada Big", sans-serif, "Hedvig Letters Sans", sans-serif; text-align: center; user-select: none; } @media (max-width: 767px) { .preloader .animation-preloader .txt-loading { font-size: 2.5em; } } .preloader .animation-preloader .txt-loading .letters-loading { color: var(--theme); position: relative; } .preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before { animation-delay: 0.2s; } .preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before { animation-delay: 0.4s; } .preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before { animation-delay: 0.6s; } .preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before { animation-delay: 0.8s; } .preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before { animation-delay: 1s; } .preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before { animation-delay: 1.2s; } .preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before { animation-delay: 1.4s; } .preloader .animation-preloader .txt-loading .letters-loading::before { animation: letters-loading 4s infinite; color: var(--header); content: attr(data-text-preloader); left: 0; opacity: 0; font-family: "Radio Canada Big", sans-serif; position: absolute; top: -3px; transform: rotateY(-90deg); } .preloader p { font-size: 15px; font-weight: 600; text-transform: uppercase; letter-spacing: 8px; color: var(--theme); } .preloader .loader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; font-size: 0; z-index: 1; pointer-events: none; } .preloader .loader .row { height: 100%; } .preloader .loader .loader-section { padding: 0px; } .preloader .loader .loader-section .bg { background-color: var(--bg); height: 100%; left: 0; width: 100%; transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1); } .preloader.loaded .animation-preloader { opacity: 0; transition: 0.3s ease-out; } .preloader.loaded .loader-section .bg { width: 0; transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1); } .back-to-top { background-color: var(--theme); width: 50px; height: 50px; line-height: 40px; color: var(--white); font-size: 16px; position: fixed; display: inline-block; z-index: 9999; right: 30px; bottom: 30px; transition: all 0.4s ease-in-out; opacity: 0; visibility: hidden; transform: translateY(20px); } @media (max-width: 575px) { .back-to-top { display: none; } } .back-to-top:hover { background-color: var(--header); color: var(--bg); } .back-to-top.show { opacity: 1; visibility: visible; transform: translate(0); } .cursor-outer { -webkit-margin-start: -12px; margin-inline-start: -12px; margin-top: -12px; width: 30px; height: 30px; border: 1px solid var(--theme); background-color: var(--theme); -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 10000000; opacity: 0.34; -webkit-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } .cursor-outer.cursor-hover { opacity: 0.14; } .cursor-outer.cursor-big { opacity: 0; } .mouseCursor { position: fixed; top: 0; inset-inline-start: 0; inset-inline-end: 0; bottom: 0; pointer-events: none; border-radius: 50%; -webkit-transform: translateZ(0); transform: translateZ(0); visibility: hidden; text-align: center; } .mouseCursor.cursor-big { width: 20px; height: 20px; -webkit-margin-start: -12px; margin-inline-start: -12px; margin-top: -12px; } .cursor-inner { -webkit-margin-start: -3px; margin-inline-start: -3px; margin-top: -3px; width: 10px; height: 10px; z-index: 10000001; background-color: var(--theme); opacity: 1; -webkit-transition: all 0.24s ease-out 0s; transition: all 0.24s ease-out 0s; } .cursor-inner span { color: var(--text); line-height: 60px; opacity: 0; text-transform: uppercase; letter-spacing: 1px; font-size: 12px; } .cursor-inner.cursor-big span { opacity: 1; } .cursor-inner.cursor-hover { -webkit-margin-start: -10px; margin-inline-start: -10px; margin-top: -10px; width: 30px; height: 30px; background-color: var(--theme); border: 1px solid #686363; opacity: 0; } .search-wrap { width: 100%; height: 100%; overflow: hidden; display: none; position: fixed; top: 0; left: 0; z-index: 999999; background-color: rgba(255, 255, 255, 0.9); } .search-wrap .search-inner { position: relative; width: 100%; height: 100%; } .search-wrap .search-cell { position: absolute; top: 50%; width: 100%; transform: translateY(-50%); } .search-wrap .search-field-holder { width: 50%; margin: auto; position: relative; animation: slideInUp 0.3s; } @media only screen and (min-width: 768px) and (max-width: 991px) { .search-wrap .search-field-holder { width: 70%; } } @media (max-width: 575px) { .search-wrap .search-field-holder { width: 80%; } } .search-wrap .main-search-input { width: 100%; height: 70px; border: 0; padding: 0 50px; text-transform: capitalize; background: transparent; font-size: 25px; color: var(--theme); border-bottom: 2px solid var(--theme); text-align: center; letter-spacing: 2px; } @media (max-width: 575px) { .search-wrap .main-search-input { height: 50px; padding: 0 0; line-height: 50px; font-size: 18px; } } .search-wrap input.form-control, .search-wrap input.form-control:focus { background-color: var(--theme); } input.main-search-input::placeholder { color: var(--theme); opacity: 1; font-size: 25px; } @media (max-width: 575px) { input.main-search-input::placeholder { font-size: 18px; } } .search-close { position: absolute; top: 50px; right: 50px; font-size: 30px; color: var(--theme); cursor: pointer; } /* Project */ .project-wrapper { margin-left: -6%; margin-right: -10%; } @media (max-width: 1199px) { .project-wrapper { margin: 0; } } .project-wrapper .project-box-items { position: relative; } .project-wrapper .project-box-items .project-image { position: relative; } .project-wrapper .project-box-items .project-image img { width: 100%; height: 100%; border-radius: 16px; } .project-wrapper .project-box-items .project-image:before { position: absolute; content: ""; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.32); opacity: 0; transition: all 0.4s ease-in-out; } .project-wrapper .project-box-items .project-image .project-content { background-color: var(--white); padding: 24px; position: absolute; bottom: 0; left: 0; right: 0; line-height: 1; opacity: 0; visibility: hidden; transition: all 0.4s ease-in-out; } .project-wrapper .project-box-items .project-image .project-content h3 { margin-bottom: 10px; } .project-wrapper .project-box-items .project-image .project-content h3 a:hover { color: var(--theme); } .project-wrapper .project-box-items:hover .project-content { opacity: 1; visibility: visible; } .project-wrapper .project-box-items:hover .project-image:before { opacity: 0.9; } .project-image-items-3 { position: relative; z-index: 9; } .project-image-items-3::before { border-radius: 16px; background: rgba(0, 14, 18, 0.32); backdrop-filter: blur(28px); position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; left: 24px; top: 24px; width: calc(100% - 48px); height: calc(100% - 48px); opacity: 0; visibility: hidden; transition: all 0.4s ease-in-out; justify-content: center; } .project-image-items-3 img { border-radius: 12px; width: 100%; height: 100%; } .project-image-items-3 .project-content { position: absolute; bottom: 56px; left: 56px; right: 56px; opacity: 0; visibility: hidden; transition: all 0.4s ease-in-out; } .project-image-items-3 .project-content h3 a { color: var(--white); } .project-image-items-3 .project-content h3 a:hover { color: var(--theme); } .project-image-items-3 .project-content p { margin-top: 10px; color: var(--white); } .project-image-items-3 .project-content .link-btns { margin-top: 10px; } .project-image-items-3 .project-content .link-btns:hover { color: var(--white); } .project-image-items-3:hover::before { opacity: 1; visibility: visible; } .project-image-items-3:hover .project-content { opacity: 1; visibility: visible; } .project-section-3 { position: relative; z-index: 9; } .project-section-3::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; background-color: var(--white); height: 40%; } .project-details-items .details-image img { border-radius: 16px; height: 100%; width: 100%; } .project-details-items .details-content { margin-top: 32px; } .project-details-items .details-content ul { display: flex; align-items: center; gap: 50px; margin-bottom: 15px; } @media (max-width: 1199px) { .project-details-items .details-content ul { gap: 20px; } } .project-details-items .details-content ul li { font-size: 16px; font-weight: 400; } @media (max-width: 575px) { .project-details-items .details-content ul li { font-size: 14px; } } .project-details-items .details-content ul li i { color: var(--theme); margin-right: 5px; font-size: 22px; } .project-details-items .details-content h3 { margin-bottom: 15px; font-size: 48px; } @media (max-width: 767px) { .project-details-items .details-content h3 { font-size: 30px; } } @media (max-width: 575px) { .project-details-items .details-content h3 { font-size: 24px; } } .project-details-items .details-list-items h3 { margin-top: 32px; margin-bottom: 16px; } @media (max-width: 767px) { .project-details-items .details-list-items h3 { margin-top: 20px; } } .project-details-items .details-list-items p { margin-top: 16px; } .project-details-items .details-list-items ul li { font-weight: 400; color: var(--header); display: block; font-size: 16px; font-family: "Hedvig Letters Sans", sans-serif; } .project-details-items .details-list-items ul li i { color: var(--white); margin-right: 10px; background-color: var(--theme); width: 20px; height: 20px; border-radius: 50%; line-height: 21px; font-size: 10px; text-align: center; font-weight: 400; } .project-details-items .details-list-items ul li:not(:last-child) { margin-bottom: 14px; } .project-details-items .details-img { margin-top: 24px; } .project-details-items .details-img img { border-radius: 8px; height: 100%; width: 100%; } .project-details-items .project-category { padding: 40px 30px; margin-top: -67px; background-color: var(--bg); border-radius: 16px; } @media (max-width: 1199px) { .project-details-items .project-category { margin-top: 0; } } .project-details-items .project-category h3 { border-bottom: 1px solid rgba(198, 201, 202, 0.2392156863); padding-bottom: 30px; } .project-details-items .project-category ul li { font-weight: 400; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(198, 201, 202, 0.2392156863); padding: 16px 0; color: var(--text); } .project-details-items .project-category ul li span { font-weight: 500; color: var(--header); font-size: 16px; font-weight: 600; } .project-details-items .project-category ul li span i { color: var(--text); transition: all 0.4s ease-in-out; } .project-details-items .project-category ul li span i:hover { color: var(--theme); } .project-details-items .social-list { padding: 40px 30px; margin-top: 64px; background-color: var(--bg); border-radius: 16px; } @media (max-width: 1399px) { .project-details-items .social-list { margin-top: 40px; } } .project-details-items .social-list h3 { border-bottom: 1px solid rgba(198, 201, 202, 0.2392156863); padding-bottom: 20px; } .project-details-items .social-list .social-icon { gap: 15px; position: relative; z-index: 9; margin-top: 24px; } .project-details-items .social-list .social-icon a { width: 48px; height: 48px; line-height: 48px; text-align: center; font-size: 16px; display: block; border-radius: 50%; color: var(--text); transition: all 0.4s ease-in-out; text-align: center; background-color: var(--white); } .project-details-items .social-list .social-icon a:hover { background-color: var(--theme); color: var(--white); } /* Section */ .section-title { position: relative; z-index: 99; margin-bottom: 30px; } .section-title h6 { color: #06a7e2; font-size: 20px; font-weight: 600; line-height: 140%; margin-bottom: 15px; display: inline-flex; gap: 8px; align-items: center; } @media (max-width: 991px) { .section-title h6 { font-size: 18px; } } @media (max-width: 767px) { .section-title h6 { font-size: 16px; } } .section-title h6.style-2 { color: var(--white); } @media (max-width: 767px) { .section-title { margin-bottom: 0; } } .section-title-area { display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 9; margin-bottom: 30px; } @media (max-width: 767px) { .section-title-area { margin-bottom: 0; } } .section-title-area .section-title { margin-bottom: 0; } @media (max-width: 991px) { .section-title-area { flex-wrap: wrap; } } .section-title-area p { max-width: 532px; } .section-title-area .nav { display: flex; align-items: center; gap: 20px; } @media (max-width: 1199px) { .section-title-area .nav { flex-wrap: wrap; gap: 20px; } } .section-title-area .nav .nav-item .nav-link { font-size: 16px; font-weight: 600; color: #6C706F; } .section-title-area .nav .nav-item .nav-link.active { color: var(--header); } .center { text-align: center; margin: 0 auto; } .section-bg { background-color: var(--bg); } .section-bg-2 { background-color: var(--bg-2); } .theme-bg { background-color: var(--theme); } .section-padding-50 { padding-top: 40px; padding-bottom: 90px; } .section-padding { padding: 80px 0; } @media (max-width: 1199px) { .section-padding { padding: 100px 0; } } @media (max-width: 991px) { .section-padding { padding: 80px 0; } } /* Service */ .service-box-items { border-radius: 12px; background-color: var(--white); border: 1.5px solid var(--white); padding: 30px 50px; margin-top: 30px; transition: all 0.4s ease-in-out; } .service-box-items .service-image img { width: 100%; height: 100%; } .service-box-items .service-content { text-align: center; } .service-box-items .service-content .service-icon { position: relative; width: 64px; height: 64px; background-color: var(--bg); line-height: 64px; margin: 0 auto; border-radius: 50%; margin-top: -35px; transition: all 0.4s ease-in-out; } .service-box-items .service-content .service-icon svg { position: relative; z-index: 3; text-align: center; } .service-box-items .service-content h3 { margin-top: 22px; } .service-box-items .service-content h3 a:hover { color: var(--theme); } .service-box-items:hover { border-radius: 12px; border: 1.5px solid var(--theme); } .service-box-items:hover .service-content .service-icon { background-color: var(--theme); } .service-box-items:hover .service-content .service-icon svg path { fill: var(--white); } .service-section { position: relative; z-index: 9; } .service-section .service-shape-1 { position: absolute; z-index: -1; bottom: 0; right: 0; } @media (max-width: 1399px) { .service-section .array-button { display: none; } } .service-section .array-button .array-prev { position: absolute; content: ""; top: 23%; left: 18%; z-index: 99; } .service-section .array-button .array-next { position: absolute; content: ""; top: 23%; right: 18%; z-index: 99; } .service-box-items-2 { margin-top: 30px; } .service-box-items-2 .service-image { position: relative; } .service-box-items-2 .service-image img { width: 100%; height: 100%; border-radius: 8px; } .service-box-items-2 .service-image .icon-text { height: 36px; line-height: 36px; background-color: #000E12; font-size: 18px; font-weight: 400; display: inline-block; padding: 0 16px; position: absolute; bottom: 15px; left: 94px; opacity: 0; visibility: hidden; color: var(--white); transition: all 0.4s ease-in-out; } @media (max-width: 1199px) { .service-box-items-2 .service-image .icon-text { display: none; } } .service-box-items-2 .service-image .icon { width: 60px; height: 60px; padding: 6px; background-color: var(--header); border-radius: 4px; text-align: center; position: absolute; bottom: 15px; left: 15px; transition: all 0.4s ease-in-out; } .service-box-items-2 .service-image .icon img { width: initial; height: initial; } .service-box-items-2 .service-content { padding-top: 25px; padding-left: 5px; padding-right:5px; padding-bottom: 25px; } .service-box-items-2 .service-content h3 { margin-bottom: 8px; } .service-box-items-2 .service-content h3 a:hover { color: var(--theme); } .service-box-items-2 .service-content .link-btns { color: var(--header); margin-top: 10px; } .service-box-items-2 .service-content .link-btns:hover { color: var(--theme); } .service-box-items-2:hover .service-image .icon { background-color: #06a7e2; } .service-box-items-2:hover .service-image .icon-text { opacity: 0.9; visibility: visible; } .service-section-2 { position: relative; z-index: 9; } .service-section-2 .service-shape-1 { position: absolute; z-index: -1; top: 0; left: 0; } .service-box-items-3 { margin-top: 30px; border-radius: 12px; background: #F1F1F1; } .service-box-items-3 .service-content { padding: 32px; } .service-box-items-3 .service-content h3 { margin-bottom: 8px; } .service-box-items-3 .service-content h3 a:hover { color: var(--theme); } .service-box-items-3 .service-image img { border-radius: 12px; } .service-box-items-3 .service-image { position: relative; } .service-box-items-3 .service-image img { width: 100%; height: 100%; } .service-box-items-3 .service-image .icon { width: 80px; height: 80px; line-height: 80px; background-color: var(--theme); border-radius: 4px; text-align: center; position: absolute; top: -12px; right: 30px; } .service-box-items-3 .service-image .icon img { width: initial; height: initial; } .service-details-wrapper .details-image img { height: 100%; width: 100%; } .service-details-wrapper h3 { color: var(--header); font-size: 40px; margin-bottom: 12px; } @media (max-width: 767px) { .service-details-wrapper h3 { font-size: 30px; } } @media (max-width: 575px) { .service-details-wrapper h3 { font-size: 24px; } } .service-details-wrapper .highlight-box { background-color: #FFF0EB; color: var(--header); margin-top: 30px; display: block; padding: 24px 32px; border-left: 6px solid var(--theme); border-radius: 8px; } .service-details-wrapper .highlight-box p { font-style: italic; font-weight: 600; font-size: 20px; } .service-details-wrapper .details-list-item { margin-top: 30px; margin-bottom: 40px; } .service-details-wrapper .details-list-item h3 { font-size: 24px; margin-bottom: 24px; } .service-details-wrapper .details-list-item ul li { text-transform: none; } .service-details-wrapper .details-list-item ul li span { font-weight: 400; color: var(--text); display: block; font-size: 18px; font-family: "Radio Canada Big", sans-serif; margin-bottom: 8px; } .service-details-wrapper .details-list-item ul li spax { font-weight: 500; color: var(--header); display: block; font-size: 18px; font-family: "Radio Canada Big", sans-serif; margin-bottom: 8px; } .service-details-wrapper .details-list-item ul li span i { color: var(--white); margin-right: 10px; background-color: var(--theme); width: 20px; height: 20px; border-radius: 50%; line-height: 20px; font-size: 12px; text-align: center; font-weight: 400; } .service-details-wrapper .details-list-item ul li:not(:last-child) { margin-bottom: 16px; } .service-details-wrapper .details-list-item p { margin-top: 24px; } .service-details-wrapper .feature-box { margin-bottom: 32px; } .service-details-wrapper .feature-box .feature-image img { height: 100%; width: 100%; } .service-details-wrapper .feature-box .feature-content h3 { font-size: 24px; margin-bottom: 24px; } .service-details-wrapper .feature-box .feature-content ul li { font-weight: 500; color: var(--header); display: block; font-size: 16px; font-family: "Radio Canada Big", sans-serif; } .service-details-wrapper .feature-box .feature-content ul li i { color: var(--white); margin-right: 10px; background-color: var(--theme); width: 20px; height: 20px; border-radius: 50%; line-height: 20px; font-size: 12px; text-align: center; font-weight: 400; } .service-details-wrapper .feature-box .feature-content ul li:not(:last-child) { margin-bottom: 14px; } .service-details-wrapper .faq-content { margin-top: 40px; } .service-details-wrapper .faq-content .accordion-item { border: none !important; background: var(--bg); border-radius: 5px; } .service-details-wrapper .faq-content .accordion-item .accordion-header .accordion-button { font-weight: 500; color: var(--header); letter-spacing: -0.2px; border: none !important; font-family: "Radio Canada Big", sans-serif; border-radius: 0; box-shadow: none; background: #F4F4F4; padding: 20px 30px 0; text-transform: capitalize; font-size: 20px; } @media (max-width: 1199px) { .service-details-wrapper .faq-content .accordion-item .accordion-header .accordion-button { font-size: 18px; } } @media (max-width: 575px) { .service-details-wrapper .faq-content .accordion-item .accordion-header .accordion-button { font-size: 18px; padding: 20px 20px 0; } } .service-details-wrapper .faq-content .accordion-item .accordion-header .accordion-button::after { font-weight: 500; transition: all 0.3s ease-in-out !important; position: absolute; top: 22px; right: 24px; content: "\f324"; color: var(--header); font-family: "Font Awesome 6 Pro"; background-image: none; } .service-details-wrapper .faq-content .accordion-item .accordion-header .accordion-button:not(.collapsed)::after { font-weight: 500; color: var(--theme); transform: rotate(0); background-image: none; content: "\f322"; } .service-details-wrapper .faq-content .accordion-item .accordion-header .accordion-button.collapsed { background: #F4F4F4; padding: 22px 30px; color: var(--header); border-radius: 16px; } .service-details-wrapper .faq-content .accordion-item .accordion-collapse .accordion-body { padding-left: 33px; padding-top: 15px; padding-right: 40px; color: var(--text); background: var(--bg); padding-bottom: 28px; border-radius: 16px; border-top-left-radius: 0; border-top-right-radius: 0; } @media (max-width: 767px) { .service-details-wrapper .faq-content .accordion-item .accordion-collapse .accordion-body { padding-left: 60px; } } @media (max-width: 575px) { .service-details-wrapper .faq-content .accordion-item .accordion-collapse .accordion-body { padding-left: 20px; padding-bottom: 20px; } } .service-details-wrapper .main-sideber .single-sideber-widget { margin-bottom: 40px; background-color: var(--bg); padding: 30px; border-radius: 16px; } .service-details-wrapper .main-sideber .single-sideber-widget .search-widget form { width: 100%; position: relative; } .service-details-wrapper .main-sideber .single-sideber-widget .search-widget form input, .service-details-wrapper .main-sideber .single-sideber-widget .search-widget form textarea { background-color: var(--white); font-size: 18px; font-weight: 400; padding: 16px 20px; width: 100%; border: none; color: var(--text); } .service-details-wrapper .main-sideber .single-sideber-widget .search-widget form textarea { padding-bottom: 90px; resize: none; outline: none; } .service-details-wrapper .main-sideber .single-sideber-widget .search-widget form button { width: 100%; border-radius: 8px; font-size: 16px; background-color: var(--theme); color: var(--white); text-align: center; transition: all 0.3s ease-in-out; padding: 20px 24px; border-radius: 100px; margin: 0; } .service-details-wrapper .main-sideber .single-sideber-widget .search-widget form button i { margin-left: 10px; } .service-details-wrapper .main-sideber .single-sideber-widget .search-widget form button:hover { background-color: var(--header); } .service-details-wrapper .main-sideber .single-sideber-widget .widget-title { border-bottom: 1.5px solid rgba(129, 129, 129, 0.24); padding-bottom: 16px; margin-bottom: 30px; position: relative; } .service-details-wrapper .main-sideber .single-sideber-widget .widget-title::before { position: absolute; content: ""; width: 80px; height: 3px; background-color: var(--theme); left: 0; bottom: -2px; } .service-details-wrapper .main-sideber .single-sideber-widget .widget-title h3 { font-weight: 700; font-size: 24px; } .service-details-wrapper .main-sideber .single-sideber-widget .category-list li { display: flex; align-items: center; justify-content: space-between; font-size: 16px; font-weight: 400; color: var(--header); transition: all 0.4s ease-in-out; background-color: var(--white); padding: 20px 22px; line-height: 1; border-radius: 100px; } .service-details-wrapper .main-sideber .single-sideber-widget .category-list li a { color: var(--text); } .service-details-wrapper .main-sideber .single-sideber-widget .category-list li i { transition: all 0.4s ease-in-out; color: var(--text); } .service-details-wrapper .main-sideber .single-sideber-widget .category-list li:not(:last-child) { margin-bottom: 20px; } .service-details-wrapper .main-sideber .single-sideber-widget .category-list li span b { font-weight: 400; color: var(--theme); } .service-details-wrapper .main-sideber .single-sideber-widget .category-list li:hover { background-color: var(--theme); } .service-details-wrapper .main-sideber .single-sideber-widget .category-list li:hover a { color: var(--white); } .service-details-wrapper .main-sideber .single-sideber-widget .category-list li:hover i, .service-details-wrapper .main-sideber .single-sideber-widget .category-list li:hover span { color: var(--white); } .service-details-wrapper .main-sideber .service-details-contact-bg { border-radius: 8px; padding: 48px 40px; } .service-details-wrapper .main-sideber .service-details-contact-bg h3 { text-align: center; color: var(--white); } .service-details-wrapper .main-sideber .service-details-contact-bg .icon { width: 80px; height: 80px; line-height: 88px; text-align: center; border-radius: 50%; background-color: var(--header); margin: 30px auto 20px; } .service-details-wrapper .main-sideber .service-details-contact-bg .icon i { color: var(--white); font-size: 30px; } .service-details-wrapper .main-sideber .service-details-contact-bg p { color: var(--white); opacity: 0.7; } .service-details-wrapper .main-sideber .service-details-contact-bg h3 { font-size: 20px; margin-top: 8px; } .service-details-wrapper .main-sideber .service-details-contact-bg h3 a { color: var(--white); } /* Team */ .team-box-items { margin-top: 30px; } .team-box-items .team-image { position: relative; } .team-box-items .team-image img { width: 100%; height: 100%; } .team-box-items .team-image .content { border-radius: 0 12px; background-color: var(--white); display: inline-block; padding: 10px 34px; line-height: 1; position: absolute; bottom: 0; left: 0; } .team-box-items .team-image .content h4 { margin-bottom: 6px; } .team-box-items .team-image .content h4 a:hover { color: var(--theme); } .team-box-items .team-image .social-profile { position: absolute; right: -5px; top: 0; content: ""; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; z-index: 2; display: inline-block; overflow: hidden; cursor: pointer; padding: 0 6px; } .team-box-items .team-image .social-profile:hover { background-color: #F1F1F1; padding-bottom: 10px; border-bottom-left-radius: 10px; } .team-box-items .team-image .social-profile ul { transform: translateY(-100px); transition: all 0.6s ease-in-out; opacity: 0; visibility: hidden; z-index: -1; display: grid; gap: 10px; align-items: center; } .team-box-items .team-image .social-profile ul li a { width: 48px; height: 48px; line-height: 48px; text-align: center; display: block; background: var(--white); color: var(--header); -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; text-align: center; margin: 0 auto; font-size: 16px; border-radius: 50%; } .team-box-items .team-image .social-profile ul li a:hover { background-color: var(--theme); color: var(--white); } .team-box-items .team-image .social-profile .plus-btn { z-index: 99; cursor: pointer; width: 48px; height: 48px; line-height: 48px; text-align: center; display: inline-block; background-color: var(--theme); color: var(--white); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-size: 16px; border-radius: 50%; margin-bottom: 10px; } .team-box-items .team-image .social-profile .plus-btn:hover { border: 1px solid rgba(30, 32, 35, 0.12); background: var(--white); box-shadow: 10px 16px 120px 1px rgba(4, 7, 56, 0.12); color: var(--header); } .team-box-items .team-image .social-profile:hover ul { transform: translateY(0); opacity: 1; visibility: visible; } .team-section { position: relative; z-index: 9; } .team-section .team-shape-1 { position: absolute; z-index: -1; top: 10%; right: 0; } .team-box-items-2 { position: relative; background-color: var(--bg); padding: 40px; border-radius: 20px; z-index: 9; } .team-box-items-2::before { position: absolute; content: ""; width: 75px; height: 75px; background-color: var(--white); position: absolute; bottom: 0; right: 0; z-index: 1; border-top-left-radius: 15px; } .team-box-items-2 .bg-hover { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; border-radius: 20px; z-index: -1; opacity: 0; visibility: hidden; transition: all 0.4s ease-in-out; } .team-box-items-2 .bg-hover::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; background: linear-gradient(180deg, rgba(0, 14, 18, 0) 34.28%, var(--Text-Primary, #000E12) 100%); border-radius: 20px; } .team-box-items-2 .team-image { transition: all 0.4s ease-in-out; } .team-box-items-2 .team-image img { width: 280px; height: 280px; border-radius: 50%; object-fit: cover; } .team-box-items-2 .content { margin-top: 45px; } .team-box-items-2 .content h4 a { font-size: 24px; } .team-box-items-2 .content h4 a:hover { color: var(--theme); } .team-box-items-2 .social-profile { position: absolute; right: 10px; bottom: 10px; content: ""; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; z-index: 2; display: inline-block; overflow: hidden; cursor: pointer; } .team-box-items-2 .social-profile ul { transform: translateY(100px); transition: all 0.6s ease-in-out; opacity: 0; visibility: hidden; z-index: -1; display: grid; gap: 10px; align-items: center; } .team-box-items-2 .social-profile ul li a { width: 48px; height: 48px; line-height: 48px; text-align: center; display: block; background: var(--white); color: var(--header); -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; text-align: center; margin: 0 auto; font-size: 16px; border-radius: 50%; } .team-box-items-2 .social-profile ul li a:hover { background-color: var(--theme); color: var(--white); } .team-box-items-2 .social-profile .plus-btn { z-index: 99; cursor: pointer; width: 48px; height: 48px; line-height: 48px; text-align: center; display: inline-block; background-color: var(--theme); color: var(--white); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-size: 16px; border-radius: 50%; margin-top: 10px; position: relative; } .team-box-items-2 .social-profile .plus-btn:hover { border: 1px solid rgba(30, 32, 35, 0.12); background: var(--white); box-shadow: 10px 16px 120px 1px rgba(4, 7, 56, 0.12); color: var(--header); } .team-box-items-2 .social-profile:hover ul { transform: translateY(0); opacity: 1; visibility: visible; } .team-box-items-2:hover .bg-hover { opacity: 1; visibility: visible; } .team-box-items-2:hover .team-image { opacity: 0; visibility: hidden; } .team-box-items-2:hover .content h4 a { color: var(--white); } .team-box-items-2:hover .content p { color: var(--white); } .team-box-items-3 { margin-top: 30px; } .team-box-items-3 .team-image { position: relative; overflow: hidden; } .team-box-items-3 .team-image img { width: 100%; height: 100%; transition: all 0.4s ease-in-out; border-radius: 12px; } .team-box-items-3 .team-image .team-content { position: absolute; bottom: 0; padding-left: 24px; padding-top: 8px; padding-bottom: 8px; left: 0; right: 0; width: 100%; background-color: var(--white); border-radius: 0 0 12px 12px; } .team-box-items-3 .team-image .team-content .arrow-4 { position: absolute; top: 0; right: 76px; bottom: 0; } .team-box-items-3 .team-image .team-content .arrow-4 img { width: initial; border-radius: 0; } .team-box-items-3 .team-image .team-content::before { position: absolute; top: 0; bottom: 0; right: 0; content: ""; background-color: #000E12; height: 100%; width: 76px; transition: all 0.4s ease-in-out; } .team-box-items-3 .team-image .team-content h3 { margin-bottom: 5px; } .team-box-items-3 .team-image .team-content h3 a:hover { color: var(--theme); } .team-box-items-3 .team-image .team-content p { color: var(--text); } .team-box-items-3 .team-image .social-profile { position: absolute; right: 14px; bottom: 16px; content: ""; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; z-index: 9; display: inline-block; overflow: hidden; cursor: pointer; } .team-box-items-3 .team-image .social-profile ul { transform: translateY(100px); transition: all 0.6s ease-in-out; opacity: 0; visibility: hidden; z-index: -1; display: grid; gap: 10px; align-items: center; } .team-box-items-3 .team-image .social-profile ul li a { width: 48px; height: 48px; line-height: 48px; text-align: center; display: block; background: var(--white); color: var(--header); -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; text-align: center; margin: 0 auto; font-size: 16px; border-radius: 50%; } .team-box-items-3 .team-image .social-profile ul li a:hover { background-color: var(--theme); color: var(--white); } .team-box-items-3 .team-image .social-profile .plus-btn { z-index: 99; cursor: pointer; width: 48px; height: 48px; line-height: 48px; text-align: center; display: inline-block; background-color: transparent; color: var(--white); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-size: 16px; border: 1px solid transparent; margin-top: 30px; border-radius: 12px; } .team-box-items-3 .team-image .social-profile:hover ul { transform: translateY(0); opacity: 1; visibility: visible; } .team-box-items-3:hover .team-image::after { left: -30%; opacity: 1; top: -20%; transition-duration: 0.5s, 0.5s, 0.15s; transition-property: left, top, opacity; transition-timing-function: linear; } .team-box-items-3:hover .team-image .team-content::before { background-color: var(--theme); } .team-details-wrapper .team-details-image img { width: 100%; height: 100%; border-radius: 16px; } .team-details-wrapper .team-details-content { margin-left: 40px; } @media (max-width: 991px) { .team-details-wrapper .team-details-content { margin-left: 0; } } .team-details-wrapper .team-details-content .details-info { border-bottom: 1px solid var(--border); padding-bottom: 20px; margin-bottom: 20px; } .team-details-wrapper .team-details-content .details-info h3 { margin-bottom: 5px; } .team-details-wrapper .team-details-content .details-info span { color: var(--text); } .team-details-wrapper .team-details-content .progress-wrap .pro-items { width: 100%; } .team-details-wrapper .team-details-content .progress-wrap .pro-items:not(:last-child) { margin-bottom: 30px; } .team-details-wrapper .team-details-content .progress-wrap .pro-items .pro-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; } .team-details-wrapper .team-details-content .progress-wrap .pro-items .pro-head .title { font-size: 16px; font-weight: 600; color: var(--black); } .team-details-wrapper .team-details-content .progress-wrap .pro-items .pro-head .point { font-size: 16px; color: var(--black); font-weight: 600; } .team-details-wrapper .team-details-content .progress-wrap .pro-items .progress { background: var(--bg); justify-content: flex-start; border-radius: 100px; align-items: center; position: relative; display: flex; height: 12px; width: 100%; } .team-details-wrapper .team-details-content .progress-wrap .pro-items .progress-value { animation: load 3s normal forwards; border-radius: 0; background: var(--theme); height: 12px; width: 0; border-radius: 16px; } .team-details-wrapper .team-details-content .progress-wrap .pro-items .style-two { animation: load2 3s normal forwards; } @keyframes load { 0% { width: 0; } 100% { width: 85%; } } @keyframes load2 { 0% { width: 0; } 100% { width: 95%; } } .team-details-wrapper .team-details-content .social-icon { margin-top: 40px; } .team-details-wrapper .team-details-content .social-icon span { font-size: 16px; font-weight: 700; color: var(--header); margin-right: 15px; } .team-details-wrapper .team-details-content .social-icon a { width: 36px; height: 36px; line-height: 36px; text-align: center; border: 1px solid var(--border); display: inline-block; color: var(--text); transition: all 0.4s ease-in-out; } .team-details-wrapper .team-details-content .social-icon a:not(:last-child) { margin-right: 5px; } .team-details-wrapper .team-details-content .social-icon a:hover { background-color: var(--theme); color: var(--white); border: 1px solid transparent; } .team-details-wrapper .team-single-history .title { border-bottom: 1px solid #CDCED0; padding-bottom: 30px; } .team-details-wrapper .team-single-history h5 { font-weight: 600; } .team-details-wrapper .team-single-history h5 span { border: 1px solid var(--theme); color: var(--theme); font-size: 14px; font-weight: 400; padding: 6px 16px; border-radius: 16px; margin-left: 20px; } /* Testimonial */ .testimonial-box-item-3 { text-align: center; } .testimonial-box-item-3 .star { color: #ECB014; } .testimonial-box-item-3 h4 { font-size: 32px; font-style: italic; font-weight: 500; color: var(--text); margin-top: 20px; } @media (max-width: 1199px) { .testimonial-box-item-3 h4 { font-size: 25px; } } @media (max-width: 1199px) { .testimonial-box-item-3 h4 { font-size: 22px; } } @media (max-width: 767px) { .testimonial-box-item-3 h4 { font-size: 16px; font-weight: 400; } } .testimonial-box-item-3 .client-info { margin-top: 30px; display: flex; justify-content: center; gap: 20px; align-items: center; } @media (max-width: 767px) { .testimonial-box-item-3 .client-info { flex-wrap: wrap; gap: 10px; margin-top: 20px; } } .testimonial-box-item-3 .client-info span { color: #777D7F; position: relative; padding-left: 15px; } .testimonial-box-item-3 .client-info span::before { content: ""; position: absolute; width: 10px; height: 10px; border-radius: 50%; top: 8px; left: 0; background-color: var(--theme); } .testimonial-section-2 { position: relative; } .testimonial-section-2 .testimonial-wrapper-2 .testimonial-left-items .testimonial-content-box-2 { border-left: 5px solid var(--theme); padding-left: 30px; } @media (max-width: 1199px) { .testimonial-section-2 .testimonial-wrapper-2 .testimonial-left-items .testimonial-content-box-2 { border-left: none; padding-left: 0; } } .testimonial-section-2 .testimonial-wrapper-2 .testimonial-left-items .testimonial-content-box-2 .star { margin-top: 30px; color: #ECB014; } .testimonial-section-2 .testimonial-wrapper-2 .testimonial-left-items .testimonial-content-box-2 h4 { font-size: 20px; font-style: italic; font-weight: 500; color: var(--text); margin-top: 10px; } .testimonial-section-2 .testimonial-wrapper-2 .testimonial-left-items .testimonial-content-box-2 .client-info { margin-top: 25px; } .testimonial-section-2 .testimonial-wrapper-2 .array-button { justify-content: center; gap: 30px; margin-top: -49px; z-index: 99; position: relative; } @media (max-width: 1199px) { .testimonial-section-2 .testimonial-wrapper-2 .array-button { justify-content: start; margin-top: 30px; } } .testimonial-section-2 .testimonial-wrapper-2 .testimonial-image img { width: 100%; height: 100%; } .testimonial-section-3 { position: relative; z-index: 9; } .testimonial-section-3 .testimonial-shape-1 { position: absolute; z-index: -1; top: 17%; left: 15%; } .testimonial-section { position: relative; z-index: 9; } .testimonial-section .shape-1 { position: absolute; z-index: -1; top: 17%; left: 12%; } @media (max-width: 1199px) { .testimonial-section .shape-1 { display: none; } } .testimonial-section .shape-2 { position: absolute; z-index: -1; bottom: 11%; left: 9%; } @media (max-width: 1199px) { .testimonial-section .shape-2 { display: none; } } .testimonial-section .shape-3 { position: absolute; z-index: -1; top: 22%; right: 20%; } @media (max-width: 1199px) { .testimonial-section .shape-3 { display: none; } } .testimonial-section .shape-4 { position: absolute; z-index: -1; top: 40%; right: 7%; } @media (max-width: 1199px) { .testimonial-section .shape-4 { display: none; } } .testimonial-section .shape-5 { position: absolute; z-index: -1; bottom: 10%; right: 20%; } @media (max-width: 1199px) { .testimonial-section .shape-5 { display: none; } } .testimonial-wrapper .testimonial-left-items { margin-top: 30px; } .testimonial-wrapper .testimonial-left-items .client-info-area .client-info-box { display: flex; align-items: center; gap: 20px; margin-top: 30px; } .testimonial-wrapper .testimonial-left-items .client-info-area .client-info-box .client-content p { margin-top: 5px; } .testimonial-wrapper .testimonial-left-items .client-info-area .client-info-box.style-2 { background-color: var(--theme); margin-left: 80px; padding: 8px 16px; border-radius: 10px; } @media (max-width: 1199px) { .testimonial-wrapper .testimonial-left-items .client-info-area .client-info-box.style-2 { margin-left: 0; } } .testimonial-wrapper .testimonial-left-items .client-info-area .client-info-box.style-2 .client-content h4 { color: var(--white); } .testimonial-wrapper .testimonial-left-items .client-info-area .client-info-box.style-2 .client-content p { color: var(--white); opacity: 0.7; } .testimonial-wrapper .testimonial-right-items { margin-top: 30px; padding-left: 60px; position: relative; margin-left: 50px; } @media (max-width: 991px) { .testimonial-wrapper .testimonial-right-items { margin-top: 20px; font-size: 16px; margin-left: 0; padding-left: 0; } } .testimonial-wrapper .testimonial-right-items .icon { position: absolute; content: ""; left: 0; top: 0; } @media (max-width: 991px) { .testimonial-wrapper .testimonial-right-items .icon { display: none; } } .testimonial-wrapper .testimonial-right-items .star { color: #ECB014; } .testimonial-wrapper .testimonial-right-items .array-button { margin-top: 50px; } .testimonial-wrapper .testimonial-right-items .testimonial-text { font-size: 20px; font-style: italic; font-weight: 300; margin-top: 20px; color: var(--header); } @media (max-width: 991px) { .testimonial-wrapper .testimonial-right-items .testimonial-text { margin-top: 0; font-size: 16px; } } .testi-top-slider { height: 330px; } .testi-top-slider .swiper-slide.swiper-slide-active .client-info-box { background-color: var(--theme); padding: 8px 16px; border-radius: 8px; margin-left: 88px; } @media (max-width: 1199px) { .testi-top-slider .swiper-slide.swiper-slide-active .client-info-box { margin-left: 0; } } .testi-top-slider .swiper-slide.swiper-slide-active .client-info-box h4, .testi-top-slider .swiper-slide.swiper-slide-active .client-info-box p { color: var(--white); } /*-------------------------------------------------------------- >>> TEMPLATE SECTION STYLES END --------------------------------------------------------------*/ /* alturas div */ .alt2{ height:2px} .alt1{ height:1px}.alt6{ height:2px}.alt6{ height:6px}.alt5{ height:5px} .alt4{ height:4px}.alt3{ height:3px}.alt7{ height:7px}.alt8{ height:8px}.alt9{ height:9px}.alt10{ height:10px}.alt11{ height:11px}.alt12{ height:12px}.alt13{ height:13px}.alt14{ height:14px}.alt15{ height:15px}.alt16{ height:16px}.alt17{ height:17px}.alt18{ height:18px}.alt19{ height:19px}.alt20{ height:20px}.alt21{ height:21px}.alt22{ height:22px}.alt23{ height:23px}.alt24{ height:24px}.alt25{ height:25px}.alt26{ height:26px}.alt27{ height:27px}.alt28{ height:28px}.alt29{ height:29px}.alt30{ height:30px}.alt31{ height:31px}.alt32{ height:32px}.alt33{ height:33px}.alt34{ height:34px}.alt35{ height:35px}.alt36{ height:36px}.alt37{ height:37px}.alt38{ height:38px}.alt39{ height:39px}.alt40{ height:40px}.alt41{ height:41px}.alt42{ height:42px}.alt43{ height:43px}.alt44{ height:44px}.alt45{ height:45px}.alt46{ height:46px}.alt47{ height:47px}.alt48{ height:48px}.alt49{ height:49px}.alt50{ height:50px}.alt51{ height:51px}.alt52{ height:52px}.alt53{ height:53px}.alt54{ height:54px}.alt55{ height:55px}.alt56{ height:56px}.alt57{ height:57px}.alt58{ height:58px}.alt59{ height:59px}.alt60{ height:60px}.alt61{ height:61px}.alt62{ height:62px}.alt63{ height:63px}.alt64{ height:64px}.alt65{ height:65px}.alt66{ height:66px}.alt67{ height:67px}.alt68{ height:68px}.alt69{ height:69px}.alt70{ height:70px}.alt71{ height:71px}.alt72{ height:72px}.alt73{ height:73px}.alt74{ height:74px}.alt75{ height:75px}.alt76{ height:76px}.alt77{ height:77px}.alt78{ height:78px}.alt79{ height:79px}.alt80{ height:80px}.alt81{ height:81px}.alt82{ height:82px}.alt83{ height:83px}.alt84{ height:84px}.alt85{ height:85px}.alt86{ height:86px}.alt87{ height:87px}.alt88{ height:88px}.alt89{ height:89px}.alt90{ height:90px}.alt91{ height:91px}.alt92{ height:92px}.alt93{ height:93px}.alt94{ height:94px}.alt95{ height:95px}.alt96{ height:96px}.alt97{ height:97px}.alt98{ height:98px}.alt99{ height:99px}.alt100{ height:100px}.alt101{ height:101px}.alt102{ height:102px}.alt103{ height:103px}.alt104{ height:104px}.alt105{ height:105px}.alt106{ height:106px}.alt107{ height:107px}.alt108{ height:108px}.alt109{ height:109px}.alt110{ height:110px}.alt111{ height:111px}.alt112{ height:112px}.alt113{ height:113px}.alt114{ height:114px}.alt115{ height:115px}.alt116{ height:116px}.alt117{ height:117px}.alt118{ height:118px}.alt119{ height:119px}.alt120{ height:120px}.alt121{ height:121px}.alt122{ height:122px}.alt123{ height:123px}.alt124{ height:124px}.alt125{ height:125px}.alt126{ height:126px}.alt127{ height:127px}.alt128{ height:128px}.alt129{ height:129px}.alt130{ height:130px}.alt131{ height:131px}.alt132{ height:132px}.alt133{ height:133px}.alt134{ height:134px}.alt135{ height:135px}.alt136{ height:136px}.alt137{ height:137px}.alt138{ height:138px}.alt139{ height:139px}.alt140{ height:140px}.alt141{ height:141px}.alt142{ height:142px}.alt143{ height:143px}.alt144{ height:144px}.alt145{ height:145px}.alt146{ height:146px}.alt147{ height:147px}.alt148{ height:148px}.alt149{ height:149px}.alt150{ height:150px}.alt151{ height:151px}.alt152{ height:152px}.alt153{ height:153px}.alt154{ height:154px}.alt155{ height:155px}.alt156{ height:156px}.alt157{ height:157px}.alt158{ height:158px}.alt159{ height:159px}.alt160{ height:160px}.alt161{ height:161px}.alt162{ height:162px}.alt163{ height:163px}.alt164{ height:164px}.alt165{ height:165px}.alt166{ height:166px}.alt167{ height:167px}.alt168{ height:168px}.alt169{ height:169px}.alt170{ height:170px}.alt171{ height:171px}.alt172{ height:172px}.alt173{ height:173px}.alt174{ height:174px}.alt175{ height:175px}.alt176{ height:176px}.alt177{ height:177px}.alt178{ height:178px}.alt179{ height:179px}.alt180{ height:180px}.alt181{ height:181px}.alt182{ height:182px}.alt183{ height:183px}.alt184{ height:184px}.alt185{ height:185px}.alt186{ height:186px}.alt187{ height:187px}.alt188{ height:188px}.alt189{ height:189px}.alt190{ height:190px}.alt191{ height:191px}.alt192{ height:192px}.alt193{ height:193px}.alt194{ height:194px}.alt195{ height:195px}.alt196{ height:196px}.alt197{ height:197px}.alt198{ height:198px}.alt199{ height:199px}.alt200{ height:200px}.alt201{ height:201px}.alt202{ height:202px}.alt203{ height:203px}.alt204{ height:204px}.alt205{ height:205px}.alt206{ height:206px}.alt207{ height:207px}.alt208{ height:208px}.alt209{ height:209px}.alt210{ height:210px}.alt211{ height:211px}.alt212{ height:212px}.alt213{ height:213px}.alt214{ height:214px}.alt215{ height:215px}.alt216{ height:216px}.alt217{ height:217px}.alt218{ height:218px}.alt219{ height:219px}.alt220{ height:220px}.alt221{ height:221px}.alt222{ height:222px}.alt223{ height:223px}.alt224{ height:224px}.alt225{ height:225px}.alt226{ height:226px}.alt227{ height:227px}.alt228{ height:228px}.alt229{ height:229px}.alt230{ height:230px}.alt231{ height:231px}.alt232{ height:232px}.alt233{ height:233px}.alt234{ height:234px}.alt235{ height:235px}.alt236{ height:236px}.alt237{ height:237px}.alt238{ height:238px}.alt239{ height:239px}.alt240{ height:240px}.alt241{ height:241px}.alt242{ height:242px}.alt243{ height:243px}.alt244{ height:244px}.alt245{ height:245px}.alt246{ height:246px}.alt247{ height:247px}.alt248{ height:248px}.alt249{ height:249px}.alt250{ height:250px}.alt251{ height:251px}.alt252{ height:252px}.alt253{ height:253px}.alt254{ height:254px}.alt255{ height:255px}.alt256{ height:256px}.alt257{ height:257px}.alt258{ height:258px}.alt259{ height:259px}.alt260{ height:260px}.alt261{ height:261px}.alt262{ height:262px}.alt263{ height:263px}.alt264{ height:264px}.alt265{ height:265px}.alt266{ height:266px}.alt267{ height:267px}.alt268{ height:268px}.alt269{ height:269px}.alt270{ height:270px}.alt271{ height:271px}.alt272{ height:272px}.alt273{ height:273px}.alt274{ height:274px}.alt275{ height:275px}.alt276{ height:276px}.alt277{ height:277px}.alt278{ height:278px}.alt279{ height:279px}.alt280{ height:280px}.alt281{ height:281px}.alt282{ height:282px}.alt283{ height:283px}.alt284{ height:284px}.alt285{ height:285px}.alt286{ height:286px}.alt287{ height:287px}.alt288{ height:288px}.alt289{ height:289px}.alt290{ height:290px}.alt291{ height:291px}.alt292{ height:292px}.alt293{ height:293px}.alt294{ height:294px}.alt295{ height:295px}.alt296{ height:296px}.alt297{ height:297px}.alt298{ height:298px}.alt299{ height:299px}.alt300{ height:300px}.alt301{ height:301px}.alt302{ height:302px}.alt303{ height:303px}.alt304{ height:304px}.alt305{ height:305px}.alt306{ height:306px}.alt307{ height:307px}.alt308{ height:308px}.alt309{ height:309px}.alt310{ height:310px}.alt311{ height:311px}.alt312{ height:312px}.alt313{ height:313px}.alt314{ height:314px}.alt315{ height:315px}.alt316{ height:316px}.alt317{ height:317px}.alt318{ height:318px}.alt319{ height:319px}.alt320{ height:320px}.alt321{ height:321px}.alt322{ height:322px}.alt323{ height:323px}.alt324{ height:324px}.alt325{ height:325px}.alt326{ height:326px}.alt327{ height:327px}.alt328{ height:328px}.alt329{ height:329px}.alt330{ height:330px}.alt331{ height:331px}.alt332{ height:332px}.alt333{ height:333px}.alt334{ height:334px}.alt335{ height:335px}.alt336{ height:336px}.alt337{ height:337px}.alt338{ height:338px}.alt339{ height:339px}.alt340{ height:340px}.alt341{ height:341px}.alt342{ height:342px}.alt343{ height:343px}.alt344{ height:344px}.alt345{ height:345px}.alt346{ height:346px}.alt347{ height:347px}.alt348{ height:348px}.alt349{ height:349px}.alt350{ height:350px}.alt351{ height:351px}.alt352{ height:352px}.alt353{ height:353px}.alt354{ height:354px}.alt355{ height:355px}.alt356{ height:356px}.alt357{ height:357px}.alt358{ height:358px}.alt359{ height:359px}.alt360{ height:360px}.alt361{ height:361px}.alt362{ height:362px}.alt363{ height:363px}.alt364{ height:364px}.alt365{ height:365px}.alt366{ height:366px}.alt367{ height:367px}.alt368{ height:368px}.alt369{ height:369px}.alt370{ height:370px}.alt371{ height:371px}.alt372{ height:372px}.alt373{ height:373px}.alt374{ height:374px}.alt375{ height:375px}.alt376{ height:376px}.alt377{ height:377px}.alt378{ height:378px}.alt379{ height:379px}.alt380{ height:380px}.alt381{ height:381px}.alt382{ height:382px}.alt383{ height:383px}.alt384{ height:384px}.alt385{ height:385px}.alt386{ height:386px}.alt387{ height:387px}.alt388{ height:388px}.alt389{ height:389px}.alt390{ height:390px}.alt391{ height:391px}.alt392{ height:392px}.alt393{ height:393px}.alt394{ height:394px}.alt395{ height:395px}.alt396{ height:396px}.alt397{ height:397px}.alt398{ height:398px}.alt399{ height:399px}.alt400{ height:400px}.alt401{ height:401px}.alt402{ height:402px}.alt403{ height:403px}.alt404{ height:404px}.alt405{ height:405px}.alt406{ height:406px}.alt407{ height:407px}.alt408{ height:408px}.alt409{ height:409px}.alt410{ height:410px}.alt411{ height:411px}.alt412{ height:412px}.alt413{ height:413px}.alt414{ height:414px}.alt415{ height:415px}.alt416{ height:416px}.alt417{ height:417px}.alt418{ height:418px}.alt419{ height:419px}.alt420{ height:420px}.alt421{ height:421px}.alt422{ height:422px}.alt423{ height:423px}.alt424{ height:424px}.alt425{ height:425px}.alt426{ height:426px}.alt427{ height:427px}.alt428{ height:428px}.alt429{ height:429px}.alt430{ height:430px}.alt431{ height:431px}.alt432{ height:432px}.alt433{ height:433px}.alt434{ height:434px}.alt435{ height:435px}.alt436{ height:436px}.alt437{ height:437px}.alt438{ height:438px}.alt439{ height:439px}.alt440{ height:440px}.alt441{ height:441px}.alt442{ height:442px}.alt443{ height:443px}.alt444{ height:444px}.alt445{ height:445px}.alt446{ height:446px}.alt447{ height:447px}.alt448{ height:448px}.alt449{ height:449px}.alt450{ height:450px}.alt451{ height:451px}.alt452{ height:452px}.alt453{ height:453px}.alt454{ height:454px}.alt455{ height:455px}.alt456{ height:456px}.alt457{ height:457px}.alt458{ height:458px}.alt459{ height:459px}.alt460{ height:460px}.alt461{ height:461px}.alt462{ height:462px}.alt463{ height:463px}.alt464{ height:464px}.alt465{ height:465px}.alt466{ height:466px}.alt467{ height:467px} .alt468{ height:468px}.alt469{ height:469px}.alt470{ height:470px}.alt471{ height:471px}.alt472{ height:472px}.alt473{ height:473px}.alt474{ height:474px}.alt475{ height:475px}.alt476{ height:476px}.alt477{ height:477px}.alt478{ height:478px}.alt479{ height:479px}.alt480{ height:480px}.alt481{ height:481px}.alt482{ height:482px}.alt483{ height:483px}.alt484{ height:484px}.alt485{ height:485px}.alt486{ height:486px}.alt487{ height:487px}.alt488{ height:488px}.alt489{ height:489px}.alt490{ height:490px}.alt491{ height:491px}.alt492{ height:492px}.alt493{ height:493px}.alt494{ height:494px}.alt495{ height:495px}.alt496{ height:496px}.alt497{ height:497px}.alt498{ height:498px}.alt499{ height:499px}.alt500{ height:500px}.alt501{ height:501px} .branco{color: #fff} @media (max-width:1790px){ .hero-section-2 .container { max-width: 1553px; } } .logo2 img{width: 120px} .opacity7{opacity: 0.7;} .only_mobile{display: none} .only_desktop{display: block} .ullinks .single-footer-widget .list-area li:not(:last-child) { margin-bottom: 7px!important; } @media (max-width: 991px) { .alinharedes{margin: auto;text-align: center} .testi-top-slider{display: none} .choose-wrapper-2 .choose-image .choose-counter-box { bottom: -118px; left: 19%; position: absolute; margin-top: 25px; margin-bottom: 25px; margin-top: 54px; transform: scale(0.6); } .footer-widget-wrapper.style-3 .footer-contact-3 .icon-location { display: block; gap: 20px; margin-bottom: 20px; align-items: center; } .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { --bs-gutter-x: 3rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-right: auto; margin-left: auto; } .offcanvas__logo img{width: 100px} .only_mobile{display: block} .only_desktop{display: none} .footer-section-3 { text-align: center } .logo2 img{width: 90px} .breadcrumb-wrapper .page-heading { padding: 150px 0 50px; } .hero-2 { padding-top: 80px; padding-bottom: 0px; height: 646px; padding-right: 14px; padding-left: 14px; background-color: #000; } .hero-2 .hero-content h1 { font-size: 24px; } .choose-wrapper-2 .choose-content .icon-items-area .icon-items { flex-wrap: wrap; gap: 20px; /* background-color: rgba(255, 255, 255, 0.08); */ margin-top: 15px; padding: 11px; max-width: 500px; } .header-2 { padding: 0px; } .news-box-items-3 .news-content .post-date { top: 35%; left: -47px; width: 35%; height: 40px; } }