:root{ --primary-color : #18191A; --secondary-color : #FFFFFF; --bg-color : #F6F5ED; --text-color : #727272; --accent-color : #763235; --accent-secondary-color : #C19A5B; --white-color : #FFFFFF; --divider-color : #18191A1A; --dark-divider-color : #FFFFFF1A; --error-color : rgb(230, 87, 87); --default-font : system-ui, -apple-system, "Segoe UI", sans-serif; --accent-font : system-ui, -apple-system, "Segoe UI", sans-serif; } html, body{ width: 100%; overflow-x: clip; } body{ font-family: var(--default-font); font-size: 16px; font-weight: 400; line-height: 1em; color: var(--text-color); background: var(--bg-color); } ::-webkit-scrollbar-track{ background-color: var(--primary-color); border-left: 1px solid var(--primary-color); } ::-webkit-scrollbar{ width: 7px; background-color: var(--primary-color); } ::-webkit-scrollbar-thumb{ background: var(--accent-secondary-color); } ::selection{ color: var(--white-color); background-color: var(--accent-color); filter: invert(1); } p{ line-height: 1.6em; margin-bottom: 1.5em; } h1, h2, h3, h4, h5, h6{ font-family: var(--accent-font); font-weight: 400; line-height: 1.2em; color: var(--primary-color); margin: 0; } figure{ margin: 0; } img{ max-width: 100%; } a{ text-decoration: none; } a:hover{ text-decoration: none; outline: 0; } a:focus{ text-decoration: none; outline: 0; } .container{ max-width: 1300px; } .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{ padding-right: 15px; padding-left: 15px; } .image-anime{ position: relative; overflow: hidden; } .image-anime:after{ content: ""; position: absolute; width: 200%; height: 0%; left: 50%; top: 50%; background-color: rgba(255,255,255,.3); transform: translate(-50%,-50%) rotate(-45deg); z-index: 1; } .image-anime:hover:after{ height: 250%; transition: all 600ms linear; background-color: transparent; } .reveal{ position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; visibility: hidden; overflow: hidden; } .reveal img{ height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transform-origin: left; transform-origin: left; } .row{ margin-right: -15px; margin-left: -15px; } .row > *{ padding-right: 15px; padding-left: 15px; } .row.no-gutters{ margin-right: 0px; margin-left: 0px; } .row.no-gutters > *{ padding-right: 0px; padding-left: 0px; } .btn-default{ position: relative; display: inline-block; font-family: var(--accent-font); font-size: 16px; font-weight: 400; line-height: 1.25em; text-transform: capitalize; background: var(--accent-color); color: var(--white-color); border-radius: 100px; padding: 15px 24px; margin-right: 50px; border: none; transition: all 0.4s ease-in-out; z-index: 1; } .btn-default:hover{ background: var(--accent-secondary-color); } .btn-default::before{ content: ''; position: absolute; top: 50%; right: -50px; width: 50px; height: 50px; border-radius: 50%; background-color: var(--accent-secondary-color); background-image: url(/images/arrow-white.5718cc879971.svg); background-repeat: no-repeat; background-position: center center; background-size: 24px auto; transform: translateY(-50%); transition: all 0.4s ease-in-out; } .btn-default:hover:before{ transform: translateY(-50%) rotate(45deg); background-color: var(--accent-color); } .btn-default::after{ content: ''; position: absolute; top: 0; bottom: 0; left: 50%; right: 50%; width: 0; height: 100%; border-radius: 100px; opacity: 0; background: var(--accent-secondary-color); transition: all 0.4s ease-in-out; z-index: -1; } .btn-default:hover:after{ width: 100%; left: 0; right: 0; opacity: 1; } .readmore-btn{ font-family: var(--accent-font); position: relative; display: inline-block; font-weight: 400; line-height: 1.6em; text-transform: capitalize; color: var(--primary-color); padding-right: 34px; transition: all 0.4s ease-in-out; } .readmore-btn::before{ content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 0px; height: 24px; width: 24px; background-color: var(--accent-color); background-image: url(/images/arrow-white.5718cc879971.svg); background-repeat: no-repeat; background-position: center center; background-size: 14px auto; border-radius: 100px; transition: all 0.4s ease-in-out; } .readmore-btn:hover::before{ transform: translateY(-50%) rotate(45deg); } .cb-cursor:before{ background: var(--accent-secondary-color); } .preloader{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000; background: var(--primary-color); display: flex; align-items: center; justify-content: center; } .loading-container, .loading{ height: 100px; position: relative; width: 100px; border-radius: 100%; } .loading-container{ margin: 40px auto; } .loading{ border: 1px solid transparent; border-color: transparent var(--white-color) transparent var(--white-color); animation: rotate-loading 1.5s linear 0s infinite normal; transform-origin: 50% 50%; } .loading-container:hover .loading, .loading-container .loading{ transition: all 0.5s ease-in-out; } #loading-icon{ position: absolute; top: 50%; left: 50%; max-width: 66px; transform: translate(-50%, -50%); } @keyframes rotate-loading{ 0%{ transform: rotate(0deg); } 100%{ transform: rotate(360deg); } } .bg-section{ width: 100%; max-width: 1820px; background-color: var(--secondary-color); background-image: url(/images/optimized/bg-section-bg-image-1440.e4f7361f85fa.webp); background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 20px; margin: 0 auto; } .bg-section .container-fluid{ padding: 0; } .dark-section{ background-color: var(--primary-color); background-image: url(/images/optimized/dark-section-bg-image-1440.a6677da37dc7.webp); background-repeat: no-repeat; background-position: top center; background-size: cover; } .section-row{ margin-bottom: 80px; } .section-row .section-title{ margin-bottom: 0; } .section-row .section-title.section-title-center{ width: 100%; max-width: 700px; margin: 0 auto; text-align: center; } .section-btn{ text-align: right; } .section-content-btn .section-btn{ margin-top: 30px; text-align: left; } .section-title-content p{ margin-bottom: 20px; } .section-title-content p:last-child{ margin-bottom: 0; } .section-title{ margin-bottom: 40px; } .section-title .section-sub-title{ position: relative; display: inline-block; font-size: 14px; font-weight: 400; text-transform: capitalize; line-height: 1em; color: var(--primary-color); border: 1px solid var(--divider-color); border-radius: 100px; padding: 9px 20px 9px 36px; margin-bottom: 15px; } .dark-section .section-title .section-sub-title{ border-color: var(--dark-divider-color); } .section-title .section-sub-title::before{ content: ''; position: absolute; left: 20px; top: 50%; transform: translateY(-50%); background: var(--accent-secondary-color); border-radius: 50%; width: 6px; height: 6px; } .section-title.section-sub-heading, .section-title.section-sub-heading .section-sub-title{ margin-bottom: 0; } .section-title h1{ font-size: 60px; margin-bottom: 0; cursor: none; } .section-title h2{ font-size: 48px; margin-bottom: 0; cursor: none; } .section-title p{ margin-top: 20px; margin-bottom: 0; } .dark-section .section-title .section-sub-title, .dark-section .section-title h1, .dark-section .section-title h2, .dark-section .section-title p, .dark-section .section-title-content p{ color: var(--white-color); } .help-block.with-errors ul{ margin: 0; text-align: left; } .help-block.with-errors ul li{ color: var(--error-color); font-weight: 500; font-size: 14px; } header.main-header{ position: absolute; top: 15px; left: 15px; right: 15px; z-index: 100; } header.main-header .header-sticky{ position: relative; top: 0px; border-bottom: 1px solid var(--dark-divider-color); z-index: 100; } header.main-header .header-sticky.hide{ transform: translateY(-100%); transition: transform 0.3s ease-in-out; } header.main-header .header-sticky.active{ position: fixed; top: 15px; left: 15px; right: 15px; transform: translateY(0); background: var(--primary-color); border-bottom: 1px solid var(--dark-divider-color); border-radius: 20px; } .navbar{ padding: 30px 0px; align-items: center; } .navbar-brand{ padding: 0; margin: 0; } .main-menu .nav-menu-wrapper{ flex: 1; text-align: center; margin: 0 1.042vw; } .main-menu .nav-menu-wrapper > ul{ align-items: center; display: inline-flex; } .main-menu ul li{ margin: 0 10px; position: relative; } .main-menu ul li a{ font-size: 16px; font-weight: 400; line-height: 1.2em; padding: 12px 10px !important; color: var(--white-color); background: transparent; border-radius: 0px; text-transform: capitalize; transition: all 0.3s ease-in-out; } .main-menu ul li.submenu > a:after{ content: '⌄'; font-family: inherit; font-weight: 900; font-size: 14px; margin-left: 8px; } .main-menu ul li a:hover, .main-menu ul li a:focus{ color: var(--accent-secondary-color); } .main-menu ul ul{ visibility: hidden; opacity: 0; transform: scale(1,0.8); transform-origin: top; padding: 0; margin: 0; list-style: none; width: 235px; border-radius: 20px; position: absolute; left: 0; top: 100%; background: var(--accent-secondary-color); transition: all 0.3s ease-in-out; text-align: left; } .main-menu ul li.submenu:first-child ul{ width: 235px; } .main-menu ul ul ul{ left: 100%; top: 0; text-align: left; } .main-menu ul li:hover > ul{ visibility: visible; opacity: 1; transform: scale(1,1); padding: 5px 0; } .main-menu ul li.submenu ul li.submenu > a:after{ content: '›'; float: right; } .main-menu ul ul li{ margin: 0; padding: 0; } .main-menu ul ul li a{ color: var(--white-color); padding: 8px 20px !important; transition: all 0.3s ease-in-out; } .main-menu ul ul li a:hover, .main-menu ul ul li a:focus{ color: var(--primary-color); background-color: transparent; padding: 8px 20px 8px 23px !important; } .main-menu ul li.highlighted-menu{ display: none; } .responsive-menu, .navbar-toggle{ display: none; } .responsive-menu{ position: relative; top: 0; } .slicknav_btn{ background: var(--accent-secondary-color); padding: 0; display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; margin: 0; border-radius: 6px; } .slicknav_icon .slicknav_icon-bar{ display: block; width: 100%; height: 3px; width: 22px; background-color: var(--white-color); border-radius: 6px; margin: 4px auto !important; transition: all 0.1s ease-in-out; } .slicknav_icon .slicknav_icon-bar:first-child{ margin-top: 0 !important; } .slicknav_icon .slicknav_icon-bar:last-child{ margin-bottom: 0 !important; } .navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(1){ transform: rotate(-45deg) translate(-5px, 5px); } .navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(2){ opacity: 0; } .navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(3){ transform: rotate(45deg) translate(-5px, -5px); } .slicknav_menu{ position: absolute; width: 100%; padding: 0; background: var(--accent-secondary-color); } .slicknav_menu ul{ margin: 5px 0; } .slicknav_menu ul ul{ margin: 0; } .slicknav_nav .slicknav_row, .slicknav_nav li a{ position: relative; font-size: 16px; font-weight: 400; text-transform: capitalize; padding: 7px 20px; color: var(--white-color); line-height: normal; margin: 0; border-radius: 0 !important; transition: all 0.3s ease-in-out; } .slicknav_nav a:hover, .slicknav_nav a:focus, .slicknav_nav .slicknav_row:hover{ background-color: transparent; color: var(--primary-color); } .slicknav_menu ul ul li a{ padding: 7px 20px 7px 30px; } .slicknav_arrow{ font-size: 0 !important; } .slicknav_arrow:after{ content: '⌄'; position: absolute; font-family: inherit; font-weight: 900; font-size: 12px; margin-left: 8px; color: var(--white-color); right: 15px; top: 50%; transform: translateY(-50%); transition: all 0.3s ease-out; } .slicknav_open > a .slicknav_arrow:after{ transform: translateY(-50%) rotate(-180deg); color: var(--primary-color); } .hero{ position: relative; padding: 280px 0 40px; margin: 15px 15px 0; overflow: hidden; border-radius: 20px; z-index: 1; } .hero::before{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(270deg, rgba(24, 25, 26, 0.00) 31.9%, rgba(24, 25, 26, 0.81) 68.91%, rgba(24, 25, 26, 0.90) 100%); width: 100%; height: 100%; z-index: 1; } .hero .hero-bg-video{ position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; } .hero .hero-bg-video video{ width: 100%; height: 100%; object-fit: cover; } .hero .container{ position: relative; z-index: 2; } .hero-contant{ max-width: 780px; } .hero-sub-heading{ display: inline-flex; align-items: center; gap: 10px; margin-bottom: 20px; } .satisfy-client-images{ display: flex; align-items: center; } .satisfy-client-image{ position: relative; display: inline-block; margin-left: -14px; border: 1px solid var(--white-color); border-radius: 50%; overflow: hidden; z-index: 1; } .satisfy-client-image:first-child{ margin: 0; } .satisfy-client-image figure{ display: block; } .satisfy-client-image figure img{ width: 100%; max-width: 40px; border-radius: 50%; } .satisfy-client-image.add-more{ width: 42px; height: 42px; background-color: var(--accent-color); display: flex; justify-content: center; align-items: center; transition: all 0.3s ease-in-out; } .satisfy-client-image.add-more i{ font-size: 20px; color: var(--white-color); } .satisfy-client-image.add-more h3{ font-size: 16px; line-height: 1em; color: var(--white-color); } .satisfy-client-image.add-more img{ width: 100%; max-width: 16px; } .hero-sub-heading .satisfy-client-image figure img{ max-width: 30px; } .hero-sub-heading .satisfy-client-content p{ color: var(--white-color); margin: 0; } .hero-content-body{ display: flex; flex-wrap: wrap; align-items: center; gap: 30px 50px; } .video-play-button{ display: inline-flex; align-items: center; } .video-play-button a{ position: relative; width: 40px; height: 40px; background: var(--accent-color); color: var(--white-color); border-radius: 50%; display: flex; justify-content: center; align-items: center; cursor: none; } .video-play-button a.bg-effect:before, .video-play-button a.bg-effect:after{ content: ''; position: absolute; width: 160%; height: 160%; border: 35px solid var(--white-color); opacity: 50%; border-radius: 50%; transform: scale(0.6); z-index: -1; animation: border-zooming 1.2s infinite linear; } .video-play-button a.bg-effect:after{ animation-delay: .3s; } @keyframes border-zooming{ 100%{ transform: scale(1); opacity: 0; } } .video-play-button a i{ font-size: 14px; color: inherit; margin-left: 2px; } .video-play-button span{ font-family: var(--accent-font); color: var(--white-color); margin: 0 0 0 20px; } .hero-content-footer{ display: flex; flex-wrap: wrap; border-top: 1px solid var(--dark-divider-color); margin-top: 60px; padding-top: 60px; gap: 30px 40px; } .hero-info-list{ border-top: 1px solid var(--dark-divider-color); margin-top: 170px; padding-top: 40px; } .hero-info-list ul{ list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 15px 2.604vw; } .hero-info-list ul li{ position: relative; padding-left: 25px; color: var(--white-color); line-height: 1.5em; } .hero-info-list ul li:before{ content: '✓'; position: absolute; font-family: inherit; font-size: 18px; font-weight: 900; color: var(--accent-secondary-color); top: 0; left: 0; } .about-us{ padding: 120px 0; } .about-us .section-row .section-title.section-title-center{ max-width: 900px; } .about-us-item-list{ display: flex; flex-wrap: wrap; gap: 30px; } .about-us-item{ border-radius: 20px; overflow: hidden; } .about-us-item.box-1, .about-us-item.box-3{ width: calc(25% - 20px); background-color: var(--secondary-color); display: flex; flex-direction: column; justify-content: space-between; gap: 30px; padding: 30px; } .about-us-item .icon-box{ position: relative; width: 60px; height: 60px; background-color: var(--accent-secondary-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; } .about-us-item .icon-box::before{ content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--accent-color); border-radius: 50%; width: 100%; height: 100%; transform: scale(0); transition: all 0.4s ease-in-out; z-index: 0; } .about-us-item:hover .icon-box:before{ transform: scale(1); } .about-us-item .icon-box img{ position: relative; width: 100%; max-width: 30px; z-index: 1; } .about-us-item-contant{ border-top: 1px solid var(--divider-color); padding-top: 30px; } .about-us-item-contant h3{ font-size: 22px; } .about-us-item-contant p{ margin: 10px 0 0; } .about-us-item.box-2{ position: relative; width: calc(50% - 20px); } .about-us-item.box-2 figure{ position: relative; display: block; height: 100%; } .about-us-item.box-2 figure::before{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: var(--primary-color); opacity: 20%; width: 100%; height: 100%; z-index: 1; } .about-us-item.box-2 figure img{ width: 100%; height: 100%; aspect-ratio: 1 / 0.652; object-fit: cover; } .about-us-item.box-2 .video-play-button{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1 } .about-us-item.box-2 .video-play-button a{ width: 70px; height: 70px; background: var(--accent-secondary-color); } .about-us-item.box-2 .video-play-button a i{ font-size: 24px; } .about-rating-box-body{ margin-top: 30px; } .about-rating-counter{ display: flex; flex-wrap: wrap; align-items: center; gap: 10px; } .about-rating-counter i{ font-size: 20px; color: var(--accent-secondary-color); } .about-rating-counter h2{ font-size: 34px; line-height: 1em; } .about-rating-counter h2 sub{ font-size: 16px; bottom: 0; } .about-rating-counter-content{ margin-top: 15px; } .about-rating-counter-content p{ margin: 0; } .about-rating-btn{ border-top: 1px solid var(--divider-color); padding-top: 30px; } .section-footer-text{ margin-top: 30px; text-align: center; } .section-footer-text p{ margin-bottom: 0; } .section-footer-text p span{ font-family: var(--accent-font); display: inline-block; background: var(--accent-color); color: var(--white-color); line-height: 1em; padding: 4px 10px; border-radius: 20px; margin-right: 10px; } .section-footer-text p a{ font-weight: 600; text-transform: capitalize; text-decoration: underline; text-underline-offset: 3px; color: var(--accent-secondary-color); transition: all 0.3s ease-in-out; } .section-footer-text p a:hover{ color: var(--accent-color); } .section-footer-text ul{ width: 100%; padding: 0; margin: 20px 0 0; list-style: none; } .section-footer-text ul li{ display: inline-block; font-family: var(--accent-font); font-size: 16px; font-weight: 400; line-height: normal; color: var(--primary-color); margin-right: 10px; } .section-footer-text ul li:last-child{ margin: 0; } .section-footer-text ul li i{ color: var(--accent-secondary-color); } .section-footer-text.section-footer-contact{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px 20px; } .section-footer-text.section-footer-contact span{ width: 30px; height: 30px; padding: 0; display: inline-flex; justify-content: center; align-items: center; margin-right: 10px; } .section-footer-text.section-footer-contact span img{ width: 100%; max-width: 20px; } .section-footer-text.section-satisfy-img{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px; } .section-footer-text.section-satisfy-img .satisfy-client-image figure img{ max-width: 30px; } .section-footer-text.section-satisfy-img .satisfy-client-image.add-more{ width: 32px; height: 32px; margin-left: -10px; } .section-footer-text.section-satisfy-img .satisfy-client-image.add-more img{ max-width: 16px; } .section-footer-text.section-satisfy-img ul{ margin: 5px 0 0; } .dark-section .section-footer-text.section-satisfy-img .satisfy-client-image{ border-color: var(--primary-color); } .dark-section .section-footer-text p, .dark-section .section-footer-text ul li{ color: var(--white-color); } .dark-section .section-footer-text p a:hover{ color: var(--white-color); } .about-us .section-footer-text{ margin-top: 60px; } .our-services{ padding: 120px 0; } .service-item{ background: var(--dark-divider-color); backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); border-radius: 20px; height: calc(100% - 30px); margin-bottom: 30px; padding: 10px; transition: all 0.4s ease-in-out; } .service-item-image{ margin-bottom: 10px; } .service-item-image a{ display: block; border-radius: 20px; cursor: none; } .service-item-image figure{ display: block; border-radius: 10px; } .service-item-image figure img{ width: 100%; aspect-ratio: 1 / 0.915; object-fit: cover; border-radius: 10px; transition: all 0.6s ease-in-out; } .service-item:hover .service-item-image figure img{ transform: scale(1.06); } .service-item-title{ padding: 20px; text-align: center; } .service-item-title h2{ font-size: 22px; color: var(--white-color); } .service-item-title h2 a{ color: inherit; } .our-industries{ padding: 120px 0; } .industries-body-item-list{ display: flex; flex-wrap: wrap; gap: 30px; } .industries-body-item{ width: calc(50% - 15px); display: flex; flex-wrap: wrap; align-items: center; gap: 15px; } .industries-body-item .icon-box{ position: relative; height: 40px; width: 40px; background-color: var(--accent-secondary-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; overflow: hidden; } .industries-body-item .icon-box::before{ content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--accent-color); border-radius: 50%; width: 100%; height: 100%; transform: scale(0); transition: all 0.4s ease-in-out; z-index: 0; } .industries-body-item:hover .icon-box:before{ transform: scale(1); } .industries-body-item .icon-box img{ position: relative; width: 100%; max-width: 20px; transition: all 0.4s ease-in-out; z-index: 1; } .industries-body-item-content{ width: calc(100% - 55px); } .industries-body-item-content p{ margin: 0; } .industries-footer-box{ display: flex; flex-wrap: wrap; align-items: center; gap: 20px 40px; border-top: 1px solid var(--divider-color); padding-top: 40px; margin-top: 40px; } .industries-contact-box{ display: flex; flex-wrap: wrap; align-items: center; gap: 15px; } .industries-contact-box .icon-box{ position: relative; width: 50px; height: 50px; background: var(--accent-color); border-radius: 50%; display: flex; justify-content: center; align-items: center; } .industries-contact-box .icon-box::before{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--accent-secondary-color); border-radius: 50%; transform: scale(0); width: 100%; height: 100%; transition: all 0.4s ease-in-out; z-index: 0; } .industries-contact-box:hover .icon-box::before{ transform: scale(1); } .industries-contact-box .icon-box img{ width: 100%; max-width: 24px; z-index: 1; } .industries-contact-box-content p{ margin: 0 0 5px; } .industries-contact-box-content h3{ font-size: 22px; } .industries-contact-box-content h3 a{ color: inherit; transition: all 0.4s ease-in-out; } .industries-contact-box-content h3 a:hover{ color: var(--accent-secondary-color); } .industries-image-box{ display: flex; flex-wrap: wrap; align-items: end; margin-left: 15px; } .industries-image-box-1{ width: 23%; padding-bottom: 110px; } .industries-image{ position: relative; z-index: 1; } .industries-image figure{ display: block; border-radius: 20px; } .industries-image figure img{ width: 100%; object-fit: cover; border-radius: 20px; } .industries-image-box-1 .industries-image{ margin-right: -415px; } .industries-image-box-1 .industries-image figure img{ aspect-ratio: 1 / 0.864; } .industries-image-box-2{ width: 77%; } .industries-image-box-2 .industries-image figure{ border: 10px solid var(--bg-color); } .industries-image-box-2 .industries-image figure img{ border-radius: 10px; aspect-ratio: 1 / 0.61; } .why-choose-us.bg-section{ background-image: none; } .why-choose-us-box{ display: flex; flex-wrap: wrap; gap: 10px; padding: 10px; } .why-choose-image{ width: calc(50% - 5px); } .why-choose-image figure{ height: 100%; display: block; border-radius: 10px; } .why-choose-image figure img{ width: 100%; height: 100%; aspect-ratio: 1 / 0.9; object-fit: cover; border-radius: 10px; } .why-choose-contant-box{ width: calc(50% - 5px); align-content: center; padding: 90px 4.688vw; } .why-choose-nav{ margin-bottom: 40px; } .why-choose-nav ul{ text-align: center; border-bottom: 4px solid var(--divider-color); display: flex; align-items: center; list-style: none; padding: 0; margin: 0; } .why-choose-nav ul li{ display: inline-block; width: 33.33%; } .why-choose-nav ul li .nav-link{ font-family: var(--accent-font); position: relative; width: 100%; background: transparent; border: none; color: var(--primary-color); font-size: 16px; font-weight: 400; line-height: 1.4em; padding: 0 5px 20px; text-transform: capitalize; transition: all 0.3s ease-in-out; } .why-choose-nav ul li .nav-link.active, .why-choose-nav ul li .nav-link:hover{ background: transparent; color: var(--primary-color); } .why-choose-nav ul li .nav-link::before{ content: ''; display: block; position: absolute; bottom: -3px; left: auto; right: 0; background: var(--accent-secondary-color); width: 0; height: 4px; transition: all 0.4s ease-in-out; } .why-choose-nav ul li .nav-link.active::before, .why-choose-nav ul li .nav-link:hover::before{ width: 100%; left: 0; right: auto; } .why-choose-body{ display: flex; flex-wrap: wrap; gap: 30px 50px; } .why-choose-body-image{ width: calc(54% - 25px); } .why-choose-body-image figure{ display: block; height: 100%; border-radius: 20px; } .why-choose-body-image figure img{ width: 100%; height: 100%; aspect-ratio: 1 / 0.637; object-fit: cover; border-radius: 20px; } .why-choose-body-list{ width: calc(46% - 25px); align-content: center; } .why-choose-body-list ul{ list-style: none; margin: 0; padding: 0; } .why-choose-body-list ul li{ position: relative; line-height: 1.5em; padding-left: 25px; margin-bottom: 20px; } .why-choose-body-list ul li::before{ content: '✓'; position: absolute; font-family: inherit; font-size: 18px; font-weight: 900; color: var(--accent-secondary-color); top: 0; left: 0; } .why-choose-body-list ul li:last-child{ margin-bottom: 0; } .why-choose-btn{ margin-top: 40px; } .our-projects{ padding: 120px 0; } .project-item{ position: relative; min-height: 480px; height: calc(100% - 30px); border-radius: 20px; margin-bottom: 30px; padding: 40px; overflow: hidden; } .project-item-image{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .project-item-image a{ display: block; height: 100%; cursor: none; } .project-item-image a figure{ position: relative; display: block; height: 100%; overflow: hidden; } .project-item-image a figure::before{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(24, 25, 26, 0.00) 45.83%, rgba(24, 25, 26, 0.80) 92.32%); z-index: 1; } .project-item-image a figure img{ width: 100%; height: 100%; object-fit: cover; transition: all 0.6s ease-in-out; } .project-item:hover .project-item-image a figure img{ transform: scale(1.06); } .project-item-body{ height: 100%; display: flex; flex-direction: column; justify-content: space-between; gap: 30px; } .project-item-btn{ position: relative; transform: scale(0); margin-left: auto; transition: all 0.4s ease-in-out; z-index: 1; } .project-item:hover .project-item-btn{ transform: scale(1); } .project-item-btn a{ width: 50px; height: 50px; background: var(--accent-secondary-color); border-radius: 50%; display: flex; justify-content: center; align-items: center; transition: all 0.4s ease-in-out; } .project-item-btn a:hover{ background: var(--accent-color); } .project-item-btn a img{ width: 100%; max-width: 24px; transition: all 0.4s ease-in-out; } .project-item-btn a:hover img{ transform: rotate(45deg); } .project-item-contant{ position: relative; z-index: 1; } .project-item-contant h2{ font-size: 22px; color: var(--white-color); } .project-item-contant h2 a{ color: inherit; } .project-item-contant p{ color: var(--white-color); margin: 10px 0 0; } .how-it-work{ padding: 120px 0; } .how-work-item{ background: linear-gradient(180deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.00) 100%); border-radius: 20px; backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); text-align: center; padding: 40px; height: calc(100% - 30px); margin-bottom: 30px; transition: all 0.4s ease-in-out; } .how-work-item:hover{ transform: translateY(-5px); } .how-work-item-no{ width: 60px; height: 60px; background-color: var(--accent-secondary-color); border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 50px; transition: all 0.4s ease-in-out; } .how-work-item:hover .how-work-item-no{ background: var(--accent-color); } .how-work-item-no h3{ font-size: 24px; color: var(--white-color); } .how-work-item-contant h3{ font-size: 22px; color: var(--white-color); } .how-work-item-contant p{ color: var(--white-color); margin: 10px 0 0; } .how-work-item-contant ul{ list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 20px; border-top: 1px solid var(--dark-divider-color); margin: 50px 0 0; padding: 50px 0 0; } .how-work-item-contant ul li{ font-size: 14px; color: var(--white-color); line-height: normal; background-color: var(--dark-divider-color); border-radius: 100px; padding: 6px 16px; transition: all 0.4s ease-in-out; } .how-work-item-contant ul li:hover{ background-color: var(--accent-secondary-color); } .our-pricing{ padding: 120px 0; } .pricing-item{ background-color: var(--secondary-color); border-radius: 20px; height: calc(100% - 30px); margin-bottom: 30px; padding: 10px; } .pricing-item-header{ display: flex; flex-wrap: wrap; align-items: center; gap: 15px; padding: 10px; margin-bottom: 10px; } .pricing-item-header .icon-box{ position: relative; width: 50px; height: 50px; background-color: var(--accent-secondary-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; overflow: hidden; } .pricing-item-header .icon-box::before{ content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--accent-color); border-radius: 50%; width: 100%; height: 100%; transform: scale(0); transition: all 0.4s ease-in-out; z-index: 0; } .pricing-item:hover .pricing-item-header .icon-box::before{ transform: scale(1); } .pricing-item-header .icon-box img{ position: relative; width: 100%; max-width: 24px; z-index: 1; } .pricing-item-title{ width: calc(100% - 65px); } .pricing-item-title h2{ font-size: 22px; } .pricing-item-body{ background: var(--bg-color); border-radius: 10px; padding: 30px; } .pricing-item-contant p{ margin-bottom: 20px; } .pricing-item-contant h2{ font-size: 48px; } .pricing-item-contant h2 sub{ font-size: 16px; font-family: var(--default-font); color: var(--text-color); bottom: 0; } .pricing-item-list{ border-top: 1px solid var(--divider-color); padding-top: 40px; margin-top: 40px; } .pricing-item-list h3{ font-size: 22px; margin-bottom: 20px; } .pricing-item-list ul{ list-style: none; margin: 0; padding: 0; } .pricing-item-list ul li{ position: relative; line-height: 1.5em; margin-bottom: 15px; padding-left: 25px; } .pricing-item-list ul li:last-child{ margin-bottom: 0; } .pricing-item-list ul li::before{ content: '✓'; position: absolute; font-family: inherit; font-size: 18px; font-weight: 900; color: var(--accent-secondary-color); top: 0; left: 0; } .pricing-item-btn{ margin-top: 40px; } .pricing-benefit-list{ margin-top: 30px; } .pricing-benefit-list ul{ list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 20px 50px; } .pricing-benefit-list ul li{ display: inline-flex; align-items: center; } .pricing-benefit-list ul li img{ width: 100%; max-width: 20px; margin-right: 15px; } .our-faqs{ padding: 120px 0; } .our-faq-contant{ position: sticky; top: 30px; } .faq-accordion .accordion-item{ background: var(--bg-color); border-radius: 10px; margin-bottom: 25px; padding: 0; overflow: hidden; } .faq-accordion .accordion-item:last-child{ margin-bottom: 0; } .faq-accordion .accordion-header .accordion-button{ font-size: 18px; font-weight: 400; line-height: 1.333em; background-color: transparent; color: var(--primary-color); padding: 30px 70px 30px 30px; transition: all 0.3s ease-in-out; } .faq-accordion .accordion-item .accordion-button::after, .faq-accordion .accordion-item .accordion-button.collapsed::after{ content: '⌄'; font-family: inherit; position: absolute; right: 30px; top: 50%; transform: translateY(-50%); font-size: 30px; color: var(--accent-secondary-color); line-height: normal; transition: all 0.3s ease-in-out; } .faq-accordion .accordion-button:not(.collapsed)::after{ color: var(--accent-color); transform: translateY(-50%) rotate(180deg); } .faq-accordion .accordion-item .accordion-body{ border-top: 1px solid var(--divider-color); padding: 30px; } .faq-accordion .accordion-item .accordion-body p:last-child{ margin: 0; } .cta-box{ padding: 120px 0; } .cta-box-item{ background-color: var(--secondary-color); border-radius: 20px; padding: 40px; } .cta-item-contant-box{ margin-bottom: 40px; } .cta-item-contant-box h3{ font-size: 22px; } .cta-item-contant-box p{ margin: 20px 0 0; } .cta-box-item-image figure{ display: block; mask-image: url(/images/cta-box-image-shape.f2a7deb61be8.svg); background-image: url(/images/cta-box-image-shape.f2a7deb61be8.svg); mask-size: cover; mask-position: center center; mask-repeat: no-repeat; border-radius: 20px; width: 100%; height: 100%; margin: 0 auto; } .cta-box-item-image figure img{ width: 100%; aspect-ratio: 1 / 0.601; object-fit: cover; border-radius: 20px; } .cta-box-counter-item{ margin-top: 40px; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; } .cta-box-counter-no{ width: calc(37% - 5px); } .cta-box-counter-no h2{ font-size: 48px; } .cta-box-counter-contant{ width: calc(63% - 5px); } .cta-box-counter-contant p{ margin: 0; } .partner-world-map-box{ position: relative; } .partner-world-map-image figure{ display: block; border-radius: 10px; } .partner-world-map-image img{ width: 100%; aspect-ratio: 1 / 0.53; object-fit: cover; border-radius: 10px; } .world-map-cards-box{ position: absolute; top: 50%; transform: translateY(-70%); width: 100%; display: flex; flex-wrap: wrap; justify-content: center; gap: 30px 0; } .world-map-card-item{ position: relative; width: 24%; display: flex; flex-wrap: wrap; flex-direction: column; align-content: center; transition: all 0.5s ease-in-out; } .world-map-card-item.card-2{ top: 120px; } .world-map-card-item.card-4{ top: 180px; } .world-map-card-btn{ border: none; background: transparent; display: inline-block; border-radius: 100px; overflow: hidden; padding: 0; margin: 0 auto 25px; } .world-map-card-btn img{ width: 100%; max-width: 60px; border: 2px solid var(--white-color); border-radius: 50%; } .world-map-card-content{ position: relative; width: 160px; text-align: center; background: var(--white-color); border-radius: 10px; filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.05)); padding: 10px 15px; opacity: 0; margin: 0 auto; transform: scaleY(0); transform-origin: top; transition: all 0.5s ease-in-out; z-index: 1; } .world-map-card-item.active .world-map-card-content{ transform: scaleY(1); opacity: 1; } .world-map-card-content::before{ content: ''; position: absolute; top: 0; left: 50%; transform: translate(-50%, -75%); border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 20px solid var(--white-color); width: 0; height: 0; } .world-map-card-content h3{ font-size: 16px; } .world-map-card-content p{ font-size: 14px; margin: 5px 0 0; } .our-testimonials{ background-image: url(/images/optimized/testimonial-bg-image-1440.34e65f6e5555.webp); padding: 120px 0; } .google-rating-box{ display: flex; flex-wrap: wrap; align-items: center; justify-content: right; gap: 10px 30px; } .google-logo{ border-right: 1px solid var(--divider-color); padding-right: 30px; } .google-logo img{ width: 100%; max-width: 104px; } .google-rating-content-box{ display: flex; flex-wrap: wrap; align-items: center; gap: 10px; } .google-rating-content{ width: 150px; } .google-rating-content h3{ font-size: 16px; display: flex; align-items: center; } .google-rating-content h3 span{ margin-right: 10px; } .google-rating-content h3 i{ color: var(--accent-secondary-color); } .google-rating-content p{ margin: 5px 0 0; } .testimonial-slider, .testimonial-slider .swiper, .testimonial-item{ height: 100%; } .testimonial-slider .swiper{ cursor: none; } .testimonial-item{ position: relative; min-height: 500px; border-radius: 20px; align-content: end; padding: 40px; overflow: hidden; } .testimonial-slider .swiper-wrapper .testimonial-item{ transform: scale(0.95); transition: all 0.6s ease-in-out; } .testimonial-slider .swiper-wrapper .swiper-slide.swiper-slide-next .testimonial-item{ transform: scale(1); } .testimonial-item-image{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .testimonial-item-image::before{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(28, 24, 21, 0.00) 32.54%, var(--primary-color) 100%); height: 100%; width: 100%; z-index: 1; } .testimonial-item-image figure{ display: block; width: 100%; height: 100%; } .testimonial-item-image figure img{ width: 100%; height: 100%; object-fit: cover; } .testimonial-item-body{ position: relative; z-index: 1; } .testimonial-item-content p{ color: var(--white-color); margin-bottom: 15px; } .testimonial-item-content p:last-child{ margin-bottom: 0; } .testimonial-item-content p span{ display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; background: var(--accent-secondary-color); border-radius: 2px; margin-right: 15px; } .testimonial-item-content p span i{ font-size: 14px; } .testimonial-author-content{ border-top: 1px solid var(--dark-divider-color); margin-top: 30px; padding-top: 30px; } .testimonial-author-content h2{ font-size: 22px; color: var(--white-color); } .our-testimonials .section-footer-text{ margin-top: 60px; } .our-blog{ padding: 120px 0 90px; } .post-item{ background: var(--secondary-color); border-radius: 20px; height: calc(100% - 30px); margin-bottom: 30px; padding: 10px; } .post-featured-image{ position: relative; margin-bottom: 10px; } .post-featured-image a{ cursor: none; display: block; border-radius: 10px; overflow: hidden; } .post-featured-image figure{ display: block; } .post-featured-image img{ width: 100%; aspect-ratio: 1 / 0.783; object-fit: cover; transition: all 0.6s ease-in-out; } .post-item:hover .post-featured-image img{ transform: scale(1.06); } .post-item-body{ padding: 20px; } .post-item-content{ border-bottom: 1px solid var(--divider-color); margin-bottom: 20px; padding-bottom: 20px; } .post-item-content h2{ font-size: 22px; line-height: 1.4em; } .post-item-content h2 a{ color: inherit; } .post-item-footer{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; } .post-item-meta ul{ list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 15px; } .post-item-meta ul li{ line-height: normal; display: flex; align-items: center; gap: 10px; } .post-item-meta ul li img{ width: 100%; max-width: 20px; } .main-footer{ padding: 120px 0 0; margin-bottom: 15px; } .footer-header{ display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--dark-divider-color); margin-bottom: 80px; padding-bottom: 80px; } .footer-logo img{ width: 100%; max-width: 151px; } .footer-contact-form{ display: flex; flex-wrap: wrap; align-items: center; gap: 15px 30px; } .footer-contact-form h2{ font-size: 22px; color: var(--white-color); } .footer-newsletter-form .form-group{ width: 350px; display: flex; flex-wrap: wrap; background: var(--dark-divider-color); backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); border-radius: 10px; padding: 5px; } .footer-newsletter-form .form-group .form-control{ width: calc(100% - 46px); font-size: 16px; font-weight: 400; line-height: 1.5em; color: var(--white-color); background: transparent; border: none; border-radius: 0; outline: none; box-shadow: none; padding: 6px 14px; } .footer-newsletter-form .form-group .form-control::placeholder{ color: var(--white-color); } .footer-newsletter-form .form-group .newsletter-btn{ width: 46px; height: 46px; display: flex; justify-content: center; align-items: center; background-color: var(--accent-color); border: none; border-radius: 5px; outline: none; box-shadow: none; transition: all 0.3s ease-in-out; } .footer-newsletter-form .form-group .newsletter-btn:hover{ background-color: var(--accent-secondary-color); } .footer-newsletter-form .form-group .newsletter-btn img{ width: 100%; max-width: 24px; transition: all 0.4s ease-in-out; } .footer-newsletter-form .form-group .newsletter-btn:hover img{ transform: rotate(45deg); } .footer-links-box{ display: flex; flex-wrap: wrap; justify-content: space-between; gap: 30px; margin-left: 3.125vw; } .footer-links{ max-width: 27%; } .footer-links h2{ font-size: 22px; color: var(--white-color); margin-bottom: 30px; } .footer-links ul{ margin: 0; padding: 0; list-style: none; } .footer-links ul li{ color: var(--white-color); text-transform: capitalize; line-height: 1.5em; margin-bottom: 15px; } .footer-links ul li:last-child{ margin-bottom: 0; } .footer-links ul li a{ color: inherit; transition: all 0.3s ease-in-out; } .footer-links ul li a:hover{ color: var(--accent-secondary-color); } .footer-contact-info-list{ max-width: 37%; } .footer-links.footer-contact-info-list ul li{ font-size: 18px; display: flex; align-items: center; gap: 5px 15px; } .footer-links.footer-contact-info-list ul li img{ width: 100%; max-width: 20px; } .footer-copyright{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 15px; border-top: 1px solid var(--dark-divider-color); padding: 60px 0; margin: 60px 0 0; } .footer-copyright-text p{ color: var(--white-color); margin: 0; } .footer-social-links ul{ display: flex; flex-wrap: wrap; gap: 10px 15px; list-style: none; padding: 0; margin: 0; } .footer-social-links ul li{ list-style: none; padding: 0; margin: 0; } .footer-social-links ul li a{ width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; border: 1px solid var(--dark-divider-color); color: var(--white-color); border-radius: 50%; transition: all 0.3s ease-in-out; } .footer-social-links ul li:hover a{ background: var(--accent-secondary-color); } .footer-social-links ul li a i{ font-size: 18px; color: inherit; } .page-header{ position: relative; background-image: url(/images/optimized/banner1-1440.91e2919f17a9.webp); background-position: center center; background-repeat: no-repeat; background-size: cover; border-radius: 20px; padding: 285px 0 150px; margin: 15px 15px 0; overflow: hidden; } .page-header:before{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; background: linear-gradient(270deg, transparent 0%, rgba(24, 25, 26, 0.72) 57.33%, rgba(24, 25, 26, 0.90) 100%); z-index: 1; } .page-header-box{ position: relative; z-index: 2; } .page-header-box h1{ display: inline-block; font-size: 60px; font-weight: 400; color: var(--white-color); margin-bottom: 15px; cursor: none; } .page-header-box ol{ margin: 0; padding: 0; } .page-header-box ol li.breadcrumb-item{ font-size: 16px; font-weight: 400; line-height: normal; text-transform: capitalize; color: var(--white-color); } .page-header-box ol li.breadcrumb-item a{ color: inherit; } .page-header-box ol .breadcrumb-item+.breadcrumb-item::before{ color: var(--white-color); } .our-apporach{ padding: 120px 0; } .approach-content{ margin-right: 3.125vw; } .approach-item-list{ display: flex; flex-wrap: wrap; gap: 30px; } .approach-item{ width: calc(50% - 15px); background: var(--dark-divider-color); border-radius: 20px; backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); display: flex; flex-direction: column; justify-content: space-between; gap: 30px; padding: 40px; min-height: 330px; overflow: hidden; } .approach-item:before{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 0; background: var(--accent-secondary-color); z-index: 0; transition: all 0.4s ease-in-out; } .approach-item:hover::before{ top: auto; height: 100%; } .approach-item .icon-box{ position: relative; height: 50px; width: 50px; display: flex; align-items: center; justify-content: center; background-color: var(--accent-secondary-color); border-radius: 50%; z-index: 1; } .approach-item .icon-box::before{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--secondary-color); border-radius: 100px; transform: scale(0); width: 100%; height: 100%; transition: all 0.4s ease-in-out; z-index: 0; } .approach-item:hover .icon-box::before{ transform: scale(1); } .approach-item .icon-box img{ position: relative; width: 100%; max-width: 24px; transition: all 0.4s ease-in-out; z-index: 1; } .approach-item:hover .icon-box img{ filter: brightness(0) invert(0); } .approach-item-content{ position: relative; padding-top: 30px; border-top: 1px solid var(--dark-divider-color); transition: all 0.4s ease-in-out; z-index: 1; } .approach-item-content:hover .approach-item-content{ border-color: var(--divider-color); } .approach-item-content h3{ color: var(--white-color); font-size: 22px; line-height: 1.4em; } .approach-item-content p{ color: var(--white-color); margin: 15px 0 0; } .approach-image{ margin-top: 80px; } .approach-image figure{ display: block; border-radius: 20px; } .approach-image img{ width: 100%; aspect-ratio: 1 / 0.394; object-fit: cover; border-radius: 20px; } .intro-video{ position: relative; min-height: 800px; align-content: end; overflow: hidden; } .intro-video-image{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; } .intro-video-image figure{ position: relative; display: block; width: 100%; height: 100%; } .intro-video-image figure:before{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; border-radius: 20px; background: linear-gradient(270deg, transparent 11.57%, rgba(24, 25, 26, 0.80) 100%); z-index: 0; } .intro-video-image figure img{ width: 100%; height: 100%; object-fit: cover; } .intro-video-body-box{ position: relative; max-width: 420px; background-color: var(--dark-divider-color); backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); padding: 40px; border-radius: 20px 20px 0 0; z-index: 2; } .intro-video-body-box .video-play-button{ padding: 15px 0 15px 15px; } .intro-video-body-box .video-play-button a{ background-color: var(--accent-color); height: 55px; width: 55px; } .intro-video-body-box .video-play-button a i{ font-size: 22px; } .intro-video-body-box .video-play-button a:hover{ background-color: var(--accent-secondary-color); } .intro-video-body-box .video-play-button a:hover i{ color: var(--white-color); } .intro-video-content{ margin-top: 40px; } .intro-video-content h3{ color: var(--white-color); font-size: 22px; } .intro-video-content p{ color: var(--white-color); margin: 15px 0 0; } .intro-video-body-list{ border-top: 1px solid var(--dark-divider-color); margin-top: 40px; padding-top: 40px; } .intro-video-body-list ul{ display: flex; flex-wrap: wrap; gap: 20px; list-style: none; margin: 0; padding: 0; } .intro-video-body-list ul li{ font-size: 14px; line-height: normal; color: var(--white-color); background-color: var(--dark-divider-color); border-radius: 100px; padding: 6px 15px; transition: all 0.4s ease-in-out; } .intro-video-body-list ul li:hover{ background-color: var(--accent-secondary-color); } .our-commitment{ padding: 120px 0; } .commitment-image-box{ display: flex; flex-wrap: wrap; align-items: center; margin-right: 15px; } .commitment-image.box-1{ position: relative; width: 31%; z-index: 2; } .commitment-image.box-2{ width: 69%; } .commitment-image figure{ display: block; border-radius: 20px; } .commitment-image img{ width: 100%; object-fit: cover; border-radius: 20px; } .commitment-image.box-1 figure{ border: 8px solid var(--bg-color); margin-right: -200px; border-radius: 25px; } .commitment-image.box-1 img{ aspect-ratio: 1 / 1.34; } .commitment-image.box-2 img{ aspect-ratio: 1 / 1.54; } .commitment-body{ display: flex; flex-wrap: wrap; gap: 30px; } .commitment-body-content, .commitment-body-item{ width: calc(50% - 15px); align-content: center; } .commitment-body-list ul{ list-style: none; margin: 0; padding: 0; } .commitment-body-list ul li{ position: relative; line-height: 1.5em; padding-left: 25px; margin-bottom: 20px; } .commitment-body-list ul li:last-child{ margin-bottom: 0; } .commitment-body-list ul li::before{ content: '✓'; position: absolute; font-family: inherit; font-size: 18px; font-weight: 900; color: var(--accent-secondary-color); top: 0; left: 0; } .commitment-btn{ border-top: 1px solid var(--divider-color); margin-top: 40px; padding-top: 40px; } .commitment-body-item-image figure{ mask-image: url(/images/commitment-body-image-mask.09584998ac06.svg); mask-repeat: repeat-y; mask-position: top center; mask-size: 100% auto; } .commitment-body-item-image img{ width: 100%; height: 100%; object-fit: cover; } .commitment-body-item-content{ margin-top: 30px; } .commitment-body-item-content h3{ font-size: 22px; line-height: 1.4em; } .commitment-body-item-content p{ margin: 10px 0 0; } .our-team{ padding: 120px 0; } .team-item{ position: relative; border-radius: 20px; height: calc(100% - 30px); margin-bottom: 30px; overflow: hidden; } .team-item-image figure, .team-item-image a{ position: relative; display: block; cursor: none; } .team-item-image figure:before{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; border-radius: 20px; background: linear-gradient(180deg, transparent 39.11%, var(--primary-color) 91.33%); z-index: 1; } .team-item-image img{ width: 100%; aspect-ratio: 1 / 1.191; object-fit: cover; transition: all 0.6s ease-in-out; } .team-item:hover .team-item-image img{ transform: scale(1.06); } .team-item-body{ position: absolute; bottom: 30px; left: 30px; right: 30px; transform: translateY(50%); text-align: center; transition: all 0.4s ease-in-out; z-index: 1; } .team-item:hover .team-item-body{ transform: translateY(0%); } .team-item-content h2{ font-size: 22px; line-height: 1.4em; color: var(--white-color); } .team-item-content h2 a{ color: inherit; } .team-item-content p{ color: var(--white-color); margin: 10px 0 0; } .team-social-list{ margin-top: 30px; opacity: 0; visibility: hidden; transition: all 0.4s ease-in-out; } .team-item:hover .team-social-list{ opacity: 1; visibility: visible; } .team-social-list ul{ display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; list-style: none; margin: 0; padding: 0; } .team-social-list ul li a{ color: var(--accent-secondary-color); width: 36px; height: 36px; background-color: var(--white-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.4s ease-in-out; } .team-social-list ul li a:hover{ background: var(--accent-secondary-color); color: var(--white-color); } .team-social-list ul li a i{ font-size: 18px; color: inherit; } .our-core-value{ padding: 120px 0; } .core-value-item{ background-color: var(--white-color); border-radius: 20px; text-align: center; height: calc(100% - 30px); margin-bottom: 30px; padding: 50px; transition: all 0.4s ease-in-out; } .core-value-item:hover{ transform: translateY(-5px); } .core-value-item .icon-box{ position: relative; width: 60px; height: 60px; background: var(--accent-secondary-color); display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; margin-bottom: 50px; } .core-value-item .icon-box::before{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--accent-color); border-radius: 100px; transform: scale(0); width: 100%; height: 100%; transition: all 0.4s ease-in-out; z-index: 0; } .core-value-item:hover .icon-box::before{ transform: scale(1); } .core-value-item .icon-box img{ position: relative; width: 100%; max-width: 30px; z-index: 1; } .core-value-item-content h3{ font-size: 22px; line-height: 1.4em; } .core-value-item-content p{ margin: 20px 0 0; } .page-services{ padding: 120px 0 90px; } .page-services .service-item{ background-color: var(--white-color); } .page-services .service-item .service-item-title h2{ color: var(--primary-color); } .page-service-single{ padding: 120px 0; } .page-single-sidebar{ position: sticky; top: 30px; margin-right: 15px; } .page-category-list{ background: var(--secondary-color); border-radius: 20px; margin-bottom: 60px; overflow: hidden; } .page-category-list .page-category-list-title{ font-size: 22px; line-height: 1.4em; color: var(--white-color); background: var(--accent-color); padding: 20px 30px; } .page-category-list ul{ list-style: none; margin: 0; padding: 30px; } .page-category-list ul li{ line-height: 1.5em; border-bottom: 1px solid var(--divider-color); padding-bottom: 20px; margin-bottom: 20px; } .page-category-list ul li:last-child{ border-bottom: none; margin: 0; padding: 0; } .page-category-list ul li a{ position: relative; display: block; text-transform: capitalize; color: inherit; padding-right: 25px; transition: all 0.4s ease-in-out; } .page-category-list ul li a:hover{ color: var(--primary-color); } .page-category-list ul li a::before{ content: ''; position: absolute; top: 50%; right: 0; background: url(/images/arrow-primary.2849a10eef5e.svg) no-repeat; background-position: center center; background-size: cover; width: 20px; height: 20px; transform: translateY(-50%); transition: all 0.4s ease-in-out; } .page-category-list ul li a:hover::before{ transform: translateY(-50%) rotate(45deg); } .sidebar-cta-box{ background: var(--primary-color); border-radius: 20px; padding: 10px; text-align: center; overflow: hidden; } .sidebar-cta-image figure{ display: block; border-radius: 10px; } .sidebar-cta-image img{ width: 100%; aspect-ratio: 1 / 0.571; object-fit: cover; border-radius: 10px; transition: all 0.6s ease-in-out; } .sidebar-cta-box:hover .sidebar-cta-image img{ transform: scale(1.06); } .sidebar-cta-box-header .icon-box{ position: relative; height: 72px; width: 72px; display: inline-flex; align-items: center; justify-content: center; background-color: var(--accent-secondary-color); border: 6px solid var(--primary-color); border-radius: 50%; margin-top: -36px; } .sidebar-cta-box-header .icon-box::before{ content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--accent-color); border-radius: 50%; width: 100%; height: 100%; transform: scale(0); transition: all 0.4s ease-in-out; z-index: 0; } .sidebar-cta-box:hover .sidebar-cta-box-header .icon-box::before{ transform: scale(1); } .sidebar-cta-box-header .icon-box img{ position: relative; width: 100%; max-width: 30px; transition: all 0.4s ease-in-out; z-index: 1; } .sidebar-cta-contact-list{ padding: 20px; } .sidebar-cta-contact-item{ border-bottom: 1px solid var(--dark-divider-color); margin-bottom: 30px; padding-bottom: 30px; } .sidebar-cta-contact-item:last-child{ border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .sidebar-cta-contact-item h2{ font-size: 22px; color: var(--white-color); } .sidebar-cta-contact-item p{ font-size: 18px; color: var(--white-color); margin: 5px 0 0; } .sidebar-cta-contact-item p a{ color: inherit; transition: all 0.4s ease-in-out; } .sidebar-cta-contact-item p a:hover{ color: var(--accent-secondary-color); } .page-single-image{ margin-bottom: 30px; } .page-single-image figure{ display: block; border-radius: 20px; } .page-single-image img{ width: 100%; aspect-ratio: 1 / 0.6; object-fit: cover; border-radius: 20px; } .service-entry{ margin-bottom: 60px; } .service-entry p{ margin-bottom: 20px; } .service-entry h2{ font-size: 48px; margin-bottom: 20px; } .service-entry h3{ font-size: 22px; line-height: 1.3em; margin-bottom: 10px; } .service-entry ul{ list-style: none; padding: 0; margin: 30px 0 0; } .service-entry ul li{ position: relative; line-height: 1.5em; padding-left: 25px; margin-bottom: 15px; } .service-entry p:last-child, .service-entry h2:last-child, .service-entry h3:last-child, .service-entry ul li:last-child{ margin: 0; } .service-entry ul li::before{ content: '✓'; position: absolute; font-family: inherit; font-size: 18px; font-weight: 900; color: var(--accent-secondary-color); top: 0; left: 0; } .service-process-box, .service-why-choose-box{ margin-top: 60px; } .service-process-item-list{ display: flex; flex-wrap: wrap; gap: 30px; margin-top: 40px; } .service-process-item{ width: calc(50% - 15px); display: flex; flex-wrap: wrap; gap: 15px; background-color: var(--secondary-color); border-radius: 20px; padding: 30px; } .service-process-item .icon-box{ position: relative; height: 50px; width: 50px; display: flex; align-items: center; justify-content: center; background-color: var(--accent-secondary-color); border-radius: 50%; } .service-process-item .icon-box::before{ content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--accent-color); border-radius: 50%; width: 100%; height: 100%; transform: scale(0); transition: all 0.4s ease-in-out; z-index: 0; } .service-process-item:hover .icon-box::before{ transform: scale(1); } .service-process-item .icon-box img{ position: relative; width: 100%; max-width: 24px; transition: all 0.4s ease-in-out; z-index: 1; } .service-process-item-content{ width: calc(100% - 65px); } .service-testimonial-item-list{ margin-top: 40px; } .service-testimonial-item{ background: var(--secondary-color); border-radius: 20px; margin-bottom: 30px; padding: 30px; } .service-testimonial-item:last-child{ margin-bottom: 0; } .service-testimonial-item-content{ background: url(/images/icon-blockquote.4aaba4757f28.svg) no-repeat; background-position: top left; background-size: 30px auto; padding-left: 50px; } .service-testimonial-author{ display: flex; flex-wrap: wrap; align-items: center; gap: 15px; border-top: 1px solid var(--divider-color); margin-top: 30px; padding-top: 30px; } .service-testimonial-author-image figure{ display: block; border-radius: 50%; } .service-testimonial-author-image img{ width: 100%; max-width: 50px; border-radius: 50%; } .service-testimonial-author-content{ width: calc(100% - 65px); } .service-testimonial-author-content h3{ margin-bottom: 5px; } .service-why-choose-item-list{ display: flex; flex-wrap: wrap; gap: 30px; margin-top: 40px; } .service-why-choose-item{ width: calc(50% - 15px); } .service-why-choose-item-image{ margin-bottom: 30px; } .service-why-choose-item-image figure{ display: block; border-radius: 20px; } .service-why-choose-item-image img{ width: 100%; aspect-ratio: 1 / 0.856; object-fit: cover; border-radius: 20px; } .service-why-choose-item-content ul{ border-top: 1px solid var(--divider-color); padding-top: 30px; } .page-single-faqs .faq-accordion .accordion-item{ background: var(--secondary-color); } .page-blog{ padding: 120px 0; } .page-pagination{ margin-top: 30px; text-align: center; } .page-pagination ul{ justify-content: center; padding: 0; margin: 0; } .page-pagination ul li a, .page-pagination ul li span{ display: flex; text-decoration: none; justify-content: center; align-items: center; background: var(--white-color); color: var(--primary-color); border-radius: 100px; width: 40px; height: 40px; margin: 0 5px; font-family: var(--accent-font); font-weight: 400; line-height: 1em; transition: all 0.3s ease-in-out; } .page-pagination ul li.active a, .page-pagination ul li a:hover{ background: var(--accent-color); color: var(--white-color); } .page-single-post{ padding: 120px 0; } .post-single-meta ol li{ font-size: 18px; color: var(--white-color); margin-right: 15px; } .post-single-meta ol li:last-child{ margin-right: 0; } .post-single-meta ol li i{ font-size: 18px; color: var(--white-color); margin-right: 5px; } .post-image{ position: relative; margin-bottom: 30px; } .post-image figure{ display: block; border-radius: 20px; overflow: hidden; } .post-image img{ width: 100%; aspect-ratio: 1 / 0.50; object-fit: cover; border-radius: 20px; } .post-content{ width: 100%; max-width: 1100px; margin: 0 auto; } .post-entry{ border-bottom: 1px solid var(--divider-color); padding-bottom: 30px; margin-bottom: 30px; } .post-entry:after{ content: ''; display: block; clear: both; } .post-entry a{ color: var(--accent-color); } .post-entry h1, .post-entry h2, .post-entry h3, .post-entry h4, .post-entry h5, .post-entry h6{ font-family: var(--accent-font); font-weight: 400; line-height: 1.2em; margin: 0 0 0.42em; } .post-entry h1{ font-size: 60px; } .post-entry h2{ font-size: 48px; } .post-entry h3{ font-size: 40px; } .post-entry h4{ font-size: 30px; } .post-entry h5{ font-size: 24px; } .post-entry h6{ font-size: 20px; } .post-entry p{ margin-bottom: 20px; } .post-entry p:last-child{ margin-bottom: 0; } .post-entry p strong{ color: var(--primary-color); font-size: 18px; font-weight: 600; } .post-entry ol{ margin: 0 0 30px; } .post-entry ul{ padding: 0; margin: 20px 0 20px; padding-left: 20px; } .post-entry ol li, .post-entry ul li{ position: relative; font-size: 18px; font-weight: 400; line-height: 1.5em; color: var(--text-color); margin-bottom: 15px; } .post-entry ul li:last-child{ margin-bottom: 0; } .post-entry ul ul, .post-entry ul ol, .post-entry ol ol, .post-entry ol ul{ margin-top: 20px; margin-bottom: 0; } .post-entry ul ul li:last-child, .post-entry ul ol li:last-child, .post-entry ol ol li:last-child, .post-entry ol ul li:last-child{ margin-bottom: 0; } .post-entry blockquote{ background: var(--secondary-color) url(/images/icon-blockquote.4aaba4757f28.svg); background-repeat: no-repeat; background-position: 30px 30px; background-size: 45px; border-radius: 20px; padding: 30px 30px 30px 90px; margin-bottom: 30px; } .post-entry blockquote p{ font-family: var(--accent-font); font-size: 20px; font-weight: 400; line-height: 1.4em; color: var(--primary-color); } .post-entry blockquote p:last-child{ margin-bottom: 0; } .tag-links{ font-family: var(--accent-font); font-size: 20px; font-weight: 400; text-transform: capitalize; color: var(--primary-color); display: inline-flex; align-items: center; flex-wrap: wrap; gap: 15px; } .post-tags .tag-links a{ display: inline-block; font-family: var(--default-font); font-size: 16px; font-weight: 400; text-transform: capitalize; line-height: 1em; background: var(--accent-color); color: var(--white-color); border-radius: 100px; padding: 12px 20px; transition: all 0.4s ease-in-out; } .post-tags .tag-links a:hover{ background: var(--accent-secondary-color); } .post-social-sharing{ text-align: right; } .post-social-sharing ul{ list-style: none; padding: 0; margin: 0; } .post-social-sharing ul li{ display: inline-block; margin-right: 10px; } .post-social-sharing ul li:last-child{ margin-right: 0; } .post-social-sharing ul li a{ display: flex; align-items: center; justify-content: center; text-align: center; background: var(--accent-color); color: var(--white-color); border-radius: 100px; width: 40px; height: 40px; transition: all 0.4s ease-in-out; } .post-social-sharing ul li:hover a{ background: var(--accent-secondary-color); } .post-social-sharing ul li a i{ font-size: 18px; color: inherit; } .page-projects{ padding: 120px 0 90px; } .page-project-single{ padding: 120px 0; } .project-category-list ul li{ display: flex; justify-content: space-between; align-items: center; gap: 10px; } .project-category-list b{ color: var(--primary-color); } .project-category-list .project-category-social-links{ display: inline-flex; flex-wrap: wrap; gap: 10px; } .project-category-list .project-category-social-links a{ width: 32px; height: 32px; display: flex; justify-content: center; align-items: center; color: var(--accent-secondary-color); background: var(--bg-color); border-radius: 50%; padding: 0; } .project-category-list .project-category-social-links a::before{ display: none; } .project-category-list .project-category-social-links a:hover{ background: var(--accent-secondary-color); color: var(--white-color); } .project-entry{ margin: 60px 0; } .project-entry p{ margin-bottom: 20px; } .project-entry h2{ font-size: 48px; margin-bottom: 20px; } .project-entry h3{ font-size: 22px; line-height: 1.3em; margin-bottom: 10px; } .project-entry ul{ display: flex; flex-wrap: wrap; gap: 15px 30px; list-style: none; padding: 0; margin: 0; } .project-entry ul li{ position: relative; width: calc(50% - 15px); line-height: 1.5em; padding-left: 25px; } .project-entry p:last-child, .project-entry h2:last-child, .project-entry h3:last-child{ margin: 0; } .project-entry ul li::before{ content: '✓'; position: absolute; font-family: inherit; font-size: 18px; font-weight: 900; color: var(--accent-secondary-color); top: 0; left: 0; } .project-scope-box, .project-approach-box, .project-matters-box{ margin-top: 60px; } .project-scope-list{ margin-top: 40px; } .project-scope-video-info-box{ display: flex; flex-wrap: wrap; gap: 30px; margin-top: 40px; } .project-scope-video-box, .project-scope-info-item-list{ position: relative; width: calc(50% - 15px); } .project-scope-video-box figure{ display: block; height: 100%; border-radius: 20px; overflow: hidden; } .project-scope-video-box figure img{ width: 100%; height: 100%; aspect-ratio: 1 / 0.61; border-radius: 20px; filter: brightness(60%); object-fit: cover; transition: all 0.6s ease-in-out; } .project-scope-video-box:hover figure img{ transform: scale(1.06); } .project-scope-video-box .video-play-button{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; } .project-scope-video-box .video-play-button a{ width: 50px; height: 50px; background: var(--accent-secondary-color); } .project-scope-video-box .video-play-button a i{ font-size: 18px; } .project-scope-info-item{ min-height: 250px; background: url(/images/icon-blockquote-transparent.eb91ce90f7df.svg) var(--secondary-color) no-repeat; background-position: top left 20px; background-size: 100px auto; display: flex; flex-direction: column; justify-content: space-between; padding: 50px 30px 30px; border-radius: 20px; margin-bottom: 30px; } .project-scope-info-item:last-child{ margin-bottom: 0; } .project-scope-info-item ul li{ width: 100%; } .project-approach-info-box{ display: flex; flex-wrap: wrap; gap: 30px; margin-top: 40px; } .project-approach-counter-boxes{ width: calc(27% - 15px); display: flex; flex-wrap: wrap; gap: 30px; } .project-approach-counter-item{ width: 100%; background: var(--accent-secondary-color); border-radius: 20px; align-content: center; text-align: center; padding: 30px; } .project-approach-counter-item:nth-child(even){ background: var(--accent-color); } .project-approach-counter-item h2{ color: var(--white-color); margin-bottom: 5px; } .project-approach-counter-item p{ color: var(--white-color); line-height: normal; } .project-approach-image-content{ width: calc(73% - 15px); display: flex; flex-wrap: wrap; gap: 10px; background: var(--secondary-color); border-radius: 20px; padding: 10px; } .project-approach-content-box{ width: calc(45% - 5px); display: flex; flex-direction: column; justify-content: space-between; gap: 20px; padding: 20px; } .get-in-touch-circle a{ display: inline-block; border-radius: 50%; } .get-in-touch-circle a img{ width: 100%; max-width: 100px; border-radius: 50%; animation: infiniterotate 20s infinite linear; } @keyframes infiniterotate{ 100%{ transform: rotate(360deg); } } .get-in-touch-circle a:hover img{ animation-play-state: paused; } .project-approach-image{ width: calc(55% - 5px); } .project-approach-image figure{ display: block; height: 100%; border-radius: 10px; } .project-approach-image img{ width: 100%; height: 100%; aspect-ratio: 1 / 0.88; object-fit: cover; border-radius: 10px; } .project-matter-item-list{ display: flex; flex-wrap: wrap; gap: 30px; margin-top: 40px; } .project-matter-item{ width: calc(50% - 15px); display: flex; flex-wrap: wrap; align-items: center; gap: 15px; } .project-matter-item .icon-box{ position: relative; height: 40px; width: 40px; display: flex; align-items: center; justify-content: center; background-color: var(--accent-secondary-color); border-radius: 50%; } .project-matter-item .icon-box::before{ content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--accent-color); border-radius: 50%; width: 100%; height: 100%; transform: scale(0); transition: all 0.4s ease-in-out; z-index: 0; } .project-matter-item:hover .icon-box::before{ transform: scale(1); } .project-matter-item .icon-box img{ position: relative; width: 100%; max-width: 20px; transition: all 0.4s ease-in-out; z-index: 1; } .project-matter-item-content{ width: calc(100% - 55px); } .page-team{ padding: 120px 0 90px; } .page-team-single{ padding: 120px 0; } .team-member-about{ display: flex; flex-wrap: wrap; gap: 30px; } .team-single-image, .team-about-content{ width: calc(50% - 15px); } .team-single-image figure{ height: 100%; display: block; border-radius: 20px; } .team-single-image img{ width: 100%; height: 100%; aspect-ratio: 1 / 1.05; object-fit: cover; border-radius: 20px; } .team-about-content{ background-color: var(--white-color); border-radius: 20px; padding: 40px; } .team-contact-list ul{ list-style: none; padding: 0; margin: 0; } .team-contact-list ul li{ line-height: 1.5em; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; border-bottom: 1px solid var(--divider-color); margin-bottom: 30px; padding-bottom: 30px; } .team-contact-list ul li:last-child{ margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .team-contact-list ul li span{ font-family: var(--accent-font); font-size: 22px; color: var(--primary-color); } .member-social-list{ margin-top: 60px; } .member-social-list ul{ list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 15px; } .member-social-list ul li a{ height: 40px; width: 40px; background-color: var(--bg-color); color: var(--accent-secondary-color); border-radius: 50%; display: flex; justify-content: center; align-items: center; transition: all 0.4s ease-in-out; } .member-social-list ul li a:hover{ background-color: var(--accent-secondary-color); color: var(--white-color); } .member-social-list ul li a i{ font-size: 18px; color: inherit; } .team-personal-info{ margin-top: 60px; } .team-personal-info .section-title{ margin-bottom: 0; } .team-contact-skills-box{ display: flex; flex-wrap: wrap; gap: 30px 60px; margin-top: 60px; } .team-skills-achievements-box, .team-contact-form.contact-us-form{ width: calc(50% - 30px); align-content: center; } .team-skills-box{ margin-bottom: 60px; } .skills-progress-bar{ margin-bottom: 30px; } .skills-progress-bar:last-child{ margin-bottom: 0px; } .skills-progress-bar .skill-data{ display: flex; justify-content: space-between; margin-bottom: 20px; } .skills-progress-bar .skill-data .skill-title, .skills-progress-bar .skill-data .skill-no{ color: var(--primary-color); font-family: var(--accent-font); font-size: 22px; line-height: normal; text-transform: capitalize; } .skills-progress-bar .skillbar .skill-progress{ position: relative; width: 100%; height: 10px; background: var(--secondary-color); border-radius: 100px; overflow: hidden; } .skills-progress-bar .skillbar .skill-progress .count-bar{ position: absolute; top: 0; left: 0; bottom: 0; background: var(--accent-secondary-color); border-radius: 100px; } .team-achievements-list ul{ list-style: none; padding: 0; margin: 0; } .team-achievements-list ul li{ position: relative; line-height: 1.5em; padding-left: 25px; margin-bottom: 20px; } .team-achievements-list ul li::before{ content: '✓'; position: absolute; font-family: inherit; font-size: 18px; font-weight: 900; color: var(--accent-secondary-color); top: 0; left: 0; } .team-achievements-list ul li:last-child{ margin-bottom: 0; } .page-pricing{ padding: 120px 0; } .page-testimonials{ padding: 120px 0 90px; } .page-testimonials .testimonial-item{ height: calc(100% - 30px); margin-bottom: 30px; } .page-gallery{ padding: 120px 0 90px; } .page-gallery-box .photo-gallery{ height: calc(100% - 30px); margin-bottom: 30px; } .page-gallery-box .photo-gallery a{ cursor: none; } .page-gallery-box .photo-gallery figure{ display: block; border-radius: 20px; } .page-gallery-box .photo-gallery img{ width: 100%; aspect-ratio: 1 / 0.83; object-fit: cover; border-radius: 20px; } .page-video-gallery{ padding: 120px 0 90px; } .video-gallery-image{ height: calc(100% - 30px); margin-bottom: 30px; overflow: hidden; } .video-gallery-image a{ position: relative; display: block; cursor: none; } .video-gallery-image a::before{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--primary-color); border-radius: 20px; opacity: 0%; visibility: hidden; width: 100%; height: 100%; z-index: 1; transform: scale(0); transition: all 0.4s ease-in-out; } .video-gallery-image:hover a::before{ opacity: 50%; visibility: visible; transform: scale(1); } .video-gallery-image a::after{ content: '▶'; font-family: inherit; position: absolute; top: 50%; left: 50%; right: 0; transform: translate(-50%, -50%); font-size: 20px; background: var(--accent-secondary-color); color: var(--white-color); border-radius: 50%; height: 60px; width: 60px; cursor: none; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: all 0.5s ease-in-out; z-index: 1; } .video-gallery-image:hover a::after{ opacity: 1; visibility: visible; } .video-gallery-image img{ width: 100%; aspect-ratio: 1 / 0.83; object-fit: cover; border-radius: 20px; } .page-faqs{ padding: 120px 0; } .page-faqs .page-single-faqs{ margin-bottom: 60px; } .page-faqs .page-single-faqs:last-child{ margin-bottom: 0px; } .page-contact-us{ padding: 120px 0 60px; } .contact-us-image-box{ position: relative; height: 100%; margin-right: 15px; } .contact-us-image{ height: 100%; } .contact-us-image figure{ position: relative; display: block; height: 100%; border-radius: 20px; overflow: hidden; } .contact-us-image figure:before{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 0; } .contact-us-image img{ width: 100%; height: 100%; aspect-ratio: 1 / 1.124; object-fit: cover; } .contact-info-list{ position: absolute; right: 40px; bottom: 40px; left: 40px; z-index: 1; } .contact-info-item{ display: flex; flex-wrap: wrap; align-items: center; gap: 15px; border-bottom: 1px solid var(--dark-divider-color); margin-bottom: 25px; padding-bottom: 25px; } .contact-info-item:last-child{ margin-bottom: 0px; padding-bottom: 0px; border-bottom: none; } .contact-info-item .icon-box{ height: 40px; width: 40px; display: flex; align-items: center; justify-content: center; background-color: var(--accent-secondary-color); border-radius: 50%; transition: all 0.4s ease-in-out; } .contact-info-item:hover .icon-box{ background: var(--accent-color); } .contact-info-item .icon-box img{ width: 100%; max-width: 20px; } .contact-info-item-content{ width: calc(100% - 55px); display: flex; flex-wrap: wrap; gap: 5px 10px; } .contact-info-item-content h2{ font-size: 22px; color: var(--white-color); } .contact-info-item-content p{ color: var(--white-color); margin: 0; } .contact-info-item-content p a{ color: inherit; transition: all 0.4s ease-in-out; } .contact-info-item-content p a:hover{ color: var(--accent-secondary-color); } .contact-us-form{ background-color: var(--white-color); border-radius: 20px; padding: 50px; } .contact-form .form-control{ font-size: 16px; font-weight: 400; line-height: 1.5em; color: var(--primary-color); background: var(--bg-color); border: none; border-radius: 10px; padding: 18px 20px; box-shadow: none; outline: none; } .contact-form .form-control::placeholder{ color: var(--text-color); } .google-map{ padding: 60px 0 120px; } .google-map-iframe{ width: 100%; height: 600px; border-radius: 20px; overflow: hidden; } .google-map-iframe iframe{ width: 100%; height: 100%; } .error-page{ padding: 120px 0; } .error-page-image{ text-align: center; margin-bottom: 30px; } .error-page-image img{ width: 100%; max-width: 600px; } .error-page-content{ text-align: center; } .error-page-content .section-title{ margin-bottom: 15px; } @media only screen and (max-width: 1850px){ .bg-section{ width: calc(100% - 30px); } } @media only screen and (max-width: 1440px){ .why-choose-contant-box{ padding: 50px 20px; } .why-choose-body{ gap: 20px 30px; } .why-choose-body-image{ width: calc(53% - 15px); } .why-choose-body-list{ width: calc(47% - 15px); } } @media only screen and (max-width: 1024px){ .main-menu ul li{ margin: 0; } .section-content-btn .section-btn{ margin-top: 20px; } .section-title-content{ margin-top: 10px; } .section-btn{ text-align: left; margin-top: 15px; } .section-title.section-sub-heading, .section-title .section-sub-title{ margin-bottom: 10px; } .hero-info-list ul{ gap: 15px 20px; } .hero-info-list ul li{ width: calc(50% - 10px); } .about-us-item.box-1, .about-us-item.box-3{ width: calc(50% - 15px); order: 1; } .about-us-item.box-2{ width: 100%; order: 3; } .about-us-item.box-2 figure, .about-us-item.box-2 figure img{ height: auto; } .about-us-item.box-2 figure img{ aspect-ratio: 1 / 0.55; } .our-industries-content{ margin-bottom: 30px; } .industries-image-box{ max-width: 740px; margin: 0 auto; } .why-choose-image, .why-choose-contant-box{ width: 100%; } .why-choose-image figure, .why-choose-image figure img{ height: auto; } .our-faq-contant{ position: initial; margin: 0 0 30px 0; } .cta-box-item{ padding: 20px; } .cta-item-contant-box{ margin-bottom: 30px; } .cta-item-contant-box p{ margin-top: 15px; } .cta-box-counter-item{ margin-top: 30px; } .cta-box-counter-no h2{ font-size: 38px; } .google-rating-box{ justify-content: left; margin: 15px 0 0; } .testimonial-slider .swiper-wrapper .testimonial-item{ transform: scale(1); } .about-footer{ margin-bottom: 40px; } .footer-links-box{ margin: 0; } .approach-content{ margin: 0 0 30px; } .approach-item{ min-height: auto; padding: 30px; } .intro-video{ min-height: 650px; } .intro-video-body-box{ padding: 30px; } .intro-video-content{ margin-top: 30px; } .intro-video-body-list{ margin-top: 30px; padding-top: 30px; } .commitment-image-box{ max-width: 740px; margin: 0 auto 30px; } .commitment-image.box-2 img{ aspect-ratio: 1 / 1.4; } .core-value-item{ padding: 30px; } .page-single-sidebar{ margin: 0; } .page-category-list .page-category-list-title{ padding: 15px 20px; } .page-category-list ul{ padding: 20px; } .page-category-list ul li{ margin-bottom: 15px; padding-bottom: 15px; } .page-category-list ul li a::before{ width: 18px; height: 18px; } .sidebar-cta-contact-list{ padding: 20px 10px 10px; } .sidebar-cta-contact-item{ margin-bottom: 20px; padding-bottom: 20px; } .service-entry{ margin-bottom: 40px; } .service-process-box, .service-why-choose-box{ margin-top: 40px; } .service-process-item-list, .service-testimonial-item-list{ margin-top: 30px; } .service-process-item{ width: 100%; } .service-why-choose-item-list{ margin-top: 30px; } .project-entry{ margin: 40px 0; } .project-scope-box, .project-approach-box, .project-matters-box{ margin-top: 40px; } .project-scope-list, .project-scope-video-info-box{ margin-top: 30px; } .project-scope-info-item{ background-size: 80px auto; padding: 40px 20px 20px; } .project-approach-info-box{ margin-top: 30px; } .project-approach-counter-boxes, .project-approach-image-content{ width: 100%; } .project-approach-counter-item{ width: calc(50% - 15px); } .project-approach-counter-item:nth-child(even){ background: var(--accent-secondary-color); } .project-approach-counter-item:nth-child(4n + 2), .project-approach-counter-item:nth-child(3n){ background: var(--accent-color); } .project-matter-item-list{ margin-top: 30px; } .team-about-content{ padding: 30px; } .team-contact-list ul li{ margin-bottom: 20px; padding-bottom: 20px; } .member-social-list{ margin-top: 40px; } .team-contact-skills-box{ gap: 30px; } .team-skills-achievements-box, .team-contact-form.contact-us-form{ width: calc(50% - 15px); } .contact-us-image-box{ height: auto; margin: 0 auto 30px; } .contact-us-image, .contact-us-image figure, .contact-us-image img{ height: auto; } .contact-us-image img{ aspect-ratio: 1 / 0.75; } .contact-info-list{ right: 30px; bottom: 30px; left: 30px; } .contact-us-form{ padding: 30px; } } @media only screen and (max-width: 991px){ .btn-default{ padding: 13px 18px; margin-right: 46px; } .btn-default::before{ right: -46px; width: 46px; height: 46px; background-size: 22px auto; } header.main-header{ top: 0px; right: 0px; left: 0px; } header.main-header .header-sticky{ width: 100%; border-radius: 0; } header.main-header .header-sticky.active{ width: 100%; border-radius: 0; top: 0; left: 0; right: 0; } .navbar{ padding: 20px 0; } .responsive-menu, .navbar-toggle{ display: block; } .slicknav_nav li, .slicknav_nav ul{ display: block; } .header-btn{ display: none; } .bg-section{ width: 100%; border-radius: 0; margin: 0; } .bg-section .container-fluid{ padding: 0 15px; } .section-row{ margin-bottom: 40px; } .section-title{ margin-bottom: 30px; } .section-title .section-sub-title{ padding: 6px 12px 6px 25px; } .section-title .section-sub-title::before{ left: 12px; } .section-title h1{ font-size: 44px; } .section-title h2{ font-size: 38px; } .section-title p{ margin-top: 10px; } .hero{ margin: 0; border-radius: 0; padding: 200px 0 30px; } .hero-sub-heading{ margin-bottom: 15px; } .hero-info-list{ margin-top: 150px; padding-top: 30px; } .hero-info-list ul li:before{ font-size: 16px; } .about-us{ padding: 60px 0; } .about-us-item .icon-box{ height: 50px; width: 50px; } .about-us-item .icon-box img{ max-width: 24px; } .about-us-item-contant h3{ font-size: 20px; } .about-rating-box-body{ margin-top: 20px; } .about-rating-counter h2{ font-size: 30px; } .about-rating-counter-content{ margin-top: 10px; } .section-footer-text{ margin-top: 10px; } .about-us .section-footer-text{ margin-top: 40px; } .our-services{ padding: 60px 0; } .service-item-title{ padding: 10px; } .service-item-title h2{ font-size: 20px; } .our-industries{ padding: 60px 0; } .industries-body-item-list{ gap: 20px; } .industries-body-item{ width: calc(50% - 10px); } .industries-footer-box{ padding-top: 30px; margin-top: 30px; } .industries-contact-box-content h3{ font-size: 20px; } .why-choose-us{ padding: 60px 0; } .why-choose-us-box{ gap: 30px; } .why-choose-us-box, .why-choose-contant-box{ padding: 0; } .why-choose-nav{ margin-bottom: 30px; } .why-choose-body-list ul li{ margin-bottom: 15px; } .why-choose-body-list ul li::before{ font-size: 16px; } .why-choose-btn{ margin-top: 30px; } .our-projects{ padding: 60px 0; } .project-item{ padding: 30px; min-height: 400px; } .project-item-contant h2{ font-size: 20px; } .project-item-btn a{ width: 42px; height: 42px; } .project-item-btn a img{ max-width: 20px; } .how-it-work{ padding: 60px 0; } .how-work-item{ padding: 30px; } .how-work-item-no{ height: 50px; width: 50px; margin-bottom: 30px; } .how-work-item-no h3{ font-size: 22px; } .how-work-item-contant h3{ font-size: 20px; } .how-work-item-contant ul{ gap: 10px 15px; padding-top: 30px; margin-top: 30px; } .how-work-item-contant ul li{ padding: 5px 12px; } .our-pricing{ padding: 60px 0; } .pricing-item-title h2{ font-size: 20px; } .pricing-item-body{ padding: 20px; } .pricing-item-contant p{ margin-bottom: 15px; } .pricing-item-contant h2{ font-size: 38px; } .pricing-item-list{ margin-top: 30px; padding-top: 30px; } .pricing-item-list h3{ font-size: 20px; margin-bottom: 15px; } .pricing-item-list ul li{ margin-bottom: 10px; } .pricing-item-list ul li::before{ font-size: 16px; } .pricing-item-btn{ margin-top: 30px; } .pricing-benefit-list{ margin-top: 10px; } .pricing-benefit-list ul{ gap: 15px 30px; } .pricing-benefit-list ul li img{ max-width: 18px; margin-right: 10px; } .our-faqs{ padding: 60px 0; } .faq-accordion .accordion-item{ margin-bottom: 20px; } .faq-accordion .accordion-header .accordion-button{ padding: 18px 50px 18px 20px; } .faq-accordion .accordion-item .accordion-button::after, .faq-accordion .accordion-item .accordion-button.collapsed::after{ right: 20px; font-size: 24px; } .faq-accordion .accordion-item .accordion-body{ padding: 18px 20px; } .cta-box{ padding: 60px 0; } .cta-box-item{ margin-bottom: 30px; } .cta-item-contant-box h3{ font-size: 20px; } .world-map-card-item.card-4{ top: 120px; } .our-testimonials{ padding: 60px 0; } .testimonial-item{ min-height: 420px; padding: 30px; } .testimonial-item-content p{ margin-bottom: 10px; } .testimonial-item-content p span{ width: 20px; height: 20px; margin-right: 10px; } .testimonial-item-content p span i{ font-size: 12px; } .testimonial-author-content{ margin-top: 20px; padding-top: 20px; } .testimonial-author-content h2{ font-size: 20px; } .our-testimonials .section-footer-text{ margin-top: 40px; } .our-blog{ padding: 60px 0 30px; } .post-item-body{ padding: 10px; } .post-item-content h2{ font-size: 20px; } .main-footer{ padding: 60px 0 0; margin: 0; } .footer-header{ margin-bottom: 30px; padding-bottom: 30px; } .footer-contact-form{ width: 100%; } .footer-contact-form h2{ font-size: 20px; } .footer-newsletter-form{ flex-grow: 1; } .footer-newsletter-form .form-group{ width: 100%; } .footer-newsletter-form .form-group .form-control{ width: calc(100% - 40px); } .footer-newsletter-form .form-group .newsletter-btn{ width: 40px; height: 40px; } .footer-newsletter-form .form-group .newsletter-btn img{ max-width: 20px; } .about-footer{ margin-bottom: 30px; } .footer-links h2{ font-size: 20px; margin-bottom: 20px; } .footer-links ul li{ margin-bottom: 10px; } .footer-links.footer-contact-info-list ul li{ font-size: 16px; margin-bottom: 15px; } .footer-links.footer-contact-info-list ul li:last-child{ margin-bottom: 0; } .footer-copyright{ padding: 30px 0; margin: 30px 0 0; } .page-header{ padding: 170px 0 80px; border-radius: 0; margin: 0; } .page-header-box h1{ font-size: 44px; margin-bottom: 10px; } .our-apporach{ padding: 60px 0; } .approach-item{ padding: 30px; min-height: auto; } .approach-item-content h3{ font-size: 20px; } .approach-image{ margin-top: 40px; } .intro-video-image figure:before{ border-radius: 0; } .intro-video-content h3{ font-size: 20px; } .our-commitment{ padding: 60px 0; } .commitment-body-list ul li{ margin-bottom: 15px; } .commitment-body-list ul li::before{ font-size: 16px; } .commitment-btn{ margin-top: 30px; padding-top: 30px; } .commitment-body-item-content{ margin-top: 20px; } .commitment-body-item-content h3{ font-size: 20px; } .commitment-body-item-content p{ margin: 10px 0 0; } .our-team{ padding: 60px 0; } .team-item-body{ bottom: 20px; left: 20px; right: 20px; transform: translateY(45%); } .team-item-content h2{ font-size: 20px; } .team-item-content p{ margin-top: 5px; } .team-social-list{ margin-top: 20px; } .our-core-value{ padding: 60px 0; } .core-value-item .icon-box{ height: 50px; width: 50px; margin-bottom: 30px; } .core-value-item .icon-box img{ max-width: 24px; } .core-value-item-content h3{ font-size: 20px; } .core-value-item-content p{ margin: 15px 0 0; } .page-services{ padding: 60px 0 30px; } .page-service-single{ padding: 60px 0; } .page-single-sidebar, .page-category-list{ margin: 0 0 30px; } .page-category-list .page-category-list-title{ font-size: 20px; } .sidebar-cta-image img{ aspect-ratio: 1 / 0.47; } .sidebar-cta-box-header .icon-box{ width: 60px; height: 60px; border-width: 5px; margin-top: -30px; } .sidebar-cta-box-header .icon-box img{ max-width: 24px; } .sidebar-cta-contact-item h2{ font-size: 20px; } .sidebar-cta-contact-item p{ font-size: 16px; } .page-single-image{ margin-bottom: 20px; } .service-entry p{ margin-bottom: 15px; } .service-entry h2{ font-size: 38px; margin-bottom: 15px; } .service-entry h3{ font-size: 20px; } .service-entry ul{ margin-top: 20px; } .service-entry ul li{ margin-bottom: 10px; } .service-entry ul li::before{ font-size: 16px; } .service-process-item, .service-testimonial-item{ padding: 20px; } .service-testimonial-author{ margin-top: 20px; padding-top: 20px; } .service-why-choose-item-image{ margin-bottom: 20px; } .service-why-choose-item-content ul{ padding-top: 20px; } .page-blog{ padding: 60px 0; } .page-pagination{ margin-top: 10px; } .page-single-post{ padding: 60px 0; } .post-image{ margin-bottom: 20px; } .post-entry h2{ font-size: 38px; } .post-entry p{ margin-bottom: 15px; } .post-entry ol li, .post-entry ul li{ font-size: 16px; margin-bottom: 10px; } .post-entry blockquote{ background-position: 20px 20px; background-size: 40px; padding: 20px 20px 20px 70px; margin-bottom: 20px; } .post-entry blockquote p{ font-size: 18px; } .post-tags{ margin-bottom: 20px; } .post-tags .tag-links a{ padding: 12px 15px; } .post-social-sharing ul{ text-align: left; } .page-projects{ padding: 60px 0 30px; } .page-project-single{ padding: 60px 0; } .project-entry h2{ font-size: 38px; margin-bottom: 15px; } .project-entry p{ margin-bottom: 15px; } .project-entry h3{ font-size: 20px; } .project-entry ul li::before{ font-size: 16px; } .project-approach-counter-item h2{ margin-bottom: 5px; } .page-team{ padding: 60px 0 30px; } .page-team-single{ padding: 60px 0; } .team-single-image, .team-about-content{ width: 100%; } .team-single-image figure, .team-single-image img{ height: auto; } .team-contact-list ul li span{ font-size: 20px; } .team-skills-achievements-box, .team-contact-form.contact-us-form{ width: 100%; } .team-personal-info, .team-contact-skills-box{ margin-top: 40px; } .team-skills-box{ margin-bottom: 40px; } .skills-progress-bar .skill-data{ margin-bottom: 15px; } .skills-progress-bar .skill-data .skill-title, .skills-progress-bar .skill-data .skill-no{ font-size: 20px; } .team-achievements-list ul li{ margin-bottom: 15px; } .team-achievements-list ul li:before{ font-size: 16px; } .page-pricing{ padding: 60px 0; } .page-testimonials{ padding: 60px 0 30px; } .page-gallery{ padding: 60px 0 30px; } .page-video-gallery{ padding: 60px 0 30px; } .page-faqs{ padding: 60px 0; } .page-faqs .page-single-faqs{ margin-bottom: 40px; } .page-contact-us{ padding: 60px 0 30px; } .contact-info-item{ margin-bottom: 20px; padding-bottom: 20px; } .contact-info-item-content h2{ font-size: 20px; } .contact-form .form-control{ padding: 13px 15px; } .google-map{ padding: 30px 0 60px; } .google-map-iframe{ height: 450px; } .error-page{ padding: 60px 0px; } .error-page-image{ margin-bottom: 20px; } } @media only screen and (max-width: 767px){ .section-row{ margin-bottom: 30px; } .section-title h1{ font-size: 28px; } .section-title h2{ font-size: 26px; } .hero-content-body{ gap: 30px 20px; } .hero-content-body .video-play-button{ margin-left: 5px; } .hero-content-body .video-play-button a.bg-effect:before, .hero-content-body .video-play-button a.bg-effect:after{ border-width: 20px; } .hero-info-list{ margin-top: 30px; } .hero-info-list ul{ gap: 10px; } .hero-info-list ul li{ width: 100%; } .about-us-item-list{ gap: 20px; } .about-us-item.box-1, .about-us-item.box-3{ width: 100%; padding: 20px; order: initial; } .about-us-item-contant h3{ font-size: 18px; } .about-us-item.box-2{ order: initial; } .about-us-item.box-2 figure img{ aspect-ratio: 1 / 0.7; } .about-us-item.box-2 .video-play-button a{ width: 56px; height: 56px; } .about-us-item.box-2 .video-play-button a i{ font-size: 20px; } .about-rating-counter i{ font-size: 18px; } .about-rating-counter h2{ font-size: 26px; } .service-item-title h2{ font-size: 18px; } .industries-body-item{ flex-direction: column; } .industries-body-item-content{ width: 100%; } .industries-body-item-content p{ text-align: center; } .industries-footer-box{ gap: 20px 25px; } .industries-contact-box{ gap: 10px; } .industries-contact-box .icon-box{ width: 44px; height: 44px; } .industries-contact-box .icon-box img{ max-width: 22px; } .industries-contact-box-content h3{ font-size: 18px; } .industries-image-box-1{ padding-bottom: 70px; } .industries-image-box-1 .industries-image{ margin-right: -220px; } .industries-image-box-2 .industries-image figure{ border-width: 5px; } .why-choose-nav ul li .nav-link{ font-size: 14px; padding: 0 3px 12px; } .why-choose-body-image, .why-choose-body-list{ width: 100%; } .why-choose-body-image figure, .why-choose-body-image img{ height: auto; } .why-choose-body-list ul li{ margin-bottom: 10px; } .project-item{ padding: 20px; } .project-item-contant h2{ font-size: 18px; } .how-work-item{ padding: 20px; } .how-work-item-no h3{ font-size: 20px; } .how-work-item-contant h3{ font-size: 18px; } .pricing-item-title h2{ font-size: 18px; } .pricing-item-body{ padding: 15px; } .pricing-item-contant h2{ font-size: 26px; } .pricing-item-contant h2 sub{ font-size: 14px; } .pricing-item-list{ padding-top: 20px; margin-top: 20px; } .pricing-item-list h3{ font-size: 18px; } .pricing-benefit-list{ margin-top: 5px; } .pricing-benefit-list ul{ gap: 10px; } .pricing-benefit-list ul li{ font-size: 14px; } .pricing-benefit-list ul li img{ max-width: 14px; margin-right: 5px; } .faq-accordion .accordion-header .accordion-button{ font-size: 16px; padding: 12px 40px 12px 15px; } .faq-accordion .accordion-item .accordion-button::after, .faq-accordion .accordion-item .accordion-button.collapsed::after{ right: 15px; font-size: 20px; } .faq-accordion .accordion-item .accordion-body{ padding: 12px 15px; } .faq-accordion .accordion-item .accordion-body p{ font-size: 14px; } .cta-item-contant-box{ margin-bottom: 20px; } .cta-item-contant-box h3{ font-size: 18px; } .cta-box-counter-no{ width: calc(25% - 5px); } .cta-box-counter-item{ margin-top: 20px; } .cta-box-counter-no h2{ font-size: 26px; } .cta-box-counter-contant{ width: calc(75% - 5px); } .partner-world-map-image{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; } .world-map-cards-box{ position: initial; gap: 20px; transform: none; justify-content: left; } .world-map-card-item:nth-child(even){ margin-left: auto; } .world-map-card-item{ width: calc(50% - 10px); } .world-map-card-item.card-2, .world-map-card-item.card-4{ top: auto; } .world-map-card-btn{ margin: 0 auto 20px; } .world-map-card-btn img{ max-width: 50px; } .world-map-card-content{ width: 100%; transform: scale(1); filter: none; padding: 10px; opacity: 1; } .google-logo{ display: none; } .google-rating-content{ width: auto; } .testimonial-item{ padding: 20px; } .testimonial-author-content h2{ font-size: 18px; } .post-item-content{ margin-bottom: 15px; padding-bottom: 15px; } .post-item-content h2{ font-size: 18px; } .footer-contact-form h2{ font-size: 18px; } .footer-links{ max-width: 100%; } .footer-links h2{ font-size: 18px; margin-bottom: 15px; } .footer-links.footer-contact-info-list ul li{ gap: 5px 10px; } .footer-copyright{ flex-direction: column-reverse; justify-content: center; padding: 15px 0; } .footer-social-links ul li a{ width: 36px; height: 36px; } .footer-social-links ul li a i{ font-size: 16px; } .page-header-box h1{ font-size: 28px; } .approach-item{ width: 100%; padding: 20px; gap: 20px; } .approach-item-content{ padding-top: 20px; } .approach-item-content h3{ font-size: 18px; } .approach-item-content p{ margin-top: 10px; } .approach-image{ margin-top: 30px; } .approach-image img{ aspect-ratio: 1 / 0.5; } .intro-video{ min-height: 550px; } .intro-video-image figure img{ object-position: right center; } .intro-video-body-box{ max-width: 100%; padding: 20px; } .intro-video-content{ margin-top: 20px; } .intro-video-content h3{ font-size: 18px; } .intro-video-content p{ margin-top: 10px; } .intro-video-body-list{ margin-top: 20px; padding-top: 20px; } .commitment-image.box-1 figure{ margin-right: -120px; border-width: 5px; } .commitment-image.box-2 img{ aspect-ratio: 1 / 1.54; } .commitment-body{ flex-direction: column-reverse; gap: 20px; } .commitment-body-content, .commitment-body-item{ width: 100%; } .commitment-body-list ul li{ margin-bottom: 10px; } .commitment-body-item-content h3{ font-size: 18px; } .team-item-content p{ margin-top: 5px; } .core-value-item{ padding: 20px; } .core-value-item .icon-box{ margin-bottom: 20px; } .core-value-item-content h3{ font-size: 18px; } .core-value-item-content p{ margin: 5px 0 0; } .page-category-list .page-category-list-title, .sidebar-cta-contact-item h2{ font-size: 18px; } .sidebar-cta-image img{ aspect-ratio: 1 / 0.61; } .page-single-image img{ aspect-ratio: 1 / 0.64; } .service-entry h2{ font-size: 26px; } .service-testimonial-item-content{ background-size: 26px auto; padding: 35px 0 0; } .service-why-choose-item{ width: 100%; } .post-single-meta ol li, .post-single-meta ol li i{ font-size: 16px; } .post-image img{ aspect-ratio: 1 / 0.7; } .post-entry blockquote{ padding: 65px 20px 20px 20px; } .post-entry blockquote p{ font-size: 16px; } .post-entry h2{ font-size: 26px; } .tag-links{ font-size: 18px; } .project-entry{ margin-top: 30px; } .project-entry h2{ font-size: 26px; } .project-entry h3{ font-size: 18px; } .project-entry ul{ gap: 10px; } .project-entry ul li{ width: 100%; } .project-scope-video-box, .project-scope-info-item-list{ width: 100%; } .project-scope-video-box figure, .project-scope-video-box figure img{ height: auto; } .project-scope-video-box figure img{ aspect-ratio: 1 / 0.7; } .project-scope-info-item{ min-height: 200px; background-size: 60px auto; padding-top: 30px; } .project-approach-counter-boxes{ gap: 20px; } .project-approach-counter-item{ width: calc(50% - 10px); padding: 15px; } .project-approach-counter-item p{ font-size: 14px; } .project-approach-content-box, .project-approach-image{ width: 100%; } .project-approach-content-box{ align-items: center; flex-direction: row; padding: 5px; } .project-approach-item-content{ width: calc(100% - 100px); } .get-in-touch-circle a img{ max-width: 80px; } .project-approach-image figure, .project-approach-image img{ height: auto; } .project-matter-item-content{ width: 100%; } .project-matter-item-list{ gap: 30px 20px; } .project-matter-item{ width: calc(50% - 10px); text-align: center; } .project-matter-item .icon-box{ margin: 0 auto; } .team-about-content{ padding: 20px; } .team-contact-list ul li{ margin-bottom: 15px; padding-bottom: 15px; } .team-contact-list ul li span{ font-size: 18px; } .member-social-list{ margin-top: 30px; } .skills-progress-bar{ margin-bottom: 20px; } .skills-progress-bar .skill-data{ margin-bottom: 10px; } .skills-progress-bar .skill-data .skill-title, .skills-progress-bar .skill-data .skill-no{ font-size: 18px; } .contact-us-image img{ aspect-ratio: 1 / 1.1; } .contact-info-list{ right: 20px; bottom: 20px; left: 20px; } .contact-info-item{ margin-bottom: 15px; padding-bottom: 15px; } .contact-info-item-content h2{ font-size: 18px; } .contact-us-form{ padding: 20px; } .google-map-iframe{ height: 350px; } } header.main-header.header-gold{ top: 45px; } header.main-header.header-gold .header-sticky{ background: var(--white-color); border-radius: 20px; max-width: 1300px; margin: 0 auto; border: none; } header.main-header.header-gold .header-sticky.active{ border: 1px solid var(--divider-color); } header.main-header.header-gold .navbar{ padding: 20px 5px; } header.main-header.header-gold .main-menu ul li a{ color: var(--primary-color); } header.main-header.header-gold .main-menu ul li a:hover, header.main-header.header-gold .main-menu ul li a:focus{ color: var(--accent-secondary-color); } header.main-header.header-gold .main-menu ul ul li a{ color: var(--white-color); } header.main-header.header-gold .main-menu ul ul li a:hover, header.main-header.header-gold .main-menu ul ul li a:focus{ color: var(--primary-color); } .hero-gold{ position: relative; background-image: url(/images/optimized/slide1-1440.d4b32aa52e0a.webp); border-radius: 20px; padding: 210px 0 0; margin: 15px 15px 160px 15px; } .hero-gold::before{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: var(--primary-color); border-radius: 20px; opacity: 70%; width: 100%; height: 100%; z-index: 1; } .hero-gold .container{ position: relative; z-index: 2; } .hero-gold .section-title{ margin-bottom: 0; } .hero-gold .section-title .section-sub-title{ background-color: var(--dark-divider-color); backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); border: none; padding: 10px 20px 10px 35px; margin-bottom: 20px; } .hero-image-box-gold{ position: relative; margin-top: 80px; margin-bottom: -160px; display: flex; flex-wrap: wrap; gap: 30px; } .hero-intro-video-box-gold{ position: relative; width: calc(66% - 15px); } .hero-video-image-gold{ height: 100%; } .hero-video-image-gold figure{ position: relative; height: 100%; display: block; border-radius: 20px; overflow: hidden; } .hero-video-image-gold figure::before{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: var(--primary-color); opacity: 20%; width: 100%; height: 100%; z-index: 1; } .hero-video-image-gold figure img{ width: 100%; height: 100%; aspect-ratio: 1 / 0.585; object-fit: cover; } .hero-image-box-gold .video-play-button{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; } .hero-image-box-gold .video-play-button a{ background: var(--accent-secondary-color); height: 65px; width: 65px; } .hero-image-box-gold .video-play-button a img{ width: 100%; max-width: 32px; } .hero-image-gold{ width: calc(34% - 15px); } .hero-image-gold figure{ display: block; border-radius: 20px; margin-top: -15px; } .hero-image-gold figure img{ width: 100%; aspect-ratio: 1 / 1.296; object-fit: cover; border-radius: 20px; } .about-us-gold{ padding: 120px 0; } .about-us-image-box-gold{ height: 100%; display: flex; flex-wrap: wrap; align-items: center; margin-right: 15px; } .about-us-image-1-gold{ width: 80%; height: 100%; } .about-us-image-gold figure{ display: block; border-radius: 20px; } .about-us-image-1-gold figure, .about-us-image-1-gold img{ height: 100%; } .about-us-image-gold img{ width: 100%; aspect-ratio: 1 / 1.368; object-fit: cover; border-radius: 20px; } .about-us-image-2-gold{ position: relative; width: 20%; z-index: 2; } .about-us-image-2-gold figure{ border: 6px solid var(--bg-color); margin-left: -160px; } .about-us-image-2-gold figure img{ border-radius: 10px; aspect-ratio: 1 / 1.18; } .about-us-item-list-gold{ display: flex; flex-wrap: wrap; gap: 30px; padding: 30px; background-color: var(--secondary-color); border-radius: 20px; } .about-us-item-gold{ width: calc(50% - 15px); } .about-us-item-header{ display: flex; flex-wrap: wrap; align-items: center; gap: 15px; border-bottom: 1px solid var(--divider-color); padding-bottom: 20px; margin-bottom: 20px; } .about-us-item-header .icon-box{ position: relative; height: 50px; width: 50px; background-color: var(--accent-secondary-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; overflow: hidden; } .about-us-item-header .icon-box::before{ content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--accent-color); border-radius: 50%; width: 100%; height: 100%; transform: scale(0); transition: all 0.4s ease-in-out; z-index: 0; } .about-us-item-gold:hover .about-us-item-header .icon-box:before{ transform: scale(1); } .about-us-item-header .icon-box img{ position: relative; width: 100%; max-width: 24px; transition: all 0.4s ease-in-out; z-index: 1; } .about-us-item-title-gold{ width: calc(100% - 65px); } .about-us-item-title-gold h3{ font-size: 22px; line-height: 1.4em; } .about-us-item-contant-gold p{ margin: 0; } .about-us-btn-gold{ border-top: 1px solid var(--divider-color); padding-top: 40px; margin-top: 40px; } .our-services-gold{ padding: 120px 0; } .service-item-gold{ background-color: var(--dark-divider-color); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); border-radius: 20px; display: flex; flex-direction: column; justify-content: space-between; gap: 30px; min-height: 400px; height: calc(100% - 30px); margin-bottom: 30px; padding: 40px; transition: all 0.4s ease-in-out; } .service-item-gold:hover{ transform: translateY(-5px); } .service-item-gold .icon-box{ position: relative; height: 50px; width: 50px; background-color: var(--accent-secondary-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.4s ease-in-out; overflow: hidden; } .service-item-gold .icon-box::before{ content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--accent-color); border-radius: 50%; width: 100%; height: 100%; transform: scale(0); transition: all 0.4s ease-in-out; z-index: 0; } .service-item-gold:hover .icon-box::before{ transform: scale(1); } .service-item-gold .icon-box img{ position: relative; width: 100%; max-width: 24px; transition: all 0.4s ease-in-out; z-index: 1; } .service-item-contant-gold h2{ font-size: 22px; color: var(--white-color); } .service-item-contant-gold h2 a{ color: inherit; } .service-item-contant-gold p{ margin: 15px 0 0; color: var(--white-color); } .service-item-btn-gold{ border-top: 1px solid var(--dark-divider-color); padding-top: 30px; margin-top: 30px; } .our-services-gold .readmore-btn{ color: var(--white-color); } .our-services-gold .readmore-btn::before{ background-color: var(--accent-secondary-color); } .why-choose-us-gold{ padding: 120px 0; } .why-choose-items-list-gold{ background-color: var(--secondary-color); border-radius: 20px; padding: 40px; } .why-choose-item-gold{ display: flex; flex-wrap: wrap; gap: 15px; border-bottom: 1px solid var(--divider-color); margin-bottom: 30px; padding-bottom: 30px; } .why-choose-item-gold .icon-box{ position: relative; width: 50px; height: 50px; background: var(--accent-secondary-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; } .why-choose-item-gold .icon-box::before{ content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--accent-color); border-radius: 50%; width: 100%; height: 100%; transform: scale(0); transition: all 0.4s ease-in-out; z-index: 0; } .why-choose-item-gold:hover .icon-box::before{ transform: scale(1); } .why-choose-item-gold .icon-box img{ position: relative; width: 100%; max-width: 24px; transition: all 0.4s ease-in-out; z-index: 1; } .why-choose-item-gold:last-child{ padding: 0; margin: 0; border: none; } .why-choose-item-content-gold{ width: calc(100% - 65px); } .why-choose-item-content-gold h3{ font-size: 22px; } .why-choose-item-content-gold p{ margin: 10px 0 0; } .why-choose-image-box-gold{ position: relative; height: 100%; border-radius: 20px; align-content: end; min-height: 600px; margin-left: 15px; overflow: hidden; } .why-choose-image-gold{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; } .why-choose-image-gold::before{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; background-color: var(--primary-color); opacity: 60%; } .why-choose-image-gold figure{ display: block; height: 100%; } .why-choose-image-gold figure img{ width: 100%; height: 100%; object-fit: cover; } .why-choose-info-item-list-gold{ position: relative; padding: 40px; display: flex; flex-wrap: wrap; gap: 30px; } .why-choose-info-item-gold.highlighted-item{ width: 100%; border-bottom: 1px solid var(--dark-divider-color); padding-bottom: 30px; } .why-choose-info-item-gold.highlighted-item .why-choose-info-contant-gold{ width: 100%; } .why-choose-info-item-gold{ width: calc(50% - 15px); display: flex; flex-wrap: wrap; align-items: center; gap: 15px; } .why-choose-info-contant-gold{ width: calc(100% - 65px); } .why-choose-info-item-gold h3{ color: var(--white-color); font-size: 22px; } .why-choose-info-item-gold p{ color: var(--white-color); margin: 5px 0 0; } .why-choose-info-item-gold p a{ color: inherit; transition: all 0.4s ease-in-out; } .why-choose-info-item-gold p a:hover{ color: var(--accent-secondary-color); } .why-choose-info-item-gold .icon-box{ position: relative; height: 50px; width: 50px; border-radius: 50%; background-color: var(--accent-secondary-color); display: flex; justify-content: center; align-items: center; } .why-choose-info-item-gold .icon-box::before{ content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--accent-color); border-radius: 50%; width: 100%; height: 100%; transform: scale(0); transition: all 0.4s ease-in-out; z-index: 1; } .why-choose-info-item-gold:hover .icon-box::before{ transform: scale(1); } .why-choose-info-item-gold .icon-box img{ position: relative; width: 100%; max-width: 24px; z-index: 1; } .intro-video-box-gold{ background: transparent; } .intro-video-box-contant-gold{ position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 30px; padding: 60px 60px 60px calc(((100vw - 1300px) / 2) - 35px); overflow: hidden; z-index: 2; } .intro-video-image-gold{ position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; height: 100%; z-index: 0; } .intro-video-image-gold::before{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; background-color: var(--primary-color); border-radius: 20px; opacity: 40%; z-index: 1; } .intro-video-image-gold figure{ display: block; height: 100%; border-radius: 20px; } .intro-video-image-gold figure img{ width: 100%; height: 100%; border-radius: 20px; object-fit: cover; } .intro-video-circle-gold{ position: relative; z-index: 2; } .intro-video-circle-gold a{ display: inline-block; background: var(--dark-divider-color); backdrop-filter: blur(50px); -webkit-backdrop-filter: blur(50px); border-radius: 50%; } .intro-video-circle-gold a img{ width: 100%; max-width: 120px; border-radius: 50%; animation: infiniterotate 20s infinite linear; } @keyframes infiniterotate{ from{ transform: rotate(0deg); } to{ transform: rotate(360deg); } } .intro-video-circle-gold a img:hover{ animation-play-state: paused; } .intro-video-content-gold{ position: relative; width: calc(100% - 18.49vw); max-width: 615px; min-height: 700px; display: flex; flex-direction: column; justify-content: space-between; gap: 40px; border: 1px solid var(--dark-divider-color); background: var(--divider-color); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: 20px; padding: 3.125vw; z-index: 1; } .intro-video-list-gold ul{ list-style: none; margin: 0; padding: 0; } .intro-video-list-gold ul li{ position: relative; line-height: 1.5em; color: var(--white-color); padding-left: 25px; margin-bottom: 15px; } .intro-video-list-gold ul li:last-child{ margin-bottom: 0; } .intro-video-list-gold ul li::before{ content: '✓'; position: absolute; font-family: inherit; font-size: 18px; font-weight: 900; color: var(--white-color); top: 0; left: 0; } .intro-counter-list-box-gold{ border-top: 1px solid var(--dark-divider-color); padding-top: 40px; display: flex; flex-wrap: wrap; gap: 30px; } .intro-counter-item-gold{ width: calc(50% - 15px); display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 15px; } .intro-counter-item-gold .icon-box{ position: relative; height: 50px; width: 50px; background-color: var(--accent-secondary-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; } .intro-counter-item-gold .icon-box::before{ content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--accent-color); border-radius: 50%; width: 100%; height: 100%; transform: scale(0); transition: all 0.4s ease-in-out; z-index: 0; } .intro-counter-item-gold:hover .icon-box::before{ transform: scale(1); } .intro-counter-item-gold .icon-box img{ position: relative; width: 100%; max-width: 24px; z-index: 1; } .intro-counter-item-content-gold{ width: calc(100% - 65px); } .intro-counter-item-content-gold h2{ color: var(--white-color); font-size: 30px; } .intro-counter-item-content-gold p{ color: var(--white-color); margin: 5px 0 0; } .our-benifits-gold{ padding: 120px 0; } .our-benefits-item-gold{ min-height: 415px; background: var(--white-color); border-radius: 10px; display: flex; flex-direction: column; justify-content: space-between; gap: 30px; height: calc(100% - 30px); margin-bottom: 30px; padding: 40px; transition: all 0.4s ease-in-out; } .benefits-item-header-gold .icon-box{ position: relative; width: 50px; height: 50px; background: var(--accent-secondary-color); display: flex; align-items: center; justify-content: center; border-radius: 50%; margin-bottom: 30px; } .benefits-item-header-gold .icon-box::before{ content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--accent-color); border-radius: 50%; width: 100%; height: 100%; transform: scale(0); transition: all 0.4s ease-in-out; z-index: 0; } .our-benefits-item-gold:hover .benefits-item-header-gold .icon-box::before{ transform: scale(1); } .benefits-item-header-gold .icon-box img{ position: relative; width: 100%; max-width: 24px; z-index: 1; } .benefits-item-contant-gold h2{ font-size: 22px; } .benefits-item-contant-gold p{ margin: 10px 0 0; } .benefits-item-body-gold{ border-top: 1px solid var(--divider-color); padding-top: 30px; } .benefits-item-body-gold ul{ list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 15px; } .benefits-item-body-gold ul li{ font-size: 14px; font-weight: 500; color: var(--primary-color); line-height: normal; background-color: var(--bg-color); border-radius: 100px; padding: 6px 16px; transition: all 0.4s ease-in-out; } .benefits-item-body-gold ul li:hover{ background-color: var(--accent-color); color: var(--white-color); } .our-fun-fact-gold{ padding: 120px 0 0; margin-bottom: 200px; } .funfact-item-gold{ height: calc(100% - 40px); margin-bottom: 40px; text-align: center; } .funfact-item-gold h2{ color: var(--white-color); font-size: 48px; margin-bottom: 30px; } .funfact-item-gold h3{ color: var(--white-color); border-bottom: 1px solid var(--dark-divider-color); padding-bottom: 20px; margin-bottom: 20px; font-size: 22px; } .funfact-item-gold p{ color: var(--white-color); margin: 0; } .fun-fact-cta-box-gold{ background: var(--secondary-color); border-radius: 20px; display: flex; flex-wrap: wrap; gap: 30px 60px; padding: 2.604vw; margin: 60px 0 -200px; } .fun-fact-cta-content{ width: calc(58% - 30px); align-content: center; } .fun-fact-cta-content h3{ font-size: 22px; margin-bottom: 30px; } .fun-fact-cta-content .contact-form .form-control{ padding: 13px 20px; } .fun-fact-cta-btn{ margin-top: 10px; } .fun-fact-cta-image-gold{ width: calc(42% - 30px); align-content: end; text-align: center; } .fun-fact-cta-image-gold figure{ display: block; border-radius: 10px 10px 0 0; margin: -95px 0 -2.604vw 0; } .fun-fact-cta-image-gold figure img{ width: 100%; max-width: 340px; aspect-ratio: 1 / 1.518; object-fit: cover; border-radius: 10px 10px 0 0; } .how-it-work-gold{ padding: 120px 0; } .how-it-work-item-gold{ background: var(--secondary-color); border-radius: 20px; height: calc(100% - 30px); margin-bottom: 30px; padding: 10px; } .how-work-item-header-gold{ position: relative; } .how-work-item-image-gold figure{ display: block; border-radius: 20px; } .how-work-item-image-gold figure img{ width: 100%; aspect-ratio: 1 / 0.653; object-fit: cover; border-radius: 20px; } .how-work-item-no-gold{ position: relative; width: 60px; height: 60px; background: var(--accent-secondary-color); border: 6px solid var(--secondary-color); border-radius: 50%; display: flex; justify-content: center; align-items: center; margin: -30px 30px 0 auto; transition: all 0.4s ease-in-out; z-index: 1; } .how-work-item-no-gold h2{ font-size: 22px; color: var(--white-color); } .how-work-item-body-gold{ padding: 10px 30px 30px 30px; } .how-work-item-body-gold h3{ font-size: 22px; } .how-work-item-body-gold p{ margin: 15px 0 0; } .how-work-item-body-gold ul{ list-style: none; display: flex; flex-wrap: wrap; gap: 10px 15px; border-top: 1px solid var(--divider-color); margin: 30px 0 0; padding: 30px 0 0; } .how-work-item-body-gold ul li{ font-size: 14px; font-weight: 500; color: var(--primary-color); line-height: normal; background-color: var(--bg-color); border-radius: 100px; padding: 6px 16px; transition: all 0.4s ease-in-out; } .how-work-item-body-gold ul li:hover{ background-color: var(--accent-color); color: var(--white-color); } .our-testimonials-gold{ padding: 120px 0; } .testimonial-image-box-gold{ position: relative; height: 100%; } .testimonial-image-gold{ height: 100%; } .testimonial-image-gold figure{ display: block; height: 100%; border-radius: 20px; } .testimonial-image-gold img{ width: 100%; height: 100%; aspect-ratio: 1 / 1.234; object-fit: cover; border-radius: 20px; } .testimonials-cta-box-gold{ position: absolute; right: 30px; bottom: 30px; left: 30px; background: var(--divider-color); backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); border-radius: 20px; padding: 20px; max-width: 225px; z-index: 2; } .testimonials-cta-box-gold .satisfy-client-images{ justify-content: center; margin-bottom: 25px; } .testimonials-cta-content-gold p{ color: var(--white-color); font-weight: 500; margin: 0 0 10px; text-align: center; } .testimonials-cta-content-gold p:last-child{ margin-bottom: 0; } .testimonial-slider-gold, .testimonial-slider-gold .swiper-slide, .testimonial-slider-gold .swiper{ height: 100%; } .testimonial-slider-gold .swiper-wrapper{ cursor: none; height: 100%; } .testimonial-item-gold{ height: 100%; display: flex; flex-direction: column; justify-content: space-between; gap: 30px; min-height: 510px; background-color: var(--bg-color); border-radius: 20px; padding: 40px; } .testimonial-item-company-logo-gold img{ width: 100%; max-width: 150px; } .testimonial-item-content-gold p{ font-family: var(--accent-font); font-size: 22px; color: var(--primary-color); margin: 0; } .testimonial-item-footer-gold{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 15px; border-top: 1px solid var(--divider-color); margin-top: 30px; padding-top: 30px; } .testimonial-author-content-gold{ width: calc(100% - 65px); } .testimonial-author-content-gold h2{ font-size: 22px; } .testimonial-author-content-gold p{ margin: 10px 0 0; } .testimonial-author-image-gold figure{ display: block; border-radius: 50%; } .testimonial-author-image-gold img{ width: 100%; max-width: 50px; border-radius: 50%; } .our-testimonials-gold .section-footer-text{ margin-top: 60px; } .our-pricing-gold{ padding: 120px 0; } .pricing-item-gold{ position: relative; background-color: var(--secondary-color); border-radius: 20px; height: calc(100% - 30px); margin-bottom: 30px; padding: 10px; overflow: hidden; } .pricing-item-header-box-gold{ background-color: var(--bg-color); border-radius: 20px; margin-bottom: 10px; padding: 30px; } .pricing-item-header-gold{ display: flex; flex-wrap: wrap; align-items: center; gap: 15px; border-bottom: 1px solid var(--divider-color); margin-bottom: 20px; padding-bottom: 20px; } .pricing-item-header-gold .icon-box{ position: relative; width: 50px; height: 50px; background: var(--accent-secondary-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.4s ease-in-out; } .pricing-item-header-gold .icon-box::before{ content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--accent-color); border-radius: 50%; width: 100%; height: 100%; transform: scale(0); transition: all 0.4s ease-in-out; z-index: 0; } .pricing-item-gold:hover .pricing-item-header-gold .icon-box::before{ transform: scale(1); } .pricing-item-header-gold .icon-box img{ position: relative; width: 100%; max-width: 24px; z-index: 1; } .pricing-item-header-gold .pricing-item-title-gold{ width: calc(100% - 65px); } .pricing-item-header-gold .pricing-item-title-gold h2{ font-size: 22px; } .pricing-item-price-gold{ margin-bottom: 20px; } .pricing-item-price-gold h2{ font-size: 30px; } .pricing-item-price-gold h2 sub{ font-size: 16px; font-weight: 400; bottom: 0; } .pricing-item-contant-gold p{ margin: 0; } .pricing-item-body-gold{ padding: 20px; } .pricing-item-list-gold h3{ font-size: 22px; margin-bottom: 25px; } .pricing-item-list-gold ul{ list-style: none; margin: 0; padding: 0; } .pricing-item-list-gold ul li{ position: relative; line-height: 1.5em; border-bottom: 1px solid var(--divider-color); margin-bottom: 15px; padding: 0 0 15px 25px; } .pricing-item-list-gold ul li:last-child{ margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .pricing-item-list-gold ul li::before{ content: '✓'; position: absolute; font-family: inherit; font-size: 18px; font-weight: 900; color: var(--accent-secondary-color); top: 0; left: 0; } .pricing-item-btn-gold{ margin-top: 40px; } .pricing-benefit-list-gold{ margin-top: 30px; } .pricing-benefit-list-gold ul{ display: flex; flex-wrap: wrap; justify-content: center; list-style: none; margin: 0; padding: 0; gap: 20px 40px; } .pricing-benefit-list-gold ul li{ display: inline-flex; align-items: center; } .pricing-benefit-list-gold ul li img{ width: 100%; max-width: 20px; margin-right: 10px; } .our-faqs-gold{ padding: 120px 0; } .faqs-image-box-gold{ position: relative; } .faqs-image-gold figure{ display: block; border-radius: 20px; } .faqs-image-gold img{ width: 100%; aspect-ratio: 1 / 0.783; object-fit: cover; border-radius: 20px; } .faqs-cta-box-gold{ position: absolute; right: 30px; bottom: 30px; left: 30px; background: var(--divider-color); border-radius: 20px; backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); max-width: 315px; padding: 30px; } .faqs-cta-box-header-gold{ display: flex; flex-wrap: wrap; align-items: center; gap: 10px; } .faqs-cta-box-header-gold h2{ width: 65px; color: var(--white-color); font-size: 48px; } .faqs-cta-box-header-gold p{ width: calc(100% - 75px); color: var(--white-color); font-weight: 600; margin: 0; } .faqs-cta-box-body-gold{ display: flex; flex-wrap: wrap; align-items: center; gap: 14px; border-top: 1px solid var(--dark-divider-color); margin-top: 20px; padding-top: 20px; } .faqs-cta-box-body-gold .satisfy-client-content{ max-width: 115px; } .faqs-cta-box-body-gold .satisfy-client-content p{ color: var(--white-color); font-weight: 500; margin: 0; } .faq-accordion-gold{ background-color: var(--bg-color); border-radius: 20px; padding: 40px; margin-left: 15px; } .faq-accordion-gold .accordion-item{ position: relative; background: var(--white-color); border-radius: 10px; margin-bottom: 25px; overflow: hidden; } .faq-accordion-gold .accordion-item:last-child{ margin-bottom: 0; } .faq-accordion-gold .accordion-header .accordion-button{ font-size: 18px; font-weight: 500; line-height: 1.333em; background: transparent; color: var(--primary-color); padding: 21px 65px 21px 30px; transition: all 0.4s ease-in-out; } .faq-accordion-gold .accordion-item .accordion-button::after, .faq-accordion-gold .accordion-item .accordion-button.collapsed::after{ content: ''; position: absolute; right: 30px; top: 50%; transform: translateY(-50%) rotate(135deg); height: 30px; width: 30px; background-color: var(--accent-secondary-color); border-radius: 50%; background-image: url(/images/arrow-white.5718cc879971.svg); background-repeat: no-repeat; background-position: center center; background-size: 16px auto; transition: all 0.4s ease-in-out; } .faq-accordion-gold .accordion-button:not(.collapsed)::after{ transform: translateY(-50%) rotate(-45deg); } .faq-accordion-gold .accordion-item .accordion-body{ border-top: 1px solid var(--divider-color); padding: 21px 30px; } .faq-accordion-gold .accordion-item .accordion-body p{ margin: 0; } .main-footer-gold{ padding: 120px 0 0; margin-bottom: 15px; } .footer-header-gold{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--dark-divider-color); margin-bottom: 60px; padding-bottom: 60px; } .footer-header-gold .section-title{ max-width: 750px; margin: 0; } .contact-us-circle-gold a{ display: inline-block; border-radius: 50%; } .contact-us-circle-gold a img{ width: 100%; max-width: 120px; border-radius: 50%; animation: infiniterotate 20s infinite linear; } .contact-us-circle-gold a:hover img{ animation-play-state: paused; } @keyframes infiniterotate{ from{ transform: rotate(0deg); } to{ transform: rotate(360deg); } } .about-footer-gold{ background: var(--dark-divider-color); backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); border-radius: 20px; margin-right: 30px; padding: 40px; } .footer-logo-gold img{ width: 100%; max-width: 151px; } .about-footer-content-gold{ margin-top: 30px; } .about-footer-content-gold p{ color: var(--white-color); margin-bottom: 0; } .footer-social-links-gold{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 15px 20px; border-top: 1px solid var(--dark-divider-color); margin-top: 30px; padding-top: 30px; } .footer-social-links-gold h2{ font-size: 20px; color: var(--white-color); } .footer-social-links-gold ul{ display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; list-style: none; padding: 0; margin: 0; } .footer-social-links-gold ul li a{ display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border: 1px solid var(--dark-divider-color); border-radius: 50%; color: var(--white-color); transition: all 0.3s ease-in-out; } .footer-social-links-gold ul li:hover a{ background: var(--accent-secondary-color); } .footer-social-links-gold ul li i{ font-size: 18px; color: inherit; } .footer-links-box-gold{ display: flex; flex-wrap: wrap; justify-content: space-between; gap: 30px; } .footer-links-gold{ max-width: 32%; } .footer-links-gold h2{ font-size: 22px; color: var(--white-color); margin-bottom: 30px; } .footer-links-gold ul{ list-style: disc; margin: 0; padding: 0 0 0 20px; } .footer-links-gold ul li{ text-transform: capitalize; color: var(--white-color); line-height: 1.5em; margin-bottom: 15px; } .footer-links-gold ul li:last-child{ margin-bottom: 0; } .footer-links-gold ul li::marker{ color: var(--accent-secondary-color); } .footer-links-gold ul li a{ color: inherit; transition: all 0.3s ease-in-out; } .footer-links-gold ul li a:hover{ color: var(--accent-secondary-color); } .footer-working-hours-box-gold{ width: 100%; max-width: 34%; } .footer-working-hours-box-gold ul{ list-style: none; padding: 0; } .footer-working-hours-box-gold ul li{ width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; } .footer-working-hours-box-gold ul li span{ font-family: var(--accent-font); font-size: 16px; } .footer-copyright-gold{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 15px; border-top: 1px solid var(--dark-divider-color); padding: 60px 0; margin-top: 60px; } .footer-copyright-text-gold p{ color: var(--white-color); margin-bottom: 0; } .footer-contact-item-list-gold ul{ list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 20px; } .footer-contact-item-list-gold ul li{ line-height: 1.5em; color: var(--white-color); } .footer-contact-item-list-gold ul li img{ width: 100%; max-width: 20px; margin-right: 10px; } .footer-contact-item-list-gold ul li a{ color: inherit; transition: all 0.3s ease-in-out; } .footer-contact-item-list-gold ul li a:hover{ color: var(--accent-secondary-color); } @media only screen and (max-width: 1820px){ .intro-video-box-contant-gold{ padding: 60px 60px 60px calc(((100vw - 1300px) / 2)); } } @media only screen and (max-width: 1366px){ header.main-header.header-gold .header-sticky{ width: calc(100% - 30px); } .intro-video-box-contant-gold{ padding: 30px 30px 30px calc(((100vw - 1300px) / 2)); } } @media only screen and (max-width: 1315px){ .hero-image-box-gold{ padding: 0 15px; } .intro-video-box-contant-gold{ padding-left: 30px; } .fun-fact-cta-box-gold{ margin-left: 15px; margin-right: 15px; } } @media only screen and (max-width: 1024px){ .about-us-image-box-gold{ height: auto; max-width: 740px; margin: 0 auto 30px; } .about-us-image-1-gold, .about-us-image-gold figure, .about-us-image-1-gold img{ height: auto; } .about-us-image-1-gold figure img{ aspect-ratio: 1 / 1.268; } .service-item-gold{ min-height: auto; padding: 30px; } .why-choose-content-gold{ margin-bottom: 30px; } .why-choose-items-list-gold{ padding: 30px; } .why-choose-image-box-gold{ height: auto; margin: 0; } .why-choose-info-item-list-gold{ padding: 30px; } .intro-video-box-contant-gold{ padding: 0; } .intro-video-image-box{ position: relative; } .intro-video-image-gold{ position: initial; height: auto; } .intro-video-image-gold figure, .intro-video-image-gold figure img{ height: auto; } .intro-video-image-gold figure img{ aspect-ratio: 1 / 0.6; } .intro-video-circle-gold{ position: absolute; bottom: 50%; left: 50%; transform: translate(-50%, 50%); margin: 0; } .intro-video-content-gold{ width: 100%; max-width: 100%; background-color: var(--primary-color); min-height: initial; border: none; padding: 30px; } .our-benefits-item-gold{ min-height: auto; padding: 30px; } .fun-fact-cta-box-gold{ padding: 30px; } .how-work-item-body-gold{ padding: 10px 20px 20px 20px; } .testimonial-image-box-gold, .testimonial-image-gold, .testimonial-image-gold figure, .testimonial-image-gold img{ height: auto; } .testimonial-image-box-gold{ margin-bottom: 30px; } .testimonial-image-gold img{ aspect-ratio: 1 / 0.6; } .testimonial-item-gold{ min-height: 440px; padding: 30px; } .faqs-content-gold{ margin-bottom: 30px; } .faqs-image-gold img{ aspect-ratio: 1 / 0.66; } .faq-accordion-gold{ padding: 30px; margin: 0; } .footer-header-gold{ margin-bottom: 30px; padding-bottom: 30px; } .about-footer-gold{ padding: 30px; margin: 0 0 30px; } .footer-links-gold h2{ margin-bottom: 20px; } .footer-links-gold ul li{ margin-bottom: 10px; } .footer-copyright-gold{ padding: 30px 0; margin-top: 30px; } } @media only screen and (max-width: 991px){ header.main-header.header-gold{ top: 0; } header.main-header.header-gold .header-sticky{ width: 100%; border-radius: 0; } header.main-header.header-gold .header-sticky.active{ border-left: none; border-right: none; border-top: none; } .hero-gold{ margin: 0 0 80px 0; border-radius: 0; padding: 150px 0 0; } .hero-gold::before{ border-radius: 0; } .hero-gold .section-title .section-sub-title{ margin-bottom: 15px; } .hero-image-box-gold{ margin-top: 40px; margin-bottom: -80px; padding: 0; } .hero-image-box-gold .video-play-button a{ height: 55px; width: 55px; } .hero-image-box-gold .video-play-button a img{ max-width: 26px; } .about-us-gold{ padding: 60px 0; } .about-us-image-1-gold figure img{ aspect-ratio: 1 / 1.268; } .about-us-item-list-gold{ padding: 20px; } .about-us-item-header{ padding-bottom: 15px; margin-bottom: 15px; } .about-us-item-title-gold h3{ font-size: 20px; } .about-us-btn-gold{ padding-top: 30px; margin-top: 30px; } .our-services-gold{ padding: 60px 0; } .service-item-contant-gold h2{ font-size: 20px; } .service-item-contant-gold p{ margin-top: 10px; } .why-choose-us-gold{ padding: 60px 0; } .why-choose-item-gold{ padding-bottom: 20px; margin-bottom: 20px; } .why-choose-item-content-gold h3{ font-size: 20px; } .why-choose-image-box-gold{ min-height: 500px; } .why-choose-info-item-list-gold{ padding: 30px; } .why-choose-info-item-gold h3{ font-size: 20px; } .intro-video-circle-gold a img{ max-width: 100px; } .intro-video-content-gold{ gap: 30px; } .intro-video-list-gold ul li{ margin-bottom: 10px; } .intro-video-list-gold ul li::before{ font-size: 16px; } .intro-counter-list-box-gold{ padding-top: 30px; } .intro-counter-item-content-gold h2{ font-size: 26px; } .our-benifits-gold{ padding: 60px 0; } .benefits-item-contant-gold h2{ font-size: 20px; } .our-fun-fact-gold{ padding: 60px 0; margin: 0; } .funfact-item-gold{ height: calc(100% - 30px); margin-bottom: 30px; } .funfact-item-gold h2{ font-size: 38px; margin-bottom: 20px; } .funfact-item-gold h3{ font-size: 20px; padding-bottom: 15px; margin-bottom: 15px; } .fun-fact-cta-box-gold{ margin: 30px 0 0 0; padding: 30px; } .fun-fact-cta-content{ width: 100%; } .fun-fact-cta-content h3{ font-size: 20px; } .fun-fact-cta-image-gold{ width: 100%; } .fun-fact-cta-image-gold figure{ margin: 0 0 -30px 0; } .how-it-work-gold{ padding: 60px 0; } .how-work-item-no-gold{ height: 50px; width: 50px; border-width: 3px; } .how-work-item-no-gold h2{ font-size: 20px; } .how-work-item-body-gold h3{ font-size: 20px; } .how-work-item-body-gold p{ margin: 10px 0 0; } .our-testimonials-gold{ padding: 60px 0; } .testimonials-cta-box-gold{ right: 20px; bottom: 20px; left: 20px; padding: 20px; } .testimonial-item-content-gold p, .testimonial-author-content-gold h2{ font-size: 20px; } .our-testimonials-gold .section-footer-text{ margin-top: 40px; } .our-pricing-gold{ padding: 60px 0; } .pricing-item-header-box-gold{ padding: 20px; } .pricing-item-header-gold .pricing-item-title-gold h2{ font-size: 20px; } .pricing-item-price-gold{ margin-bottom: 10px; } .pricing-item-price-gold h2{ font-size: 28px; } .pricing-item-body-gold{ padding: 10px; } .pricing-item-list-gold h3{ font-size: 20px; margin-bottom: 15px; } .pricing-item-list-gold ul li{ margin-bottom: 10px; padding-bottom: 10px; } .pricing-item-list-gold ul li::before{ font-size: 16px; } .pricing-item-btn-gold{ margin-top: 30px; } .pricing-benefit-list-gold{ margin-top: 10px; } .pricing-benefit-list-gold ul{ gap: 15px 30px; } .pricing-benefit-list-gold ul li img{ max-width: 18px; } .our-faqs-gold{ padding: 60px 0; } .faqs-cta-box-gold{ padding: 20px; right: 20px; bottom: 20px; left: 20px; } .faqs-cta-box-header-gold h2{ font-size: 38px; width: 55px; } .faqs-cta-box-header-gold p{ width: calc(100% - 65px); } .faq-accordion-gold .accordion-item{ margin-bottom: 20px; } .faq-accordion-gold .accordion-header .accordion-button{ padding: 16px 55px 16px 20px; } .faq-accordion-gold .accordion-item .accordion-body{ padding: 16px 20px; } .faq-accordion-gold .accordion-item .accordion-button::after, .faq-accordion-gold .accordion-item .accordion-button.collapsed::after{ right: 20px; height: 26px; width: 26px; background-size: 14px auto; } .main-footer-gold{ padding: 60px 0 0; margin-bottom: 0px; } .contact-us-circle-gold a img{ max-width: 100px; } .about-footer-content-gold{ margin-top: 15px; } .footer-social-links-gold{ margin-top: 20px; padding-top: 20px; } .footer-links-gold h2{ font-size: 20px; } } @media only screen and (max-width: 767px){ .hero-image-box-gold{ gap: 20px; margin-top: 30px; } .hero-intro-video-box-gold{ width: calc(54% - 10px); } .hero-video-image-gold figure{ border-radius: 10px; } .hero-image-box-gold .video-play-button a{ height: 45px; width: 45px; } .hero-image-box-gold .video-play-button a img{ max-width: 22px; } .hero-image-gold{ width: calc(46% - 10px); } .hero-image-gold figure{ margin-top: -5px; border-radius: 10px; } .hero-image-gold figure img{ border-radius: 10px; } .about-us-image-2-gold figure{ border-width: 3px; margin-left: -100px; } .about-us-item-gold{ width: 100%; } .about-us-item-title-gold h3{ font-size: 18px; } .service-item-gold{ padding: 20px; gap: 20px; } .service-item-contant-gold h2{ font-size: 18px; } .service-item-btn-gold{ padding-top: 20px; margin-top: 20px; } .why-choose-items-list-gold{ padding: 20px; } .why-choose-item-content-gold{ width: 100%; } .why-choose-item-content-gold h3{ font-size: 18px; } .why-choose-image-box-gold{ min-height: 450px; } .why-choose-info-item-list-gold{ padding: 20px; } .why-choose-info-item-gold{ width: 100%; } .why-choose-info-item-gold.highlighted-item{ padding-bottom: 20px; } .why-choose-info-item-list-gold{ gap: 20px; } .why-choose-info-item-gold h3{ font-size: 18px; } .intro-video-circle-gold a img{ max-width: 80px; } .intro-video-content-gold{ padding: 20px; } .intro-counter-item-content-gold h2{ font-size: 24px; } .intro-counter-item-content-gold{ width: 100%; text-align: center; } .our-benefits-item-gold{ padding: 20px; gap: 20px; } .benefits-item-header-gold .icon-box{ margin-bottom: 20px; } .benefits-item-contant-gold h2{ font-size: 18px; } .benefits-item-body-gold{ padding-top: 20px; } .funfact-item-gold h3{ font-size: 18px; } .funfact-item-gold h2{ font-size: 26px; margin-bottom: 10px; } .fun-fact-cta-box-gold{ padding: 20px; } .fun-fact-cta-content h3{ font-size: 18px; margin-bottom: 20px; } .fun-fact-cta-image-gold figure{ margin: 0 0 -20px 0; } .fun-fact-cta-image-gold figure img{ max-width: 250px; } .how-work-item-body-gold{ padding: 10px; } .how-work-item-body-gold ul{ padding-top: 20px; margin-top: 20px; } .how-work-item-body-gold h3{ font-size: 18px; } .how-work-item-no-gold h2{ font-size: 18px; } .testimonial-image-gold img{ aspect-ratio: 1 / 1.234; } .testimonials-cta-box-gold{ max-width: 100%; right: 15px; bottom: 15px; left: 15px; padding: 15px; } .testimonials-cta-box-gold .satisfy-client-images{ margin-bottom: 10px; } .testimonials-cta-content-gold p{ margin-bottom: 5px; } .testimonial-item-gold{ min-height: auto; padding: 20px; } .testimonial-item-content-gold p, .testimonial-author-content-gold h2{ font-size: 18px; } .testimonial-item-footer-gold{ margin-top: 20px; padding-top: 20px; } .testimonial-author-content-gold p{ margin: 5px 0 0; } .pricing-item-header-gold{ margin-bottom: 15px; padding-bottom: 15px; } .pricing-item-header-gold .pricing-item-title-gold h2, .pricing-item-list-gold h3{ font-size: 18px; } .pricing-item-price-gold h2{ font-size: 26px; } .pricing-item-price-gold h2 sub{ font-size: 14px; } .pricing-benefit-list-gold ul{ gap: 10px 20px; } .pricing-benefit-list-gold ul li{ font-size: 12px; } .pricing-benefit-list-gold ul li img{ max-width: 16px; margin-right: 5px; } .faqs-cta-box-gold{ max-width: 100%; padding: 15px; right: 15px; bottom: 15px; left: 15px; } .faqs-cta-box-header-gold h2{ font-size: 26px; width: 35px; } .faqs-cta-box-header-gold p{ width: calc(100% - 45px); font-size: 14px; } .faqs-cta-box-body-gold{ margin-top: 10px; padding-top: 10px; } .faqs-cta-box-body-gold .satisfy-client-content p{ font-size: 14px; } .faqs-image-gold img{ aspect-ratio: 1 / 1.1; } .faq-accordion-gold{ padding: 20px; } .faq-accordion-gold .accordion-header .accordion-button{ font-size: 16px; padding: 12px 45px 12px 15px; } .faq-accordion-gold .accordion-item .accordion-button::after, .faq-accordion-gold .accordion-item .accordion-button.collapsed::after{ right: 15px; height: 22px; width: 22px; background-size: 12px auto; } .faq-accordion-gold .accordion-item .accordion-body{ padding: 12px 15px; } .contact-us-circle-gold{ display: none; } .contact-us-circle-gold a img{ max-width: 80px; } .about-footer-gold{ padding: 20px; } .footer-social-links-gold h2{ font-size: 18px; } .footer-links-gold, .footer-working-hours-box-gold{ max-width: 100%; } .footer-links-gold h2{ font-size: 18px; margin-bottom: 15px; } .footer-copyright-gold{ padding: 15px 0; margin-top: 30px; flex-direction: column-reverse; } .footer-contact-item-list-gold ul li{ font-size: 14px; } .footer-contact-item-list-gold ul li img{ max-width: 18px; margin-right: 5px; } } .hero-prime{ position: relative; align-content: end; min-height: 100vh; padding: 210px 0 100px; margin: 15px 15px 0; border-radius: 20px; overflow: hidden; } .hero-prime::before{ content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: linear-gradient(180deg, rgba(24, 25, 26, 0.00) 1.98%, var(--primary-color) 90.2%), linear-gradient(0deg, rgba(28, 24, 21, 0.30) 0%, rgba(28, 24, 21, 0.30) 100%); width: 100%; height: 100%; z-index: 1; } .hero-prime.hero-video-prime .hero-bg-video-prime{ position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; } .hero-prime.hero-video-prime .hero-bg-video-prime video{ width: 100%; height: 100%; object-fit: cover; } .hero-prime .container{ position: relative; z-index: 2; } .hero-image-title-prime{ position: relative; text-align: center; z-index: 0; margin-bottom: -5.729vw; } .hero-image-title-prime span{ font-family: var(--accent-font); display: block; font-size: 18.229vw; font-weight: 400; text-transform: uppercase; line-height: 1em; color: transparent; background: linear-gradient(180deg, var(--white-color) -17.92%, rgba(255, 255, 255, 0.00) 75.17%); background-clip: text; -webkit-background-clip: text; -webkit-text-stroke: 2px transparent; } .hero-box-prime{ display: flex; flex-wrap: wrap; gap: 30px 40px; } .hero-contant-prime{ width: calc(62% - 20px); } .hero-sub-heading-prime{ display: inline-flex; align-items: center; gap: 10px; margin-bottom: 20px; } .hero-sub-heading-prime .satisfy-client-image figure img{ max-width: 30px; } .hero-sub-heading-prime .satisfy-client-content-prime p{ color: var(--white-color); margin: 0; } .hero-content-body-prime{ display: flex; flex-wrap: wrap; align-items: center; gap: 30px 40px; } .video-play-button-prime{ display: inline-flex; align-items: center; } .video-play-button-prime a{ position: relative; width: 40px; height: 40px; background: var(--accent-color); color: var(--white-color); border-radius: 50%; display: flex; justify-content: center; align-items: center; cursor: none; } .video-play-button-prime a.bg-effect:before, .video-play-button-prime a.bg-effect:after{ content: ''; position: absolute; width: 160%; height: 160%; border: 35px solid var(--white-color); opacity: 50%; border-radius: 50%; transform: scale(0.6); z-index: -1; animation: border-zooming 1.2s infinite linear; } .video-play-button-prime a.bg-effect:after{ animation-delay: .3s; } @keyframes border-zooming{ 100%{ transform: scale(1); opacity: 0; } } .video-play-button-prime a i{ font-size: 14px; color: inherit; margin-left: 2px; } .video-play-button-prime span{ font-family: var(--accent-font); color: var(--white-color); margin: 0 0 0 20px; } .hero-info-box-prime{ width: calc(38% - 20px); background: var(--dark-divider-color); backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); border-radius: 20px; padding: 30px; } .hero-info-box-header-prime{ margin-bottom: 30px; } .hero-client-content-box-prime{ display: flex; flex-wrap: wrap; align-items: center; gap: 20px; border-bottom: 1px solid var(--dark-divider-color); margin-bottom: 30px; padding-bottom: 30px; } .hero-client-title-prime{ width: calc(45% - 10px) } .hero-client-title-prime h2{ font-size: 22px; line-height: 1.4em; color: var(--white-color); } .hero-client-info-prime{ width: calc(55% - 10px); display: flex; justify-content: right; align-items: center; gap: 10px; } .hero-client-rating-prime{ display: flex; align-items: center; gap: 10px; min-width: 60px; } .hero-client-rating-prime i{ width: 24px; height: 24px; font-size: 14px; background: var(--accent-secondary-color); border-radius: 2px; color: var(--white-color); display: flex; justify-content: center; align-items: center; } .hero-client-rating-prime p{ color: var(--white-color); margin: 0; } .hero-info-content-prime p{ color: var(--white-color); } .hero-info-content-prime p:last-child{ margin-bottom: 0; } .hero-info-counter-box-prime{ display: flex; flex-wrap: wrap; gap: 30px 3.125vw; background: var(--dark-divider-color); border-radius: 20px; padding: 20px; } .hero-info-counter-item-prime{ position: relative; width: calc(50% - 1.563vw); } .hero-info-counter-item-prime::before{ content: ''; position: absolute; top: 0; bottom: 0; right: -1.563vw; background: var(--dark-divider-color); width: 1px; height: 100%; } .hero-info-counter-item-prime:last-child::before, .hero-info-counter-item-prime:nth-child(2n + 2)::before{ display: none; } .hero-info-counter-item-prime h2{ font-size: 40px; color: var(--white-color); } .hero-info-counter-item-prime p{ color: var(--white-color); margin: 10px 0 0; } .about-us-prime{ padding: 120px 0; } .about-us-prime .get-in-touch-circle-prime{ text-align: right; } .get-in-touch-circle-prime a{ display: inline-block; border-radius: 50%; } .get-in-touch-circle-prime a img{ width: 100%; max-width: 150px; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 50%; animation: infiniterotate 20s infinite linear; } .get-in-touch-circle-prime a:hover img{ animation-play-state: paused; } .about-us-image-prime figure{ display: block; width: 100%; height: 100%; background-image: url(/images/about-us-image-bg-shape-prime.42ef89900c25.svg); mask-image: url(/images/about-us-image-bg-shape-prime.42ef89900c25.svg); mask-size: cover; mask-position: center center; mask-repeat: no-repeat; border-radius: 20px; } .about-us-image-prime figure img{ width: 100%; height: 100%; aspect-ratio: 1 / 0.588; object-fit: cover; border-radius: 20px; } .about-us-info-box-prime{ background: var(--secondary-color); border-radius: 20px; padding: 40px; } .about-info-box-header-prime{ display: flex; flex-wrap: wrap; align-items: center; gap: 15px; border-bottom: 1px solid var(--divider-color); margin-bottom: 30px; padding-bottom: 30px; } .about-info-box-header-prime .icon-box img{ width: 100%; max-width: 20px; } .about-info-header-content-prime{ width: calc(100% - 35px); } .about-info-header-content-prime p{ color: var(--primary-color); margin: 0; } .about-info-box-body-prime h2{ font-size: 40px; } .about-info-box-body-prime h3{ font-size: 22px; margin: 10px 0 0; } .about-info-box-body-prime p{ margin: 10px 0 0; } .about-info-box-btn-prime{ margin-top: 40px; } .about-us-prime .section-footer-text{ margin-top: 60px; } .our-services-prime{ padding: 120px 0; } .service-item-prime{ background: var(--bg-color); border-radius: 20px; height: calc(100% - 30px); margin-bottom: 30px; padding: 10px; } .service-item-content-prime{ padding: 30px; } .service-item-content-prime h2{ font-size: 22px; border-bottom: 1px solid var(--divider-color); margin-bottom: 15px; padding-bottom: 15px; } .service-item-content-prime h2 a{ color: inherit; } .service-item-content-prime p:last-child{ margin: 0; } .service-item-image-prime .icon-box{ position: relative; height: 60px; width: 60px; display: flex; align-items: center; justify-content: center; background-color: var(--accent-secondary-color); border: 5px solid var(--bg-color); border-radius: 50%; margin: 0 0 -30px 20px; z-index: 1; } .service-item-image-prime .icon-box::before{ content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--accent-color); border-radius: 50%; width: 100%; height: 100%; transform: scale(0); transition: all 0.4s ease-in-out; z-index: 0; } .service-item-prime:hover .service-item-image-prime .icon-box::before{ transform: scale(1); } .service-item-image-prime .icon-box img{ position: relative; width: 100%; max-width: 24px; z-index: 1; transition: all 0.4s ease-in-out; } .service-item-image-prime a{ display: block; border-radius: 10px; overflow: hidden; cursor: none; } .service-item-image-prime figure{ display: block; border-radius: 10px; } .service-item-image-prime figure img{ width: 100%; aspect-ratio: 1 / 0.535; object-fit: cover; border-radius: 10px; transition: all 0.6s ease-in-out; } .service-item-prime:hover .service-item-image-prime figure img{ transform: scale(1.06); } .what-we-do-prime{ padding: 120px 0; } .what-we-do-image-box-prime{ display: flex; flex-wrap: wrap; margin-right: 15px; } .what-we-image-box-1-prime{ width: 64%; } .what-we-image-prime{ position: relative; z-index: 1; } .what-we-image-prime figure{ display: block; border-radius: 20px; } .what-we-image-prime img{ width: 100%; object-fit: cover; border-radius: 20px; } .what-we-image-box-1-prime .what-we-image-prime figure img{ aspect-ratio: 1 / 1.677; } .what-we-image-box-2-prime{ width: 36%; } .what-we-image-box-2-prime .get-in-touch-circle-prime{ text-align: center; margin: 40px 10px; } .what-we-image-box-2-prime .what-we-image-prime{ margin-left: -205px; } .what-we-image-box-2-prime .what-we-image-prime figure{ border: 5px solid var(--bg-color); } .what-we-image-box-2-prime .what-we-image-prime figure img{ aspect-ratio: 1 / 1.373; border-radius: 14px; } .what-we-do-list-prime{ border-top: 1px solid var(--divider-color); padding-top: 40px; } .what-we-do-list-prime ul{ list-style: none; padding: 0; margin: 0; } .what-we-do-list-prime ul li{ position: relative; line-height: 1.5em; padding-left: 25px; margin-bottom: 15px; } .what-we-do-list-prime ul li:last-child{ margin-bottom: 0; } .what-we-do-list-prime ul li::before{ content: '✓'; position: absolute; font-family: inherit; font-size: 18px; font-weight: 900; color: var(--accent-secondary-color); top: 0; left: 0; } .what-we-do-body-prime{ display: flex; flex-wrap: wrap; gap: 30px; margin-top: 40px; } .what-we-body-item-list-prime{ width: calc(52% - 15px); } .what-we-body-item-prime{ display: flex; flex-wrap: wrap; gap: 15px; background: var(--secondary-color); border-radius: 20px; margin-bottom: 30px; padding: 30px; } .what-we-body-item-prime:last-child{ margin-bottom: 0; } .what-we-body-item-prime .icon-box{ position: relative; width: 60px; height: 60px; background-color: var(--accent-secondary-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; } .what-we-body-item-prime .icon-box::before{ content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--accent-color); border-radius: 50%; width: 100%; height: 100%; transform: scale(0); transition: all 0.4s ease-in-out; z-index: 0; } .what-we-body-item-prime:hover .icon-box:before{ transform: scale(1); } .what-we-body-item-prime .icon-box img{ position: relative; width: 100%; max-width: 30px; z-index: 1; } .what-we-body-item-content-prime{ width: calc(100% - 75px); } .what-we-body-item-content-prime h3{ font-size: 22px; } .what-we-body-item-content-prime p{ margin: 10px 0 0; } .what-we-client-box-prime{ width: calc(48% - 15px); background-color: var(--secondary-color); border-radius: 20px; padding: 30px; } .what-we-client-box-body-prime{ margin-top: 20px; } .what-we-client-counter-prime{ display: flex; flex-wrap: wrap; align-items: center; gap: 10px; } .what-we-client-counter-prime i{ font-size: 20px; color: var(--accent-secondary-color); } .what-we-client-counter-prime h2{ font-size: 34px; line-height: 1em; } .what-we-client-counter-prime h2 sub{ font-size: 16px; bottom: 0; } .what-we-client-counter-content-prime{ margin-top: 15px; } .what-we-client-counter-content-prime p{ margin: 0; } .what-we-client-btn-prime{ border-top: 1px solid var(--divider-color); padding-top: 30px; margin-top: 30px; } .our-story-prime{ position: relative; background-image: url(/images/optimized/bg1-1440.d895a542b64c.webp); padding: 120px 0; } .our-story-prime:before{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; background: linear-gradient(270deg, rgba(24, 25, 26, 0.00) 0%, rgba(24, 25, 26, 0.90) 100%), linear-gradient(0deg, rgba(24, 25, 26, 0.40) 0%, rgba(24, 25, 26, 0.40) 100%); border-radius: 20px; z-index: 1; } .our-story-prime .container{ position: relative; z-index: 2; } .story-content-body-list-prime{ display: flex; flex-wrap: wrap; gap: 30px; border-top: 1px solid var(--dark-divider-color); padding-top: 40px; } .story-content-body-item-prime{ width: calc(50% - 15px); display: flex; flex-wrap: wrap; align-items: center; gap: 15px; } .story-content-body-item-prime .icon-box{ position: relative; height: 50px; width: 50px; background-color: var(--accent-secondary-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; overflow: hidden; } .story-content-body-item-prime .icon-box::before{ content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--white-color); border-radius: 50%; width: 100%; height: 100%; transform: scale(0); transition: all 0.4s ease-in-out; z-index: 0; } .story-content-body-item-prime:hover .icon-box:before{ transform: scale(1); } .story-content-body-item-prime .icon-box img{ position: relative; width: 100%; max-width: 24px; transition: all 0.4s ease-in-out; z-index: 1; } .story-content-body-item-prime:hover .icon-box img{ filter: brightness(0) invert(0); } .story-body-item-content-prime{ width: calc(100% - 65px); } .story-body-item-content-prime h3{ font-size: 22px; line-height: 1.4em; color: var(--white-color); } .award-item-box-prime{ max-width: 500px; background: var(--divider-color); border: 1px solid var(--dark-divider-color); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: 20px; text-align: center; margin-left: auto; padding: 40px; } .award-item-box-header-prime{ border-bottom: 1px solid var(--dark-divider-color); margin-bottom: 30px; padding-bottom: 30px; } .award-item-image-prime figure{ display: block; max-width: 140px; border-radius: 20px; margin: 0 auto; } .award-item-image-prime img{ width: 100%; aspect-ratio: 1 / 1.2; object-fit: cover; border-radius: 20px; } .award-item-title-prime{ margin: 30px auto 0; max-width: 400px; } .award-item-title-prime h3{ font-size: 22px; color: var(--white-color); line-height: 1.4em; } .award-item-box-body-prime{ display: flex; flex-wrap: wrap; align-items: center; gap: 30px; } .award-counter-box-prime{ width: calc(45% - 15px); text-align: left; } .award-counter-box-prime h2{ font-size: 48px; color: var(--white-color); line-height: 1em; } .award-counter-box-prime p{ color: var(--white-color); margin: 10px 0 0; } .award-info-box-prime{ width: calc(55% - 15px); background: var(--dark-divider-color); border-radius: 20px; padding: 30px; } .award-info-box-prime .icon-box{ position: relative; height: 50px; width: 50px; background-color: var(--accent-secondary-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; overflow: hidden; margin: 0 auto 20px; } .award-info-box-prime .icon-box::before{ content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--white-color); border-radius: 50%; width: 100%; height: 100%; transform: scale(0); transition: all 0.4s ease-in-out; z-index: 0; } .award-info-box-prime:hover .icon-box:before{ transform: scale(1); } .award-info-box-prime .icon-box img{ position: relative; width: 100%; max-width: 24px; transition: all 0.4s ease-in-out; z-index: 1; } .award-info-box-prime:hover .icon-box img{ filter: brightness(0) invert(0); } .award-info-box-content-prime h3{ font-size: 22px; color: var(--white-color); } .our-achievement-prime{ padding: 120px 0; } .achievement-content-prime{ position: sticky; top: 30px; margin-right: 15px; } .achievement-body-prime{ display: flex; flex-wrap: wrap; align-items: center; gap: 30px; } .contact-info-box-prime{ display: flex; flex-wrap: wrap; align-items: center; gap: 15px; } .contact-info-box-prime .icon-box{ position: relative; background: var(--accent-secondary-color); border-radius: 50%; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; transition: all 0.4s ease-in-out; overflow: hidden; } .contact-info-box-prime .icon-box::before{ content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--accent-color); border-radius: 50%; width: 100%; height: 100%; transform: scale(0); transition: all 0.4s ease-in-out; z-index: 0; } .contact-info-box-prime:hover .icon-box::before{ transform: scale(1); } .contact-info-box-prime .icon-box img{ position: relative; width: 100%; max-width: 24px; z-index: 1; } .contact-info-box-content-prime{ width: calc(100% - 65px); } .contact-info-box-content-prime p{ margin: 0 0 5px; } .contact-info-box-content-prime h3{ font-size: 22px; } .contact-info-box-content-prime h3 a{ color: inherit; transition: all 0.4s ease-in-out; } .contact-info-box-content-prime h3 a:hover{ color: var(--accent-color); } .achievement-item-list-prime{ display: flex; flex-wrap: wrap; gap: 30px; } .achievement-item-prime{ width: calc(50% - 15px); background-color: var(--white-color); border-radius: 20px; padding: 30px; } .achievement-item-prime .icon-box{ position: relative; width: 50px; height: 50px; background: var(--accent-secondary-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 40px; transition: all 0.4s ease-in-out; } .achievement-item-prime .icon-box::before{ content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--accent-color); border-radius: 50%; width: 100%; height: 100%; transform: scale(0); transition: all 0.4s ease-in-out; z-index: 0; } .achievement-item-prime:hover .icon-box::before{ transform: scale(1); } .achievement-item-prime .icon-box img{ position: relative; width: 100%; max-width: 24px; z-index: 1; } .achievement-item-content-prime h3{ font-size: 22px; } .achievement-item-content-prime p{ margin: 15px 0 0; } .why-choose-us-prime{ padding: 120px 0; } .why-choose-cta-item-prime{ height: 100%; background-color: var(--bg-color); border-radius: 20px; display: flex; flex-direction: column; gap: 20px; margin-right: 15px; padding: 10px; } .why-choose-cta-image-prime{ height: 100%; } .why-choose-cta-image-prime figure{ display: block; height: 100%; border-radius: 10px; } .why-choose-cta-image-prime img{ width: 100%; height: 100%; aspect-ratio: 1 / 0.718; object-fit: cover; border-radius: 10px; } .why-choose-cta-body-prime{ padding: 20px; } .why-choose-cta-body-item-prime{ display: flex; flex-wrap: wrap; gap: 15px; margin-bottom: 30px; } .why-choose-cta-body-item-prime:last-child{ margin-bottom: 0; } .why-choose-cta-body-item-prime .icon-box{ position: relative; width: 50px; height: 50px; background: var(--accent-secondary-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.4s ease-in-out; } .why-choose-cta-body-item-prime .icon-box::before{ content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--accent-color); border-radius: 50%; width: 100%; height: 100%; transform: scale(0); transition: all 0.4s ease-in-out; z-index: 0; } .why-choose-cta-body-item-prime:hover .icon-box::before{ transform: scale(1); } .why-choose-cta-body-item-prime .icon-box img{ position: relative; width: 100%; max-width: 24px; z-index: 1; } .why-choose-cta-content-prime{ width: calc(100% - 65px); } .why-choose-cta-content-prime h3{ font-size: 22px; } .why-choose-cta-content-prime p{ margin: 10px 0 0; } .why-choose-cta-btn-prime{ border-top: 1px solid var(--divider-color); margin-top: 30px; padding-top: 30px; } .why-choose-item-list-prime{ display: flex; flex-wrap: wrap; gap: 30px; } .why-choose-item-prime{ width: calc(50% - 15px); display: flex; flex-direction: column; justify-content: space-between; gap: 30px; min-height: 320px; background-color: var(--bg-color); border-radius: 20px; padding: 30px; } .why-choose-item-header-prime{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 20px; } .why-choose-item-header-prime .icon-box{ position: relative; width: 50px; height: 50px; background: var(--accent-secondary-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.4s ease-in-out; } .why-choose-item-header-prime .icon-box::before{ content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--accent-color); border-radius: 50%; width: 100%; height: 100%; transform: scale(0); transition: all 0.4s ease-in-out; z-index: 0; } .why-choose-item-prime:hover .why-choose-item-header-prime .icon-box::before{ transform: scale(1); } .why-choose-item-header-prime .icon-box img{ position: relative; width: 100%; max-width: 24px; z-index: 1; } .why-choose-item-no-prime h2{ font-size: 30px; } .why-choose-item-body-prime{ border-top: 1px solid var(--divider-color); padding-top: 30px; } .why-choose-item-body-prime h3{ font-size: 22px; } .why-choose-item-body-prime p{ margin: 10px 0 0; } .why-choose-us-prime .section-footer-text{ margin-top: 60px; } .our-pricing-prime{ padding: 120px 0; } .pricing-item-prime{ position: relative; background-color: var(--secondary-color); border-radius: 20px; height: calc(100% - 30px); margin-bottom: 30px; padding: 20px; } .pricing-item-header-box-prime{ background-color: var(--bg-color); border-radius: 20px; margin-bottom: 20px; padding: 30px; } .pricing-item-header-prime{ display: flex; flex-wrap: wrap; align-items: center; gap: 15px; margin-bottom: 30px; } .pricing-item-header-prime .icon-box{ position: relative; width: 50px; height: 50px; background: var(--accent-secondary-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.4s ease-in-out; } .pricing-item-header-prime .icon-box::before{ content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--accent-color); border-radius: 50%; width: 100%; height: 100%; transform: scale(0); transition: all 0.4s ease-in-out; z-index: 0; } .pricing-item-prime:hover .pricing-item-header-prime .icon-box::before{ transform: scale(1); } .pricing-item-header-prime .icon-box img{ position: relative; width: 100%; max-width: 24px; z-index: 1; } .pricing-item-title-prime{ width: calc(100% - 65px); } .pricing-item-title-prime h2{ font-size: 22px; } .pricing-item-price-prime{ margin-bottom: 20px; } .pricing-item-price-prime h2{ font-size: 48px; } .pricing-item-price-prime h2 sub{ font-family: var(--default-font); font-size: 16px; font-weight: 400; color: var(--text-color); bottom: 0; } .pricing-item-contant-prime p{ margin: 0; } .pricing-item-body-prime{ padding: 10px; } .pricing-item-list-prime h3{ font-size: 22px; border-bottom: 1px solid var(--divider-color); margin-bottom: 20px; padding-bottom: 20px; } .pricing-item-list-prime ul{ list-style: none; margin: 0; padding: 0; } .pricing-item-list-prime ul li{ position: relative; line-height: 1.5em; margin-bottom: 15px; padding-left: 25px; } .pricing-item-list-prime ul li:last-child{ margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .pricing-item-list-prime ul li::before{ content: '✓'; position: absolute; font-family: inherit; font-size: 18px; font-weight: 900; color: var(--accent-secondary-color); top: 0; left: 0; } .pricing-item-btn-prime{ margin-top: 30px; } .pricing-item-btn-prime .btn-default{ width: 100%; text-align: center; margin-right: 0; } .pricing-item-btn-prime .btn-default::before{ display: none; } .pricing-benefit-list-prime{ margin-top: 30px; } .pricing-benefit-list-prime ul{ display: flex; flex-wrap: wrap; justify-content: center; list-style: none; margin: 0; padding: 0; gap: 20px 40px; } .pricing-benefit-list-prime ul li{ display: inline-flex; align-items: center; } .pricing-benefit-list-prime ul li img{ width: 100%; max-width: 20px; margin-right: 10px; } .our-faqs-prime{ padding: 120px 0; } .faq-content-prime{ margin-right: 15px; } .faq-info-item-box-prime{ background-color: var(--secondary-color); border-radius: 20px; padding: 30px; max-width: 480px; } .faq-info-item-header-prime{ display: flex; flex-wrap: wrap; align-items: center; gap: 15px; margin-bottom: 15px; } .faq-info-item-header-prime .icon-box{ position: relative; height: 50px; width: 50px; background-color: var(--accent-secondary-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; } .faq-info-item-header-prime .icon-box::before{ content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--accent-color); border-radius: 50%; width: 100%; height: 100%; transform: scale(0); transition: all 0.4s ease-in-out; z-index: 0; } .faq-info-item-box-prime:hover .faq-info-item-header-prime .icon-box::before{ transform: scale(1); } .faq-info-item-header-prime .icon-box img{ position: relative; width: 100%; max-width: 24px; z-index: 1; } .faq-info-item-title-prime{ width: calc(100% - 65px); } .faq-info-item-title-prime h3{ font-size: 22px; line-height: 1.3em; } .faq-info-content-prime p{ margin: 0; } .faq-info-contact-box-prime{ padding: 20px; background-color: var(--bg-color); border-radius: 20px; margin-top: 30px; } .faq-info-contact-box-prime ul{ list-style: none; margin: 0; padding: 0; } .faq-info-contact-box-prime ul li{ line-height: 1.5em; border-bottom: 1px solid var(--divider-color); padding-bottom: 15px; margin-bottom: 15px; } .faq-info-contact-box-prime ul li:last-child{ padding-bottom: 0; margin-bottom: 0; border-bottom: none; } .faq-info-contact-box-prime ul li a{ color: inherit; transition: all 0.3s ease-in-out; } .faq-info-contact-box-prime ul li a:hover{ color: var(--accent-color); } .faq-info-contact-box-prime ul li img{ width: 100%; max-width: 20px; margin-right: 15px; } .faq-accordion-prime .accordion-item-prime{ background: var(--secondary-color); border-radius: 10px; margin-bottom: 30px; padding: 0; overflow: hidden; } .faq-accordion-prime .accordion-item-prime:last-child{ margin-bottom: 0; } .faq-accordion-prime .accordion-header .accordion-button{ font-size: 18px; font-weight: 400; line-height: 1.333em; background-color: transparent; color: var(--primary-color); padding: 25px 60px 25px 20px; transition: all 0.3s ease-in-out; } .faq-accordion-prime .accordion-item-prime .accordion-button::after, .faq-accordion-prime .accordion-item-prime .accordion-button.collapsed::after{ content: '⌄'; font-family: inherit; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-size: 30px; color: var(--accent-secondary-color); line-height: normal; transition: all 0.3s ease-in-out; } .faq-accordion-prime .accordion-button:not(.collapsed)::after{ color: var(--accent-color); transform: translateY(-50%) rotate(180deg); } .faq-accordion-prime .accordion-item-prime .accordion-body{ border-top: 1px solid var(--divider-color); padding: 25px 20px; } .faq-accordion-prime .accordion-item-prime .accordion-body p:last-child{ margin: 0; } .our-testimonials-prime{ background-image: url(/images/optimized/testimonial-bg-image-prime-1440.2e65d18abc09.webp); background-repeat: no-repeat; background-position: center center; background-size: auto; padding: 120px 0; } .testimonial-slider-prime .swiper-wrapper{ cursor: none; } .testimonial-item-prime{ background: var(--bg-color); border-radius: 20px; padding: 30px; } .testimonial-item-rating-prime{ display: flex; gap: 10px; margin-bottom: 20px; } .testimonial-item-rating-prime i{ height: 24px; width: 24px; font-size: 14px; color: var(--white-color); background-color: var(--accent-secondary-color); border-radius: 2px; display: flex; align-items: center; justify-content: center; } .testimonial-item-title-prime h2{ font-size: 22px; line-height: 1.4em; } .testimonial-item-content-prime{ border-top: 1px solid var(--divider-color); padding-top: 20px; margin-top: 20px; } .testimonial-item-content-prime p{ font-weight: 500; } .testimonial-item-content-prime p:last-child{ margin-bottom: 0; } .testimonial-item-author-prime{ display: flex; flex-wrap: wrap; align-items: center; background-color: var(--secondary-color); border-radius: 20px; gap: 15px; margin-top: 40px; padding: 20px; } .testimonial-author-image-prime figure{ display: block; border-radius: 50%; } .testimonial-author-image-prime figure img{ width: 100%; max-width: 50px; border-radius: 50%; } .testimonial-author-content-prime{ width: calc(100% - 65px); } .testimonial-author-content-prime h2{ font-size: 22px; } .testimonial-author-content-prime p{ margin: 5px 0 0; } .our-testimonials-prime .section-footer-text{ margin-top: 60px; } .main-footer-prime{ padding: 120px 0 0; margin-bottom: 15px; } .footer-header-prime{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--dark-divider-color); margin-bottom: 60px; padding-bottom: 60px; } .footer-header-prime .section-title{ max-width: 750px; margin: 0; } .footer-logo-prime img{ width: 100%; max-width: 151px; } .about-footer-content-prime{ margin-top: 30px; } .about-footer-content-prime p{ color: var(--white-color); margin-bottom: 0; } .footer-links-box-prime{ display: flex; flex-wrap: wrap; justify-content: space-between; gap: 30px; margin-left: 2.604vw; } .footer-links-prime{ max-width: 32%; } .footer-links-prime h2{ font-size: 22px; color: var(--white-color); margin-bottom: 30px; } .footer-links-prime ul{ list-style: none; margin: 0; padding: 0; } .footer-links-prime ul li{ text-transform: capitalize; color: var(--white-color); line-height: 1.5em; margin-bottom: 15px; } .footer-links-prime ul li:last-child{ margin-bottom: 0; } .footer-links-prime ul li a{ color: inherit; transition: all 0.3s ease-in-out; } .footer-links-prime ul li a:hover{ color: var(--accent-secondary-color); } .footer-contact-list-prime{ width: 100%; max-width: 38%; } .footer-contact-list-prime ul{ list-style: none; padding: 0; } .footer-contact-list-prime ul li{ font-size: 18px; width: 100%; display: flex; align-items: center; gap: 15px; } .footer-contact-list-prime ul li img{ width: 100%; max-width: 20px; } .footer-copyright-prime{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 15px; border-top: 1px solid var(--dark-divider-color); padding: 60px 0; margin-top: 60px; } .footer-copyright-text-prime p{ color: var(--white-color); margin-bottom: 0; } .footer-social-links-prime ul{ display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; list-style: none; padding: 0; margin: 0; } .footer-social-links-prime ul li a{ display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border: 1px solid var(--dark-divider-color); border-radius: 50%; color: var(--white-color); transition: all 0.3s ease-in-out; } .footer-social-links-prime ul li:hover a{ background: var(--accent-secondary-color); } .footer-social-links-prime ul li i{ font-size: 18px; color: inherit; } @media only screen and (max-width: 1024px){ .hero-contant-prime, .hero-info-box-prime{ width: 100%; } .hero-info-box-prime{ max-width: 100%; } .hero-info-counter-box-prime{ gap: 30px; } .hero-info-counter-item-prime{ width: calc(50% - 15px); } .hero-info-counter-item-prime::before{ right: -15px; } .about-us-image-prime{ margin-bottom: 30px; } .what-we-do-image-box-prime{ max-width: 680px; margin: 0 auto 30px; } .our-story-content-prime{ margin: 0 0 30px; } .award-item-box-prime{ max-width: 100%; margin: 0 auto; } .achievement-content-prime{ position: initial; margin: 0 0 30px; } .achievement-item-prime .icon-box{ margin-bottom: 30px; } .why-choose-cta-item-prime{ height: auto; margin: 0 0 30px; } .why-choose-cta-image-prime figure, .why-choose-cta-image-prime img{ height: auto; } .faq-content-prime{ margin: 0 0 30px 0; } .faq-info-item-box-prime{ max-width: 100%; } .footer-header-prime{ margin-bottom: 30px; padding-bottom: 30px; } .about-footer-prime{ margin: 0 0 30px; } .about-footer-content-prime{ margin-top: 15px; } .footer-links-box-prime{ margin: 0; } .footer-links-prime h2{ margin-bottom: 20px; } .footer-links-prime ul li{ margin-bottom: 10px; } .footer-contact-list-prime ul li{ font-size: 16px; margin-bottom: 15px; } .footer-copyright-prime{ padding: 30px 0; margin-top: 30px; } } @media only screen and (max-width: 991px){ .hero-prime{ border-radius: 0; padding: 150px 0 60px; margin: 0; } .hero-image-title-prime span{ font-size: 23.438vw; } .hero-info-box-prime{ padding: 20px; } .hero-info-box-header-prime{ margin-bottom: 20px; } .hero-client-content-box-prime{ margin-bottom: 20px; padding-bottom: 20px; } .hero-client-title-prime h2{ font-size: 20px; } .hero-info-counter-item-prime h2{ font-size: 34px; } .about-us-prime{ padding: 60px 0; } .about-us-prime .get-in-touch-circle-prime{ text-align: left; margin: 15px 0 0; display: none; } .get-in-touch-circle-prime a img{ max-width: 120px; } .about-us-info-box-prime{ padding: 30px; } .about-info-box-header-prime{ margin-bottom: 20px; padding-bottom: 20px; } .about-info-box-body-prime h2{ font-size: 34px; } .about-info-box-body-prime h3{ font-size: 20px; } .about-info-box-btn-prime{ margin-top: 30px; } .about-us-prime .section-footer-text{ margin-top: 40px; } .our-services-prime{ padding: 60px 0; } .service-item-content-prime{ padding: 20px; } .service-item-content-prime h2{ font-size: 20px; } .what-we-do-prime{ padding: 60px 0; } .what-we-do-list-prime{ padding-top: 30px; } .what-we-do-list-prime ul li{ margin-bottom: 10px; } .what-we-do-list-prime ul li::before{ font-size: 16px; } .what-we-do-body-prime{ margin-top: 30px; } .what-we-body-item-prime{ padding: 20px; } .what-we-body-item-prime .icon-box{ width: 50px; height: 50px; } .what-we-body-item-prime .icon-box img{ max-width: 24px; } .what-we-body-item-content-prime{ width: calc(100% - 65px); } .what-we-body-item-content-prime h3{ font-size: 20px; } .what-we-client-box-prime{ padding: 20px; } .what-we-client-counter-prime h2{ font-size: 30px; } .what-we-client-btn-prime{ margin-top: 20px; padding-top: 20px; } .our-story-prime{ padding: 60px 0; } .story-content-body-list-prime{ padding-top: 30px; } .award-item-box-prime{ padding: 30px; } .award-item-title-prime{ margin-top: 20px; } .story-body-item-content-prime h3, .award-item-title-prime h3, .award-info-box-content-prime h3{ font-size: 20px; } .award-counter-box-prime h2{ font-size: 38px; } .award-info-box-prime{ padding: 20px; } .our-achievement-prime{ padding: 60px 0; } .contact-info-box-content-prime h3, .achievement-item-content-prime h3{ font-size: 20px; } .why-choose-us-prime{ padding: 60px 0; } .why-choose-cta-body-prime{ padding: 10px; } .why-choose-cta-content-prime h3{ font-size: 20px; } .why-choose-item-prime{ min-height: auto; } .why-choose-item-no-prime h2{ font-size: 28px; } .why-choose-item-body-prime h3{ font-size: 20px; } .why-choose-us-prime .section-footer-text{ margin-top: 40px; } .our-pricing-prime{ padding: 60px 0; } .pricing-item-prime{ padding: 10px; } .pricing-item-header-box-prime{ padding: 20px; margin-bottom: 10px; } .pricing-item-title-prime h2{ font-size: 20px; } .pricing-item-price-prime h2{ font-size: 38px; } .pricing-item-body-prime{ padding: 10px; } .pricing-item-list-prime h3{ font-size: 20px; margin-bottom: 15px; padding-bottom: 15px; } .pricing-item-list-prime ul li{ margin-bottom: 10px; } .pricing-item-list-prime ul li::before{ font-size: 16px; } .pricing-benefit-list-prime{ margin-top: 10px; } .pricing-benefit-list-prime ul{ gap: 15px 30px; } .pricing-benefit-list-prime ul li img{ max-width: 18px; } .our-faqs-prime{ padding: 60px 0; } .faq-info-item-title-prime h3{ font-size: 20px; } .faq-accordion-prime .accordion-item-prime{ margin-bottom: 20px; } .faq-accordion-prime .accordion-header .accordion-button{ padding: 15px 52px 15px 20px; } .faq-accordion-prime .accordion-item-prime .accordion-button::after, .faq-accordion-prime .accordion-item-prime .accordion-button.collapsed::after{ font-size: 24px; } .faq-accordion-prime .accordion-item-prime .accordion-body{ padding: 15px 20px; } .our-testimonials-prime{ padding: 60px 0; } .testimonial-item-prime{ padding: 20px; } .testimonial-item-rating-prime{ margin-bottom: 10px; } .testimonial-item-rating-prime i{ height: 20px; width: 20px; font-size: 12px; } .testimonial-item-title-prime h2{ font-size: 20px; } .testimonial-item-author-prime{ margin-top: 30px; padding: 15px; } .testimonial-author-content-prime h2{ font-size: 20px; } .our-testimonials-prime .section-footer-text{ margin-top: 40px; } .main-footer-prime{ padding: 60px 0 0; margin-bottom: 0px; } .footer-header-prime .section-title{ max-width: 600px; } .footer-links-prime h2{ font-size: 20px; } } @media only screen and (max-width: 767px){ .hero-content-body-prime{ gap: 30px 10px; } .hero-content-body-prime .video-play-button-prime{ margin-left: 10px; } .hero-content-body-prime .video-play-button-prime a.bg-effect:before, .hero-content-body-prime .video-play-button-prime a.bg-effect:after{ border-width: 20px; } .hero-content-body-prime .video-play-button-prime span{ font-size: 14px; margin-left: 15px; } .hero-info-box-prime{ padding: 15px; } .hero-client-title-prime h2{ font-size: 18px; } .hero-client-rating-prime i{ width: 22px; height: 22px; font-size: 12px; } .hero-info-counter-box-prime{ padding: 15px; } .hero-info-counter-item-prime h2{ font-size: 28px; } .hero-info-counter-item-prime p{ font-size: 14px; margin-top: 5px; } .get-in-touch-circle-prime a img{ max-width: 90px; } .about-us-info-box-prime{ padding: 20px; } .about-info-box-body-prime h2{ font-size: 28px; } .about-info-box-body-prime h3{ font-size: 18px; } .about-info-box-btn-prime{ margin-top: 20px; } .service-item-content-prime{ padding: 10px; } .service-item-content-prime h2{ font-size: 18px; } .what-we-image-box-2-prime .get-in-touch-circle-prime{ margin: 20px 5px; } .what-we-image-box-2-prime .what-we-image-prime{ margin-left: -110px; } .what-we-body-item-list-prime, .what-we-client-box-prime{ width: 100%; } .what-we-body-item-prime{ margin-bottom: 20px; } .what-we-body-item-content-prime h3{ font-size: 18px; } .what-we-client-counter-prime i{ font-size: 18px; } .what-we-client-counter-prime h2{ font-size: 26px; } .story-body-item-content-prime{ width: 100%; } .story-body-item-content-prime h3{ font-size: 18px; } .award-item-box-prime{ padding: 20px; } .award-item-image-prime figure{ max-width: 100px; } .award-item-title-prime h3{ font-size: 18px; } .award-item-box-body-prime{ gap: 20px; } .award-counter-box-prime{ width: calc(40% - 10px); } .award-counter-box-prime h2{ font-size: 26px; } .award-info-box-prime{ width: calc(60% - 10px); padding: 15px; border-radius: 10px; } .award-info-box-content-prime h3{ font-size: 18px; } .achievement-body-prime{ gap: 20px; } .contact-info-box-prime{ gap: 10px; } .contact-info-box-prime .icon-box{ width: 44px; height: 44px; } .contact-info-box-prime .icon-box img{ font-size: 20px; } .contact-info-box-content-prime{ width: calc(100% - 54px); } .contact-info-box-content-prime h3{ font-size: 18px; } .achievement-item-list-prime{ gap: 20px; } .achievement-item-prime{ width: 100%; padding: 20px; } .achievement-item-prime .icon-box{ margin-bottom: 20px; } .achievement-item-content-prime h3{ font-size: 18px; } .achievement-item-content-prime p{ margin: 10px 0 0; } .why-choose-cta-content-prime{ width: 100%; } .why-choose-cta-content-prime h3{ font-size: 18px; } .why-choose-cta-btn-prime{ margin-top: 20px; padding-top: 20px; } .why-choose-item-list-prime{ gap: 20px; } .why-choose-item-prime{ width: 100%; padding: 20px; gap: 20px; } .why-choose-item-no-prime h2{ font-size: 26px; } .why-choose-item-body-prime{ padding-top: 20px; } .why-choose-item-body-prime h3{ font-size: 18px; } .pricing-item-header-prime{ margin-bottom: 20px; } .pricing-item-title-prime h2{ font-size: 18px; } .pricing-item-price-prime{ margin-bottom: 10px; } .pricing-item-price-prime h2{ font-size: 26px; } .pricing-item-price-prime h2 sub{ font-size: 14px; } .pricing-item-list-prime h3{ font-size: 18px; } .pricing-benefit-list-prime ul{ gap: 10px 20px; } .pricing-benefit-list-prime ul li{ font-size: 12px; } .pricing-benefit-list-prime ul li img{ max-width: 16px; margin-right: 5px; } .faq-info-item-box-prime{ padding: 20px; } .faq-info-item-title-prime h3{ font-size: 18px; } .faq-info-contact-box-prime{ margin-top: 20px; } .faq-info-contact-box-prime ul li img{ max-width: 18px; margin-right: 10px; } .faq-accordion-prime .accordion-header .accordion-button{ font-size: 16px; padding: 12px 42px 12px 15px; } .faq-accordion-prime .accordion-item-prime .accordion-button::after, .faq-accordion-prime .accordion-item-prime .accordion-button.collapsed::after{ right: 15px; font-size: 20px; } .faq-accordion-prime .accordion-item-prime .accordion-body{ padding: 12px 15px; } .testimonial-item-title-prime h2{ font-size: 18px; } .testimonial-item-author-prime{ margin-top: 20px; } .testimonial-author-content-prime h2{ font-size: 18px; } .footer-links-prime{ max-width: 100%; } .footer-links-prime h2{ font-size: 18px; margin-bottom: 15px; } .footer-contact-list-prime ul li{ gap: 10px; margin-bottom: 10px; } .footer-contact-list-prime ul li img{ max-width: 18px; } .footer-copyright-prime{ padding: 15px 0; flex-direction: column-reverse; } } .floating-contact { position: fixed; right: 20px; bottom: 30px; z-index: 9999; display: flex; flex-direction: column; gap: 15px; } .contact-btn { width: 55px; height: 55px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 22px; color: #fff; text-decoration: none; box-shadow: 0 8px 20px rgba(0,0,0,0.25); transition: all 0.3s ease; position: relative; } .whatsapp { background: #25D366; } .call { background: #E53935; } .contact-btn:hover { transform: scale(1.15); box-shadow: 0 10px 25px rgba(0,0,0,0.35); } .whatsapp:hover { box-shadow: 0 0 15px rgba(37, 211, 102, 0.6); } .call:hover { box-shadow: 0 0 15px rgba(229, 57, 53, 0.6); } @keyframes floatY { 0% { transform: translateY(0); } 50% { transform: translateY(-6px); } 100% { transform: translateY(0); } } .contact-btn { animation: floatY 3s ease-in-out infinite; } .call { animation-delay: 1.5s; } a[href^='mailto:'] { text-transform: lowercase !important; } .detailed-service-item { display: flex; align-items: flex-start; padding: 20px; background: #ffffff; border-radius: 12px; box-shadow: 0 5px 20px rgba(0,0,0,0.05); transition: all 0.3s ease; height: 100%; border-left: 4px solid var(--accent-color, #d4af37); } .detailed-service-item:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0,0,0,0.1); border-left-color: var(--accent-secondary-color, #a88734); } .detailed-service-item .icon-box { margin-right: 15px; font-size: 20px; margin-top: 2px; color: var(--accent-color, #d4af37); } .detailed-service-item .content { font-size: 16px; font-weight: 500; color: #333; line-height: 1.5; } .detailed-service-item ul { margin-top: 10px; margin-bottom: 0; padding-left: 20px; list-style-type: disc; color: #666; font-size: 14px; font-weight: 400; } .custom-service-tabs .nav-link { color: #333; font-weight: 600; font-size: 16px; padding: 12px 24px; margin: 0 5px; border-radius: 30px; background: transparent; border: 2px solid transparent; transition: all 0.3s ease; } .custom-service-tabs .nav-link:hover { color: var(--accent-color, #d4af37); } .custom-service-tabs .nav-link.active { background: var(--accent-color, #d4af37); color: #fff; box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4); } .service-tab-item { display: flex; align-items: flex-start; padding: 15px 20px; background: #fff; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.03); font-size: 16px; font-weight: 500; color: #444; height: 100%; border-left: 3px solid transparent; transition: all 0.3s ease; } .service-tab-item:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.08); border-left-color: var(--accent-color, #d4af37); transform: translateX(5px); } .service-tab-item i { margin-top: 4px; margin-right: 15px; color: var(--accent-color, #d4af37); } .service-tab-item .sub-list { margin-top: 8px; margin-bottom: 0; padding-left: 20px; font-weight: 400; font-size: 14px; color: #666; }