/** * Stylesheet: style.css * Theme: Advkt - Lawyer Attorney & Law Firm WordPress Theme * Version: 1.0 * Author: MonPakhi * */ /* Table of contents ========================= 1.Preloader 2.Scrollup 3.Nav Menu 4.Slider Section 5.Info Card 6.Icon Card 7.About Image Card 8.About Info Card 9.Counter Card 10.Process Step Card 11.Testimonial Card 12.Accordion Card 13.Client Logo Card 14.Post Card 15.Skill Progress Card 16.Price Card 17.Call To Action Card 18.Title Card 19.Breadcrumb 20.Pagination's 21.Project Details Page 22.Sidebar 23.Comment List 24.Comment Form 25.Team Member 26.Portfolio 27.About Page 28.Contact Page 29.Service Page 30.Team Page Footer ===========================*/ /* Theme Default CSS */ * { margin: 0; border: 0; outline: none; } html, body { height: 100%; font-size: 16px; font-weight: 400; font-family: "Jost", sans-serif; color: #666666; vertical-align: baseline; line-height: 29px; font-smoothing: antialiased; direction: ltr; } p { margin: 0 0 15px; } img { max-width: 100%; height: auto; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; } h1, h2, h3, h4, h5, h6 { margin-top: 0; font-family: "Hepta Slab", sans-serif; color: #26262c; font-style: normal; transition: all 0.5s ease-out; } h1 { font-size: 90px; line-height: 102px; font-weight: 600; } h2 { font-size: 60px; line-height: 72px; font-weight: 600; } h3 { font-size: 36px; line-height: 60px; font-weight: 600; } h4 { font-size: 30px; line-height: 42px; font-weight: 600; } h5 { font-size: 24px; line-height: 36px; font-weight: 600; } h6 { font-size: 21px; line-height: 32px; font-weight: 600; } label { color: #666666; cursor: pointer; font-size: 16px; font-weight: 400; } button { cursor: pointer; transition: all 0.5s ease-out; } a:not([href]):not([tabindex]) { text-decoration: none; } a, .button { text-decoration: none; transition: all 0.5s ease-out; } a:focus, .button:focus { text-decoration: none; outline: none; } a:focus { color: #CDB091; text-decoration: none; transition: all 0.5s ease-out; } a, button { color: #1E2E3E; outline: medium none; transition: all 0.5s ease-out; } a:hover, button:hover { color: #CDB091; transition: all 0.5s ease-out; } button:focus, input:focus, input:focus, textarea, textarea:focus { outline: 0; } ul { list-style: outside none none; margin: 0; padding: 0; } ::-moz-selection { background: #CDB091; text-shadow: none; color: #fff; } ::selection { background: #CDB091; text-shadow: none; color: #fff; } textarea:focus, input:focus { outline: none; } .text-black-color { color: #1E2E3E !important; } .background-black { background-color: #1C1D20; } .background-black-light { background-color: #1F2732; } .background-gold { background-color: #CDB091; } .background-gray { background-color: #FAF8F7; } .page-bg { background-color: #1E2E3E; } .page-area { padding-top: 113px; padding-bottom: 100px; } .blog-area { padding-top: 120px; padding-bottom: 80px; } @media (max-width: 991px) { .page-area, .blog-area { padding-top: 100px; padding-bottom: 52px; } } @media (max-width: 767px) { .page-area, .blog-area { padding-top: 80px; padding-bottom: 32px; } } .page-area .page-links, .blog-area .page-links { margin-bottom: 20px; } .border-radius-12 { border-radius: 12px; } .text-white-100 { color: #bbbfc7; } code { color: #CDB091; } .theme-btn, .wp-block-loginout a, input.theme-btn { display: inline-flex; background-color: #CDB091; border: 2px solid #CDB091; color: #1E2E3E; padding: 18px 45px; text-align: center; font-weight: 600; font-family: "Jost", sans-serif; text-transform: capitalize; position: relative; transition: all 0.5s ease-out; font-size: 18px; align-items: center; gap: 10px; overflow: hidden; z-index: 2; white-space: nowrap; } .theme-btn i, .wp-block-loginout a i, input.theme-btn i { display: inline-flex; align-items: center; justify-content: center; } .theme-btn:before, .wp-block-loginout a:before, input.theme-btn:before { position: absolute; left: -20%; top: 0; height: 100%; width: 0; content: ""; background-color: #1E2E3E; z-index: -1; transform: skew(45deg); transition: all 0.5s ease-out; } .theme-btn:hover, .wp-block-loginout a:hover, input.theme-btn:hover { color: #fff; border-color: #CDB091; background-color: #CDB091; } .theme-btn:hover:before, .wp-block-loginout a:hover:before, input.theme-btn:hover:before { width: 150%; background-color: #CDB091; transition: all 0.5s ease-out; } .theme-btn:focus, .wp-block-loginout a:focus, input.theme-btn:focus { color: #ffffff; } .simple-btn { color: #1E2E3E; font-size: 18px; font-weight: 400; position: relative; display: inline-flex; align-items: center; gap: 24px; font-family: "Jost", sans-serif; } .simple-btn:hover { color: #CDB091; transition: all 0.5s ease-out; } .wp-block-loginout a { position: relative; } .contact-form-btn { justify-content: center; width: 100%; display: block; line-height: 42px; } .contact-form-btn .icon { float: right; } input.theme-btn { display: inline-block !important; width: inherit !important; border: 0 !important; } .circle-btn-text { position: absolute; z-index: 99; width: 300px; height: 300px; left: 50%; top: 50%; transform: translate(-50%, -50%); overflow: hidden; } .circle-btn-text text { font-family: "Jost", sans-serif; font-size: 16px; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .circle-btn-text text { font-size: 13px; } } .circle-btn-text svg { animation-name: rotate; animation-duration: 5s; animation-timing-function: linear; animation-iteration-count: infinite; } .animate-move-left-right { animation: MoveLeftRight 1.5s linear infinite alternate; } .animate-move-top-bottom { animation: MoveUpDown 1.5s linear infinite alternate; } .slider-nav-btn-wrapper { display: flex; gap: 18px; } .slider-nav-btn-wrapper a { width: 72px; height: 72px; border-radius: 50px; background-color: #ffffff; box-shadow: 0px 12px 24px 0px rgba(2, 24, 93, 0.06); font-size: 24px; color: #1E2E3E; transition: all 0.5s ease-out; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } @media only screen and (min-width: 0px) and (max-width: 767px) { .slider-nav-btn-wrapper a { width: 60px; height: 60px; } } .slider-nav-btn-wrapper a:hover { background-color: #CDB091; color: #ffffff; } .circle-rotate-wrapper { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; display: inline-flex; justify-content: center; align-items: center; } .circle-rotate-wrapper .circle-rotate-inner { position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.85); border: 2px dashed #1E2E3E; border-radius: 50%; } .circle-rotate-text { transform-origin: center center; animation: spin 6s linear infinite; position: absolute !important; width: 100%; height: 100% !important; top: 0; left: 0; } .circle-rotate-text span { font-family: "Jost", sans-serif; font-size: 16px; font-weight: 400; text-transform: uppercase; letter-spacing: 3.2px; color: #1E2E3E; } /* Deafult Margin & Padding */ /*-- Margin Top --*/ .mt-5 { margin-top: 5px; } .mt-10 { margin-top: 10px; } .mt-15 { margin-top: 15px; } .mt-20 { margin-top: 20px; } .mt-25 { margin-top: 25px; } .mt-30 { margin-top: 30px; } .mt-35 { margin-top: 35px; } .mt-40 { margin-top: 40px; } .mt-45 { margin-top: 45px; } .mt-50 { margin-top: 50px; } .mt-55 { margin-top: 55px; } .mt-60 { margin-top: 60px; } .mt-65 { margin-top: 65px; } .mt-70 { margin-top: 70px; } .mt-75 { margin-top: 75px; } .mt-80 { margin-top: 80px; } .mt-85 { margin-top: 85px; } .mt-90 { margin-top: 90px; } .mt-95 { margin-top: 95px; } .mt-100 { margin-top: 100px; } .mt-105 { margin-top: 105px; } .mt-110 { margin-top: 110px; } .mt-115 { margin-top: 115px; } .mt-120 { margin-top: 120px; } .mt-125 { margin-top: 125px; } .mt-130 { margin-top: 130px; } .mt-135 { margin-top: 135px; } .mt-140 { margin-top: 140px; } .mt-145 { margin-top: 145px; } .mt-150 { margin-top: 150px; } .mt-155 { margin-top: 155px; } .mt-160 { margin-top: 160px; } .mt-165 { margin-top: 165px; } .mt-170 { margin-top: 170px; } .mt-175 { margin-top: 175px; } .mt-180 { margin-top: 180px; } .mt-185 { margin-top: 185px; } .mt-190 { margin-top: 190px; } .mt-195 { margin-top: 195px; } .mt-200 { margin-top: 200px; } /*-- Margin Bottom --*/ .mb-5 { margin-bottom: 5px; } .mb-10 { margin-bottom: 10px; } .mb-15 { margin-bottom: 15px; } .mb-20 { margin-bottom: 20px; } .mb-25 { margin-bottom: 25px; } .mb-30 { margin-bottom: 30px; } .mb-35 { margin-bottom: 35px; } .mb-40 { margin-bottom: 40px; } .mb-45 { margin-bottom: 45px; } .mb-50 { margin-bottom: 50px; } .mb-55 { margin-bottom: 55px; } .mb-60 { margin-bottom: 60px; } .mb-65 { margin-bottom: 65px; } .mb-70 { margin-bottom: 70px; } .mb-75 { margin-bottom: 75px; } .mb-80 { margin-bottom: 80px; } .mb-85 { margin-bottom: 85px; } .mb-90 { margin-bottom: 90px; } .mb-95 { margin-bottom: 95px; } .mb-100 { margin-bottom: 100px; } .mb-105 { margin-bottom: 105px; } .mb-110 { margin-bottom: 110px; } .mb-115 { margin-bottom: 115px; } .mb-120 { margin-bottom: 120px; } .mb-125 { margin-bottom: 125px; } .mb-130 { margin-bottom: 130px; } .mb-135 { margin-bottom: 135px; } .mb-140 { margin-bottom: 140px; } .mb-145 { margin-bottom: 145px; } .mb-150 { margin-bottom: 150px; } .mb-155 { margin-bottom: 155px; } .mb-160 { margin-bottom: 160px; } .mb-165 { margin-bottom: 165px; } .mb-170 { margin-bottom: 170px; } .mb-175 { margin-bottom: 175px; } .mb-180 { margin-bottom: 180px; } .mb-185 { margin-bottom: 185px; } .mb-190 { margin-bottom: 190px; } .mb-195 { margin-bottom: 195px; } .mb-200 { margin-bottom: 200px; } .mb-205 { margin-bottom: 205px; } .mb-210 { margin-bottom: 210px; } .mb-215 { margin-bottom: 215px; } .mb-220 { margin-bottom: 220px; } .mb-245 { margin-bottom: 245px; } .mb-250 { margin-bottom: 250px; } /*-- Padding Top --*/ .pt-5 { padding-top: 5px; } .pt-10 { padding-top: 10px; } .pt-15 { padding-top: 15px; } .pt-20 { padding-top: 20px; } .pt-21 { padding-top: 21px; } .pt-22 { padding-top: 22px; } .pt-23 { padding-top: 23px; } .pt-24 { padding-top: 24px; } .pt-25 { padding-top: 25px; } .pt-30 { padding-top: 30px; } .pt-35 { padding-top: 35px; } .pt-40 { padding-top: 40px; } .pt-45 { padding-top: 45px; } .pt-50 { padding-top: 50px; } .pt-55 { padding-top: 55px; } .pt-60 { padding-top: 60px; } .pt-65 { padding-top: 65px; } .pt-70 { padding-top: 70px; } .pt-75 { padding-top: 75px; } .pt-80 { padding-top: 80px; } .pt-85 { padding-top: 85px; } .pt-86 { padding-top: 85px; } .pt-87 { padding-top: 85px; } .pt-88 { padding-top: 85px; } .pt-89 { padding-top: 85px; } .pt-90 { padding-top: 90px; } .pt-95 { padding-top: 95px; } .pt-100 { padding-top: 100px; } .pt-105 { padding-top: 105px; } .pt-110 { padding-top: 110px; } .pt-115 { padding-top: 115px; } .pt-120 { padding-top: 120px; } .pt-125 { padding-top: 125px; } .pt-130 { padding-top: 130px; } .pt-135 { padding-top: 135px; } .pt-140 { padding-top: 140px; } .pt-145 { padding-top: 145px; } .pt-150 { padding-top: 150px; } .pt-155 { padding-top: 155px; } .pt-160 { padding-top: 160px; } .pt-165 { padding-top: 165px; } .pt-170 { padding-top: 170px; } .pt-175 { padding-top: 175px; } .pt-180 { padding-top: 180px; } .pt-185 { padding-top: 185px; } .pt-190 { padding-top: 190px; } .pt-195 { padding-top: 195px; } .pt-200 { padding-top: 200px; } .pt-250 { padding-top: 250px; } /*-- Padding Bottom --*/ .pb-5 { padding-bottom: 5px; } .pb-10 { padding-bottom: 10px; } .pb-15 { padding-bottom: 15px; } .pb-20 { padding-bottom: 20px; } .pb-21 { padding-bottom: 21px; } .pb-22 { padding-bottom: 22px; } .pb-23 { padding-bottom: 23px; } .pb-24 { padding-bottom: 24px; } .pb-25 { padding-bottom: 25px; } .pb-30 { padding-bottom: 30px; } .pb-35 { padding-bottom: 35px; } .pb-40 { padding-bottom: 40px; } .pb-45 { padding-bottom: 45px; } .pb-50 { padding-bottom: 50px; } .pb-55 { padding-bottom: 55px; } .pb-60 { padding-bottom: 60px; } .pb-65 { padding-bottom: 65px; } .pb-70 { padding-bottom: 70px; } .pb-75 { padding-bottom: 75px; } .pb-80 { padding-bottom: 80px; } .pb-85 { padding-bottom: 85px; } .pb-90 { padding-bottom: 90px; } .pb-95 { padding-bottom: 95px; } .pb-100 { padding-bottom: 100px; } .pb-105 { padding-bottom: 105px; } .pb-110 { padding-bottom: 110px; } .pb-115 { padding-bottom: 115px; } .pb-120 { padding-bottom: 120px; } .pb-125 { padding-bottom: 125px; } .pb-130 { padding-bottom: 130px; } .pb-135 { padding-bottom: 135px; } .pb-140 { padding-bottom: 140px; } .pb-145 { padding-bottom: 145px; } .pb-150 { padding-bottom: 150px; } .pb-155 { padding-bottom: 155px; } .pb-160 { padding-bottom: 160px; } .pb-165 { padding-bottom: 165px; } .pb-170 { padding-bottom: 170px; } .pb-175 { padding-bottom: 175px; } .pb-180 { padding-bottom: 180px; } .pb-185 { padding-bottom: 185px; } .pb-190 { padding-bottom: 190px; } .pb-195 { padding-bottom: 195px; } .pb-200 { padding-bottom: 200px; } /*-- Padding Left --*/ .pl-0 { padding-left: 0px; } .pl-5 { padding-left: 5px; } .pl-10 { padding-left: 10px; } .pl-15 { padding-left: 15px; } .pl-20 { padding-left: 20px; } .pl-25 { padding-left: 35px; } .pl-30 { padding-left: 30px; } .pl-35 { padding-left: 35px; } .pl-35 { padding-left: 35px; } .pl-40 { padding-left: 40px; } .pl-45 { padding-left: 45px; } .pl-50 { padding-left: 50px; } .pl-55 { padding-left: 55px; } .pl-60 { padding-left: 60px; } .pl-65 { padding-left: 65px; } .pl-70 { padding-left: 70px; } .pl-75 { padding-left: 75px; } .pl-80 { padding-left: 80px; } .pl-85 { padding-left: 80px; } .pl-90 { padding-left: 90px; } .pl-95 { padding-left: 95px; } .pl-100 { padding-left: 100px; } .pl-105 { padding-left: 105px; } .pl-110 { padding-left: 110px; } .pl-115 { padding-left: 115px; } .pl-120 { padding-left: 120px; } .pl-125 { padding-left: 125px; } .pl-130 { padding-left: 130px; } .pl-135 { padding-left: 135px; } .pl-140 { padding-left: 140px; } .pl-145 { padding-left: 145px; } .pl-150 { padding-left: 150px; } .pl-155 { padding-left: 155px; } .pl-160 { padding-left: 160px; } .pl-165 { padding-left: 165px; } .pl-170 { padding-left: 170px; } .pl-180 { padding-left: 180px; } .pl-185 { padding-left: 185px; } .pl-190 { padding-left: 190px; } .pl-195 { padding-left: 195px; } .pl-100 { padding-left: 100px; } .pl-200 { padding-left: 200px; } /*-- Padding Right --*/ .pr-0 { padding-right: 0px; } .pr-5 { padding-right: 5px; } .pr-10 { padding-right: 10px; } .pr-15 { padding-right: 15px; } .pr-20 { padding-right: 20px; } .pr-25 { padding-right: 35px; } .pr-30 { padding-right: 30px; } .pr-35 { padding-right: 35px; } .pr-35 { padding-right: 35px; } .pr-40 { padding-right: 40px; } .pr-45 { padding-right: 45px; } .pr-50 { padding-right: 50px; } .pr-55 { padding-right: 55px; } .pr-60 { padding-right: 60px; } .pr-65 { padding-right: 65px; } .pr-70 { padding-right: 70px; } .pr-75 { padding-right: 75px; } .pr-80 { padding-right: 80px; } .pr-85 { padding-right: 80px; } .pr-90 { padding-right: 90px; } .pr-95 { padding-right: 95px; } .pr-100 { padding-right: 100px; } .pr-105 { padding-right: 105px; } .pr-110 { padding-right: 110px; } .pr-115 { padding-right: 115px; } .pr-120 { padding-right: 120px; } .pr-125 { padding-right: 125px; } .pr-130 { padding-right: 130px; } .pr-135 { padding-right: 135px; } .pr-140 { padding-right: 140px; } .pr-145 { padding-right: 145px; } .pr-150 { padding-right: 150px; } .pr-155 { padding-right: 155px; } .pr-165 { padding-right: 165px; } .pr-170 { padding-right: 170px; } .pr-175 { padding-right: 175px; } .pr-180 { padding-right: 180px; } .pr-185 { padding-right: 185px; } .pr-190 { padding-right: 190px; } .pr-195 { padding-right: 195px; } .pr-200 { padding-right: 200px; } /** padding top & bottom **/ .py-10 { padding-top: 10px; padding-bottom: 10px; } .py-15 { padding-top: 15px; padding-bottom: 15px; } .py-20 { padding-top: 20px; padding-bottom: 20px; } .py-25 { padding-top: 25px; padding-bottom: 25px; } .py-30 { padding-top: 30px; padding-bottom: 30px; } .py-35 { padding-top: 35px; padding-bottom: 35px; } .py-40 { padding-top: 40px; padding-bottom: 40px; } .py-45 { padding-top: 45px; padding-bottom: 45px; } .py-50 { padding-top: 50px; padding-bottom: 50px; } .py-55 { padding-top: 55px; padding-bottom: 55px; } .py-60 { padding-top: 60px; padding-bottom: 60px; } .py-65 { padding-top: 65px; padding-bottom: 65px; } .py-70 { padding-top: 70px; padding-bottom: 70px; } .py-75 { padding-top: 75px; padding-bottom: 75px; } .py-80 { padding-top: 80px; padding-bottom: 80px; } .py-85 { padding-top: 85px; padding-bottom: 85px; } .py-90 { padding-top: 90px; padding-bottom: 90px; } .py-95 { padding-top: 95px; padding-bottom: 95px; } .py-100 { padding-top: 100px; padding-bottom: 100px; } .py-105 { padding-top: 105px; padding-bottom: 105px; } .py-110 { padding-top: 110px; padding-bottom: 110px; } .py-115 { padding-top: 115px; padding-bottom: 115px; } .py-120 { padding-top: 120px; padding-bottom: 120px; } .py-125 { padding-top: 125px; padding-bottom: 125px; } .py-130 { padding-top: 130px; padding-bottom: 130px; } .py-135 { padding-top: 135px; padding-bottom: 135px; } .py-140 { padding-top: 140px; padding-bottom: 140px; } .py-145 { padding-top: 145px; padding-bottom: 145px; } .py-150 { padding-top: 150px; padding-bottom: 150px; } .py-155 { padding-top: 155px; padding-bottom: 155px; } .py-160 { padding-top: 160px; padding-bottom: 160px; } .py-165 { padding-top: 165px; padding-bottom: 165px; } .py-170 { padding-top: 170px; padding-bottom: 170px; } .py-175 { padding-top: 175px; padding-bottom: 175px; } .py-180 { padding-top: 180px; padding-bottom: 180px; } .py-185 { padding-top: 185px; padding-bottom: 185px; } .py-190 { padding-top: 190px; padding-bottom: 190px; } .py-195 { padding-top: 195px; padding-bottom: 195px; } .py-200 { padding-top: 200px; padding-bottom: 200px; } .py-205 { padding-top: 205px; padding-bottom: 205px; } .py-210 { padding-top: 210px; padding-bottom: 210px; } .py-215 { padding-top: 215px; padding-bottom: 215px; } .py-220 { padding-top: 220px; padding-bottom: 220px; } .py-225 { padding-top: 225px; padding-bottom: 225px; } .py-230 { padding-top: 230px; padding-bottom: 230px; } .py-235 { padding-top: 235px; padding-bottom: 235px; } .py-240 { padding-top: 240px; padding-bottom: 240px; } .py-250 { padding-top: 250px; padding-bottom: 250px; } .py-260 { padding-top: 260px; padding-bottom: 260px; } .py-270 { padding-top: 270px; padding-bottom: 270px; } .py-280 { padding-top: 280px; padding-bottom: 280px; } .py-290 { padding-top: 290px; padding-bottom: 290px; } .py-300 { padding-top: 300px; padding-bottom: 300px; } .py-310 { padding-top: 310px; padding-bottom: 310px; } .py-320 { padding-top: 320px; padding-bottom: 320px; } .py-330 { padding-top: 330px; padding-bottom: 330px; } .py-340 { padding-top: 340px; padding-bottom: 340px; } .py-350 { padding-top: 350px; padding-bottom: 350px; } /** padding left & right **/ .px-10 { padding-left: 10px; padding-right: 10px; } .px-15 { padding-left: 15px; padding-right: 15px; } .px-20 { padding-left: 20px; padding-right: 20px; } .px-25 { padding-left: 25px; padding-right: 25px; } .px-30 { padding-left: 30px; padding-right: 30px; } .px-35 { padding-left: 35px; padding-right: 35px; } .px-40 { padding-left: 40px; padding-right: 40px; } .px-45 { padding-left: 45px; padding-right: 45px; } .px-50 { padding-left: 50px; padding-right: 50px; } .px-55 { padding-left: 55px; padding-right: 55px; } .px-60 { padding-left: 60px; padding-right: 60px; } .px-65 { padding-left: 65px; padding-right: 65px; } .px-70 { padding-left: 70px; padding-right: 70px; } .px-75 { padding-left: 75px; padding-right: 75px; } .px-80 { padding-left: 80px; padding-right: 80px; } .px-85 { padding-left: 85px; padding-right: 85px; } .px-90 { padding-left: 90px; padding-right: 90px; } .px-95 { padding-left: 95px; padding-right: 95px; } .px-100 { padding-left: 100px; padding-right: 100px; } .px-105 { padding-left: 105px; padding-right: 105px; } .px-110 { padding-left: 110px; padding-right: 110px; } .px-115 { padding-left: 115px; padding-right: 115px; } .px-120 { padding-left: 120px; padding-right: 120px; } .px-125 { padding-left: 125px; padding-right: 125px; } .px-130 { padding-left: 130px; padding-right: 130px; } .px-135 { padding-left: 135px; padding-right: 135px; } .px-140 { padding-left: 140px; padding-right: 140px; } .px-145 { padding-left: 145px; padding-right: 145px; } .px-150 { padding-left: 150px; padding-right: 150px; } .px-155 { padding-left: 155px; padding-right: 155px; } .px-160 { padding-left: 160px; padding-right: 160px; } .px-165 { padding-left: 165px; padding-right: 165px; } .px-170 { padding-left: 170px; padding-right: 170px; } .px-175 { padding-left: 175px; padding-right: 175px; } .px-180 { padding-left: 180px; padding-right: 180px; } .px-185 { padding-left: 185px; padding-right: 185px; } .px-190 { padding-left: 190px; padding-right: 190px; } .px-195 { padding-left: 195px; padding-right: 195px; } .px-200 { padding-left: 200px; padding-right: 200px; } .px-205 { padding-left: 205px; padding-right: 205px; } .px-210 { padding-left: 210px; padding-right: 210px; } .px-215 { padding-left: 215px; padding-right: 215px; } .px-220 { padding-left: 220px; padding-right: 220px; } .px-225 { padding-left: 225px; padding-right: 225px; } .px-230 { padding-left: 230px; padding-right: 230px; } .px-235 { padding-left: 235px; padding-right: 235px; } .px-240 { padding-left: 240px; padding-right: 240px; } .px-250 { padding-left: 250px; padding-right: 250px; } .px-260 { padding-left: 260px; padding-right: 260px; } .px-270 { padding-left: 270px; padding-right: 270px; } .px-280 { padding-left: 280px; padding-right: 280px; } .px-290 { padding-left: 290px; padding-right: 290px; } .px-300 { padding-left: 300px; padding-right: 300px; } .px-310 { padding-left: 310px; padding-right: 310px; } .px-320 { padding-left: 320px; padding-right: 320px; } .px-330 { padding-left: 330px; padding-right: 330px; } .px-340 { padding-left: 340px; padding-right: 340px; } .px-350 { padding-left: 350px; padding-right: 350px; } /* WordPress Core ===================*/ body { -ms-word-wrap: break-word; word-wrap: break-word; overflow-x: hidden; } dl, ol, ul { margin-top: 0; margin-bottom: 25px; } ol { padding-left: 20px; } ul { list-style: disc; padding-left: 20px; } /* Protected Post Type */ .post-password-form label { width: 100%; display: block; font-weight: 600; margin-bottom: 10px; } .post-password-form input[type=password] { font-size: 1.2rem; line-height: 20px; padding: 12px 20px; border: 1px solid #E4E4F2; width: 100%; } .post-password-form input[type=submit] { background-color: #CDB091; border: none; padding: 10px 40px; color: #ffffff; cursor: pointer; font-weight: 600; transition: all 0.5s ease-out; } .post-password-form input[type=submit]:hover { background-color: #26262c; } .textwidget p > strong { color: #1E2E3E; } /* Table */ table { margin-bottom: 20px; width: 100%; } table caption { border: 1px solid #dfe2e9; padding: 6px 10px; border-top: 0; color: #666666; } table th, table td { background-color: transparent; border: 1px solid #dfe2e9; text-align: center; padding: 8px; transition: 0.3s; color: #666666; } table th#today, table td#today { background: #CDB091; color: #ffffff; } table th#today a, table td#today a { color: #ffffff; } .page-content .size-full.alignright { margin-bottom: 15px; margin-top: 20px; } .page-content figure.wp-caption.aligncenter { margin-top: 40px; } .page-content dl, .page-content ol, .page-content ul { margin-bottom: 11px; } .page-content .comment-respond { margin-top: 78px; margin-bottom: 20px; } .page-content .latest-comments .comment-respond { margin-bottom: 40px; } .page-content .post-comments { margin-top: 80px; } /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #eee; clip: auto !important; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } /* Caption ============================*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*=wp-image-] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; font-size: 14px; font-style: italic; } .wp-caption-text { text-align: center; } /* Galleries ============================*/ .gallery { margin-bottom: 10px; } .gallery-item { display: inline-block; max-width: 33.33%; text-align: center; vertical-align: top; width: 100%; padding-right: 5px !important; } .gallery-columns-1 .gallery-item { max-width: 100%; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } .size-thumbnail { margin-bottom: 20px; } img.emoji { width: 15px; height: 15px; } /* Alignments ============================*/ .alignleft { display: inline; float: left; margin-right: 1.5em !important; } .alignright { display: inline; float: right; margin-left: 1.5em !important; } .aligncenter { clear: both; display: block; margin-left: auto !important; margin-right: auto !important; text-align: center; } /* Block Unit Test Widget ============================*/ .wp-block-search__input { border: 1px solid #c7c7e1 !important; } .wp-block-search__button { margin-left: 0 !important; } .wp-block-social-links { padding-left: 0 !important; } .wp-block-social-links li { padding-top: 0 !important; } .single-post-item.format-quote blockquote { padding: 45px; } @media (max-width: 767px) { .single-post-item.format-quote blockquote { padding: 35px; } } blockquote { overflow: hidden; margin: 40px 0; position: relative; z-index: 1; padding-left: 60px; } @media only screen and (min-width: 0px) and (max-width: 767px) { blockquote { padding-left: 30px; } } blockquote p { font-family: "Jost", sans-serif; font-size: 21px; color: #8f939b; line-height: initial; font-weight: 400; margin: 0 !important; font-style: italic; } @media only screen and (min-width: 0px) and (max-width: 767px) { blockquote p { font-size: 18px; line-height: initial; } } blockquote p a { color: #CDB091; text-decoration: underline; } blockquote footer { font-family: "Hepta Slab", sans-serif; font-size: 16px; font-weight: 600; text-transform: capitalize; color: #26262c; margin-top: 20px; } .wp-block-group.has-background p, .wp-block-columns.has-background p, .wp-block-columns .has-background p { color: #26262c; } .wp-block-quote, blockquote { border-left: solid 5px #CDB091; } .wp-block-pullquote { border-top: 5px solid #CDB091 !important; border-bottom: 5px solid #CDB091 !important; background-color: #eef5f8; } .wp-block-quote__citation, .wp-block-quote cite, .wp-block-quote footer { margin-top: 10px; display: block; } .wp-block-column:not(:first-child), .wp-block-column:nth-child(2n) { margin-left: 10px; } .wp-block-column:not(:last-child) { margin-right: 10px; } .wp-block-column:nth-child(2n+1) { margin-right: 10px; } .post-content > .alignwide { margin-left: 0; margin-right: 0; width: calc(100% + 20px); max-width: calc(100% + 20px); } .post-content h2.has-small-font-size { line-height: 24px; } .post-content h2.has-medium-font-size { line-height: 32px; } .post-content h2.has-large-font-size { line-height: 48px; } .post-content p.has-large-font-size { font-size: 36px; line-height: 1.2; } .post-content .wp-block-search { margin-bottom: 15px; } .post-content .wp-block-file { margin-top: 20px; margin-bottom: 20px; } .post-content .wp-block-group__inner-container p { margin-top: 0 !important; } .has-very-light-gray-color.has-very-light-gray-color { color: #fff; background: #CDB091 !important; } .wp-block-button { margin-bottom: 10px; } .wp-block-archives select, .wp-block-categories select { height: 66px; width: 200px; border: 1px solid #c7c7e1; padding: 0 10px; margin-bottom: 10px; } .wp-block-latest-comments { padding-left: 0 !important; } .wp-block-cover p.wp-block-cover-text, .wp-block-cover.is-light .wp-block-cover__inner-container { color: #fff !important; } .wp-block-cover-text a { color: #fff; } .wp-block-rss { padding-left: 0 !important; } .widget .wp-block-archives-dropdown, .widget .wp-block-categories-dropdown, .widget .wp-block-loginout, .widget .wp-block-social-links, .widget.widget_archive select, .widget.widget_categories select, .widget.widget_text select, .widget.widget_search .search-form, .widget.widget_tag_cloud .tagcloud, .widget .wp-block-tag-cloud { margin-bottom: 6px; } .wp-block-latest-posts .wp-block-latest-posts__post-title { display: inline-block; width: 100%; } nav.wp-calendar-nav { justify-content: space-between; display: flex; } nav.wp-calendar-nav a { color: #666666; } nav.wp-calendar-nav a:hover { color: #CDB091; } .blog-search-content .search-form input { width: 50%; } @media (max-width: 991px) { .blog-search-content .search-form input { width: 100%; } } /* Search Widget */ .search-form { display: flex !important; } .search-form button { width: 62px; flex-shrink: 0; } .wp-block-search__no-button.wp-block-search input { border-radius: 6px; } .wp-block-search { margin-bottom: -2px; } .wp-block-search, .search-form { display: inline-block; width: 100%; overflow: hidden; } .wp-block-search .wp-block-search__inside-wrapper, .search-form .wp-block-search__inside-wrapper { display: flex; padding: 0 !important; } .wp-block-search label, .search-form label { font-size: 24px; display: block; line-height: 28px; font-weight: 600; margin-bottom: 30px; color: #26262c; font-family: "Hepta Slab", sans-serif; } .wp-block-search input, .search-form input { border: 1px solid #c7c7e1; padding: 0 25px; height: 66px; width: 100%; color: #abb0ba; font-size: 18px; border-radius: 6px 0 0 6px; } .wp-block-search button, .search-form button { color: #ffffff; padding: 0 20px; position: relative; right: 0; background-color: #CDB091; top: 0; height: auto; border-radius: 0 6px 6px 0; line-height: 0; border: 0; margin-left: 0 !important; } /* Media ============================*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } embed, iframe, object { max-width: 100%; } figure.wp-block-embed { overflow: hidden; } .comment-respond.style-two .wpcf7-form .wpcf7-not-valid-tip { color: #d9c0b8 !important; } .comment-respond .wpcf7-form .wpcf7-not-valid { border-color: #dc3232 !important; } .comment-respond .wpcf7-form .wpcf7-not-valid-tip { font-size: 16px; margin-top: 5px; } .comment-respond .wpcf7-form.sent .wpcf7-response-output { font-weight: 600; font-size: 16px; line-height: 21px; letter-spacing: -0.01em; color: #72DC60; padding: 15px 20px; text-align: center; position: relative; background: #F4FFF5; border: 1px solid #CDF5C8 !important; border-radius: 10px; } .comment-respond .wpcf7-form.invalid .wpcf7-response-output { font-weight: 600; font-size: 16px; line-height: 21px; letter-spacing: -0.01em; padding: 0; position: relative; border: none !important; border-radius: 10px; } input[type=checkbox], input[type=radio] { -webkit-appearance: none; appearance: none; margin: 0; width: 22px !important; height: 22px !important; border-color: #e3e4e5; border-radius: 6px !important; background-color: #e3e4e5 !important; transform: scale(1); transition: 0.3s; position: relative !important; padding: 0 !important; cursor: pointer; margin-top: 0 !important; display: flex; align-self: center; flex-shrink: 0; box-shadow: none !important; } input[type=radio]::before { position: absolute; content: ""; height: 8px; width: 8px; transition: 0.3s; transform: scale(0); background-color: #CDB091; top: 0; left: 0; bottom: 0; right: 0; margin: auto; } input[type=checkbox]::before { position: absolute; content: ""; background-image: url("data:image/svg+xml,%3Csvg width='9' height='8' viewBox='0 0 9 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.44899 7.76355C3.36328 7.84971 3.24641 7.89784 3.12495 7.89784C3.00349 7.89784 2.88662 7.84971 2.80091 7.76355L0.213156 5.17534C-0.0554271 4.90676 -0.0554271 4.47134 0.213156 4.20321L0.537198 3.87917C0.805781 3.61059 1.24074 3.61059 1.50932 3.87917L3.12495 5.4948L7.49057 1.12917C7.75916 0.860589 8.19457 0.860589 8.4627 1.12917L8.78674 1.45321C9.05532 1.7218 9.05532 2.15721 8.78674 2.42534L3.44899 7.76355Z' fill='white'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center center; background-size: 8px; height: 100%; width: 100%; transition: 0.3s; transform: scale(0); background-color: #CDB091; top: 0; left: 0; bottom: 0; right: 0; margin: auto; } input[type=checkbox]:checked::before, input[type=radio]:checked::before { transform: scale(1); box-sizing: inherit !important; } input[type=checkbox]:checked, input[type=radio]:checked { border-color: #CDB091 !important; } .wpcf7-form-control { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; } .wpcf7-form-control .wpcf7-list-item { margin: 0; } .wpcf7-form-control .wpcf7-list-item label { display: flex; align-content: center; margin: 0; gap: 10px; } .wpcf7-form-control .wpcf7-list-item label .wpcf7-list-item-label { font-size: 16px; font-weight: 400; } .logged-in .comment-respond textarea { margin-bottom: 12px; } .zoom-instagram-widget p { color: #ffffff; } .zoom-instagram-widget p a { color: #CDB091; } .zoom-instagram-widget ul { list-style: none; } .zoom-instagram-widget ul li { color: #ffffff; } /* Recent Comment List Block Widget & Latest Post Widget Block */ .has-avatars.has-dates.has-excerpts.wp-block-latest-comments li.wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta, .has-dates.has-excerpts.wp-block-latest-comments li.wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta { font-weight: 600; color: #1E2E3E; } .has-avatars.has-dates.has-excerpts.wp-block-latest-comments li.wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-author, .has-avatars.has-dates.has-excerpts.wp-block-latest-comments li.wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-link, .has-dates.has-excerpts.wp-block-latest-comments li.wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-author, .has-dates.has-excerpts.wp-block-latest-comments li.wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-link { font-weight: 600; } .wp-block-latest-comments li.wp-block-latest-comments__comment, .wp-block-latest-posts li.wp-block-latest-comments__comment { margin-bottom: 0; } .wp-block-latest-comments li .wp-block-latest-comments__comment-meta, .wp-block-latest-comments li .wp-block-latest-posts__post-title, .wp-block-latest-posts li .wp-block-latest-comments__comment-meta, .wp-block-latest-posts li .wp-block-latest-posts__post-title { line-height: 28px; font-weight: 400; } .wp-block-latest-comments li .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date, .wp-block-latest-comments li .wp-block-latest-posts__post-title .wp-block-latest-comments__comment-date, .wp-block-latest-posts li .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date, .wp-block-latest-posts li .wp-block-latest-posts__post-title .wp-block-latest-comments__comment-date { font-size: 14px !important; margin-bottom: 10px; position: relative; color: #666666; } .wp-block-latest-comments li .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date:before, .wp-block-latest-comments li .wp-block-latest-posts__post-title .wp-block-latest-comments__comment-date:before, .wp-block-latest-posts li .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date:before, .wp-block-latest-posts li .wp-block-latest-posts__post-title .wp-block-latest-comments__comment-date:before { content: "\f274"; font-family: "Font Awesome 6 Pro"; padding-right: 8px; } .wp-block-latest-comments li a, .wp-block-latest-posts li a { color: #1E2E3E; } .wp-block-latest-comments li a.wp-block-latest-comments__comment-author, .wp-block-latest-comments li a.wp-block-latest-comments__comment-link, .wp-block-latest-posts li a.wp-block-latest-comments__comment-author, .wp-block-latest-posts li a.wp-block-latest-comments__comment-link { display: inline !important; text-transform: capitalize; line-height: 28px; font-weight: 400; } .wp-block-latest-comments li a:hover, .wp-block-latest-posts li a:hover { color: #CDB091; } .wp-block-latest-comments li .wp-block-latest-comments__comment-excerpt p, .wp-block-latest-posts li .wp-block-latest-comments__comment-excerpt p { font-size: 16px; line-height: 28px; margin: 0; } body.admin-bar .header-menu-area.sticky_menu { top: 30px; } @media (max-width: 600px) { body.admin-bar .header-menu-area.sticky_menu { top: 0; } } .page-template-default.page-id-146 .page-content p:last-child { margin-bottom: 10px; } .page-template-default.page-id-156 .page-content-wrapper .page-content > p { margin-bottom: 10px; } .page-template-default.page-id-1133 .page-content .comment-respond { margin-top: 78px; display: inline-block; width: 100%; } .page-template-default.page-id-3 .page-area { padding-top: 120px; } .page-template-default.page-id-3 .page-area .page-content { margin-top: -9px; } .post-template-default.postid-163 .blog-details-wrapper .single-post-item .post-content { margin-bottom: 34px; } .post-template-default.postid-150 .blog-details-wrapper .single-post-item .post-content { margin-bottom: 34px; } .post-template-default.postid-150 .blog-details-wrapper .single-post-item .post-content .wp-block-group.is-layout-constrained:last-child { border: 1px solid #000; } .post-template-default.postid-51 .blog-details-wrapper .single-post-item .post-content { margin-bottom: 25px; } .post-template-default.postid-51 .blog-details-wrapper .single-post-item .post-content p:last-child { margin-bottom: 0; } .post-template-default.postid-1163 .blog-details-wrapper .single-post-item .post-content .wp-caption, .post-template-default.postid-568 .blog-details-wrapper .single-post-item .post-content .wp-caption { margin-top: 20px; } .post-template-default.postid-1785 .blog-details-wrapper .single-post-item .post-content .wp-block-button__link { color: #ffffff !important; } .post-template-default.postid-555 .blog-details-wrapper .single-post-item .post-content .gallery { margin-top: 20px; } .post-template-default.postid-1786 .blog-details-wrapper .single-post-item .post-title { margin-bottom: 20px; } .post-template-default.postid-1780 .blog-details-wrapper .single-post-item .wp-block-button { margin-top: 20px; margin-bottom: 40px; } .error-404.not-found { margin-top: -20px; margin-bottom: 40px; } .error-404.not-found .error-content .error-btn-bh { margin-top: 20px; } @keyframes MovefadeUp { 0% { opacity: 0; -webkit-transform: translateY(60px); transform: translateY(60px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } .MovefadeUp { -webkit-animation-name: MovefadeUp; animation-name: MovefadeUp; } @-webkit-keyframes ripple { 70% { -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0); box-shadow: 0 0 0 30px rgba(255, 255, 255, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } @keyframes ripple { 70% { -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0); box-shadow: 0 0 0 30px rgba(255, 255, 255, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } @-webkit-keyframes pulse { to { box-shadow: 0 0 0 45px rgba(255, 255, 255, 0); } } @-moz-keyframes pulse { to { box-shadow: 0 0 0 45px rgba(255, 255, 255, 0); } } @-ms-keyframes pulse { to { box-shadow: 0 0 0 45px rgba(255, 255, 255, 0); } } @keyframes pulse { to { box-shadow: 0 0 0 45px rgba(255, 255, 255, 0); } } @-webkit-keyframes animatelinebar { 0% { -webkit-transform: translateX(0px); transform: translateX(0px); } 100% { -webkit-transform: translateX(25px); transform: translateX(25px); } } @keyframes animatelinebar { 0% { -webkit-transform: translateX(0px); transform: translateX(0px); } 100% { -webkit-transform: translateX(25px); transform: translateX(25px); } } @-webkit-keyframes slideUpIn { 0% { -webkit-transform: translateY(40px); } 100% { -webkit-transform: translateY(0); } 0% { -webkit-transform: translateY(40px); } } @keyframes slideUpIn { 0% { transform: translateY(40px); } 100% { transform: translateY(0); } 0% { transform: translateY(40px); } } @-webkit-keyframes MoveLeftRight { 0% { transform: translateX(0); } 100% { transform: translateX(-20px); } } @keyframes MoveLeftRight { 0% { transform: translateX(0); } 100% { transform: translateX(-20px); } } @-webkit-keyframes MoveUpDown { 0% { transform: translateY(0); } 100% { transform: translateY(-30px); } } @keyframes MoveUpDown { 0% { transform: translateY(0); } 100% { transform: translateY(-30px); } } @-webkit-keyframes Animated3 { 0% { transform: translateY(0); } 100% { transform: translateY(-20px); } } @keyframes Animated3 { 0% { transform: translateY(0); } 100% { transform: translateY(-20px); } } @-webkit-keyframes Animated4 { 0% { transform: translateX(0); } 100% { transform: translateX(-10px); } } @keyframes Animated4 { 0% { transform: translateX(0); } 100% { transform: translateX(-10px); } } @keyframes UpToDown { 49% { -webkit-transform: translateY(100%); transform: translateY(100%); } 50% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 51% { opacity: 1; } } @keyframes Scroll { 0% { transform: translateX(-50vw); transform: translateX(-50vw); } 100% { transform: translateX(50vw); transform: translateX(50vw); } } @keyframes spin { 100% { transform: rotate(359deg); } } #preloader { position: fixed; top: 0; left: 0; background-color: #fff; z-index: 9999999; right: 0; bottom: 0; } #preloader-status { height: 210px; width: 210px; background-repeat: no-repeat; background-position: center; margin: -100px 0 0 -100px; position: absolute; left: 50%; top: 50%; } .scrollup-wrapper { position: fixed; right: 40px; bottom: 20px; z-index: 9999; } .scrollup-btn { display: flex; align-content: center; justify-content: center; font-size: 26px; color: #ffffff; text-decoration: none; width: 50px; height: 50px; background-color: #CDB091; border-radius: 50px; border: 2px solid transparent; outline: 2px dashed #CDB091; align-items: center; cursor: pointer; } .scrollup-btn i { margin-top: -3px; display: block; } .header-area.style-1 .search-btn-with-btn .theme-btn { padding: 11px 24px; } .header-area.style-1 .header-menu-area { padding: 0 50px; background-color: #1C1D20; border-bottom: 1px solid rgba(205, 176, 145, 0.1490196078); } @media only screen and (min-width: 1400px) and (max-width: 1459px) { .header-area.style-1 .header-menu-area { padding: 0 10px; } } @media (max-width: 1399px) { .header-area.style-1 .header-menu-area { padding: 0; } } .header-area .search-btn-wrapper { display: flex; height: 100%; } .header-area .search-btn-wrapper .search-btn { color: #ffffff; display: flex; height: 100%; align-items: center; } .header-area .search-btn-wrapper .search-btn:hover { color: #CDB091; } .header-area .search-btn-wrapper .search-btn .search-bar { width: 42px; height: 10px; display: flex; align-items: flex-end; flex-shrink: 0; justify-content: space-between; flex-direction: column; } .header-area .search-btn-wrapper .search-btn .search-bar:before { width: 85% !important; } .header-area .search-btn-wrapper .search-btn .search-bar:before, .header-area .search-btn-wrapper .search-btn .search-bar:after { background-color: #ffffff; height: 2px; width: 100%; border-radius: 50px; content: ""; left: 0; } .header-area .header-cta-btn { display: flex; flex-direction: column; gap: 10px; text-align: right; margin-right: -232px; padding-left: 33px; } @media (max-width: 1199px) { .header-area .header-cta-btn { display: none !important; } } @media (max-width: 1549px) { .header-area .header-cta-btn { margin-right: 0; } } @media only screen and (min-width: 1550px) and (max-width: 1850px) { .header-area .header-cta-btn { margin-right: -100px; } } .header-area .header-cta-btn .phone-number-wrapper { display: flex; flex-direction: column; } .header-area .header-cta-btn .phone-number-wrapper .telephone-number { color: #1E2E3E; font-size: 18px; font-weight: 600; font-family: "Jost", sans-serif; line-height: initial; } .header-area .header-cta-btn .phone-number-wrapper .text { font-size: 12px; color: #1E2E3E; font-weight: 400; font-family: "Jost", sans-serif; line-height: initial; } .header-area .header-cta-btn .cta-btn-wrapper .cta-btn { padding: 6px 28px; color: #ffffff; } .header-top { background-color: #CDB091; } @media (max-width: 991px) { .header-top { display: none; } } .header-top .header-top-info { display: flex; gap: 0 24px; } @media (max-width: 1199px) { .header-top .header-top-info { justify-content: space-between; width: 100%; } } @media (max-width: 991px) { .header-top .header-top-info { padding-bottom: 10px; } } .header-top .header-social-wrapper { display: flex; gap: 24px; } @media (max-width: 1549px) { .header-top .header-social-wrapper { gap: 20px; } } .header-top .header-social-wrapper .btn-wrapper { margin-right: -13px; border-right: 1px solid #d9d9d9; padding-right: 5px; background: #fff; padding-left: 5px; } @media (max-width: 1399px) { .header-top .header-social-wrapper .btn-wrapper { display: none; } } .header-top .header-social-wrapper .btn-wrapper .theme-btn { padding: 9px 22px; } .header-top .header-contact-info { display: flex; align-items: center; gap: 0 24px; padding: 6px 0; flex-wrap: wrap; } .header-top .header-contact-info span { display: flex; align-items: center; gap: 24px; color: #ffffff; font-size: 14px; font-weight: 400; font-family: "Jost", sans-serif; } .header-top .header-contact-info span:first-child:before { display: none; } .header-top .header-contact-info span:before { background-color: rgb(255, 255, 255); opacity: 0.361; width: 1px; display: inline-flex; height: 12px; content: ""; } @media only screen and (min-width: 0px) and (max-width: 767px) { .header-top .header-contact-info span:before { display: none; } } .header-top .header-contact-info span.contact-info-item { gap: 0 10px !important; } .header-top .header-contact-info span a { display: flex; align-items: center; gap: 10px; color: #ffffff; font-size: 16px; font-weight: 400; font-family: "Jost", sans-serif; } @media only screen and (min-width: 0px) and (max-width: 767px) { .header-top .header-top-btn { display: none; } } .header-top .header-top-btn a { position: relative; padding: 12px 46px; font-size: 18px; font-family: "Jost", sans-serif; color: #ffffff; margin-bottom: -100px; display: inline-block; font-weight: 600; z-index: 2; } .header-top .header-top-btn a:hover:before { transition: all 0.5s ease-out; background-color: #CDB091; } .header-top .header-top-btn a:before { position: absolute; content: ""; border-radius: 0 0 10px 10px; background-color: #CDB091; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; transition: all 0.5s ease-out; } .header-top .social-profile { display: flex; align-items: center; gap: 25px; justify-content: flex-end; } .header-top .social-profile a { font-size: 16px; color: #ffffff; transition: 0.3s; transform: scale(1); } .header-top .social-profile a:hover { transition: all 0.5s ease-out; transform: scale(1.4); color: #CDB091; } .header-menu-area { width: 100%; z-index: 999; transition: all 0.4s ease 0s; } @media (max-width: 991px) { .header-menu-area .search-btn-with-btn { display: none; } } @media (max-width: 1199px) { .header-menu-area .search-btn-with-btn .btn-wrapper { display: none; } } .header-menu-area.sticky-header { width: 100%; z-index: 999; transition: all 0.4s ease 0s; } .header-menu-area.sticky-header.sticky_menu .search-btn-wrapper .search-btn { color: #1E2E3E; } .header-menu-area.sticky-header.sticky_menu .search-btn-wrapper .search-btn:hover { color: #CDB091; } .header-menu-area.sticky_menu { left: 0; right: 0; top: 0; position: fixed; z-index: 9999; background-color: #ffffff; box-shadow: 0 7px 24px 0 rgba(0, 0, 0, 0.05); } .header-menu-area.sticky_menu .logo { height: 84px; } .header-menu-area.sticky_menu .logo:before { display: none; } .header-menu-area.sticky_menu .logo .standard-logo { display: none; } .header-menu-area.sticky_menu .logo .sticky-logo { display: block; } .header-menu-area.sticky_menu .logo .sticky-logo img { width: 170px; transition: all 0.5s ease-out; } .header-menu-area.sticky_menu .main-menu ul li.active > a, .header-menu-area.sticky_menu .main-menu ul li.current-menu-ancestor > a { color: #CDB091; } .header-menu-area.sticky_menu .main-menu ul li.active > a:after, .header-menu-area.sticky_menu .main-menu ul li.current-menu-ancestor > a:after { display: none; } .header-menu-area.sticky_menu .main-menu ul li a { padding: 27px 26px; color: #1E2E3E; transition: all 0.5s ease-out; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .header-menu-area.sticky_menu .main-menu ul li a { padding: 27px 15px; } } .header-menu-area.sticky_menu .main-menu ul li a:hover { color: #CDB091; } .header-menu-area.sticky_menu .main-menu ul li ul.submenu li.active > a { color: #ffffff; } .header-menu-area.sticky_menu .main-menu ul li ul li a { padding: 10px 20px; } .header-menu-area.sticky_menu .main-menu ul li ul li a:hover { color: #ffffff; } .header-menu-area.sticky_menu .ct-header-btn .content-wrapper span { color: #1E2E3E; } .header-menu-area .logo { position: relative; z-index: 999; height: 123px; display: flex; align-items: center; min-width: 285px; flex-shrink: 0; margin-left: -192px; } @media (max-width: 1549px) { .header-menu-area .logo { margin-left: 0; min-width: 240px; } } @media only screen and (min-width: 1280px) and (max-width: 1399px) { .header-menu-area .logo { margin-left: -40px !important; } } @media only screen and (min-width: 1550px) and (max-width: 1700px) { .header-menu-area .logo { margin-left: -100px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-menu-area .logo { height: 100px; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .header-menu-area .logo { height: 80px; } } .header-menu-area .logo .standard-logo img { transition: all 0.5s ease-out; } .header-menu-area .logo .sticky-logo { display: none; } .header-menu-area .logo .sticky-logo img { transition: all 0.5s ease-out; } .header-menu-area .logo .retina-logo { display: none; } .main-menu ul { margin: 0; padding: 0; position: relative; } .main-menu ul li { display: inline-block; padding: 0; position: relative; } .main-menu ul li.active, .main-menu ul li.current-menu-ancestor { position: relative; } .main-menu ul li.active > a, .main-menu ul li.current-menu-ancestor > a { color: #CDB091; } .main-menu ul li.dropdown > a { padding-right: 30px !important; } .main-menu ul li.dropdown > a:before { visibility: visible; } .main-menu ul li.dropdown .dropdown > a:before { visibility: visible; right: 15px; transform: rotate(-90deg); margin-top: -4px; } .main-menu ul li ul.submenu li.active > a { position: relative; z-index: 2; background-color: #CDB091; color: #ffffff !important; } .main-menu ul li ul.submenu li.active > a:after { display: none; } .main-menu ul li a { display: block; padding: 48px 15px; text-decoration: none; text-transform: capitalize; transition: all 0.5s ease-out; position: relative; color: #ffffff; font-family: "Jost", sans-serif; font-size: 18px; font-weight: 600; } @media (max-width: 1399px) { .main-menu ul li a { padding: 48px 12px; } } .main-menu ul li a:hover { color: #CDB091; } .main-menu ul li:hover > ul { visibility: visible; transition: all 300ms ease; opacity: 1; transform: scaleY(1); } .main-menu ul li ul li:hover ul { visibility: visible; top: -2px; } .main-menu ul ul { background-color: #ffffff; left: 0; opacity: 0; position: absolute; text-align: left; top: 100%; visibility: hidden; z-index: 99999; transition: all 300ms ease; border-top: 2px solid #CDB091; box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08); transform-origin: top; transform: scaleY(0); } .main-menu ul ul li { float: none; min-width: 210px; } .main-menu ul ul li ul { visibility: hidden; } .main-menu ul ul li i { float: right; } .main-menu ul ul li a { line-height: 120%; padding: 10px 20px; color: #26262c; border-bottom: 1px solid #f5f5f5; margin-left: 0; font-size: 16px; } .main-menu ul ul li a:hover { background-color: #CDB091; color: #ffffff; } .main-menu ul ul li:last-child a { border-bottom: 0px; } .main-menu ul ul ul { left: 100%; transition: all 0.3s ease 0s; opacity: 0; border-top: 0px; border-top: 2px solid #CDB091; } .animation { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .slideUpIn { -webkit-animation-name: slideUpIn; animation-name: slideUpIn; } .search-btn-with-cta-btn { display: flex; gap: 45px; margin-right: -174px; margin-left: auto; } @media (max-width: 1549px) { .search-btn-with-cta-btn { margin-right: 0; gap: 10px; } } @media only screen and (min-width: 1550px) and (max-width: 1700px) { .search-btn-with-cta-btn { margin-right: -100px; } } .search-btn-with-btn { display: flex; align-items: center; gap: 45px; } @media (max-width: 1549px) { .search-btn-with-btn { gap: 10px; } } .search-btn-with-btn .search-btn { font-size: 24px; font-weight: 600; color: #ffffff; } .ct-header-btn { display: flex; align-items: center; gap: 15px; } @media only screen and (min-width: 1400px) and (max-width: 1420px) { .ct-header-btn { display: none; } } @media only screen and (max-width: 1399px) { .ct-header-btn { display: none; } } .ct-header-btn .icon-wrapper .icon { display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; flex-shrink: 0; } .ct-header-btn .content-wrapper { display: flex; flex-direction: column; } .ct-header-btn .content-wrapper span { display: inline-block; width: 100%; color: #ffffff; } .ct-header-btn .content-wrapper .title { font-size: 14px; } .ct-header-btn .content-wrapper .text { font-family: "Jost", sans-serif; font-size: 18px; font-weight: 600; color: #ffffff; line-height: 22px; } .ct-header-btn .content-wrapper .text a { color: #CDB091; } @media only screen and (max-width: 1199px) { .ct-header-btn { display: none; } } .search-form-wrapper { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.6); opacity: 0; z-index: 999; visibility: hidden; transition: all 0.5s ease-out; } .search-form-wrapper.active { visibility: visible; opacity: 1; transition: all 0.5s ease-out; } .search-form-wrapper .search-form-inner { width: 768px; position: relative; top: 50%; transform: translate(-50%, -50%); left: 50%; } .search-form-wrapper .search-form-inner .search-content-filed { display: flex; align-items: center; gap: 30px; } .search-form-wrapper .search-form-inner .search-content-filed .search-close { cursor: pointer; font-size: 30px; color: #ffffff; } .search-form-wrapper .search-form-inner .search-form { background: #FFFFFF; box-shadow: 0px 30px 70px rgba(208, 225, 242, 0.3); border-radius: 50px; padding: 15px 30px; flex: 1; } .search-form-wrapper .search-form-inner .search-form .search-form-input { display: flex; align-items: center; } .search-form-wrapper .search-form-inner .search-form .search-form-input .search-icon { display: flex; } .search-form-wrapper .search-form-inner .search-form .search-form-input button.submit-search-btn { padding: 15px 24px !important; } .search-form-wrapper .search-form-inner .search-form input[type=search] { margin-top: 0 !important; background: transparent !important; border: 0 !important; padding: 0 12px !important; flex-grow: 1; } .header-area.style-2 { border-bottom: 1px solid rgba(0, 0, 0, 0.1490196078); } .header-area.style-2 .search-btn-with-btn { margin-left: auto; } .header-area.style-2 .search-btn-with-btn .header-cta-btn { margin-right: 0; padding-left: 0; } .header-area.style-2 .search-btn-wrapper .search-btn .search-bar:before, .header-area.style-2 .search-btn-wrapper .search-btn .search-bar:after { background-color: #CDB091; } .header-area.style-2 .logo { width: 292px; display: flex; text-align: center; justify-content: center; align-items: center; height: 120px; margin-left: -292px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .header-area.style-2 .logo { width: 230px; } } @media (max-width: 1549px) { .header-area.style-2 .logo { margin-left: 0; } } @media only screen and (min-width: 1550px) and (max-width: 1850px) { .header-area.style-2 .logo { margin-left: -150px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-area.style-2 .logo { height: 100px; width: 200px; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .header-area.style-2 .logo { height: 80px; width: 200px; } } .header-area.style-2 .logo .standard-logo img { transition: all 0.5s ease-out; } .header-area.style-2 .logo .sticky-logo { display: none; } .header-area.style-2 .logo .sticky-logo img { transition: all 0.5s ease-out; } .header-area.style-2 .logo .retina-logo { display: none; } .header-area.style-2 .header-area-wrapper { display: flex; align-items: center; } .header-area.style-2 .header-wrapper { width: 100%; } @media (max-width: 991px) { .header-area.style-2 .header-wrapper { border: 0; } } .header-area.style-2 .header-wrapper .header-top { background-color: #1E2E3E; border-bottom: 0; } .header-area.style-2 .header-wrapper .header-top .header-contact-info { gap: 20px; } .header-area.style-2 .header-wrapper .header-top .header-contact-info span:last-child .contact-info-item .icon { background-color: #1E2E3E; } .header-area.style-2 .header-wrapper .header-top .header-contact-info .contact-info-item .icon { width: 40px; height: 38px; flex-shrink: 0; color: #ffffff; background-color: #1E2E3E; border-radius: 2px; display: flex; align-items: center; justify-content: center; font-size: 20px; } .header-area.style-2 .header-wrapper .header-top .header-contact-info span, .header-area.style-2 .header-wrapper .header-top .header-contact-info a { color: #ffffff; } .header-area.style-2 .header-wrapper .social-profile { gap: 28px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .header-area.style-2 .header-wrapper .social-profile { gap: 15px; } } .header-area.style-2 .header-wrapper .social-profile a { color: #ffffff; } .header-area.style-2 .header-wrapper .main-menu-wrapper { display: flex; justify-content: flex-end; gap: 20px; } .header-area.style-2 .header-wrapper .main-menu-wrapper .header-btn { margin-left: auto; } .header-area.style-2 .header-wrapper .main-menu-wrapper .header-btn .search-btn { color: #000000; } .header-area.style-2 .header-wrapper .main-menu-wrapper .header-btn .theme-btn { padding: 9px 37px; font-size: 16px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .header-area.style-2 .header-wrapper .main-menu-wrapper .main-menu { display: none !important; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-area.style-2 .header-wrapper .main-menu-wrapper .main-menu { display: none; } } .header-area.style-2 .header-wrapper .main-menu-wrapper .main-menu ul li:last-child a { padding-right: 0; } .header-area.style-2 .header-wrapper .main-menu-wrapper .main-menu ul li a { color: #393d48; padding: 25px 24px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .header-area.style-2 .header-wrapper .main-menu-wrapper .main-menu ul li a { padding: 20px 6px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .header-area.style-2 .header-wrapper .main-menu-wrapper .main-menu ul li a { padding: 25px 6px; } } .header-area.style-2 .header-wrapper .main-menu-wrapper .main-menu ul li.active { position: relative; } .header-area.style-2 .header-wrapper .main-menu-wrapper .main-menu ul li.active > a:after { top: unset; bottom: 0; background-color: #CDB091; } .header-area.style-2 .header-wrapper .main-menu-wrapper .main-menu ul ul li a { padding: 10px 20px; } .header-area.style-3 { border-bottom: 1px solid rgba(0, 0, 0, 0.1490196078); } .header-area.style-3 .mobile-menu-bar a i { color: #1E2E3E; } .header-area.style-3 .header-menu-area .search-btn-with-btn { margin-left: auto; } @media (max-width: 1199px) { .header-area.style-3 .header-menu-area .search-btn-with-btn { display: none; } } .header-area.style-3 .header-menu-area .search-btn-with-btn .search-btn-wrapper .search-btn .search-bar:before, .header-area.style-3 .header-menu-area .search-btn-with-btn .search-btn-wrapper .search-btn .search-bar:after { background-color: #1E2E3E; } .header-area.style-3 .logo { width: 292px; display: flex; text-align: center; justify-content: center; align-items: center; height: 120px; margin-left: -292px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .header-area.style-3 .logo { width: 230px; } } @media (max-width: 1549px) { .header-area.style-3 .logo { margin-left: 0; } } @media only screen and (min-width: 1550px) and (max-width: 1850px) { .header-area.style-3 .logo { margin-left: -150px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-area.style-3 .logo { height: 100px; width: 200px; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .header-area.style-3 .logo { height: 80px; width: 200px; } } .header-area.style-3 .header-area-wrapper { display: flex; align-items: center; } .header-area.style-3 .header-wrapper { width: 100%; border-left: 1px solid rgba(0, 0, 0, 0.1490196078); border-right: 1px solid rgba(0, 0, 0, 0.1490196078); } @media (max-width: 991px) { .header-area.style-3 .header-wrapper { border: 0; } } .header-area.style-3 .header-wrapper .header-top { background-color: transparent; border-bottom: 1px solid rgba(0, 0, 0, 0.1490196078); } .header-area.style-3 .header-wrapper .header-top .header-contact-info { padding: 8px 0; gap: 0; } .header-area.style-3 .header-wrapper .header-top .header-contact-info span:last-child .contact-info-item .icon { background-color: #1E2E3E; } .header-area.style-3 .header-wrapper .header-top .header-contact-info .contact-info-item .icon { width: 40px; height: 38px; flex-shrink: 0; color: #ffffff; background-color: #CDB091; border-radius: 2px; display: flex; align-items: center; justify-content: center; font-size: 20px; } .header-area.style-3 .header-wrapper .header-top .header-contact-info span, .header-area.style-3 .header-wrapper .header-top .header-contact-info a { color: #666666; } .header-area.style-3 .header-wrapper .social-profile { gap: 28px; } .header-area.style-3 .header-wrapper .social-profile a { color: #666666; } .header-area.style-3 .header-wrapper .main-menu-wrapper { display: flex; justify-content: flex-end; gap: 20px; } .header-area.style-3 .header-wrapper .main-menu-wrapper .header-btn { margin-left: auto; } .header-area.style-3 .header-wrapper .main-menu-wrapper .header-btn .search-btn { color: #000000; } .header-area.style-3 .header-wrapper .main-menu-wrapper .header-btn .theme-btn { padding: 9px 37px; font-size: 16px; } .header-area.style-3 .header-wrapper .main-menu-wrapper .main-menu ul li a { color: #393d48; padding: 25px 16px; } .header-area.style-3 .header-wrapper .main-menu-wrapper .main-menu ul li.active { position: relative; } .header-area.style-3 .header-wrapper .main-menu-wrapper .main-menu ul li.active > a:after { top: unset; bottom: 0; background-color: #CDB091; } .header-area.style-3 .header-wrapper .main-menu-wrapper .main-menu ul ul li a { padding: 10px 20px; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .header-area.style-3 .header-cta-btn { display: none; } } .mean-container a.meanmenu-reveal { display: none; } .mean-container .mean-nav { background: none; } .mean-container .mean-bar { padding: 0; min-height: auto; background: none; } .mean-container .mean-nav > ul { padding: 0; margin: 0; width: 100%; list-style-type: none; display: block !important; } .mean-container a.meanmenu-reveal { display: none !important; } .mean-container .mean-nav ul li a { width: 100%; padding: 10px 0; color: #26262c; border-top: 1px solid #dfe2e9; font-size: 14px; text-transform: capitalize; line-height: 1.5; font-weight: 600; } .mean-container .mean-nav ul li a.mean-expand { margin-top: 5px; padding: 0 !important; border: 1px solid #dfe2e9 !important; height: 30px; width: 30px; line-height: 30px; color: #26262c; line-height: 30px; top: 0; font-weight: 400; } .mean-container .mean-nav ul li > a > i { display: none; } .mean-container .mean-nav ul li > a.mean-expand i { display: inline-block; } .mean-container .mean-nav > ul > li:first-child > a { border-top: 0; } .mean-container .mean-nav ul li.dropdown-opened a.mean-expand.mean-clicked { background-color: #CDB091; border-color: #CDB091 !important; } .mean-container .mean-nav ul li.dropdown-opened a.mean-expand.mean-clicked i { color: #ffffff; } .mean-container .mean-nav ul li a.mean-expand.mean-clicked { color: #ffffff; } .mean-container .mean-nav ul li a.mean-expand.mean-clicked i { transform: rotate(45deg); color: #ffffff; } .header-area.style-2 .mobile-menu-bar a i, .header-area .sticky_menu .mobile-menu-bar a i { color: #1E2E3E; } .mobile-menu-bar a { display: flex; align-items: center; justify-content: center; } .mobile-menu-bar a i { color: #ffffff; font-size: 22px; } .menu-sidebar-area { position: fixed; right: -485px; top: 0; width: 465px; height: 100%; background-color: #ffffff; overflow-y: scroll; transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); z-index: 9999; } @media (max-width: 560px) { .menu-sidebar-area { width: 350px; } } .menu-sidebar-area .menu-sidebar-logo { display: inline-block; width: 180px; } .menu-sidebar-area .menu-sidebar-wrapper { position: relative; padding: 40px; } .menu-sidebar-area.active { right: 0; } .menu-sidebar-area .menu-sidebar-close { position: absolute; top: 35px; right: 45px; } .menu-sidebar-area .menu-sidebar-close .menu-sidebar-close-btn { display: inline-flex; align-items: center; justify-content: center; font-size: 16px; height: 45px; width: 45px; background-color: #CDB091; color: #ffffff; border-radius: 50%; } .menu-sidebar-area .menu-sidebar-close .menu-sidebar-close-btn:hover { background-color: #CDB091; } .menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget { display: inline-block; margin-top: 20px; width: 100%; border-bottom: 1px solid #dfe2e9; } .menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget:last-child { border-bottom: 0; } .menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget .menu-sidebar-title { margin-bottom: 5px; } .menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget .header-contact-info { display: flex; align-items: center; gap: 0 24px; padding: 6px 0; flex-wrap: wrap; flex-direction: column; } .menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget .header-contact-info span { display: flex; align-items: center; gap: 13px; color: #26262c; font-size: 16px; font-weight: 400; font-family: "Jost", sans-serif; width: 100%; } .menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget .header-contact-info span.contact-info-item { gap: 0 10px !important; } .menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget .header-contact-info span a { display: flex; align-items: center; gap: 10px; color: #26262c; font-size: 16px; font-weight: 400; font-family: "Jost", sans-serif; } .menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget .header-contact-info span a:hover { color: #CDB091; } .menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget .social-profile { margin-top: 20px; border-top: 1px solid #dfe2e9; width: 100%; padding-top: 20px; display: flex; gap: 12px; } .menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget .social-profile a { color: #26262c; font-size: 22px; } .menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget .social-profile a:hover { color: #CDB091; } .body-overlay { background-color: rgba(0, 0, 0, 0.6); height: 100%; width: 100%; position: fixed; top: 0; z-index: 999; left: 0; opacity: 0; visibility: hidden; transition: all 0.5s ease-out; } .body-overlay.active { opacity: 1; visibility: visible; } .body-overlay:hover { cursor: pointer; } .slider-area { overflow: hidden; position: relative; } .slider-area.style-1 { background-color: #1C1D20; padding-top: 2px; } .slider-area.style-1:before { position: absolute; content: ""; width: 100%; height: 1px; background-color: rgba(205, 176, 145, 0.1490196078); top: 2px; left: 0; } .slider-area .slider-wrapper .hero-slider-btn { width: 72px; height: 72px; border-radius: 50px; background-color: rgba(255, 255, 255, 0.09); box-shadow: 0px 12px 24px 0px rgba(2, 24, 93, 0.06); font-size: 24px; color: #ffffff; transition: all 0.5s ease-out; display: flex; align-items: center; justify-content: center; flex-shrink: 0; position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; } @media only screen and (min-width: 0px) and (max-width: 767px) { .slider-area .slider-wrapper .hero-slider-btn { width: 60px; height: 60px; } } .slider-area .slider-wrapper .hero-slider-btn.prev-btn { left: 30px; } .slider-area .slider-wrapper .hero-slider-btn.next-btn { right: 30px; } .slider-area .slider-wrapper .hero-slider-btn:hover { background-color: #CDB091; color: #ffffff; } .slider-area .slider-wrapper .slick-active .slider-short-title, .slider-area .slider-wrapper .slick-active .slider-title, .slider-area .slider-wrapper .slick-active .slider-short-desc, .slider-area .slider-wrapper .slick-active .slider-btn-wrapper { -webkit-animation-name: MovefadeUp; animation-name: MovefadeUp; -webkit-animation-fill-mode: both; } .slider-area .slider-wrapper .slick-active .slider-short-title { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; } .slider-area .slider-wrapper .slick-active .slider-title { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; } .slider-area .slider-wrapper .slick-active .slider-short-desc { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; -webkit-animation-duration: 0.7s; animation-duration: 0.7s; } .slider-area .slider-wrapper .slick-active .slider-btn-wrapper { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; -webkit-animation-duration: 0.9s; animation-duration: 0.9s; } .slider-area .slider-wrapper .slick-dots { position: absolute; z-index: 2; width: 100%; bottom: 80px; padding: 0; margin-bottom: 0; display: none !important; text-align: center; } @media only screen and (min-width: 0px) and (max-width: 767px) { .slider-area .slider-wrapper .slick-dots { position: unset; padding-bottom: 80px; } } .slider-area .slider-wrapper .slick-dots li { list-style: none; line-height: 0; display: inline-block; margin: 0 5px; } .slider-area .slider-wrapper .slick-dots li button { font-size: 0; padding: 0; width: 11px; height: 11px; background-color: #CDB091; border-radius: 50px; position: relative; transition: all 0.5s ease-out; } .slider-area .slider-wrapper .slick-dots li button:hover { background-color: #CDB091; transition: all 0.5s ease-out; } .slider-area .slider-wrapper .slick-dots li.slick-active button { background-color: #CDB091; transition: all 0.5s ease-out; } .slider-area .single-slider { position: relative; z-index: 2; padding-top: 50px; } .slider-area .single-slider .slider-title-wrapper .slider-sub-title { display: inline-flex; gap: 50px; font-size: 14px; font-weight: 400; letter-spacing: 7px; margin-bottom: 0; color: #ffffff; align-items: center; } @media (max-width: 767px) { .slider-area .single-slider .slider-title-wrapper .slider-sub-title { font-size: 10px; gap: 15px; } } .slider-area .single-slider .slider-title-wrapper .slider-title { font-family: "Hepta Slab", sans-serif; font-weight: 600; font-size: 80px; color: #ffffff; line-height: initial; margin-bottom: 0; } @media only screen and (min-width: 992px) and (max-width: 1400px) { .slider-area .single-slider .slider-title-wrapper .slider-title { font-size: 60px; line-height: 64px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .slider-area .single-slider .slider-title-wrapper .slider-title { font-size: 48px; line-height: 56px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .slider-area .single-slider .slider-title-wrapper .slider-title { font-size: 42px; line-height: 52px; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .slider-area .single-slider .slider-title-wrapper .slider-title { font-size: 38px; line-height: 44px; } } .slider-area .single-slider .slider-title-wrapper .slider-title .single-title-item { display: flex; align-items: center; gap: 20px; } .slider-area .single-slider .slider-feature-image { margin-left: -220px; } @media (max-width: 991px) { .slider-area .single-slider .slider-feature-image { margin-bottom: 50px !important; } } @media (max-width: 1700px) { .slider-area .single-slider .slider-feature-image { margin-left: 0; } } .slider-area .single-slider .slider-content { margin-right: -120px; transform: translateX(90px); margin-top: 90px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .slider-area .single-slider .slider-content { transform: translateX(10px); margin-top: 0; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .slider-area .single-slider .slider-content { transform: translateX(0); } } @media only screen and (min-width: 1400px) and (max-width: 1549px) { .slider-area .single-slider .slider-content { transform: translateX(20px); } } @media (max-width: 991px) { .slider-area .single-slider .slider-content { transform: translateX(0) !important; margin-top: 30px !important; } } @media (max-width: 1700px) { .slider-area .single-slider .slider-content { margin-right: 0; margin-top: 0; } } .slider-area .single-slider .slider-content .slider-short-desc { font-size: 18px; color: #ffffff; font-weight: 400; line-height: initial; margin-bottom: 0; } .slider-area .single-slider .slider-content .divider-wrapper { display: flex; align-items: center; gap: 10px; margin-top: 22px; margin-bottom: 40px; } .slider-area .single-slider .slider-content .divider-wrapper .divider { height: 2px; background-color: #ffffff; border-radius: 50px 0 0 50px; } .slider-area .single-slider .slider-content .divider-wrapper .divider.one { width: 86px; } .slider-area .single-slider .slider-content .divider-wrapper .divider.two { width: 22px; } .slider-area .single-slider .slider-content .divider-wrapper .divider.three { width: 14px; } .slider-area .single-slider .slider-content .divider-wrapper .divider.four { width: 9px; } .slider-area .single-slider .slider-image-wrapper { position: relative; margin-left: -190px; margin-right: -225px; margin-top: 125px; } @media (max-width: 991px) { .slider-area .single-slider .slider-image-wrapper { margin-top: 50px !important; } } @media (max-width: 1700px) { .slider-area .single-slider .slider-image-wrapper { margin-right: 0; margin-left: 0; } } .slider-area .single-slider .slider-image-wrapper .slider-image { overflow: hidden; border-radius: 12px 12px 0 0; } @media (max-width: 767px) { .slider-area .single-slider .slider-image-wrapper .slider-image { margin-top: unset; } } .slider-area .single-slider .slider-image { position: relative; } .slider-area .single-slider .slider-image .trusted-user { display: inline-flex; align-items: center; padding: 12px; border-radius: 50px; border: 4px solid rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(4.1999998093px); gap: 15px; position: absolute; bottom: 52px; left: 90px; text-align: left; } .slider-area .single-slider .slider-image .trusted-user .user-list-wrapper { display: flex; } .slider-area .single-slider .slider-image .trusted-user .user-list-wrapper .single-user { width: 58px; height: 58px; border-radius: 50px; position: relative; overflow: hidden; margin-left: -15px; transition: all 0.5s ease-out; z-index: 10; } .slider-area .single-slider .slider-image .trusted-user .user-list-wrapper .single-user:first-child { margin-left: 0; } .slider-area .single-slider .slider-image .trusted-user .user-list-wrapper .single-user:nth-child(2) { z-index: 9; } .slider-area .single-slider .slider-image .trusted-user .user-list-wrapper .single-user:nth-child(3) { z-index: 8; } .slider-area .single-slider .slider-image .trusted-user .user-list-wrapper .single-user:nth-child(4) { z-index: 7; } .slider-area .single-slider .slider-image .trusted-user .user-list-wrapper .single-user:nth-child(5) { z-index: 6; } .slider-area .single-slider .slider-image .trusted-user .user-list-wrapper .single-user img { position: absolute; top: 0; left: 0; object-fit: cover; width: 100%; height: 100%; } .slider-area .single-slider .slider-image .trusted-user .content { padding-right: 20px; } .slider-area .single-slider .slider-image .trusted-user .content .counter-desc p { color: #ffffff; font-weight: 600; font-size: 16px; line-height: 20px; transition: all 0.5s ease-out; margin-bottom: 0; } .slider-area .single-slider .slider-image .trusted-user .content .counter-desc p span { font-size: 20px; font-family: "Hepta Slab", sans-serif; } .company-award { display: flex; flex-direction: column; } .company-award .title { color: #ffffff; font-size: 14px; line-height: initial; margin-bottom: 20px; } .company-award .award-wrapper { display: flex; gap: 25px; align-items: center; } .slider-area.style-2 { position: relative; z-index: 2; } .slider-area.style-2 .slider-overlay { background-image: linear-gradient(90deg, rgba(28, 29, 32, 0.41) 0%, #1C1D20 71.51%); width: 100%; height: 100%; position: absolute; z-index: -1; top: 0; left: 0; } .slider-area.style-2 .slider-user-main-wrapper { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } @media (max-width: 991px) { .slider-area.style-2 .slider-wrapper .slick-dots { display: block !important; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .slider-area.style-2 .slider-wrapper .slick-dots { display: none !important; } } .slider-area.style-2 .slider-wrapper .single-slider-wrapper .single-slider { padding-top: 40px; padding-bottom: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; z-index: 2; } @media only screen and (min-width: 0px) and (max-width: 767px) { .slider-area.style-2 .slider-wrapper .single-slider-wrapper .single-slider { padding-top: 80px; } } .slider-area.style-2 .slider-wrapper .single-slider-wrapper .single-slider .slider-content-wrapper { position: relative; margin-top: -40px; } .slider-area.style-2 .slider-wrapper .single-slider-wrapper .single-slider .slider-content-wrapper .shape { position: absolute; right: 20px; top: -23px; } .slider-area.style-2 .slider-wrapper .single-slider-wrapper .single-slider .slider-content-wrapper .signature-shape img { margin-left: auto; margin-right: 140px; } .slider-area.style-2 .slider-wrapper .single-slider-wrapper .single-slider .slider-content-wrapper .slider-content { gap: 0; flex-direction: column; align-items: flex-start; text-align: left; margin-top: 0; margin-right: 0; transform: translateX(0); } @media only screen and (min-width: 0px) and (max-width: 767px) { .slider-area.style-2 .slider-wrapper .single-slider-wrapper .single-slider .slider-content-wrapper .slider-content { text-align: center; align-items: center; } } .slider-area.style-2 .slider-wrapper .single-slider-wrapper .single-slider .slider-content-wrapper .slider-content .short-title { font-size: 24px; color: #CDB091; font-weight: 600; margin-bottom: 10px; } .slider-area.style-2 .slider-wrapper .single-slider-wrapper .single-slider .slider-content-wrapper .slider-content .slider-title { font-size: 75px; line-height: initial; color: #ffffff; margin-bottom: 25px; font-weight: 600; } @media only screen and (min-width: 0px) and (max-width: 767px) { .slider-area.style-2 .slider-wrapper .single-slider-wrapper .single-slider .slider-content-wrapper .slider-content .slider-title { font-size: 38px; line-height: 54px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .slider-area.style-2 .slider-wrapper .single-slider-wrapper .single-slider .slider-content-wrapper .slider-content .slider-title { font-size: 40px; line-height: 54px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .slider-area.style-2 .slider-wrapper .single-slider-wrapper .single-slider .slider-content-wrapper .slider-content .slider-title { font-size: 56px; line-height: 74px; } } .slider-area.style-2 .slider-wrapper .single-slider-wrapper .single-slider .slider-content-wrapper .slider-content .slider-short-desc { font-size: 22px; font-weight: 600; font-family: "Jost", sans-serif; color: #ffffff; line-height: initial; } @media only screen and (min-width: 0px) and (max-width: 767px) { .slider-area.style-2 .slider-wrapper .single-slider-wrapper .single-slider .slider-content-wrapper .slider-content .slider-short-desc br { display: none; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .slider-area.style-2 .slider-wrapper .single-slider-wrapper .single-slider .slider-content-wrapper .slider-content .slider-short-desc br { display: none; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .slider-area.style-2 .slider-wrapper .single-slider-wrapper .single-slider .slider-content-wrapper .slider-content .slider-short-desc br { display: none; } } .slider-area.style-2 .slider-wrapper .single-slider-wrapper .single-slider .slider-content-wrapper .slider-content .slider-btn-wrapper { display: flex; gap: 18px; margin-top: 65px; } .slider-area.style-2 .slider-wrapper .single-slider-wrapper .single-slider .slider-content-wrapper .slider-content .slider-btn-wrapper .play-btn { width: 66px; height: 66px; border-radius: 100%; border: 2px solid #CDB091; display: flex; align-items: center; justify-content: center; font-size: 18px; color: #1E2E3E; font-weight: 600; animation: ripple 4s infinite; box-shadow: 0 0 0 0 rgba(33, 173, 224, 0.8); } .slider-area.style-2 .slider-wrapper .single-slider-wrapper .single-slider .slider-image { text-align: right; position: relative; margin-right: -170px; } @media only screen and (min-width: 0px) and (max-width: 576px) { .slider-area.style-2 .slider-wrapper .single-slider-wrapper .single-slider .slider-image { width: 100% !important; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .slider-area.style-2 .slider-wrapper .single-slider-wrapper .single-slider .slider-image { margin-right: 0; width: 400px; } } .slider-area.style-2 .slider-wrapper .single-slider-wrapper .single-slider .slider-image img { display: inline-block; } .slider-area.style-2 .slider-wrapper .single-slider-wrapper .single-slider .slider-image .company-award { position: absolute; bottom: 0; left: 100%; transform: translate(-50%, -50%); } @media only screen and (min-width: 992px) and (max-width: 1199px) { .slider-area.style-2 .slider-wrapper .single-slider-wrapper .single-slider .slider-image .company-award { left: 90%; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .slider-area.style-2 .slider-wrapper .single-slider-wrapper .single-slider .slider-image .company-award { transform: translate(-94%, 0%); } } @media (max-width: 720px) { .slider-area.style-2 .slider-wrapper .single-slider-wrapper .single-slider .slider-image .company-award { transform: translate(-120%, -50%); } } .slider-area.style-2 .slider-wrapper .single-slider-wrapper .single-slider .slider-image .company-award .icon { width: 150px; height: 150px; box-shadow: 0 5px 90px 0 rgba(2, 24, 93, 0.12); background-color: #CDB091; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .info-card-wrapper { position: relative; } .info-card { background: #1F2732; padding: 30px; border-radius: 10px; position: relative; } @media (max-width: 991px) { .info-card { padding: 50px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .info-card { padding: 20px; } } .info-card:hover .thumbnail-wrapper .thumbnail-inner { height: 167px; transition: all 0.5s ease-out; } .info-card:hover .thumbnail-wrapper .thumbnail-inner img { transform: scale(1.1); transition: all 0.5s ease-out; } .info-card:hover .title-wrapper { gap: 20px; transition: all 0.5s ease-out; } .info-card:hover .title-wrapper .icon { height: 0; transition: all 0.5s ease-out; } .info-card:hover .title-wrapper .icon img { transform: rotateY(360deg) scale(0); transition: all 0.5s ease-out; } .info-card:hover .btn-wrapper a { margin-top: 23px; margin-bottom: 0; font-size: 14px; transition: all 0.5s ease-out; } .info-card .info-card-inner { display: flex; flex-direction: column; gap: 30px; height: 100%; } .info-card .icon { display: flex; flex-shrink: 0; justify-content: start; width: 64px; height: 65px; transition: all 0.5s ease-out; } .info-card .icon img { transition: all 0.5s ease-out; } .info-card .content-wrapper { position: relative; border-radius: 8px; display: flex; flex-direction: column; } .info-card .thumbnail-wrapper { padding-top: 24px; border-top: 1px solid rgba(255, 255, 255, 0.15); } .info-card .thumbnail-wrapper .thumbnail-inner { border-radius: 10px; overflow: hidden; height: 120px; position: relative; transition: all 0.5s ease-out; } .info-card .thumbnail-wrapper .thumbnail-inner img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; aspect-ratio: 1/1; transform: scale(1); transition: all 0.5s ease-out; } .info-card .title-wrapper { display: flex; gap: 25px; padding-bottom: 20px; border-bottom: none; transition: all 0.6s ease; flex-direction: column; align-items: start; } .info-card .title-wrapper .icon { display: flex; align-items: center; justify-content: flex-start; flex-shrink: 0; width: 74px; height: 74px; background: transparent; border-radius: 10px; } .info-card .title-wrapper .title { font-size: 20px; line-height: 30px; font-weight: 600; margin: 0; color: #ffffff; transition: all 0.6s ease; } .info-card .content { display: flex; flex-direction: column; margin-bottom: 24px; } .info-card .content .desc { transition: all 0.6s ease; font-size: 16px; line-height: initial; font-weight: 400; margin: 0; color: #ffffff; font-family: "Jost", sans-serif; } .info-card .btn-wrapper a { display: flex; align-items: center; gap: 3.5px; justify-content: center; margin-top: 0; margin-bottom: 0; font-size: 0; transition: all 0.5s ease-out; } .info-card .btn-wrapper a i { line-height: 0; } .info-card.style-two { padding: 65px 62px; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; border-radius: 12px; top: 0; z-index: 2; transition: all 0.5s ease-out; overflow: hidden; margin-bottom: 24px; border: 1px solid rgb(223, 226, 233); } @media only screen and (min-width: 0px) and (max-width: 576px) { .info-card.style-two { padding: 30px; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .info-card.style-two { padding: 34px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .info-card.style-two { padding: 30px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .info-card.style-two { padding: 45px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .info-card.style-two { padding: 35px; } } .info-card.style-two:before { position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; background-color: #1C1D20; z-index: -1; content: ""; transform: translate(-50%, -50%) rotate(0deg); transition: 0.8s; } .info-card.style-two:after { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #1E2E3E; z-index: -2; content: ""; transition: all 0.5s ease-out; border: 0; } .info-card.style-two .more-btn-wrapper { text-align: right; visibility: hidden; opacity: 0; margin-right: -30px; transition: all 0.5s ease-out; transform: translate(-30%, 100%) scale(0.3); } @media (max-width: 991px) { .info-card.style-two .more-btn-wrapper { margin-right: unset; } } .info-card.style-two .more-btn { width: 72px; height: 72px; display: inline-flex; align-items: center; justify-content: center; background-color: #CDB091; border-radius: 50%; font-size: 24px; font-weight: 600; color: #ffffff; transition: all 0.5s ease-out; } @media only screen and (min-width: 768px) and (max-width: 991px) { .info-card.style-two .more-btn { width: 60px; height: 60px; font-size: 22px; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .info-card.style-two .more-btn { width: 50px; height: 50px; font-size: 20px; } } .info-card.style-two .more-btn i { transform: rotate(-40deg); transition: all 0.5s ease-out; } .info-card.style-two .more-btn:hover { background-color: #CDB091; transition: all 0.5s ease-out; } .info-card.style-two .more-btn:hover i { transform: rotate(0); transition: all 0.5s ease-out; } .info-card.style-two:hover { transition: all 0.5s ease-out; top: -10px; } .info-card.style-two:hover:before { visibility: hidden; opacity: 0; transition: 0.8s; } .info-card.style-two:hover:after { background-color: rgb(53, 54, 61); opacity: 0.702; transition: all 0.5s ease-out; } .info-card.style-two:hover .more-btn-wrapper { visibility: visible; opacity: 1; transform: translate(0) scale(1); transition: all 0.5s ease-out; } .info-card.style-two:hover .content .desc { color: #ffffff; } .info-card.style-two .title-wrapper { gap: 40px; } .info-card.style-two .title-wrapper .icon { width: 97px; height: 97px; } .info-card.style-two .title-wrapper .title { line-height: 36px; color: #ffffff; } .info-card.style-two .title-wrapper .title a:hover { color: #CDB091; } .info-card.style-two .content .desc { line-height: 26px; } .info-card.style-3 { padding: 0; border: 0; background-color: transparent; border-radius: 0; } .info-card.style-3 .title-wrapper { flex-direction: row; align-items: center; gap: 27px; } .info-card.style-3 .title-wrapper .icon { width: auto; height: auto; } .info-card.style-3 .title-wrapper .title { color: #ffffff; font-size: 21px; line-height: 33px; } @media (max-width: 991px) { .info-card.style-3 .title-wrapper .title br { display: none; } } .info-card.style-3 .content .desc { font-size: 18px; font-family: "Jost", sans-serif; color: rgb(187, 197, 214); } .icon-card-wrapper { display: flex; align-items: center; gap: 15px; margin-top: 25px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .icon-card-wrapper { flex-direction: column; align-items: flex-start; } } .icon-card { display: flex; gap: 20px; margin-bottom: 0; align-items: center; } .icon-card:hover .icon img { transform: rotateY(360deg); transition: all 0.5s ease-out; } .icon-card .icon { width: 100px; height: 100px; flex-shrink: 0; border: 1px solid #CDB091; border-radius: 50px; justify-content: center; align-items: center; color: #CDB091; font-size: 20px; display: flex; flex-direction: column; gap: 10px; } .icon-card .icon span { font-family: "Hepta Slab", sans-serif; font-size: 20px; font-weight: 600; line-height: 30px; color: #ffffff; } .icon-card .icon img { width: auto; transition: all 0.5s ease-out; } .icon-card .content { display: flex; gap: 10px; flex-direction: column; } @media only screen and (min-width: 0px) and (max-width: 767px) { .icon-card .content { gap: 10px; } } .icon-card .content .title { font-family: "Hepta Slab", sans-serif; font-weight: 600; font-size: 20px; line-height: 30px; color: #ffffff; margin-bottom: 0; } .icon-card .content .desc { font-family: "Jost", sans-serif; font-size: 18px; line-height: initial; font-weight: 400; color: #ffffff; margin-bottom: 0; } .icon-card .content .desc a { color: #ffffff; } .about-image-card .main-img-wrapper { display: inline-block; } .about-image-card .main-img-wrapper .main-img-inner { position: relative; display: inline-block; } @media (max-width: 767px) { .about-image-card .main-img-wrapper .main-img-inner > img { width: 100%; } } .about-image-card .main-img-wrapper .main-img-inner .image-two { transform: translateX(-50%); margin-top: -90px; position: relative; } .about-image-card .main-img-wrapper .main-img-inner .image-shape { position: absolute; right: 50px; bottom: 20px; } @media (max-width: 1399px) { .about-image-card .main-img-wrapper .main-img-inner .image-shape { width: 100px; height: 100px; } } .about-image-card .main-img-wrapper .company-label-wrapper { position: absolute; top: 0; left: 0; background-color: #ffffff; padding-right: 15px; padding-bottom: 22px; } .about-image-card .main-img-wrapper .company-label { width: 182px; height: 182px; background-color: #CDB091; border-radius: 50%; position: relative; } .about-image-card .main-img-wrapper .company-label .icon { display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .about-image-card .main-img-wrapper .company-label .counter-wrapper .number { font-size: 40px; font-weight: 600; line-height: 29px; color: #1E2E3E; display: flex; align-items: center; } .about-image-card .main-img-wrapper .company-label .counter-wrapper .number .prefix { font-weight: 400; } .about-image-card .main-img-wrapper .company-info { display: flex; justify-content: space-between; gap: 30px 10px; flex-wrap: wrap; margin-top: 30px; padding-right: 25px; } .about-image-card .main-img-wrapper .company-info .single-info { display: flex; flex-direction: column; gap: 10px; } .about-image-card .main-img-wrapper .company-info .single-info .title { margin-bottom: 0; font-size: 20px; font-weight: 600; line-height: 30px; color: #1E2E3E; } .about-image-card .main-img-wrapper .company-info .single-info .sub-title { margin-bottom: 0; font-size: 16px; font-weight: 400; line-height: initial; color: #666666; } .timeline-card { position: relative; overflow: hidden; } @media only screen and (min-width: 768px) and (max-width: 991px) { .timeline-card { padding-left: 40px; } } .timeline-card .line-bar { position: absolute; height: 100%; width: 2px; left: 50%; top: 200px; transform: translateX(-50%); } @media (max-width: 991px) { .timeline-card .line-bar { left: 0; } } .timeline-card .line-bar:before { position: absolute; content: ""; width: 2px; height: 100%; transform: translateX(-50%); left: 50%; background-image: linear-gradient(to bottom, #C7C7E1 37%, rgba(255, 255, 255, 0) 0%); background-position: left; background-size: 1px 18px; background-repeat: repeat-y; } .timeline-card .single-timeline { display: flex; align-items: center; justify-content: space-between; position: relative; } @media only screen and (min-width: 0px) and (max-width: 767px) { .timeline-card .single-timeline { flex-direction: column; margin-bottom: 40px; } } .timeline-card .single-timeline:first-child .divider:before { top: -50%; opacity: 1; } .timeline-card .single-timeline:last-child { margin-bottom: 0; } .timeline-card .single-timeline:last-child .divider:before { bottom: -50%; opacity: 1; } .timeline-card .single-timeline:nth-child(odd) { flex-direction: row-reverse; } @media (max-width: 991px) { .timeline-card .single-timeline:nth-child(odd) { flex-direction: unset; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .timeline-card .single-timeline:nth-child(odd) { flex-direction: column; } } .timeline-card .single-timeline:nth-child(odd) .content { margin-left: unset; } @media (max-width: 991px) { .timeline-card .single-timeline:nth-child(odd) .content { margin-left: unset; } } .timeline-card .single-timeline:nth-child(odd) .image { margin-left: auto; } @media (max-width: 991px) { .timeline-card .single-timeline:nth-child(odd) .image { margin-left: unset; } } .timeline-card .single-timeline .image-wrapper, .timeline-card .single-timeline .content-wrapper { width: 50%; flex-shrink: 0; } @media only screen and (min-width: 0px) and (max-width: 767px) { .timeline-card .single-timeline .image-wrapper, .timeline-card .single-timeline .content-wrapper { width: 100%; display: flex; align-items: center; justify-content: center; } } .timeline-card .single-timeline .image { width: 400px; height: 400px; position: relative; border-radius: 50%; overflow: hidden; flex-shrink: 0; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .timeline-card .single-timeline .image { width: 350px; height: 350px; } } @media (max-width: 991px) { .timeline-card .single-timeline .image { width: 250px; height: 250px; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .timeline-card .single-timeline .image { margin-bottom: 30px; } } .timeline-card .single-timeline .image img { position: absolute; width: 100%; height: 100%; object-fit: cover; top: 0; left: 0; } .timeline-card .single-timeline .divider { align-self: stretch; position: relative; } @media only screen and (min-width: 0px) and (max-width: 767px) { .timeline-card .single-timeline .divider { display: none; } } @media (max-width: 991px) { .timeline-card .single-timeline .divider { position: absolute; top: 50%; transform: translateY(-50%); left: 0; } } .timeline-card .single-timeline .divider:before { position: absolute; content: ""; width: 2px; height: 100%; background-color: #ffffff; transform: translateX(-50%); left: 50%; opacity: 0; } .timeline-card .single-timeline .divider .timeline-divider .counter-number { width: 72px; height: 72px; background-color: #CDB091; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 24px; color: #ffffff; font-family: "Hepta Slab", sans-serif; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .timeline-card .single-timeline .content { width: 438px; flex-shrink: 0; margin-left: auto; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .timeline-card .single-timeline .content { width: 350px; } } @media (max-width: 991px) { .timeline-card .single-timeline .content { width: 100%; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .timeline-card .single-timeline .content { text-align: center; } } .timeline-card .single-timeline .content .title { font-size: 60px; font-weight: 600; line-height: 72px; margin-bottom: 32px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .timeline-card .single-timeline .content .title { font-size: 48px; line-height: 54px; } } @media (max-width: 991px) { .timeline-card .single-timeline .content .title { font-size: 32px; line-height: 42px; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .timeline-card .single-timeline .content .title { margin-bottom: 20px; } } .about-info-card.style-1 { margin-top: 40px; } @media (max-width: 1700px) { .about-info-card.style-1 { margin-top: 0; } } .about-info-card .about-info-content { display: flex; flex-direction: column; gap: 40px; } @media (max-width: 1399px) { .about-info-card .about-info-content { gap: 20px; } } .about-info-card .about-info-content .section-title { margin-bottom: 16px; } .about-info-card .about-info-content .quote { font-family: "Hepta Slab", sans-serif; font-size: 35px; font-weight: 600; line-height: initial; color: #ffffff; position: relative; gap: 40px; display: flex; padding: 12px 0 12px 41px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .about-info-card .about-info-content .quote { font-size: 22px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .about-info-card .about-info-content .quote { font-size: 24px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .about-info-card .about-info-content .quote { font-size: 28px; } } .about-info-card .about-info-content .quote:before { position: absolute; left: 0; top: 0; content: ""; height: 100%; width: 3px; border-radius: 50px; background-color: #CDB091; } .about-info-card .about-info-content ul { padding: 0; margin-top: 25px; margin-bottom: 2px; } .about-info-card .about-info-content ul li { list-style: none; display: flex; gap: 15px; align-items: center; font-size: 16px; font-weight: 600; color: #1E2E3E; margin-bottom: 15px; } .about-info-card .about-info-content ul li:last-child { margin-bottom: 0; } .about-info-card .about-info-content ul li:before { content: "\f00c"; font-family: "Font Awesome 6 Pro"; color: #ffffff; background-color: #CDB091; width: 20px; height: 20px; flex-shrink: 0; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .about-info-card.style-2 { display: flex; gap: 24px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .about-info-card.style-2 { flex-direction: column; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .about-info-card.style-2 { justify-content: space-between; } } .about-info-card.style-2 .thumbnail { width: 416px; flex-shrink: 0; position: relative; border-radius: 10px; overflow: hidden; } @media only screen and (min-width: 0px) and (max-width: 767px) { .about-info-card.style-2 .thumbnail { width: 100%; height: 450px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .about-info-card.style-2 .thumbnail { width: 360px; } } .about-info-card.style-2 .thumbnail img { top: 0; left: 0; position: absolute; object-fit: cover; width: 100%; height: 100%; aspect-ratio: 1/1; border-radius: 10px; } .counter-card { display: inline-flex; align-items: center; gap: 25px; background-color: #CDB091; padding: 50px 47px; text-align: left; position: relative; } @media only screen and (min-width: 0px) and (max-width: 767px) { .counter-card { padding: 30px 20px; } } @media only screen and (min-width: 0px) and (max-width: 576px) { .counter-card { flex-direction: column; padding: 40px; text-align: center; } } .counter-card .counter-shape { position: absolute; right: 0; top: 0; opacity: 0.2; } .counter-card .number { font-family: "Hepta Slab", sans-serif; font-style: normal; font-weight: 600; font-size: 60px; line-height: initial; text-align: center; color: #ffffff; display: flex; align-items: center; justify-content: center; margin: 0; background-color: #1F2732; border-radius: 5px; width: 173px; padding: 25px 5px; flex-shrink: 0; } @media only screen and (min-width: 0px) and (max-width: 767px) { .counter-card .number { font-size: 48px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .counter-card .number { font-size: 48px; } } .counter-card .title { margin: 0; font-family: "Hepta Slab", sans-serif; font-style: normal; font-weight: 600; font-size: 35px; line-height: initial; color: #1F2732; } @media only screen and (min-width: 0px) and (max-width: 767px) { .counter-card .title { font-size: 28px; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .counter-card .title br { display: none; } } .process-step-wrapper { display: grid; grid-template-columns: repeat(4, 1fr); } @media only screen and (min-width: 0px) and (max-width: 767px) { .process-step-wrapper { grid-template-columns: repeat(1, 1fr); gap: 60px 15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .process-step-wrapper { grid-template-columns: repeat(2, 1fr); gap: 60px 15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .process-step-wrapper { grid-template-columns: repeat(2, 1fr); gap: 60px 15px; } } .process-step { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 35px; padding: 0; } .process-step:hover .icon img { transform: rotateY(360deg); transition: all 0.5s ease-out; } .process-step:hover .divider span { background-color: #CDB091; transition: all 0.5s ease-out; } .process-step:hover .content .read-more-btn { visibility: visible; opacity: 1; transform: rotate(-45deg) scale(1); transition: all 0.5s ease-out; } .process-step .icon { display: flex; justify-content: center; align-items: center; position: relative; z-index: 2; } .process-step .divider { position: relative; height: 1px; background-image: linear-gradient(90deg, #525252, #525252 50%, transparent 50%, transparent 100%); background-size: 20px 1px; width: calc(100% + 30px); } @media only screen and (min-width: 0px) and (max-width: 767px) { .process-step .divider { width: calc(100% + 0px); } } .process-step .divider span { width: 14px; height: 14px; border: 3px solid #ffffff; border-radius: 50px; position: absolute; content: ""; left: 50%; transform: translate(-50%, -50%); transition: all 0.5s ease-out; } .process-step .content { display: flex; flex-direction: column; gap: 10px; padding: 0 30px; align-items: center; } .process-step .content .title { margin: 0; font-size: 20px; line-height: 30px; font-weight: 600; color: #ffffff; } .process-step .content .desc { margin: 0; font-size: 16px; line-height: 30px; font-weight: 400; color: #ffffff; font-family: "Jost", sans-serif; } .process-step .content .read-more-btn { width: 25px; height: 25px; background-color: #CDB091; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: #1E2E3E; font-size: 14px; transform: rotate(0deg) scale(0.35); visibility: hidden; opacity: 0; transition: all 0.5s ease-out; } .brand-marquee-area { display: flex; flex-direction: column; overflow: hidden; padding: 28px 0; gap: 66px; } @media (max-width: 767px) { .brand-marquee-area { gap: 20px; } } .brand-marquee-area .brand-marquee-wrapper { display: flex; align-items: center; justify-content: center; gap: 50px; } .brand-marquee-area .brand-marquee-wrapper.first-brand-marquee { animation: Scroll 32s linear infinite; } .brand-marquee-area .brand-marquee-wrapper.second-brand-marquee { animation: Scroll 32s linear infinite; animation-direction: reverse; } .brand-marquee-area .brand-marquee-wrapper.second-brand-marquee .single-brand-marquee .brand-marquee-title { text-transform: uppercase; font-size: 90px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .brand-marquee-area .brand-marquee-wrapper.second-brand-marquee .single-brand-marquee .brand-marquee-title { font-size: 40px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .brand-marquee-area .brand-marquee-wrapper.second-brand-marquee .single-brand-marquee .brand-marquee-title { font-size: 60px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .brand-marquee-area .brand-marquee-wrapper.second-brand-marquee .single-brand-marquee .brand-marquee-title { font-size: 60px; } } .brand-marquee-area .brand-marquee-wrapper.second-brand-marquee .single-brand-marquee:nth-child(even) .brand-marquee-title { color: #CDB091; } .brand-marquee-area .single-brand-marquee { display: flex; align-items: center; justify-content: center; gap: 50px; } .brand-marquee-area .single-brand-marquee .brand-marquee-title { font-family: "Hepta Slab", sans-serif; font-size: 35px; color: #1E2E3E; font-weight: 800; text-transform: capitalize; line-height: initial; white-space: nowrap; letter-spacing: 7px; } .brand-marquee-area .single-brand-marquee .brand-marquee-star { font-size: 28px; font-weight: 800; color: #1E2E3E; white-space: nowrap; } .testimonial-card { display: flex; align-items: center; justify-content: space-between; flex-direction: column; gap: 18px; position: relative; } .testimonial-card.style-1 .content .text { color: #ffffff; } .testimonial-card.style-1 .meta-user { width: unset; } .testimonial-card.style-1 .meta-user .user-info .info .name { color: #ffffff; } .testimonial-card .content-wrapper { display: flex; flex-direction: column; gap: 30px; } .testimonial-card .content-wrapper .quote-icon { width: 84px; height: 63px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .testimonial-card .content-wrapper .quote-icon { height: 30px; width: 60px; } } .testimonial-card .content .text { margin: 0; font-size: 20px; font-weight: 600; line-height: 32px; color: #1E2E3E; font-family: "Jost", sans-serif; font-style: italic; } .testimonial-card .meta-user { width: 100%; display: flex; justify-content: space-between; align-items: center; } .testimonial-card .meta-user .user-info { display: flex; align-items: center; gap: 20px; } .testimonial-card .meta-user .user-info .image { display: flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: 0px 18px 24px 0px rgba(2, 24, 93, 0.12); width: 80px; height: 80px; border-radius: 50px; overflow: hidden; } .testimonial-card .meta-user .user-info .info { display: flex; flex-direction: column; text-align: left; gap: 4px; } .testimonial-card .meta-user .user-info .info .name { margin: 0; font-size: 20px; line-height: 28px; font-weight: 600; color: #26262c; } .testimonial-card .meta-user .user-info .info .designation { margin: 0; font-size: 18px; line-height: 30px; font-weight: 400; color: #ffffff; font-family: "Jost", sans-serif; } .testimonial-slider-wrapper .slick-list { margin: 0 -12px; } .testimonial-slider-wrapper .slick-slide { margin: 0 12px; } .testimonial-slider-wrapper .prev-btn { position: absolute; left: -99px; margin-top: 149px; } .testimonial-slider-wrapper .next-btn { position: absolute; right: -99px; bottom: 149px; } .testimonial-slider-wrapper .prev-btn, .testimonial-slider-wrapper .next-btn { color: #31373f; background-color: #ffffff; width: 50px; height: 50px; padding: 0; } .testimonial-card.style-2 { padding: 45px 50px 40px 50px; background-color: #ffffff; box-shadow: 0px 4px 30px 0px rgba(214, 214, 214, 0.25); border-radius: 10px; } @media only screen and (min-width: 0px) and (max-width: 576px) { .testimonial-card.style-2 { padding: 40px; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .testimonial-card.style-2 { width: 100% !important; } } .testimonial-card.style-2 .icon-wrapper { display: flex; justify-content: flex-end; align-items: center; width: 100%; } @media only screen and (min-width: 0px) and (max-width: 576px) { .testimonial-card.style-2 .icon-wrapper { flex-direction: column; gap: 20px; align-items: flex-start; } } @media only screen and (min-width: 0px) and (max-width: 576px) { .testimonial-card.style-2 .content-wrapper { gap: 40px; } } .testimonial-card.style-2 .content-wrapper .user-info .image { box-shadow: initial; } .testimonial-card.style-2 .content-wrapper .user-info .info .name { margin-bottom: 0; font-size: 20px; font-weight: 600; line-height: 30px !important; } .testimonial-card.style-2 .content-wrapper .user-info .info .desig { font-size: 14px; line-height: 29px; color: #1E2E3E; margin-bottom: 0; } .testimonial-card.style-2 .content-wrapper .content .text { font-size: 20px; color: #1E2E3E; line-height: 32px; font-weight: 400; } @media only screen and (min-width: 0px) and (max-width: 576px) { .testimonial-card.style-2 .content-wrapper .content .text { font-size: 18px; line-height: 34px; } } .testimonial-slider-wrapper { position: relative; } .testimonial-slider-wrapper .slick-dots { z-index: 3; padding-left: 0; margin-bottom: 0; margin-top: 26px; position: relative; text-align: center; line-height: 0; gap: 10px; display: flex; } .testimonial-slider-wrapper .slick-dots li { display: inline-block; line-height: 0; margin: 0; transition: all 0.5s ease-out; } .testimonial-slider-wrapper .slick-dots li button { font-size: 0; padding: 0; width: 10px; height: 10px; background-color: #ffffff; border-radius: 50px; position: relative; transition: all 0.5s ease-out; } .testimonial-slider-wrapper .slick-dots li.slick-active { transition: all 0.5s ease-out; } .testimonial-slider-wrapper .slick-dots li.slick-active button { transition: all 0.5s ease-out; background-color: #CDB091; } .accordion-wrapper .accordion-list-item .accordion-head { display: flex; align-items: center; gap: 25px; border-top: 1px solid rgba(34, 34, 34, 0.15); padding: 15px 0; position: relative; } .accordion-wrapper .accordion-list-item .accordion-head:before { color: #1E2E3E; font-size: 20px; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; flex-shrink: 0; content: "\f068"; font-family: "Font Awesome 6 Pro"; font-weight: 600; } .accordion-wrapper .accordion-list-item .accordion-head.collapsed:before { color: #1E2E3E; font-size: 20px; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; flex-shrink: 0; position: relative; content: "+"; font-family: "Font Awesome 6 Pro"; font-weight: 600; } .accordion-wrapper .accordion-list-item .accordion-head .accordion-title { font-size: 20px; line-height: 30px; color: #1E2E3E; font-weight: 600; margin-bottom: 0; } .accordion-wrapper .accordion-list-item:last-child { border-bottom: 1px solid rgba(34, 34, 34, 0.15); } .accordion-wrapper .accordion-list-item .accordion-item-body { padding-bottom: 15px; transition: all 0.5s ease-out; } .accordion-wrapper .accordion-list-item .accordion-item-body p { font-size: 16px; color: #1E2E3E; font-weight: 400; line-height: 29px; margin: 0; } .accordion-wrapper.style-two .accordion-list-item .accordion-head { border-top: 1px solid #c7c7e1; padding: 31px 0; } .accordion-wrapper.style-two .accordion-list-item:last-child { border-bottom: 1px solid #c7c7e1; } .accordion-wrapper.style-two .accordion-list-item .accordion-item-body { padding-bottom: 20px; transition: all 0.5s ease-out; } .accordion-wrapper.style-three .accordion-box-wrapper { display: flex; flex-direction: column; gap: 22px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .accordion-wrapper.style-three .accordion-box-wrapper { height: initial; } } .accordion-wrapper.style-three .accordion-box-wrapper .accordion-list-item .accordion-head { border: 1px solid #CDB091; background-color: #CDB091; color: #ffffff; border-radius: 8px; padding: 19px 30px; flex-direction: row-reverse; justify-content: space-between; transition: all 0.5s ease-out; } @media only screen and (min-width: 0px) and (max-width: 767px) { .accordion-wrapper.style-three .accordion-box-wrapper .accordion-list-item .accordion-head { padding: 16px 20px; } } .accordion-wrapper.style-three .accordion-box-wrapper .accordion-list-item .accordion-head:before { content: "\f077"; background-color: transparent; font-size: 18px; } .accordion-wrapper.style-three .accordion-box-wrapper .accordion-list-item .accordion-head .accordion-title { color: #ffffff; } .accordion-wrapper.style-three .accordion-box-wrapper .accordion-list-item .accordion-head.collapsed { color: #1E2E3E; border-color: #c7c7e1; background-color: transparent; transition: all 0.5s ease-out; } .accordion-wrapper.style-three .accordion-box-wrapper .accordion-list-item .accordion-head.collapsed:before { color: #1E2E3E; content: "\f078"; } .accordion-wrapper.style-three .accordion-box-wrapper .accordion-list-item .accordion-head.collapsed .accordion-title { color: #1E2E3E; } @media only screen and (min-width: 0px) and (max-width: 767px) { .accordion-wrapper.style-three .accordion-box-wrapper .accordion-list-item .accordion-head.collapsed .accordion-title { font-size: 18px; line-height: 28px; } } .accordion-wrapper.style-three .accordion-box-wrapper .accordion-list-item .accordion-item-body { margin-top: 43px; padding: 0 30px; } .brand-slider-area { overflow: hidden; } .brand-slider-area.style-1 { padding: 90px 0; } @media only screen and (min-width: 0px) and (max-width: 767px) { .brand-slider-area.style-1 { padding: 80px 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .brand-slider-area.style-1 { padding: 100px 0; } } .brand-slider-area.style-1 .slick-track { padding: 50px 0; border-top: 1px solid rgba(255, 255, 255, 0.15); border-bottom: 1px solid rgba(255, 255, 255, 0.15); } .brand-slider-area { padding: 100px 0; } @media only screen and (min-width: 0px) and (max-width: 767px) { .brand-slider-area { padding: 80px 0; } } .brand-slider-area.style-2 { padding: 140px 0; margin-bottom: 0; } @media only screen and (min-width: 768px) and (max-width: 991px) { .brand-slider-area.style-2 { padding: 100px 0; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .brand-slider-area.style-2 { padding: 80px 0; } } .brand-slider-area .slick-track { padding: 50px 0; border-top: 1px solid rgba(0, 0, 0, 0.15); border-bottom: 1px solid rgba(0, 0, 0, 0.15); } @media only screen and (min-width: 768px) and (max-width: 991px) { .brand-slider-area .slick-track { padding: 32px 0; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .brand-slider-area .slick-track { padding: 30px 0; } } .client-logo-wrapper .client-logo { display: flex; align-items: center; justify-content: center; cursor: pointer; overflow: hidden; transition: all 0.5s ease-out; } .client-logo-wrapper .client-logo img { filter: grayscale(100%); opacity: 0.45; transition: all 0.5s ease-out; } .client-logo-wrapper .client-logo:hover { transform: scale(1.03); } .client-logo-wrapper .client-logo:hover img { filter: none; opacity: 1; } .page-header { border-left: 4px solid #dfe2e9; padding-left: 45px; margin-bottom: 50px; } @media (max-width: 991px) { .page-header { padding-left: 30px; } } .page-header .page-title { font-size: 48px; line-height: 60px; } @media (max-width: 991px) { .page-header .page-title { font-size: 38px; line-height: 48px; } } .blog-area ol, .blog-area ul { padding-left: 20px; } .blog-area ol li, .blog-area ul li { padding-top: 7px; } .single-post-item { background-color: #ffffff; border-radius: 12px; overflow: hidden; margin-bottom: 60px; border: 1px solid rgba(44, 53, 62, 0.1490196078); /* Quote Format Post */ /* Sticky Post */ } .single-post-item:hover .post-thumbnail img, .single-post-item:hover .post-video img { transform: scale(1.06); transition: all 0.5s ease-out; } .single-post-item iframe { width: 100%; height: 522px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .single-post-item iframe { height: 350px; } } .single-post-item .post-content-wrapper { padding: 45px 47px 41px 47px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .single-post-item .post-content-wrapper { padding: 45px 40px 41px 40px; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .single-post-item .post-content-wrapper { padding: 35px; padding-top: 30px; } } .single-post-item .post-content-wrapper .read-more { margin-top: 30px; margin-bottom: 6px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 30px; } .single-post-item.format-quote .post-content { margin: 0; } .single-post-item.format-quote blockquote { margin: 0; } .single-post-item.format-quote blockquote p { margin-top: 0; } .single-post-item.format-quote blockquote cite a { font-family: "Jost", sans-serif; font-size: 16px; font-weight: 600; text-transform: capitalize; color: #666666; margin-top: 20px; font-style: normal; transition: all 0.5s ease-out; } .single-post-item.format-quote blockquote cite a:hover { transition: all 0.5s ease-out; color: #CDB091; } .single-post-item.sticky { border: 2px solid #CDB091; } .single-post-item.sticky .post-content { margin-bottom: 0; } .single-post-item.sticky .post-content p { margin-bottom: 0; } .single-post-item .post-title { font-size: 36px; line-height: 48px; font-weight: 600; margin-bottom: 0; } @media only screen and (min-width: 0px) and (max-width: 767px) { .single-post-item .post-title { font-size: 28px; line-height: 42px; margin-top: 5px; } } .single-post-item .post-title:hover a { color: #CDB091; transition: all 0.5s ease-out; } .single-post-item .post-content p { margin-top: 17px; } .single-post-item .post-content h2, .single-post-item .post-content h3, .single-post-item .post-content h4, .single-post-item .post-content h5, .single-post-item .post-content h6 { margin-bottom: 10px; } .single-post-item .post-content p { margin-bottom: unset; } .single-post-item .single-post-meta { display: inline-flex; align-items: flex-start; padding-top: 15px; margin-top: 0; margin-bottom: 20px; flex-direction: column; width: 100%; } .single-post-item .social-share { display: flex; gap: 17px; align-items: center; justify-content: center; } .single-post-item .social-share a.facebook { color: #1877f2; } .single-post-item .social-share a.twitter { color: #1da1f2; } .single-post-item .social-share a.linkedin { color: #1a70c6; } .single-post-item .social-share .social-share-title { font-size: 16px; font-weight: 600; font-family: "Hepta Slab", sans-serif; color: #26262c; margin-right: 5px; text-transform: uppercase; } .single-post-item .blog-post-tag { width: 100%; display: inline-block; } .single-post-item .blog-post-tag span { font-size: 16px; font-weight: 600; display: inline-block; font-family: "Hepta Slab", sans-serif; color: #26262c; margin-bottom: 0; margin-right: 30px; text-transform: uppercase; margin-top: 8px; float: left; } .single-post-item .blog-post-tag .post-tag-list { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; } .single-post-item .blog-post-tag .post-tag-list a { color: #666666; display: inline-block; font-size: 18px; line-height: 1; padding: 13px 21px; border-radius: 6px; transition: all 0.5s ease-out; border: 1px solid rgba(44, 53, 62, 0.1490196078); } .single-post-item .blog-post-tag .post-tag-list a:hover { color: #ffffff; background: #CDB091; border-color: #CDB091; transition: all 0.5s ease-out; } .single-post-item .post-thumbnail, .single-post-item .post-video { position: relative; overflow: hidden; } .single-post-item .post-thumbnail img, .single-post-item .post-video img { transform: scale(1); transition: all 0.5s ease-out; } .single-post-item .post-thumbnail .popup-video-wrapper, .single-post-item .post-video .popup-video-wrapper { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .single-post-item .post-thumbnail .video-btn a, .single-post-item .post-video .video-btn a { width: 70px; height: 70px; box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7); background-color: #ffffff; border-radius: 50%; background-size: cover; background-repeat: no-repeat; animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1); display: flex; align-items: center; justify-content: center; } .single-post-item .post-thumbnail .video-btn a i, .single-post-item .post-video .video-btn a i { color: #CDB091; font-size: 18px; } .single-post-item .post-thumbnail .video-btn a:hover, .single-post-item .post-video .video-btn a:hover { animation: none; } .single-post-item button.post-gallery-btn { position: absolute; width: 60px; height: 60px; border-radius: 50%; transition: 0.3s; z-index: 99; background-color: #ffffff; cursor: pointer; top: 50%; transform: translateY(-50%); overflow: hidden; } .single-post-item button.post-gallery-btn.prev-btn { left: 30px; } .single-post-item button.post-gallery-btn.next-btn { right: 30px; } .single-post-item button.post-gallery-btn i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #26262c; font-size: 17px; transition: all 0.5s ease-out; } .single-post-item button.post-gallery-btn:hover { transition: all 0.5s ease-out; background-color: #CDB091; } .single-post-item button.post-gallery-btn:hover i { color: #ffffff; transition: all 0.5s ease-out; } .single-post-item .post-audio iframe { width: 100%; } .single-post-item .post-meta { display: flex; align-items: center; gap: 32px; margin-bottom: 2px; flex-wrap: wrap; } @media only screen and (min-width: 0px) and (max-width: 767px) { .single-post-item .post-meta { gap: 10px; flex-direction: column; width: 100%; align-items: flex-start; } } .single-post-item .post-meta span { font-size: 18px; font-weight: 400; color: #666666; text-transform: capitalize; display: flex; align-items: center; gap: 10px; } .single-post-item .post-meta span i { color: #CDB091; font-size: 18px; } .single-post-item .post-meta span a { display: flex; align-items: center; gap: 10px; color: #666666; transition: all 0.5s ease-out; } .single-post-item .post-meta span a:hover { color: #CDB091; transition: all 0.5s ease-out; } .single-post-item .post-meta span a:hover i { color: #CDB091; transition: all 0.5s ease-out; } @media (max-width: 991px) { .latest-post-card-wrapper { margin-bottom: 130px; } } .latest-post-card-wrapper:last-child { margin-bottom: 0; } .post-card { display: flex; flex-direction: column; border: 1px solid rgba(63, 63, 63, 0.15); padding: 41px 27px; border-radius: 10px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .post-card { padding: 27px; } } .post-card:hover .image img { transform: scale(1.1); transition: all 0.5s ease-out; } .post-card:hover .image:before { visibility: visible; opacity: 1; transition: all 0.5s ease-out; } .post-card:hover .image .btn-link { top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); visibility: visible; opacity: 1; transition: all 0.5s ease-out; } .post-card .image { border-radius: 10px; overflow: hidden; position: relative; height: 267px; margin-bottom: 30px; margin-top: -174px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .post-card .image { height: 200px; } } .post-card .image img { transform: scale(1); width: 100%; height: 100%; object-fit: cover; transition: all 0.5s ease-out; } .post-card .image:before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(36, 36, 55, 0.6); opacity: 0; visibility: hidden; transition: all 0.5s ease-out; z-index: 1; } .post-card .image .btn-link { width: 72px; height: 72px; border-radius: 50px; display: flex; align-items: center; justify-content: center; background-color: #CDB091; color: #ffffff; font-size: 24px; text-decoration: none; position: absolute; top: 70%; left: 20%; transform: translate(-50%, -50%) scale(0.3); opacity: 0; visibility: hidden; transition: all 0.5s ease-out; z-index: 2; } @media only screen and (min-width: 768px) and (max-width: 991px) { .post-card .image .btn-link { width: 60px; height: 60px; font-size: 22px; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .post-card .image .btn-link { width: 50px; height: 50px; font-size: 20px; } } .post-card .image .btn-link i { transform: rotate(-45deg); transition: all 0.5s ease-out; } .post-card .image .btn-link:hover { background-color: #CDB091; transition: all 0.5s ease-out; } .post-card .image .btn-link:hover i { transform: rotate(0deg); transition: all 0.5s ease-out; } .post-card .image .post-cat { position: absolute; top: 24px; left: 24px; z-index: 2; } .post-card .image .post-cat a { text-transform: uppercase; color: #ffffff; font-size: 12px; background-color: #CDB091; border-radius: 6px; padding: 6px 12px; transition: all 0.5s ease-out; } .post-card .image .post-cat a:hover { background-color: #CDB091; transition: all 0.5s ease-out; } .post-card .content { display: flex; flex-direction: column; justify-content: space-between; } .post-card .content .title { height: 86px; overflow: hidden; font-size: 20px; font-weight: 600; line-height: 30px; margin-bottom: 0; } @media only screen and (min-width: 0px) and (max-width: 767px) { .post-card .content .title { font-size: 20px; line-height: 28px; height: unset; overflow: visible; } } .post-card .content .title a:hover { color: #CDB091; transition: all 0.5s ease-out; } .post-card .post-cat a { font-size: 16px; text-transform: uppercase; color: #CDB091; font-weight: 600; } @media only screen and (min-width: 768px) and (max-width: 991px) { .post-card .post-cat a { font-size: 14px; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .post-card .post-cat a { font-size: 14px; } } .post-card .post-meta { display: inline-flex; gap: 5px 30px; align-items: center; flex-wrap: wrap; margin-bottom: 20px; } .post-card .post-meta .single-post-meta { color: #1E2E3E; font-size: 16px; line-height: 28px; font-weight: 400; font-family: "Jost", sans-serif; margin: 0; display: flex; gap: 7px; align-items: center; flex-shrink: 0; } .post-card .post-meta .single-post-meta .icon { position: relative; z-index: 2; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; color: #1E2E3E; font-size: 15px; border: 1px solid rgba(63, 63, 63, 0.15); border-radius: 50px; } .post-card .post-meta .single-post-meta a { display: flex; gap: 7px; align-items: center; flex-shrink: 0; color: #1E2E3E; } .post-card .post-meta .single-post-meta a:hover { color: #CDB091; } .post-card.style-2 { flex-direction: column; gap: 26px; } .post-card.style-2 .image { height: 440px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .post-card.style-2 .image { height: 300px; } } .post-card.style-2 .post-meta { margin-top: 5px; } .post-card.style-3 { flex-direction: column; gap: 30px; } .post-card.style-3.active .image { height: 425px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .post-card.style-3.active .image { height: 250px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .post-card.style-3.active .image { height: 250px; } } .post-card.style-3 .image { position: relative; border-radius: 12px; height: 320px; z-index: 2; } @media only screen and (min-width: 768px) and (max-width: 991px) { .post-card.style-3 .image { height: 250px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .post-card.style-3 .image { height: 250px; } } .post-card.style-3 .image img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; } .post-card.style-3 .post-meta { gap: 5px 12px; margin-top: 6px; } .post-card.style-3 .post-meta .single-post-meta:first-child a:before, .post-card.style-3 .post-meta .single-post-meta:first-child span:before { display: none; } .post-card.style-3 .post-meta .single-post-meta a { display: flex; align-items: center; gap: 12px; } .post-card.style-3 .post-meta .single-post-meta a:before { content: ""; width: 4px; height: 4px; border-radius: 50%; background-color: #8f939b; } .post-card.style-3 .post-meta .single-post-meta span { display: flex; align-items: center; gap: 12px; } .post-card.style-3 .post-meta .single-post-meta span:before { content: ""; width: 4px; height: 4px; border-radius: 50%; background-color: #8f939b; } .blog-details-wrapper .comment-respond { margin-top: 51px; margin-bottom: 40px; } .blog-details-wrapper .post-comments { margin-top: 70px; border: 1px solid rgba(44, 53, 62, 0.1490196078); border-radius: 12px; padding: 47px; padding-bottom: 0; } .blog-details-wrapper .wp-block-group.has-background .wp-block-button .wp-block-button__link { color: #ffffff !important; } .blog-details-wrapper .single-post-item .single-post-meta { margin-bottom: 0; gap: 20px; } .blog-details-wrapper .single-post-item .single-post-meta .blog-post-cat { display: inline-block; width: 100%; } .blog-details-wrapper .single-post-item .single-post-meta .blog-post-cat > span { float: left; margin-bottom: 0; margin-right: 30px; margin-top: 8px; font-size: 16px; font-weight: 600; font-family: "Hepta Slab", sans-serif; color: #26262c; text-transform: uppercase; } .blog-details-wrapper .single-post-item .single-post-meta .blog-post-cat .post-cat-list span { margin-right: 8px; display: inline-block; margin-bottom: 13px; } .blog-details-wrapper .single-post-item .single-post-meta .blog-post-cat .post-cat-list span .news-cat { display: inline-block; color: #666666; font-size: 18px; font-weight: 400; line-height: 1; padding: 13px 21px; border-radius: 6px; transition: all 0.5s ease-out; border: 1px solid rgba(44, 53, 62, 0.1490196078); } .blog-details-wrapper .single-post-item .single-post-meta .blog-post-cat .post-cat-list span .news-cat:hover { color: #ffffff; background: #CDB091; border-color: #CDB091; transition: all 0.5s ease-out; } .blog-details-wrapper .single-post-item iframe { width: 100%; height: 522px; } .blog-details-wrapper .single-post-item .post-meta { margin-bottom: 20px; margin-top: -8px; } .blog-details-wrapper .single-post-item .post-gallery:hover img { transform: scale(1) !important; } .blog-details-wrapper .single-post-item .post-thumbnail, .blog-details-wrapper .single-post-item .post-video, .blog-details-wrapper .single-post-item .post-gallery, .blog-details-wrapper .single-post-item .postbox-audio, .blog-details-wrapper .single-post-item .wp-block-post-featured-image { overflow: hidden; position: relative; } .blog-details-wrapper .single-post-item .post-thumbnail:hover img, .blog-details-wrapper .single-post-item .post-video:hover img, .blog-details-wrapper .single-post-item .post-gallery:hover img, .blog-details-wrapper .single-post-item .postbox-audio:hover img, .blog-details-wrapper .single-post-item .wp-block-post-featured-image:hover img { transform: scale(1.06); transition: all 0.5s ease-out; } .blog-details-wrapper .single-post-item .post-thumbnail img, .blog-details-wrapper .single-post-item .post-video img, .blog-details-wrapper .single-post-item .post-gallery img, .blog-details-wrapper .single-post-item .postbox-audio img, .blog-details-wrapper .single-post-item .wp-block-post-featured-image img { transform: scale(1); transition: all 0.5s ease-out; } .blog-details-wrapper .single-post-item .post-content { margin-bottom: 17px; /* Unit Test Data Compatibility Start */ /* Unit Test Data Compatibility End */ } .blog-details-wrapper .single-post-item .post-content .wp-block-archives li a, .blog-details-wrapper .single-post-item .post-content .wp-block-tag-cloud a { color: #666666; } .blog-details-wrapper .single-post-item .post-content .wp-block-archives li a:hover, .blog-details-wrapper .single-post-item .post-content .wp-block-tag-cloud a:hover { color: #CDB091; } .blog-details-wrapper .single-post-item .post-content .wp-block-query .wp-block-post-template { padding-left: 0; } .blog-details-wrapper .single-post-item .post-content .wp-block-query .wp-block-post-template .wp-block-post { margin-bottom: 30px; } .blog-details-wrapper .single-post-item .post-content .wp-block-navigation__responsive-container-content .wp-block-page-list { padding-left: 0; } .blog-details-wrapper .single-post-item .post-content .wp-block-group { margin: 15px 0; } .blog-details-wrapper .single-post-item .post-content .wp-block-group p { margin-bottom: 0; } .blog-details-wrapper .single-post-item .post-content p { margin-bottom: 20px; } .blog-details-wrapper .single-post-item .post-content p img { margin: 20px 0; } .blog-details-wrapper .single-post-item .post-content table thead { border-bottom: none; } .blog-details-wrapper .single-post-item .post-content table tfoot { border-top: none; } .blog-details-wrapper .single-post-item .blog-post-tag .social-share { padding-bottom: 20px; } .blog-details-wrapper .wp-block-calendar { margin-bottom: 30px; } .author-info { background-color: rgb(241, 241, 249); padding: 90px 55px 60px 55px; display: flex; gap: 30px; border-radius: 14px; flex-direction: column; position: relative; justify-content: center; text-align: center; margin-top: 130px; margin-bottom: 70px; } .author-info .author-thumb { flex-shrink: 0; width: 120px; height: 120px; border-radius: 50px; overflow: hidden; position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); } .author-info .author-thumb img { border-radius: 50%; } .author-info .author-text h3 { font-size: 30px; font-weight: 600; margin-bottom: 10px; line-height: 28px; } .author-info .author-text .designation { font-size: 16px; font-style: italic; color: #8f939b; font-family: "Jost", sans-serif; text-transform: capitalize; } .author-info .author-text p { margin-top: 10px; margin-bottom: 0; color: #8f939b; font-size: 18px; font-family: "Jost", sans-serif; } .author-info .author-social-profiles { margin-top: 20px; display: flex; gap: 10px; justify-content: center; } .author-info .author-social-profiles a { font-size: 18px; color: #ffffff; transition: all 0.5s ease-out; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; background-color: #CDB091; border-radius: 10px; } .author-info .author-social-profiles a:hover { transition: all 0.5s ease-out; background-color: #ffffff; color: #CDB091; } .author-info .author-post a { font-size: 16px; font-weight: 600; font-family: "Hepta Slab", sans-serif; color: #26262c; border-bottom: 2px solid #CDB091; margin-top: 30px; display: inline-block; } .author-info .author-post a:hover { color: #CDB091; } .blog-post-nav { margin: 40px 0; background: #fff; border-radius: 8px; display: flex; justify-content: space-between; gap: 30px; } @media only screen and (min-width: 992px) and (max-width: 1024px) { .blog-post-nav { flex-direction: column; padding: 30px; margin: 30px 0; } } @media (max-width: 767px) { .blog-post-nav { flex-direction: column; padding: 30px; margin: 30px 0; } } .blog-post-nav .divider { background-color: rgb(223, 226, 233); width: 1px; } @media only screen and (min-width: 992px) and (max-width: 1024px) { .blog-post-nav .divider { width: 100%; height: 1px; } } @media (max-width: 767px) { .blog-post-nav .divider { width: 100%; height: 1px; } } .blog-post-nav .post-navigation { display: flex; gap: 20px; flex-basis: 0; flex-grow: 1; width: 50%; } @media (max-width: 374px) { .blog-post-nav .post-navigation { flex-direction: column !important; } } @media only screen and (min-width: 992px) and (max-width: 1024px) { .blog-post-nav .post-navigation { width: 100%; } } @media (max-width: 767px) { .blog-post-nav .post-navigation { width: 100%; } } .blog-post-nav .post-navigation:last-child { flex-direction: row-reverse; } .blog-post-nav .post-navigation:last-child .text { text-align: right; } @media (max-width: 374px) { .blog-post-nav .post-navigation:last-child .text { text-align: left; } } .blog-post-nav .post-navigation .post-img { width: 96px; height: 96px; position: relative; border-radius: 8px; overflow: hidden; flex-shrink: 0; } @media (max-width: 374px) { .blog-post-nav .post-navigation .post-img { width: 100% !important; height: 150px !important; } } .blog-post-nav .post-navigation .post-img img { position: absolute; width: 100%; height: 100%; object-fit: cover; left: 0; top: 0; } .blog-post-nav .post-navigation .text { width: 100%; } .blog-post-nav .post-navigation .text span { font-size: 16px; font-family: "Hepta Slab", sans-serif; text-transform: capitalize; font-weight: 600; display: block; color: #CDB091; } .blog-post-nav .post-navigation .text h4 { font-size: 21px; margin: 0; line-height: 30px; text-transform: capitalize; } .blog-post-nav .post-navigation .text h4 a { color: #1E2E3E; font-weight: 600; font-size: 21px; text-transform: capitalize; transition: all 0.5s ease-out; } .blog-post-nav .post-navigation .text h4 a:hover { color: #CDB091; transition: all 0.5s ease-out; } .skill-progressbar-wrapper { display: flex; flex-direction: column; justify-content: flex-end; gap: 36px; padding-right: 20px; } .skill-progressbar .progress-inner-item { position: relative; margin: 0; line-height: inherit; } .skill-progressbar .skill-title { z-index: 100; color: #26262c; font-size: 18px; font-weight: 600; font-family: "Hepta Slab", sans-serif; } .skill-progressbar .progressbar-number { width: 100%; z-index: 10; } .skill-progressbar .progress-number-count { padding: 0 8px; position: absolute; transform: translateX(-50%); } .skill-progressbar .progressbar-number, .skill-progressbar .progress-number-count { font-size: 16px; line-height: 41px; height: 8px; letter-spacing: 0px; font-weight: 400; text-transform: none; font-family: "Jost", sans-serif; color: #666666; } .skill-progressbar .progress-content-outter { height: 8px; background-color: #e7eaec; border-radius: 50px; } .skill-progressbar .progress-content { height: 8px; background-color: #CDB091; width: 0%; border-radius: 50px; } .price-card { padding: 68px 51px 82px 51px; z-index: 2; position: relative; border-radius: 10px; border: 1px solid #3C3E43; top: 0; transition: all 0.5s ease-out; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .price-card { padding: 40px 30px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .price-card { padding: 40px 30px; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .price-card { padding: 50px 40px; } } .price-card:hover { top: -14px; transition: all 0.5s ease-out; background-color: #1C2126; border-color: #3C3E43; } .price-card .price-bg-frame { position: absolute; top: 14px; right: 15px; flex-shrink: 0; z-index: 1; } .price-card .trend-badge { position: absolute; top: -1px; right: 30px; z-index: 2; } .price-card .trend-badge .trend-down { width: 0; height: 0; border-left: 15px solid #CDB091; border-right: 15px solid #CDB091; border-bottom: 15px solid transparent; border-top: 35px solid #CDB091; } .price-card .price-btn { display: inline-block; font-size: 18px; font-weight: 400; color: #ffffff; margin-top: 70px; text-align: center; } @media only screen and (min-width: 0px) and (max-width: 767px) { .price-card .price-btn { margin-top: 40px; font-size: 16px; } } .price-card .price-btn i { margin-left: 20px; } .price-card .price-btn:hover { color: #CDB091; } .price-card .card-title .title { font-weight: 300; font-size: 20px; line-height: 30px; color: #ffffff; font-family: "Hepta Slab", sans-serif; margin-bottom: 23px; display: flex; align-items: center; gap: 12px; text-transform: uppercase; letter-spacing: 6px; } .price-card .price { display: flex; gap: 8px; position: relative; z-index: 2; } .price-card .price .price-heading { font-family: "Hepta Slab", sans-serif; font-weight: 600; font-size: 60px; line-height: initial; color: #CDB091; display: flex; align-items: center; gap: 2px; margin-bottom: 0; } @media only screen and (min-width: 0px) and (max-width: 767px) { .price-card .price .price-heading { font-size: 48px; } } .price-card .price .price-heading .currency { font-family: "Hepta Slab", sans-serif; font-weight: 300; font-size: 30px; line-height: initial; color: #CDB091; text-align: start; align-self: flex-end; position: relative; top: -12px; } .price-card .price .price-desc { font-family: "Jost", sans-serif; font-weight: 400; font-size: 14px; line-height: initial; text-transform: capitalize; color: #ffffff; margin-bottom: 0; } .price-card .list-wrapper { display: flex; } .price-card .list { margin-top: 0; padding-top: 20px; } .price-card .list ul { padding-left: 0; margin: 0; display: flex; flex-direction: column; justify-content: flex-start; gap: 20px; width: 100%; } .price-card .list ul li { list-style: none; font-family: "Jost", sans-serif; font-weight: 400; font-size: 18px; color: #ffffff; margin: 0; display: flex; flex-direction: row; align-items: center; gap: 12px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .price-card .list ul li { font-size: 17px; } } .price-card .list ul li .fa-check { color: #CDB091; } .price-card .list ul li .fa-x { color: #bbc7cf; } .price-card .list ul li img { width: 18px; height: 18px; } .price-card .theme-btn { padding: 5px 6px 5px 26px; gap: 30px; font-size: 16px; } .call-to-action-card { display: flex; gap: 30px; flex-direction: column; align-items: center; justify-content: center; text-align: center; } .call-to-action-card .short-title { font-size: 30px; font-weight: 600; color: #ffffff; } .call-to-action-card .title { font-size: 96px; font-weight: 600; line-height: 116px; color: #ffffff; margin-bottom: 0; } @media only screen and (min-width: 0px) and (max-width: 767px) { .call-to-action-card .title { font-size: 40px; line-height: 50px; margin-top: 10px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .call-to-action-card .title { font-size: 48px; line-height: 62px; margin-top: 30px; } .call-to-action-card .title br { display: none; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .call-to-action-card .title { font-size: 76px; line-height: 100px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .call-to-action-card .title { font-size: 86px; line-height: 112px; } } .call-to-action-card .btn-wrapper { margin-top: 40px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .call-to-action-card .btn-wrapper { margin-top: 20px; } } .call-to-action-card .btn-wrapper .style-btn { width: 192px; height: 192px; font-size: 24px; gap: 10px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .call-to-action-card .btn-wrapper .style-btn { font-size: 20px; } } .call-to-action-card .btn-wrapper .style-btn:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='192px' height='192px'%3E%3Cpath fill-rule='evenodd' stroke-width='1px' stroke='rgb(255, 255, 255)' fill-opacity='0' opacity='0.6' fill='rgb(101, 97, 222)' d='M183.123,89.1 C180.883,90.528 179.598,92.958 179.598,95.670 C179.598,98.381 180.883,100.812 183.123,102.338 C186.937,104.939 188.749,109.367 187.851,113.895 C186.953,118.424 183.588,121.825 179.69,122.772 C176.396,123.333 174.281,125.86 173.245,127.586 C172.209,130.87 172.463,132.822 173.943,135.89 L173.965,135.122 C176.488,138.986 176.462,143.769 173.896,147.606 C171.329,151.442 166.918,153.292 162.383,152.434 C159.705,151.927 157.79,152.737 155.162,154.654 C153.245,156.572 152.435,159.198 152.938,161.861 C153.799,166.410 151.949,170.822 148.114,173.388 C144.277,175.954 139.494,175.981 135.629,173.458 L135.591,173.433 C133.330,171.956 130.595,171.702 128.94,172.737 C125.593,173.774 123.840,175.888 123.285,178.537 C122.333,183.81 118.931,186.446 114.403,187.344 C113.636,187.496 112.871,187.570 112.117,187.570 C108.426,187.570 105.6,185.783 102.846,182.615 C101.319,180.375 98.888,179.91 96.177,179.91 C93.466,179.91 91.36,180.375 89.509,182.615 C86.908,186.430 82.480,188.243 77.952,187.344 C73.423,186.446 70.22,183.81 69.75,178.563 C68.515,175.889 66.762,173.774 64.261,172.737 C61.760,171.702 59.25,171.956 56.758,173.435 L56.724,173.459 C52.862,175.981 48.78,175.954 44.242,173.388 C40.406,170.822 38.555,166.410 39.413,161.875 C39.920,159.198 39.110,156.572 37.193,154.654 C35.276,152.738 32.650,151.928 29.986,152.431 C25.438,153.292 21.26,151.442 18.459,147.606 C15.893,143.770 15.866,138.986 18.390,135.122 L18.409,135.92 C19.892,132.822 20.146,130.87 19.110,127.586 C18.73,125.86 15.959,123.333 13.310,122.778 C8.767,121.826 5.402,118.424 4.503,113.895 C3.605,109.367 5.417,104.939 9.232,102.340 C11.472,100.812 12.757,98.381 12.757,95.670 C12.757,92.958 11.472,90.528 9.232,89.1 C5.417,86.401 3.605,81.972 4.504,77.445 C5.402,72.916 8.767,69.514 13.286,68.568 C15.959,68.8 18.73,66.256 19.110,63.754 C20.146,61.253 19.891,58.518 18.411,56.251 L18.392,56.222 C15.866,52.355 15.893,47.570 18.459,43.735 C21.26,39.898 25.438,38.49 29.972,38.906 C32.650,39.413 35.276,38.603 37.193,36.685 C39.109,34.769 39.920,32.143 39.416,29.479 C38.555,24.929 40.406,20.518 44.241,17.952 C48.78,15.385 52.862,15.359 56.726,17.883 L56.758,17.904 C59.25,19.384 61.759,19.638 64.260,18.603 C66.762,17.566 68.515,15.452 69.70,12.802 C70.22,8.259 73.423,4.895 77.952,3.997 C82.480,3.97 86.908,4.910 89.509,8.724 C91.36,10.964 93.466,12.249 96.177,12.249 C98.888,12.249 101.319,10.964 102.846,8.724 C105.446,4.910 109.874,3.97 114.403,3.997 C118.931,4.895 122.333,8.260 123.280,12.779 C123.839,15.452 125.593,17.566 128.94,18.603 C130.594,19.640 133.329,19.384 135.596,17.904 L135.626,17.884 C139.493,15.359 144.277,15.385 148.113,17.952 C151.949,20.518 153.799,24.929 152.941,29.464 C152.434,32.143 153.245,34.769 155.161,36.685 C157.79,38.603 159.706,39.413 162.368,38.908 C166.919,38.48 171.329,39.898 173.895,43.734 C176.462,47.570 176.488,52.353 173.964,56.219 L173.943,56.250 C172.463,58.518 172.209,61.253 173.245,63.754 C174.281,66.254 176.395,68.7 179.45,68.562 C183.588,69.514 186.953,72.916 187.851,77.445 C188.749,81.972 186.938,86.401 183.123,89.1 Z'/%3E%3C/svg%3E"); } .call-to-action-card .btn-wrapper .style-btn:hover { color: #CDB091; } .call-to-action-card .btn-wrapper .style-btn:hover:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='192px' height='192px'%3E%3Cpath fill-rule='evenodd' stroke-width='1px' stroke='rgb(255, 255, 255)' fill-opacity='1' opacity='1' fill='rgb(255, 255, 255)' d='M183.123,89.1 C180.883,90.528 179.598,92.958 179.598,95.670 C179.598,98.381 180.883,100.812 183.123,102.338 C186.937,104.939 188.749,109.367 187.851,113.895 C186.953,118.424 183.588,121.825 179.69,122.772 C176.396,123.333 174.281,125.86 173.245,127.586 C172.209,130.87 172.463,132.822 173.943,135.89 L173.965,135.122 C176.488,138.986 176.462,143.769 173.896,147.606 C171.329,151.442 166.918,153.292 162.383,152.434 C159.705,151.927 157.79,152.737 155.162,154.654 C153.245,156.572 152.435,159.198 152.938,161.861 C153.799,166.410 151.949,170.822 148.114,173.388 C144.277,175.954 139.494,175.981 135.629,173.458 L135.591,173.433 C133.330,171.956 130.595,171.702 128.94,172.737 C125.593,173.774 123.840,175.888 123.285,178.537 C122.333,183.81 118.931,186.446 114.403,187.344 C113.636,187.496 112.871,187.570 112.117,187.570 C108.426,187.570 105.6,185.783 102.846,182.615 C101.319,180.375 98.888,179.91 96.177,179.91 C93.466,179.91 91.36,180.375 89.509,182.615 C86.908,186.430 82.480,188.243 77.952,187.344 C73.423,186.446 70.22,183.81 69.75,178.563 C68.515,175.889 66.762,173.774 64.261,172.737 C61.760,171.702 59.25,171.956 56.758,173.435 L56.724,173.459 C52.862,175.981 48.78,175.954 44.242,173.388 C40.406,170.822 38.555,166.410 39.413,161.875 C39.920,159.198 39.110,156.572 37.193,154.654 C35.276,152.738 32.650,151.928 29.986,152.431 C25.438,153.292 21.26,151.442 18.459,147.606 C15.893,143.770 15.866,138.986 18.390,135.122 L18.409,135.92 C19.892,132.822 20.146,130.87 19.110,127.586 C18.73,125.86 15.959,123.333 13.310,122.778 C8.767,121.826 5.402,118.424 4.503,113.895 C3.605,109.367 5.417,104.939 9.232,102.340 C11.472,100.812 12.757,98.381 12.757,95.670 C12.757,92.958 11.472,90.528 9.232,89.1 C5.417,86.401 3.605,81.972 4.504,77.445 C5.402,72.916 8.767,69.514 13.286,68.568 C15.959,68.8 18.73,66.256 19.110,63.754 C20.146,61.253 19.891,58.518 18.411,56.251 L18.392,56.222 C15.866,52.355 15.893,47.570 18.459,43.735 C21.26,39.898 25.438,38.49 29.972,38.906 C32.650,39.413 35.276,38.603 37.193,36.685 C39.109,34.769 39.920,32.143 39.416,29.479 C38.555,24.929 40.406,20.518 44.241,17.952 C48.78,15.385 52.862,15.359 56.726,17.883 L56.758,17.904 C59.25,19.384 61.759,19.638 64.260,18.603 C66.762,17.566 68.515,15.452 69.70,12.802 C70.22,8.259 73.423,4.895 77.952,3.997 C82.480,3.97 86.908,4.910 89.509,8.724 C91.36,10.964 93.466,12.249 96.177,12.249 C98.888,12.249 101.319,10.964 102.846,8.724 C105.446,4.910 109.874,3.97 114.403,3.997 C118.931,4.895 122.333,8.260 123.280,12.779 C123.839,15.452 125.593,17.566 128.94,18.603 C130.594,19.640 133.329,19.384 135.596,17.904 L135.626,17.884 C139.493,15.359 144.277,15.385 148.113,17.952 C151.949,20.518 153.799,24.929 152.941,29.464 C152.434,32.143 153.245,34.769 155.161,36.685 C157.79,38.603 159.706,39.413 162.368,38.908 C166.919,38.48 171.329,39.898 173.895,43.734 C176.462,47.570 176.488,52.353 173.964,56.219 L173.943,56.250 C172.463,58.518 172.209,61.253 173.245,63.754 C174.281,66.254 176.395,68.7 179.45,68.562 C183.588,69.514 186.953,72.916 187.851,77.445 C188.749,81.972 186.938,86.401 183.123,89.1 Z'/%3E%3C/svg%3E"); } .section-title { display: flex; justify-content: space-between; align-items: center; margin-bottom: 74px; gap: 20px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .section-title { flex-direction: column; margin-bottom: 60px; align-items: flex-start; gap: 30px; } } .section-title .shape { position: relative; } .section-title .shape img { position: absolute; bottom: 0; left: 0; } .section-title .sec-content { display: flex; gap: 20px; flex-direction: column; z-index: 2; position: relative; margin-top: -8px; } @media (max-width: 550px) { .section-title .sec-content { width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .section-title .sec-content .sec-desc p br { display: none; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .section-title .sec-content .sec-desc p br { display: none; } } .section-title .short-title { font-size: 18px; font-weight: 400; font-family: "Jost", sans-serif; color: #808080; } .section-title .title { font-size: 60px; line-height: initial; font-weight: 600; font-family: "Hepta Slab", sans-serif; color: #1E2E3E; margin-bottom: 0; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .section-title .title { font-size: 50px; line-height: 62px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .section-title .title { font-size: 46px; line-height: 62px; } } @media only screen and (min-width: 992px) and (max-width: 1024px) { .section-title .title { font-size: 46px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .section-title .title { font-size: 38px; line-height: 48px; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .section-title .title { font-size: 32px; line-height: 42px; } } @media only screen and (min-width: 0px) and (max-width: 439px) { .section-title .title br { display: none; } } .section-title .sec-desc { flex-shrink: 0; font-size: 18px; } .section-title .sec-desc p { margin-bottom: 0; } .section-title .sec-desc .theme-btn { background-color: transparent; padding: 10px; gap: 24px; font-size: 18px; font-weight: 400; line-height: initial; color: #1E2E3E; border: 1px solid #3F3F3F; border-radius: 5px; flex-shrink: 0; } .section-title .sec-desc .theme-btn i { font-size: 20px; } .section-title .sec-desc .theme-btn:hover { background-color: #CDB091; color: #ffffff; transition: all 0.5s ease-out; } .page-breadcrumb-area { padding-top: 229px; padding-bottom: 219px; position: relative; z-index: 2; background-repeat: no-repeat; background-size: cover; background-position: center center; background-color: #FAF8F7 !important; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .page-breadcrumb-area { padding-top: 200px; padding-bottom: 180px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .page-breadcrumb-area { padding-top: 150px; padding-bottom: 130px; } } @media (max-width: 767px) { .page-breadcrumb-area { padding-top: 100px; padding-bottom: 100px; } } .page-overlay { background-color: rgba(28, 29, 32, 0.8); height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: -1; } body.single-post .page-heading h3, body.single-post .page-heading .page-title { font-size: 60px; line-height: 72px; } @media (max-width: 375px) { body.single-post .page-heading h3, body.single-post .page-heading .page-title { font-size: 32px; line-height: 42px; } } @media only screen and (min-width: 0px) and (max-width: 767px) { body.single-post .page-heading h3, body.single-post .page-heading .page-title { font-size: 42px; line-height: 52px; } } .page-heading h3, .page-heading .page-title { font-family: "Hepta Slab", sans-serif; font-size: 45px; color: #ffffff; margin-bottom: 0; text-transform: capitalize; line-height: initial; font-weight: 600; text-align: center; } @media (max-width: 375px) { .page-heading h3, .page-heading .page-title { font-size: 32px; line-height: 42px; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .page-heading h3, .page-heading .page-title { font-size: 42px; line-height: 52px; } } .breadcrumb-wrapper { padding: 0; } @media (max-width: 1199px) { .breadcrumb-wrapper { padding: 0; } } .breadcrumb-list { text-align: center; } .breadcrumb-list ul { margin-bottom: 0; padding-left: 0; display: inline-flex; gap: 0 12px; flex-wrap: wrap; justify-content: center; text-align: left; } @media (max-width: 375px) { .breadcrumb-list ul { flex-direction: column; } } .breadcrumb-list ul li { list-style: none; display: inline-flex; gap: 0 12px; align-items: center; } .breadcrumb-list ul li.active { color: #CDB091; } .breadcrumb-list ul li.active a { color: #CDB091; } .breadcrumb-list ul li a { font-family: "Jost", sans-serif; font-size: 16px; color: #ffffff; text-transform: capitalize; line-height: 29px; font-weight: 400; margin-bottom: 0; transition: all 0.5s ease-out; } .breadcrumb-list ul li a:hover { transition: all 0.5s ease-out; color: #CDB091; } .breadcrumb-list ul li:before { content: "\f054"; font-size: 12px; color: #bbbfc7; font-family: "Font Awesome 6 Pro"; display: inline-flex; } .breadcrumb-list ul li:first-child:before { display: none; } @media (max-width: 375px) { .breadcrumb-list ul li:first-child:before { display: block !important; } } .wp-block-query-pagination, .navigation.posts-navigation, .comment-navigation { display: flex; align-items: center; } .wp-block-query-pagination .wp-block-query-pagination-numbers, .navigation.posts-navigation .wp-block-query-pagination-numbers, .comment-navigation .wp-block-query-pagination-numbers { width: inherit; } .wp-block-query-pagination .nav-links, .navigation.posts-navigation .nav-links, .comment-navigation .nav-links { display: flex; gap: 20px; } .wp-block-query-pagination .wp-block-query-pagination-previous, .wp-block-query-pagination .wp-block-query-pagination-next, .wp-block-query-pagination .nav-next a, .wp-block-query-pagination .nav-previous a, .navigation.posts-navigation .wp-block-query-pagination-previous, .navigation.posts-navigation .wp-block-query-pagination-next, .navigation.posts-navigation .nav-next a, .navigation.posts-navigation .nav-previous a, .comment-navigation .wp-block-query-pagination-previous, .comment-navigation .wp-block-query-pagination-next, .comment-navigation .nav-next a, .comment-navigation .nav-previous a { display: flex; align-items: center; justify-content: center; color: #666666; background-color: #ffffff; border-radius: 6px; height: 53px; padding: 0 20px; transition: all 0.5s ease-out; font-size: 18px; font-weight: 600; border: 1px solid rgba(44, 53, 62, 0.1490196078); text-transform: capitalize; } @media (max-width: 767px) { .wp-block-query-pagination .wp-block-query-pagination-previous, .wp-block-query-pagination .wp-block-query-pagination-next, .wp-block-query-pagination .nav-next a, .wp-block-query-pagination .nav-previous a, .navigation.posts-navigation .wp-block-query-pagination-previous, .navigation.posts-navigation .wp-block-query-pagination-next, .navigation.posts-navigation .nav-next a, .navigation.posts-navigation .nav-previous a, .comment-navigation .wp-block-query-pagination-previous, .comment-navigation .wp-block-query-pagination-next, .comment-navigation .nav-next a, .comment-navigation .nav-previous a { height: 40px; } } .wp-block-query-pagination .wp-block-query-pagination-previous:hover, .wp-block-query-pagination .wp-block-query-pagination-next:hover, .wp-block-query-pagination .nav-next a:hover, .wp-block-query-pagination .nav-previous a:hover, .navigation.posts-navigation .wp-block-query-pagination-previous:hover, .navigation.posts-navigation .wp-block-query-pagination-next:hover, .navigation.posts-navigation .nav-next a:hover, .navigation.posts-navigation .nav-previous a:hover, .comment-navigation .wp-block-query-pagination-previous:hover, .comment-navigation .wp-block-query-pagination-next:hover, .comment-navigation .nav-next a:hover, .comment-navigation .nav-previous a:hover { background: #CDB091 !important; color: #ffffff; border-color: #CDB091; transition: all 0.5s ease-out; } .basic-pagination, .page-links, .wp-block-query-pagination-numbers { display: inline-flex; width: 100%; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 40px; } .basic-pagination ul, .page-links ul, .wp-block-query-pagination-numbers ul { display: inline-flex; width: 100%; align-items: center; gap: 12px; flex-wrap: wrap; list-style: none; margin-bottom: 0; padding-left: 0; } .basic-pagination ul li, .page-links ul li, .wp-block-query-pagination-numbers ul li { padding-top: 0; } .basic-pagination ul .prev span, .basic-pagination ul .next span, .page-links ul .prev span, .page-links ul .next span, .wp-block-query-pagination-numbers ul .prev span, .wp-block-query-pagination-numbers ul .next span { display: none; } .basic-pagination .post-page-numbers, .page-links .post-page-numbers, .wp-block-query-pagination-numbers .post-page-numbers { background-color: rgba(71, 112, 247, 0.1) !important; } .basic-pagination .page-numbers, .basic-pagination .post-page-numbers, .page-links .page-numbers, .page-links .post-page-numbers, .wp-block-query-pagination-numbers .page-numbers, .wp-block-query-pagination-numbers .post-page-numbers { display: flex; align-items: center; justify-content: center; color: #666666; background-color: #ffffff; border-radius: 6px; height: 53px; width: 53px; transition: all 0.5s ease-out; font-size: 18px; font-weight: 600; border: 1px solid rgba(44, 53, 62, 0.1490196078); text-transform: capitalize; } @media (max-width: 767px) { .basic-pagination .page-numbers, .basic-pagination .post-page-numbers, .page-links .page-numbers, .page-links .post-page-numbers, .wp-block-query-pagination-numbers .page-numbers, .wp-block-query-pagination-numbers .post-page-numbers { width: 40px; height: 40px; font-size: 16px; } } .basic-pagination .page-numbers:hover, .basic-pagination .post-page-numbers:hover, .page-links .page-numbers:hover, .page-links .post-page-numbers:hover, .wp-block-query-pagination-numbers .page-numbers:hover, .wp-block-query-pagination-numbers .post-page-numbers:hover { background: #CDB091 !important; color: #ffffff; border-color: #CDB091; transition: all 0.5s ease-out; } .basic-pagination .page-numbers.current, .basic-pagination .post-page-numbers.current, .page-links .page-numbers.current, .page-links .post-page-numbers.current, .wp-block-query-pagination-numbers .page-numbers.current, .wp-block-query-pagination-numbers .post-page-numbers.current { background: #CDB091 !important; color: #ffffff; border-color: #CDB091; transition: all 0.5s ease-out; } .portfolio-area { background-color: #1F2732; } .portfolio-area.style-4 { padding-top: 120px; padding-bottom: 96px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .portfolio-area.style-4 { padding-top: 80px; padding-bottom: 56px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .portfolio-area.style-4 { padding-top: 100px; padding-bottom: 76px; } } .portfolio-area.style-4 .basic-pagination { margin-bottom: 0; margin-top: 50px; } .project-page-wrapper { padding-top: 144px; padding-bottom: 114px; } @media (max-width: 991px) { .project-page-wrapper { padding: 100px 0; } } @media (max-width: 767px) { .project-page-wrapper { padding-top: 70px; padding-bottom: 40px; } } .project-page-wrapper .basic-pagination { margin-bottom: 0; margin-top: 30px; } .project-detail-area { padding: 120px 0; } @media (max-width: 991px) { .project-detail-area { padding-top: 100px; padding-bottom: 150px; } } @media (max-width: 767px) { .project-detail-area { padding-top: 80px; padding-bottom: 130px; } } .project-detail-area .project-details-padding-left { padding-left: 60px; } @media (max-width: 1199px) { .project-detail-area .project-details-padding-left { padding-left: 12px; margin-top: 60px; } } @media (max-width: 991px) { .project-detail-area .project-details-padding-left { margin-top: 40px; } } .project-detail-area .project-details-padding-left .tiny-content { margin-bottom: 60px; } @media (max-width: 991px) { .project-detail-area .project-details-padding-left .tiny-content { margin-bottom: 40px; } } @media (max-width: 991px) { .project-detail-area .project-details-padding-left .mt-60 { margin-top: 40px; } } .project-detail-area img { border-radius: 12px; } @media (max-width: 767px) { .project-detail-area .mt-65 { margin-top: 45px; } } .project-gallery-image { border-radius: 12px; overflow: hidden; position: relative; } .project-gallery-image:hover:before { height: 250%; transition: all 900ms linear; background-color: transparent; } .project-gallery-image:hover img { transform: scale(1.1); transition: all 0.5s ease-out; } .project-gallery-image:before { position: absolute; width: 200%; height: 0%; left: 50%; top: 50%; background-color: rgba(255, 255, 255, 0.3); transform: translate(-50%, -50%) rotate(-45deg); content: ""; z-index: 1; } .project-gallery-image img { width: 100%; height: 100%; transform: scale(1); transition: all 0.5s ease-out; } .project-details-title { font-size: 30px; line-height: 28px; font-weight: 600; color: #26262c; margin-bottom: 30px; } .simillar-project-title h2 { font-size: 48px; line-height: 50px; font-weight: 600; color: #26262c; margin: 0; } @media (max-width: 767px) { .simillar-project-title h2 { font-size: 28px; line-height: 32px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .simillar-project-title h2 { font-size: 38px; line-height: 42px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .simillar-project-title h2 { font-size: 40px; line-height: 46px; } } @media (max-width: 991px) { .simillar-project-title { margin-bottom: 30px; } } .project-info-widget-wrapper .social-share { display: flex; align-items: center; gap: 6px; margin-top: 48px; } .project-info-widget-wrapper .social-share .social-share-title { margin-right: 16px; font-size: 24px; color: #1E2E3E; font-weight: 600; text-transform: capitalize; } .project-info-widget-wrapper .social-share a { display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; flex-shrink: 0; border-radius: 50%; color: #ffffff; background-color: #CDB091; font-size: 18px; } .project-info-widget-wrapper .social-share a.facebook { background-color: #CDB091; } .project-info-widget-wrapper .social-share a.twitter { background-color: #1da1f3; } .project-info-widget-wrapper .social-share a.linkedin { background-color: #0078b5; } .project-info-widget { background: #ebf4f8; padding: 55px 58px; border-radius: 8px; display: flex; flex-direction: column; gap: 40px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .project-info-widget { flex-direction: row; justify-content: space-between; } } .project-info-widget .info-item { display: flex; flex-direction: column; gap: 8px; } .project-info-widget .info-item h3 { margin: 0; font-size: 18px; line-height: 28px; font-weight: 600; color: #26262c; } .project-info-widget .info-item p { margin: 0; font-size: 18px; line-height: 24px; font-weight: 400; color: #666666; } .process-step-area.style-2 { padding-top: 30px; padding-bottom: 20px; } @media (max-width: 991px) { .process-step-area.style-2 { padding-bottom: 0; } } .process-step-area.style-2 .process-step.style-2 { border: 1px solid rgb(199, 199, 225); border-radius: 12px; padding: 30px; text-align: left; align-items: flex-start; gap: 20px; margin-top: 30px; } .process-step-area.style-2 .process-step.style-2 .icon { width: 48px; height: 48px; box-shadow: none; background-color: #CDB091; } .process-step-area.style-2 .process-step.style-2 .icon:before { display: none; } .process-step-area.style-2 .process-step.style-2 .icon .count { position: unset; transform: unset; top: unset; width: unset; height: unset; background-color: transparent; } .process-step-area.style-2 .process-step.style-2 .icon .count span { font-size: 21px; font-weight: 600; } .process-step-area.style-2 .process-step.style-2 .content { gap: 10px; } .list-item { display: flex; align-items: center; flex-direction: row; gap: 24px; margin-bottom: 45px; } @media (max-width: 991px) { .list-item { margin-bottom: 20px; } } .list-item .icon { width: 54px; height: 54px; border-radius: 50px; background: #CDB091; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } @media (max-width: 991px) { .list-item .icon { width: 40px; height: 40px; font-size: 16px; } } @media (max-width: 767px) { .list-item .icon { width: 35px; height: 35px; font-size: 14px; } } .list-item .icon i { color: #ffffff; } .list-item .text { font-size: 18px; line-height: 28px; font-weight: 600; color: #666666; margin: 0; } @media only screen and (min-width: 0px) and (max-width: 767px) { .list-item { margin-bottom: 20px; } } .list-item.style-two { gap: 18px; align-items: start; margin-bottom: 20px; } .list-item.style-two .icon { background: transparent; align-items: start; width: auto; height: auto; } .list-item.style-two .icon i { color: #CDB091; line-height: 30px; } .list-item.style-two .text { margin: 0; font-weight: 400; } .list-item ul { padding-left: 0; } .list-item ul li { list-style: none; display: flex; gap: 0 18px; padding-top: 10px; } .list-item ul li:last-child { padding-bottom: 0; } .list-item ul li i { color: #CDB091; font-size: 20px; position: relative; top: 5px; } .sidebar { padding-left: 22px; } @media (max-width: 991px) { .sidebar { padding-left: 0; padding-top: 40px; } } .page-sidebar { margin-bottom: 50px; padding-left: 18px; } /* Widget */ .widget { margin-bottom: 54px; /* Widget Instagram Feed */ /* Widget Title */ /* Social Widget Block */ /* Recent Comment List Block Widget & Latest Post Widget Block */ /* Social Widget */ /* Select Option */ /* Login Widget */ /* Tagcloud Widget */ /* Default Widget */ } .widget:last-child { margin-bottom: 40px; } .widget ol, .widget ul { margin-bottom: 0; } .widget .widget-instagram-feed { width: 315px; } @media only screen and (min-width: 992px) and (max-width: 1280px) { .widget .widget-instagram-feed { width: 220px; } } @media (max-width: 374px) { .widget .widget-instagram-feed { width: 200px; } } .widget .widget-instagram-feed .single-instagram-feed { width: 96px; height: 96px; } .widget .wp-block-heading, .widget .widget-title, .widget .wp-block-search__label { font-size: 24px; display: flex; align-items: center; line-height: 28px; font-weight: 600; margin-bottom: 30px; color: #1E2E3E; position: relative; margin-top: -4px; } .widget .wp-block-heading:before, .widget .widget-title:before, .widget .wp-block-search__label:before { width: 4px; height: 18px; background-color: #CDB091; border-radius: 2px; content: ""; font-family: "Font Awesome 6 Pro"; margin-right: 12px; color: #CDB091; font-size: 18px; display: inline-flex; } .widget .wp-block-social-links .wp-social-link { padding: 0; margin: 0; line-height: 0; } .widget .wp-block-social-links .wp-social-link a { width: 44px; height: 44px; padding: 0; display: flex; justify-content: center; } .widget .has-avatars.has-dates.has-excerpts.wp-block-latest-comments li.wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta, .widget .has-dates.has-excerpts.wp-block-latest-comments li.wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta { font-weight: 600; color: #1E2E3E; } .widget .has-avatars.has-dates.has-excerpts.wp-block-latest-comments li.wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-author, .widget .has-avatars.has-dates.has-excerpts.wp-block-latest-comments li.wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-link, .widget .has-dates.has-excerpts.wp-block-latest-comments li.wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-author, .widget .has-dates.has-excerpts.wp-block-latest-comments li.wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-link { font-weight: 600; } .widget .wp-block-latest-comments li.wp-block-latest-comments__comment, .widget .wp-block-latest-posts li.wp-block-latest-comments__comment { margin-bottom: 0; } .widget .wp-block-latest-comments li .wp-block-latest-comments__comment-meta, .widget .wp-block-latest-comments li .wp-block-latest-posts__post-title, .widget .wp-block-latest-posts li .wp-block-latest-comments__comment-meta, .widget .wp-block-latest-posts li .wp-block-latest-posts__post-title { line-height: 28px; font-weight: 400; } .widget .wp-block-latest-comments li .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date, .widget .wp-block-latest-comments li .wp-block-latest-posts__post-title .wp-block-latest-comments__comment-date, .widget .wp-block-latest-posts li .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date, .widget .wp-block-latest-posts li .wp-block-latest-posts__post-title .wp-block-latest-comments__comment-date { font-size: 14px !important; margin-bottom: 10px; position: relative; color: #666666; } .widget .wp-block-latest-comments li .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date:before, .widget .wp-block-latest-comments li .wp-block-latest-posts__post-title .wp-block-latest-comments__comment-date:before, .widget .wp-block-latest-posts li .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date:before, .widget .wp-block-latest-posts li .wp-block-latest-posts__post-title .wp-block-latest-comments__comment-date:before { content: "\f274"; font-family: "Font Awesome 6 Pro"; padding-right: 8px; } .widget .wp-block-latest-comments li a, .widget .wp-block-latest-posts li a { color: #1E2E3E; } .widget .wp-block-latest-comments li a.wp-block-latest-comments__comment-author, .widget .wp-block-latest-comments li a.wp-block-latest-comments__comment-link, .widget .wp-block-latest-posts li a.wp-block-latest-comments__comment-author, .widget .wp-block-latest-posts li a.wp-block-latest-comments__comment-link { display: inline !important; text-transform: capitalize; line-height: 28px; font-weight: 400; } .widget .wp-block-latest-comments li a:hover, .widget .wp-block-latest-posts li a:hover { color: #CDB091; } .widget .wp-block-latest-comments li .wp-block-latest-comments__comment-excerpt p, .widget .wp-block-latest-posts li .wp-block-latest-comments__comment-excerpt p { font-size: 16px; line-height: 28px; margin: 0; } .widget .social-profile { justify-content: flex-start; } .widget .social-profile a { width: 60px; height: 60px; background-color: #CDB091; color: #ffffff; transition: all 0.5s ease-out; border-radius: 50px; flex-shrink: 0; flex-wrap: wrap; display: inline-flex; align-items: center; justify-content: center; } @media (max-width: 1199px) { .widget .social-profile a { width: 40px; height: 40px; } } .widget .social-profile a.facebook { background-color: #1877f2; } .widget .social-profile a.twitter { background-color: #1da1f2; } .widget .social-profile a.linkedin { background-color: #0a66c2; } .widget .social-profile a.instagram { background-color: #405de6; } .widget .social-profile a:hover { color: #ffffff; transition: all 0.5s ease-out; background-color: #1E2E3E; } .widget select { max-width: 100%; height: 66px; width: 100%; border: 1px solid #c7c7e1; padding: 0 10px; border-radius: 5px; color: #666666; margin-bottom: 0; background-color: transparent; } .widget .has-login-form .login-username label, .widget .has-login-form .login-password label { margin-bottom: 10px; } .widget .has-login-form .login-username input, .widget .has-login-form .login-password input { max-width: 100%; height: 50px; width: 100%; border: 1px solid #c7c7e1; padding: 0 10px; border-radius: 5px; color: #666666; } .widget .has-login-form .login-remember label { display: flex; align-items: center; gap: 10px; } .widget .has-login-form .login-submit { margin-bottom: 0; } .widget .has-login-form .login-submit input.button-primary { display: inline-flex; background: #CDB091; color: #fff; padding: 12px 32px; text-align: center; font-weight: 600; font-family: "Jost", sans-serif; text-transform: capitalize; position: relative; z-index: 1; transition: 0.3s; font-size: 16px; align-items: center; gap: 10px; border-radius: 50px; } .widget .tagcloud, .widget .wp-block-tag-cloud { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; } .widget .tagcloud a, .widget .wp-block-tag-cloud a { color: #666666; display: inline-block; font-size: 18px; font-family: "Jost", sans-serif; font-weight: 400; line-height: 1; padding: 12px 18px; border-radius: 6px; transition: all 0.5s ease-out; border: 1px solid #bfc5cb; } .widget .tagcloud a:hover, .widget .wp-block-tag-cloud a:hover { color: #ffffff; background: #CDB091; border-color: #CDB091; transition: all 0.5s ease-out; } .widget ul, .widget ol { margin-bottom: 0; padding-left: 0; /* Tag Cloud Widget */ } .widget ul li, .widget ol li { display: block; padding: 6px 0; /* Recent Comment Widget */ } .widget ul li:first-child, .widget ol li:first-child { padding-top: 0; } .widget ul li:last-child, .widget ol li:last-child { padding-bottom: 0; border-bottom: 0; } .widget ul li.recentcomments .comment-author-link a:before, .widget ol li.recentcomments .comment-author-link a:before { display: block; } .widget ul li.recentcomments a, .widget ol li.recentcomments a { padding-left: 0; display: inline; } .widget ul li.recentcomments a:before, .widget ol li.recentcomments a:before { display: none; } .widget ul li a, .widget ol li a { color: #666666; position: relative; display: inline-block; text-transform: capitalize; font-size: 18px; font-family: "Jost", sans-serif; font-weight: 400; transition: all 0.5s ease-out; /* RSS Widget */ } .widget ul li a:hover, .widget ol li a:hover { color: #CDB091; transition: all 0.5s ease-out; } .widget ul li a.rsswidget, .widget ol li a.rsswidget { padding-left: 0; font-weight: 600; display: block; } .widget ul li a.rsswidget:before, .widget ol li a.rsswidget:before { display: none; } .widget ul li ul, .widget ol li ul { padding-left: 25px; padding-top: 10px; } .widget ul.wp-tag-cloud li, .widget ol.wp-tag-cloud li { display: inline-block; padding: 0; border: 0; } .widget ul.wp-tag-cloud li a:before, .widget ol.wp-tag-cloud li a:before { display: none; } .widget.widget_categories ul li, .widget.widget_archive ul li { text-align: right; display: inline-block; width: 100%; } .widget.widget_categories ul li.cat-item, .widget.widget_archive ul li.cat-item { text-align: right; display: inline-block; width: 100%; } .widget.widget_categories ul li a, .widget.widget_archive ul li a { float: left; } /* About Info Widget*/ .widget-about-info { display: flex; align-items: flex-start; flex-direction: column; } .widget-about-info .about-desc { text-align: left; } .widget-about-info .about-desc .about-title { font-size: 20px; } .widget-about-info .about-image { width: 140px; height: 140px; border-radius: 10px; overflow: hidden; margin-bottom: 20px; } .widget-about-info .social-profile { display: flex; align-items: center; gap: 10px; padding-top: 30px; border-top: 1px solid rgba(44, 53, 62, 0.1490196078); width: 100%; margin-top: 10px; } .widget-about-info .social-profile a { transition: all 0.5s ease-out; width: 44px; height: 44px; background-color: #f3f4f8; border-radius: 50px; display: flex; align-items: center; justify-content: center; color: #26262c; transition: all 0.5s ease-out; } .widget-about-info .social-profile a:hover { color: #ffffff; transition: all 0.5s ease-out; background-color: #CDB091; } /* Latest Post Widget*/ .has-dates.has-author.wp-block-latest-posts .wp-block-latest-posts__post-title { display: inline-block; width: 100%; font-weight: 600; } .widget_rss .wp-block-heading:before, .widget_rss .widget-title:before { display: none; } .widget_rss .rss-widget-icon { margin-right: 6px; } .widget_rss ul li a.rsswidget { color: #26262c; } .widget_rss ul li a.rsswidget:hover { color: #CDB091; } .wp-block-latest-posts .wp-block-rss__item-title, .wp-block-rss .wp-block-rss__item-title, .widget_rss .wp-block-rss__item-title { display: inline-block; width: 100%; font-weight: 600; } .wp-block-latest-posts .wp-block-rss__item-title > a, .wp-block-rss .wp-block-rss__item-title > a, .widget_rss .wp-block-rss__item-title > a { color: #1E2E3E; font-weight: 600; } .wp-block-latest-posts .wp-block-latest-posts__post-author, .wp-block-latest-posts .wp-block-rss__item-publish-date, .wp-block-rss .wp-block-latest-posts__post-author, .wp-block-rss .wp-block-rss__item-publish-date, .widget_rss .wp-block-latest-posts__post-author, .widget_rss .wp-block-rss__item-publish-date { margin-right: 10px; } .wp-block-latest-posts .wp-block-latest-posts__post-author, .wp-block-latest-posts .wp-block-latest-posts__post-date, .wp-block-latest-posts .wp-block-rss__item-publish-date, .wp-block-latest-posts .wp-block-rss__item-author, .wp-block-latest-posts .rss-date, .wp-block-rss .wp-block-latest-posts__post-author, .wp-block-rss .wp-block-latest-posts__post-date, .wp-block-rss .wp-block-rss__item-publish-date, .wp-block-rss .wp-block-rss__item-author, .wp-block-rss .rss-date, .widget_rss .wp-block-latest-posts__post-author, .widget_rss .wp-block-latest-posts__post-date, .widget_rss .wp-block-rss__item-publish-date, .widget_rss .wp-block-rss__item-author, .widget_rss .rss-date { display: inline-block; font-size: 14px !important; font-weight: 600; text-transform: capitalize; position: relative; } .wp-block-latest-posts .wp-block-latest-posts__post-date:before, .wp-block-latest-posts .wp-block-rss__item-publish-date:before, .wp-block-latest-posts .rss-date:before, .wp-block-rss .wp-block-latest-posts__post-date:before, .wp-block-rss .wp-block-rss__item-publish-date:before, .wp-block-rss .rss-date:before, .widget_rss .wp-block-latest-posts__post-date:before, .widget_rss .wp-block-rss__item-publish-date:before, .widget_rss .rss-date:before { content: "\f274"; font-family: "Font Awesome 6 Pro"; padding-right: 8px; } .wp-block-latest-posts .wp-block-latest-posts__post-author:before, .wp-block-latest-posts .wp-block-rss__item-author:before, .wp-block-rss .wp-block-latest-posts__post-author:before, .wp-block-rss .wp-block-rss__item-author:before, .widget_rss .wp-block-latest-posts__post-author:before, .widget_rss .wp-block-rss__item-author:before { content: "\f007"; font-family: "Font Awesome 6 Pro"; padding-right: 8px; } .wp-block-latest-posts .wp-block-latest-posts__post-excerpt, .wp-block-latest-posts .wp-block-rss__item-excerpt, .wp-block-latest-posts .rssSummary, .wp-block-rss .wp-block-latest-posts__post-excerpt, .wp-block-rss .wp-block-rss__item-excerpt, .wp-block-rss .rssSummary, .widget_rss .wp-block-latest-posts__post-excerpt, .widget_rss .wp-block-rss__item-excerpt, .widget_rss .rssSummary { margin-top: 10px; margin-bottom: 0; } .widget_latest_post ul li { display: flex; gap: 20px; margin-bottom: 10px; border: 0; align-items: center; } .widget_latest_post ul li:hover .latest-post-thumb img { transform: scale(1.2); transition: all 0.5s ease-out; } .widget_latest_post ul li:last-child { margin-bottom: 0; } .widget_latest_post ul li a { padding-left: 0; } .widget_latest_post ul li a:before { display: none; } .widget_latest_post ul li .latest-post-thumb { flex-shrink: 0; overflow: hidden; width: 90px; height: 90px; border-radius: 6px; } .widget_latest_post ul li .latest-post-thumb img { transform: scale(1); transition: all 0.5s ease-out; } .widget_latest_post ul li .latest-post-desc .latest-post-title { margin-bottom: 8px; font-size: 21px; line-height: 30px; color: #26262c; font-family: "Hepta Slab", sans-serif; font-weight: 600; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .widget_latest_post ul li .latest-post-desc .latest-post-title { font-size: 19px; height: 60px; overflow: hidden; } } .widget_latest_post ul li .latest-post-desc .latest-post-title a { font-size: 21px; line-height: 30px; color: #26262c; font-weight: 600; position: relative; text-transform: capitalize; transition: all 0.5s ease-out; font-family: "Hepta Slab", sans-serif; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .widget_latest_post ul li .latest-post-desc .latest-post-title a { font-size: 19px; } } .widget_latest_post ul li .latest-post-desc .latest-post-title a:hover { color: #CDB091; transition: all 0.5s ease-out; } .widget_latest_post ul li .latest-post-desc .latest-post-meta { font-size: 16px; display: flex; align-items: center; font-weight: 400; gap: 8px; color: #5e6f92; } .widget-instagram-feed { display: grid; flex-wrap: wrap; grid-template-columns: repeat(3, 1fr); grid-gap: 5px; width: 305px; } @media only screen and (min-width: 992px) and (max-width: 1280px) { .widget-instagram-feed { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 374px) { .widget-instagram-feed { grid-template-columns: repeat(2, 1fr); } } .widget-instagram-feed .single-instagram-feed { width: 98px; height: 100px; overflow: hidden; position: relative; flex-shrink: 0; } .widget-instagram-feed .single-instagram-feed:hover img { transform: scale(1.1); transition: all 0.5s ease-out; } .widget-instagram-feed .single-instagram-feed img { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; transform: scale(1.01); transition: all 0.5s ease-out; } .widget_promotion { padding-top: 50px; padding-bottom: 50px; text-align: center; background-color: #1E2E3E; } .widget_promotion .wp-block-heading { width: 100%; text-align: center; color: #ffffff; font-size: 40px; line-height: 56px; margin-bottom: 10px; } .widget_promotion .secondary-btn { display: inline-block; background: #CDB091; color: #26262c; padding: 12px 104px; font-weight: 600; font-family: "Jost", sans-serif; text-transform: capitalize; position: relative; z-index: 1; transition: all 0.5s ease-out; font-size: 16px; align-items: center; gap: 10px; border-radius: 10px; } .widget_promotion .secondary-btn i { color: #fff; font-size: 16px; } .widget_promotion .secondary-btn:hover { transition: all 0.5s ease-out; background-color: #ffffff; border-color: #ffffff; } .widget_promotion p { color: rgba(255, 255, 255, 0.53); margin-bottom: 32px; } .single-post-item .single-post-meta { gap: 32px; } @media (max-width: 767px) { .service-sidebar { margin-top: 56px; padding-bottom: 80px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .service-sidebar { padding-bottom: 100px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .service-sidebar { padding-bottom: 120px; } } .service-sidebar .widget { margin-bottom: 60px; } .service-sidebar .widget:last-child { margin-bottom: 0; } .widget_contact_form .comment-respond { padding: 0; border: 0; margin: 0; } .widget_service_categories { margin-bottom: 50px; padding: 50px 0px; border: 1px solid rgba(0, 0, 0, 0.15); background: #FAF8F7; } .widget_service_categories .title { font-size: 35px; font-weight: 600; line-height: initial; color: #1E2E3E; margin-bottom: 32px; margin-left: 40px; } .widget_service_categories ul li { border-top: 1px solid rgba(0, 0, 0, 0.15); border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important; width: 100%; padding: 0; margin-bottom: 10px; } .widget_service_categories ul li a { display: inline-flex; align-items: center; flex-shrink: 0; color: #1E2E3E; font-family: "Hepta Slab", sans-serif; font-size: 20px; font-weight: 600; line-height: 30px; width: 100%; padding: 20px 40px; } .widget_service_categories ul li a i { color: #CDB091; font-size: 24px; font-weight: 600; transition: all 0.5s ease-out; } @media only screen and (min-width: 0px) and (max-width: 767px) { .widget_service_categories ul li a { padding: 20px; } } .widget_service_categories ul li a:hover { background: #CDB091; color: #ffffff; } .widget_service_categories ul li a:hover i { color: #ffffff; transition: all 0.5s ease-out; } .widget_service_categories ul li.active a { background: #CDB091; color: #ffffff; } .widget_service_categories ul li.active a i { color: #ffffff; } .widget_service_promotion { position: relative; overflow: hidden; } .widget_service_promotion .contact-text { position: absolute; bottom: 0; padding: 0 0 30px 40px; } .widget_service_promotion .contact-text .number { font-size: 35px; font-weight: 600; line-height: initial; font-family: "Hepta Slab", sans-serif; color: #ffffff; } .widget_service_promotion .contact-text .text { font-size: 16px; line-height: 29px; color: #ffffff; margin-bottom: 0; } .widget_service_promotion .wp-block-heading { color: #ffffff; font-size: 30px; } .widget_service_promotion .wp-block-heading::before { display: none; } .widget_service_promotion .promotion-card { position: relative; z-index: 0; display: flex; flex-direction: column; gap: 50px; } .widget_service_promotion .promotion-card .short-desc { font-size: 18px; line-height: 30px; font-weight: "Jost", sans-serif; } .widget_service_promotion .promotion-card h4 { color: #ffffff; font-family: "Jost", sans-serif; font-size: 24px; line-height: 36px; font-weight: 600; margin: 0; } .widget_service_promotion .promotion-card .secondary-btn { display: flex; align-items: center; gap: 18px; } .widget_service_promotion .promotion-card .secondary-btn .icon { width: 60px; height: 60px; border-radius: 50px; background: #CDB091; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 18px; } .widget_service_promotion .promotion-card .secondary-btn .icon i { color: #ffffff; } .widget_service_promotion .promotion-card .secondary-btn .btn-text { display: flex; flex-direction: column; justify-content: start; } .widget_service_promotion .promotion-card .secondary-btn .btn-text p { margin: 0; text-align: start; color: #ffffff; font-family: "Jost", sans-serif; font-size: 14px; line-height: 30px; font-weight: 400; } .widget_service_promotion .promotion-card .secondary-btn .btn-text h4 { margin: 0; text-align: start; color: #ffffff; font-family: "Hepta Slab", sans-serif; font-size: 18px; line-height: 30px; font-weight: 600; } .widget_service_brochure { position: relative; } .widget_service_brochure .button-wrapper { display: flex; flex-direction: column; gap: 12px; } .widget_service_brochure .button-wrapper .btn-text { color: #ffffff; font-family: "Jost", sans-serif; font-size: 18px; border: 2px solid #CDB091; background-color: #CDB091; line-height: 18px; font-weight: 600; display: flex; gap: 10px; align-items: center; justify-content: center; border-radius: 50px; padding: 19px 10px; } .widget_service_brochure .button-wrapper .btn-text:hover { background-color: #CDB091; color: #ffffff; } .widget_service_brochure .button-wrapper .doc { background-color: transparent; color: #26262c; } .comment-respond { margin-top: 70px; } .blog-coment-title h2, .blog-coment-title .wp-block-comments-title, .wp-block-comments h2, .wp-block-comments .wp-block-comments-title { font-size: 48px; line-height: 56px; margin-bottom: 0; font-weight: 600; margin-top: -10px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .blog-coment-title h2, .blog-coment-title .wp-block-comments-title, .wp-block-comments h2, .wp-block-comments .wp-block-comments-title { font-size: 32px; line-height: 34px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .blog-coment-title h2, .blog-coment-title .wp-block-comments-title, .wp-block-comments h2, .wp-block-comments .wp-block-comments-title { font-size: 38px; line-height: 42px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .blog-coment-title h2, .blog-coment-title .wp-block-comments-title, .wp-block-comments h2, .wp-block-comments .wp-block-comments-title { font-size: 42px; line-height: 56px; } } /* Block Comment Start */ .wp-block-comments .wp-block-comment-template { padding-left: 0; } .wp-block-comments .wp-block-comment-template .wp-block-comment-reply-link { margin-top: 15px; } .wp-block-comments .wp-block-comment-template li .wp-block-columns { padding: 50px; border: 1px solid #dfe2e9; border-radius: 8px; margin-bottom: 24px; } .wp-block-comments .wp-block-comment-template li .wp-block-columns .wp-block-column:first-child { flex-basis: 80px !important; } .wp-block-comments .wp-block-comment-template li .wp-block-columns .wp-block-avatar { width: 100px; flex-shrink: 0; border-radius: 50%; overflow: hidden; } .wp-block-comments .wp-block-comment-template li .wp-block-columns .wp-block-avatar img { width: 100%; } .wp-block-comments .wp-block-comment-template li .wp-block-columns .wp-block-comment-author-name a { font-size: 21px; margin-bottom: 5px; font-weight: 600; font-family: "Hepta Slab", sans-serif; color: #26262c; } .wp-block-comments .wp-block-comment-template li .wp-block-columns .wp-block-comment-edit-link a { color: #CDB091; } .wp-block-comments .wp-block-comment-template li .wp-block-columns .wp-block-comment-date a, .wp-block-comments .wp-block-comment-template li .wp-block-columns .wp-block-comment-edit-link a { color: #9ba8c3; font-size: 16px; font-weight: 400; font-family: "Jost", sans-serif; } .wp-block-comments .wp-block-comment-template li .wp-block-columns .wp-block-comment-reply-link a { border-radius: 6px; font-size: 14px; font-weight: 600; color: #26262c; border: 1px solid #CDB091; padding: 4px 26px; display: inline-block; } .wp-block-comments .wp-block-comment-template li .wp-block-columns .wp-block-comment-reply-link a:hover { background-color: #CDB091; color: #ffffff; transition: all 0.5s ease-out; } /* Block Comment End */ .latest-comments .comment-respond { margin-top: 30px; } .latest-comments li.comment { padding: 0; } .latest-comments li.comment .comments-box { padding-top: 48px; padding-bottom: 13px; border-top: 1px solid rgba(44, 53, 62, 0.1490196078); } .latest-comments li.comment .children li.comment .comments-box { border-top: 1px solid rgba(44, 53, 62, 0.1490196078); } .latest-comments li.comment:first-child .comments-box { border-top: 0; } .latest-comments li .children { padding-left: 0; } .latest-comments li .children .comments-box { margin-left: 106px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .latest-comments li .children .comments-box { margin-left: 0; } } .latest-comments li .comments-box .comments-avatar { float: left; } @media only screen and (min-width: 0px) and (max-width: 767px) { .latest-comments li .comments-box .comments-avatar { float: inherit; margin-bottom: 20px; } } .latest-comments li .comments-box .comments-avatar img { margin-right: 23px; width: 84px; border-radius: 8px; } .latest-comments li .comments-box .comments-text { overflow: hidden; } .latest-comments li .comments-box .comments-text p { font-size: 16px; line-height: 30px; margin-bottom: 20px; color: #666666; font-family: "Jost", sans-serif; } .latest-comments li .comments-box .comments-text .avatar-name { margin-bottom: 10px; position: relative; } .latest-comments li .comments-box .comments-text .avatar-name h5 { font-size: 24px; margin-bottom: 5px; font-weight: 600; font-family: "Hepta Slab", sans-serif; display: flex; align-items: center; justify-content: space-between; } .latest-comments li .comments-box .comments-text .avatar-name span { color: #abb0ba; font-size: 16px; font-weight: 400; font-family: "Jost", sans-serif; font-style: italic; } @media only screen and (min-width: 0px) and (max-width: 767px) { .latest-comments li .comments-box .comments-text .avatar-name span { display: inline-block; width: 100%; } } .latest-comments li .comments-box .comments-text .comment-reply-link { display: inline-flex; align-items: center; border-radius: 50px; font-size: 16px; font-weight: 600; color: #26262c; border: 1px solid #CDB091; padding: 5px 30px; gap: 8px; position: absolute; top: 0; right: 0; } @media only screen and (min-width: 0px) and (max-width: 767px) { .latest-comments li .comments-box .comments-text .comment-reply-link { position: unset; margin-top: 10px; } } .latest-comments li .comments-box .comments-text .comment-reply-link:hover { background-color: #CDB091; color: #ffffff; transition: all 0.5s ease-out; } .post-comments .latest-comments > ul { list-style: none; padding-left: 0; margin-bottom: 0; } .comments-text > ul, .comments-text > ol { margin-bottom: 20px; } ul.children { list-style: none; } .post-comments-form .contacts-message { margin-top: 10px; } /*Comment Input Filed*/ .post-comments-title .sub-title { font-size: 18px; font-weight: 600; font-family: "Hepta Slab", sans-serif; color: #CDB091; display: inline-block; width: 100%; margin-bottom: 15px; } .post-comments-title h2 { font-size: 36px; line-height: 28px; font-weight: 600; color: #26262c; margin-bottom: 40px; display: flex; justify-content: space-between; } @media only screen and (min-width: 0px) and (max-width: 767px) { .post-comments-title h2 { font-size: 28px; margin-bottom: 20px; } } .post-comments-title h2 small { font-size: 16px; font-family: "Jost", sans-serif; color: #CDB091; } .comment-respond { padding: 50px; position: relative; } @media only screen and (min-width: 0px) and (max-width: 767px) { .comment-respond { padding: 30px; } } .comment-respond p { margin: 0; } .comment-respond p .wpcf7-spinner { position: absolute; } .comment-respond .contacts-email, .comment-respond .contacts-name, .comment-respond .single-input-field, .comment-respond .contacts-message { margin-bottom: 33px; position: relative; } .comment-respond .contacts-email br, .comment-respond .contacts-name br, .comment-respond .single-input-field br, .comment-respond .contacts-message br { display: none; } .comment-respond .contacts-email label, .comment-respond .contacts-name label, .comment-respond .single-input-field label, .comment-respond .contacts-message label { position: absolute; top: 0; left: 20px; transform: translateY(-50%); background: #ffffff; font-size: 18px; color: #1E2E3E; padding: 0 10px; z-index: 1; } .comment-respond .checkbox-field-wrapper { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-bottom: 12px; padding: 15px 0; } .comment-respond .checkbox-field-wrapper p { margin: 0; } .comment-respond .checkbox-field-wrapper .single-checkbox-field { margin-bottom: 0; display: inline-flex; align-items: center; gap: 12px; font-size: 16px; font-weight: 400; font-family: "Jost", sans-serif; } .comment-respond .comment-form-cookies-consent { display: none; } .comment-respond input[type=number] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } .comment-respond input, .comment-respond select { padding: 0 27px; height: 70px; width: 100%; color: #778196; opacity: 1; border: 1px solid rgba(44, 53, 62, 0.1490196078) !important; font-size: 18px; font-weight: 400; background-color: transparent; font-family: "Jost", sans-serif !important; } .comment-respond input[type=submit] { height: 70px; background-color: #CDB091; border-color: #CDB091; color: #ffffff; font-size: 18px; font-weight: 600; } .comment-respond *::-webkit-input-placeholder { color: #778196; } .comment-respond *:-moz-placeholder { color: #778196; opacity: 1; } .comment-respond *::-moz-placeholder { color: #778196; opacity: 1; } .comment-respond *:-ms-input-placeholder { color: #778196; } .comment-respond *::-ms-input-placeholder { color: #778196; } .comment-respond *::placeholder { color: #778196; } .comment-respond textarea { resize: vertical; padding: 27px; width: 100%; color: #778196; border: 1px solid rgba(44, 53, 62, 0.1490196078) !important; font-size: 18px; font-weight: 400; background-color: transparent; font-family: "Jost", sans-serif !important; height: 140px; margin-bottom: 12px; } .comment-respond input:focus, .comment-respond textarea:focus, .comment-respond .form-select:focus { outline: none !important; box-shadow: none; border-color: #CDB091 !important; transition: all 0.4s ease 0s; } .comment-respond.style-2 { margin: 0; padding: 0; } .comment-respond.style-2 .contacts-email, .comment-respond.style-2 .contacts-name, .comment-respond.style-2 .single-input-field, .comment-respond.style-2 .contacts-message { margin-bottom: 0; } .comment-respond.style-2 .contacts-email label, .comment-respond.style-2 .contacts-name label, .comment-respond.style-2 .single-input-field label, .comment-respond.style-2 .contacts-message label { background-color: #1F2732; color: #ffffff; } .comment-respond.style-2 .comment-respond-wrapper { margin-left: 300px; padding: 53px 0 33px 70px; display: flex; flex-direction: column; gap: 30px; position: relative; z-index: 2; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .comment-respond.style-2 .comment-respond-wrapper { padding: 53px 0 60px 70px; } } @media (max-width: 767px) { .comment-respond.style-2 .comment-respond-wrapper { padding: 40px; margin-left: 0 !important; } } @media (max-width: 1549px) { .comment-respond.style-2 .comment-respond-wrapper { margin-left: 50px; } } .comment-respond.style-2 .comment-respond-wrapper:before { position: absolute; content: ""; width: 9999px; height: 100%; left: 0; background-color: #1F2732; top: 0; margin-right: 10px; border-radius: 20px; z-index: -1; } .comment-respond.style-2 .comment-respond-wrapper .form-title { color: #ffffff; font-size: 45px; font-weight: 600; line-height: initial; } @media only screen and (min-width: 0px) and (max-width: 767px) { .comment-respond.style-2 .comment-respond-wrapper .form-title { font-size: 28px; line-height: initial; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .comment-respond.style-2 .comment-respond-wrapper .form-title { font-size: 34px; line-height: initial; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .comment-respond.style-2 .comment-respond-wrapper .form-title { font-size: 40px; line-height: initial; } } .comment-respond.style-2 .comment-respond-wrapper .wpcf7-response-output { color: #ffffff; } .comment-respond.style-2 .form-field-wrapper { display: flex; gap: 20px; flex-wrap: wrap; } .comment-respond.style-2 .form-field-wrapper .single-input-field { width: 23%; flex-shrink: 0; } @media (max-width: 767px) { .comment-respond.style-2 .form-field-wrapper .single-input-field { width: 100% !important; } } @media (max-width: 1700px) { .comment-respond.style-2 .form-field-wrapper .single-input-field { width: auto; } } .comment-respond.style-2 .form-field-wrapper .single-input-field .btn { border-radius: initial; font-size: 18px; font-weight: 500; line-height: 22px; padding: 22px 58px; color: #ffffff; background: #CDB091; position: relative; overflow: hidden; z-index: 2; } .comment-respond.style-2 .form-field-wrapper .single-input-field .btn:before { position: absolute; left: -20%; top: 0; height: 100%; width: 0; content: ""; background-color: #1E2E3E; z-index: -1; transform: skew(45deg); transition: all 0.5s ease-out; } .comment-respond.style-2 .form-field-wrapper .single-input-field .btn:hover { color: #fff; border-color: #CDB091; background-color: #CDB091; } .comment-respond.style-2 .form-field-wrapper .single-input-field .btn:hover:before { width: 150%; background-color: #CDB091; transition: all 0.5s ease-out; } .comment-respond.style-2 input, .comment-respond.style-2 select, .comment-respond.style-2 textarea { border-color: #2C353E !important; margin-bottom: 0; } .team-page-area { padding: 140px 0; } @media only screen and (min-width: 768px) and (max-width: 991px) { .team-page-area { padding: 100px 0; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .team-page-area { padding: 80px 0; } } .team-member-card { position: relative; } .team-member-card .image { overflow: hidden; position: relative; } .team-member-card .image:before { position: absolute; width: 200%; height: 0%; left: 50%; top: 50%; background-color: rgba(255, 255, 255, 0.3); transform: translate(-50%, -50%) rotate(-45deg); content: ""; z-index: 1; } .team-member-card .image img { width: 100%; height: 100%; transform: scale(1); transition: all 0.5s ease-out; } .team-member-card .content-wrapper { display: flex; align-items: center; flex-direction: column; padding: 35px 60px; position: absolute; bottom: 0; left: 0; width: 100%; } @media only screen and (min-width: 0px) and (max-width: 767px) { .team-member-card .content-wrapper { padding: 20px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .team-member-card .content-wrapper { padding: 0 20px; } } .team-member-card .content-wrapper .team-content-wrapper { position: relative; width: 100%; } .team-member-card .content-wrapper .content { width: 100%; display: flex; flex-direction: column; z-index: 1; position: relative; } .team-member-card .content-wrapper .content .title { font-size: 20px; line-height: 30px; font-weight: 600; color: #ffffff; font-family: "Hepta Slab", sans-serif; margin: 0; } .team-member-card .content-wrapper .content .desc { font-size: 16px; line-height: 29px; font-weight: 400; color: #ffffff; font-family: "Jost", sans-serif; margin: 0; } .team-member-card .content-wrapper .social-profile-link { display: inline-block; margin-top: 15px; } .team-member-card .content-wrapper .social-profile-link .social { display: flex; gap: 15px; color: #ffffff; } .team-member-card .content-wrapper .social-profile-link .social a { color: #ffffff; text-align: center; height: 0; position: relative; } .team-member-card .content-wrapper .social-profile-link .social a i { font-size: 20px; } .team-member-card:hover .image:before { height: 250%; transition: all 900ms linear; background-color: transparent; } .team-member-card:hover .image img { transform: scale(1.1); transition: all 0.5s ease-out; } .team-area-slider-wrapper { position: relative; overflow: hidden; } .team-area-slider-wrapper .slick-list { margin: 0 -2.5px; } .team-area-slider-wrapper .slick-list .slick-slide { margin: 0 2.5px; } .portfolio-wrapper { display: flex; flex-direction: column; } .portfolio-card { display: flex; gap: 40px; align-items: center; padding: 59px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.15); cursor: default; } @media (max-width: 991px) { .portfolio-card { flex-direction: column; text-align: center; gap: 30px; } } .portfolio-card:first-child { border-top: 1px solid rgba(255, 255, 255, 0.15); } .portfolio-card:hover .counter-number { transition: all 0.5s ease-out; color: #CDB091; -webkit-text-fill-color: #CDB091; -webkit-text-stroke-color: #CDB091; } .portfolio-card:hover .content .image { visibility: visible; opacity: 1; transform: translateY(0%) skewY(0) scaleZ(1) rotate(0); transition: all 0.3s ease-out; z-index: 2; } @media (max-width: 991px) { .portfolio-card:hover .content .image { transform: unset; } } .portfolio-card:hover .btn-wrapper .circle-btn { background-color: #CDB091; transition: all 0.5s ease-out; } .portfolio-card .counter-number { font-size: 72px; -webkit-text-fill-color: white; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #1E2E3E; line-height: initial; color: #1E2E3E; position: relative; transition: all 0.5s ease-out; } .portfolio-card .counter-number:before { border-radius: 50%; background-color: rgb(232, 232, 245); width: 56px; height: 56px; position: absolute; content: ""; bottom: 0; z-index: -1; right: 0; } .portfolio-card .title { font-size: 35px; font-weight: 600; line-height: initial; color: #ffffff; width: 526px; flex-shrink: 0; margin-bottom: 0; } @media only screen and (min-width: 0px) and (max-width: 767px) { .portfolio-card .title { font-size: 24px; width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .portfolio-card .title { font-size: 28px; width: 100%; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .portfolio-card .title { width: 400px; } } .portfolio-card .content { flex-grow: 1; position: relative; margin-right: 70px; } @media (max-width: 991px) { .portfolio-card .content { margin-right: 0; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .portfolio-card .content { margin-right: 0; } } .portfolio-card .content .short-title { font-size: 18px; font-weight: 400; color: #ffffff; display: block; } @media only screen and (min-width: 0px) and (max-width: 767px) { .portfolio-card .content .short-title { font-size: 18px; margin-bottom: 10px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .portfolio-card .content .short-title { font-size: 18px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .portfolio-card .content .short-title { font-size: 18px; } } .portfolio-card .content .title { font-size: 60px; font-weight: 600; color: #ffffff; margin-bottom: 0; } @media only screen and (min-width: 0px) and (max-width: 767px) { .portfolio-card .content .title { font-size: 36px; line-height: 42px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .portfolio-card .content .title { font-size: 38px; line-height: 48px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .portfolio-card .content .title { font-size: 42px; line-height: 50px; } } .portfolio-card .content .title a:hover { color: #CDB091; } .portfolio-card .content .image { position: absolute; overflow: hidden; top: 50%; transform-origin: top center; transform: scale(0.75); right: -60px; visibility: hidden; opacity: 0; transition: all 0.3s ease-out; } @media (max-width: 991px) { .portfolio-card .content .image { position: unset; transform: unset; visibility: visible; opacity: 1; margin-top: 40px; right: 0; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .portfolio-card .content .image { right: 0; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .portfolio-card .content .image { right: 0; } } .portfolio-card .btn-wrapper .circle-btn { display: flex; justify-content: center; align-items: center; flex-shrink: 0; width: 64px; height: 64px; background-color: #1C1D20; border-radius: 50px; font-size: 29px; color: #ffffff; transition: all 0.5s ease-out; } .portfolio-filter { padding-left: 0; display: flex; align-items: center; gap: 20px 70px; justify-content: center; margin-bottom: 60px; flex-wrap: wrap; margin-top: 40px; } @media (max-width: 991px) { .portfolio-filter { margin-bottom: 50px; } } .portfolio-filter li { list-style: none; font-size: 16px; font-weight: 600; color: #ffffff; text-transform: uppercase; cursor: pointer; transition: all 0.5s ease-out; } .portfolio-filter li.active { color: #CDB091; transition: all 0.5s ease-out; } .portfolio-style-two { background-color: #ffffff; overflow: hidden; } .portfolio-style-two:hover .image .content-wrapper { visibility: visible; opacity: 1; transition: all 0.5s ease-out; } .portfolio-style-two:hover .image .content-wrapper .content .content-inner { margin-bottom: 0; transition: all 0.5s ease-out; } .portfolio-style-two:hover .image .content-wrapper .content .btn-wrapper { transform: translate(-50%, -50%) scale(1); transition: all 0.5s ease-out; } .portfolio-style-two:hover .image img { transform: scale(1.1); transition: all 0.5s ease-out; } .portfolio-style-two .image { overflow: hidden; position: relative; } .portfolio-style-two .image img { transform: scale(1); transition: all 0.5s ease-out; width: 100%; } .portfolio-style-two .content-wrapper { padding: 42px; position: absolute; height: 100%; width: 100%; left: 0; top: 0; visibility: hidden; opacity: 0; background-color: rgba(31, 39, 50, 0.85); transition: all 0.5s ease-out; } @media only screen and (min-width: 0px) and (max-width: 767px) { .portfolio-style-two .content-wrapper { padding: 20px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .portfolio-style-two .content-wrapper { padding: 20px; } } .portfolio-style-two .content-wrapper .content { display: flex; flex-direction: row; height: 100%; gap: 10px; align-items: flex-end; justify-content: space-between; position: relative; } .portfolio-style-two .content-wrapper .content .content-inner { width: 100%; display: flex; flex-direction: column; margin-bottom: -100%; transition: all 0.5s ease-out; text-align: center; } .portfolio-style-two .content-wrapper .content .sub-title { color: #CDB091; font-size: 16px; line-height: 36px; font-weight: 600; } .portfolio-style-two .content-wrapper .content .title { font-size: 20px; font-weight: 600; line-height: initial; margin-bottom: 0; color: #ffffff; } .portfolio-style-two .content-wrapper .content .title a:hover { color: #CDB091; } .portfolio-style-two .content-wrapper .content .btn-wrapper { position: absolute; flex-shrink: 0; padding: 0; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.3); transition: all 0.5s ease-out; } .portfolio-style-two .content-wrapper .content .btn-wrapper a { display: inline-flex; width: 60px; height: 60px; color: #ffffff; align-items: center; justify-content: center; border-radius: 50px; font-size: 46px; transition: all 0.5s ease-out; } .portfolio-style-two .content-wrapper .content .btn-wrapper a i { transition: all 0.5s ease-out; } .portfolio-style-two .content-wrapper .content .btn-wrapper a:hover { transition: all 0.5s ease-out; background-color: #CDB091; } .portfolio-style-two .content-wrapper .content .btn-wrapper a:hover i { transform: rotate(0deg); transition: all 0.5s ease-out; } .portfolio-card-wrapper { display: flex; flex-direction: column; } .portfolio-card-wrapper .portfolio-card .image { border-radius: 20px; top: 34px; right: -480px; transition: all 0.6s ease-out; } .portfolio-card-wrapper .portfolio-card.style-2 { gap: 50px; border-top: 1px solid rgba(0, 0, 0, 0.15); padding: 26px 0; transition: all 0.6s ease-out; padding-right: 145px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .portfolio-card-wrapper .portfolio-card.style-2 { padding: 40px 0; gap: 20px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .portfolio-card-wrapper .portfolio-card.style-2 { padding-right: 100px; padding-left: 100px; gap: 30px; } } .portfolio-card-wrapper .portfolio-card.style-2:last-child { border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .portfolio-card-wrapper .portfolio-card.style-2:hover .short-desc { color: #CDB091; transition: all 0.5s ease-out; } @media only screen and (min-width: 0px) and (max-width: 767px) { .portfolio-card-wrapper .portfolio-card.style-2:hover .short-desc { color: #666666; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .portfolio-card-wrapper .portfolio-card.style-2:hover .short-desc { color: #666666; } } .portfolio-card-wrapper .portfolio-card.style-2:hover .number-text { color: #CDB091; transition: all 0.5s ease-out; } .portfolio-card-wrapper .portfolio-card.style-2:hover .image { transform: rotate(2.983deg); } @media only screen and (min-width: 0px) and (max-width: 767px) { .portfolio-card-wrapper .portfolio-card.style-2:hover .image { transform: none; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .portfolio-card-wrapper .portfolio-card.style-2:hover .image { transform: none; } } .portfolio-card-wrapper .portfolio-card.style-2 .brand-logo { width: 225px; height: auto; flex-shrink: 0; } .portfolio-card-wrapper .portfolio-card.style-2 .content { margin-right: 250px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .portfolio-card-wrapper .portfolio-card.style-2 .content { margin-right: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .portfolio-card-wrapper .portfolio-card.style-2 .content { margin-right: 0; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .portfolio-card-wrapper .portfolio-card.style-2 .content { margin-right: 0; } } .portfolio-card-wrapper .portfolio-card.style-2 .content .short-desc { font-family: "Jost", sans-serif; font-size: 16px; font-weight: 600; line-height: 29px; transition: all 0.5s ease-out; } .portfolio-card-wrapper .portfolio-card.style-2 .number-text { font-size: 35px; font-weight: 600; font-family: "Hepta Slab", sans-serif; color: #666; transition: all 0.5s ease-out; } .portfolio-slider-wrapper { position: relative; display: flex; } .portfolio-slider-wrapper .slick-list { margin: 0 -12px; } .portfolio-slider-wrapper .slick-list .portfolio-style-two.slick-slide .image { height: 100%; } .portfolio-slider-wrapper .slick-list .slick-slide { margin: 0 12px; transition: all 0.5s ease-out; } .portfolio-slider-wrapper .slick-list .slick-slide.slick-active { transition: all 0.5s ease-out; } .portfolio-slider-wrapper button.portfolio-arrow-btn { position: absolute; width: 30px; height: 30px; border-radius: 50%; z-index: 99; background-color: #CDB091; cursor: pointer; top: -90px; overflow: hidden; transition: all 0.5s ease-out; } @media (max-width: 991px) { .portfolio-slider-wrapper button.portfolio-arrow-btn { top: unset; bottom: -50px; } } .portfolio-slider-wrapper button.portfolio-arrow-btn.prev-btn { right: 40px; } @media (max-width: 991px) { .portfolio-slider-wrapper button.portfolio-arrow-btn.prev-btn { right: unset; } } @media (max-width: 767px) { .portfolio-slider-wrapper button.portfolio-arrow-btn.prev-btn { right: unset; left: 10px; } } .portfolio-slider-wrapper button.portfolio-arrow-btn.next-btn { right: 0; } @media (max-width: 991px) { .portfolio-slider-wrapper button.portfolio-arrow-btn.next-btn { right: unset; left: 50px; } } @media (max-width: 767px) { .portfolio-slider-wrapper button.portfolio-arrow-btn.next-btn { right: 30px; left: 50px; } } .portfolio-slider-wrapper button.portfolio-arrow-btn i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #ffffff; font-size: 16px; transition: all 0.5s ease-out; } .portfolio-slider-wrapper button.portfolio-arrow-btn:hover { transition: all 0.5s ease-out; background-color: #CDB091; } .portfolio-slider-wrapper button.portfolio-arrow-btn:hover i { color: #ffffff; transition: all 0.5s ease-out; } .video-popup-card { position: relative; overflow: hidden; } .video-popup-card .video-popup-image img { width: 100%; height: 100%; object-fit: cover; } .video-popup-card .video-popup-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin-top: -84px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .video-popup-card .video-popup-btn { margin-top: -30px; } } .video-popup-card .video-popup-btn a { width: 200px; height: 200px; box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7); background-color: #CDB091; border-radius: 50%; background-size: cover; background-repeat: no-repeat; animation: ripple 3s infinite; display: flex; align-items: center; justify-content: center; position: relative; } .video-popup-card .video-popup-btn a img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; padding: 50px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .video-popup-card .video-popup-btn a img { padding: 20px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .video-popup-card .video-popup-btn a { width: 150px; height: 150px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .video-popup-card .video-popup-btn a { width: 100px; height: 100px; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .video-popup-card .video-popup-btn a { width: 80px; height: 80px; } } .video-popup-card .video-popup-btn a i { color: #ffffff; font-size: 24px; } .video-popup-card .video-popup-btn a:hover { -webkit-animation: none; -moz-animation: none; -ms-animation: none; animation: none; } .latest-posts-area.style-1 { padding: 120px 0; } @media only screen and (min-width: 0px) and (max-width: 767px) { .latest-posts-area.style-1 { padding: 80px 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .latest-posts-area.style-1 { padding: 100px 0; } } .latest-posts-area.style-1 .section-title { margin-bottom: 190px; } .latest-posts-area.style-1 .post-card { border-color: #3F3F3F; } .latest-posts-area.style-1 .post-card .content .title { color: #ffffff; } .latest-posts-area.style-1 .post-card .post-meta .single-post-meta { color: #ffffff; } .latest-posts-area.style-1 .post-card .post-meta .single-post-meta a { color: #ffffff; } .latest-posts-area.style-1 .post-card .post-meta .single-post-meta a:hover { color: #CDB091; } .latest-posts-area.style-1 .post-card .post-meta .single-post-meta .icon { color: #ffffff; border-color: #3F3F3F; } .testimonial-slider-area.style-1 { background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; padding-top: 110px; padding-bottom: 110px; overflow: hidden; z-index: 2; } @media only screen and (min-width: 0px) and (max-width: 767px) { .testimonial-slider-area.style-1 { padding: 80px 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .testimonial-slider-area.style-1 { padding: 100px 0; } } .testimonial-slider-area.style-1 .overlay { position: absolute; content: ""; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); top: 0; left: 0; visibility: hidden; } @media (max-width: 991px) { .testimonial-slider-area.style-1 .overlay { visibility: visible; } } .testimonial-slider-area.style-1 .testimonial-slider { position: relative; } .testimonial-slider-area.style-1 .testimonial-slider .quote-icon { position: absolute; right: 0; top: -19px; opacity: 0.2; transform: translateX(353px); } @media (max-width: 1850px) { .testimonial-slider-area.style-1 .testimonial-slider .quote-icon { transform: translateX(0); } } .testimonial-slider-area.style-1 .section-title { margin-bottom: 40px; } .testimonial-slider-area.style-1 .testimonial-image { position: absolute; top: 0; left: 0; height: 100%; width: 32%; z-index: -1; } @media (max-width: 991px) { .testimonial-slider-area.style-1 .testimonial-image { width: 100%; } } .testimonial-slider-area.style-1 .testimonial-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; aspect-ratio: 1/1; } .request-form-area { margin-top: -90px; overflow: hidden; } @media (max-width: 767px) { .request-form-area { margin-top: -10px; } } .about-us-area.style-1 { padding-top: 140px; padding-bottom: 140px; background-size: cover; background-repeat: no-repeat; background-position: 0% 170%; } @media only screen and (min-width: 0px) and (max-width: 767px) { .about-us-area.style-1 { padding-top: 80px; padding-bottom: 80px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .about-us-area.style-1 { padding-top: 100px; padding-bottom: 100px; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .about-us-area.style-1 .about-info-card.style-1 { margin-top: 40px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .about-us-area.style-1 .about-info-card.style-1 { margin-top: 60px; } } .cta-area { padding-top: 140px; background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; z-index: 2; } @media only screen and (min-width: 0px) and (max-width: 767px) { .cta-area { padding-top: 80px; padding-bottom: 80px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .cta-area { padding-top: 100px; padding-bottom: 100px; } } .cta-area .overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; background-color: #1F2732; opacity: 0.9; } .cta-area .counter-area { text-align: right; } @media (max-width: 1399px) { .cta-area .counter-area { margin-top: 50px; } } .cta-area .counter-area .counter-card { margin-right: -240px; } @media (max-width: 1850px) { .cta-area .counter-area .counter-card { margin-right: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .cta-area .counter-area .counter-card { padding: 44px; float: left; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .cta-area .counter-area .counter-card { float: left; width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .cta-area .counter-area .counter-card .number { padding: 20px 5px; width: 140px; font-size: 38px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .cta-area .counter-area .counter-card .title { font-size: 28px; } } .feature-area.style-1 { padding-top: 140px; padding-bottom: 140px; position: relative; } @media only screen and (min-width: 0px) and (max-width: 767px) { .feature-area.style-1 { padding-top: 80px; padding-bottom: 80px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .feature-area.style-1 { padding-top: 100px; padding-bottom: 100px; } } .feature-area.style-1 .feature-image-bg-one { position: absolute; top: -150px; left: 0; opacity: 0.05; } .feature-area.style-1 .feature-image-bg-two { position: absolute; bottom: 0; right: 0; opacity: 0.04; } .price-area { position: relative; overflow: hidden; } .price-area.style-1 { background-color: #1C1D20; padding: 140px 0; } @media only screen and (min-width: 0px) and (max-width: 767px) { .price-area.style-1 { padding: 80px 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .price-area.style-1 { padding: 100px 0; } } .price-area.style-1 .pricing-bg { position: absolute; top: 0; right: 0; z-index: 1; } .portfolio-area.style-1 { padding: 140px 0; } @media only screen and (min-width: 0px) and (max-width: 767px) { .portfolio-area.style-1 { padding: 80px 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .portfolio-area.style-1 { padding: 100px 0; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .portfolio-area.style-1 { padding: 120px 0; } } .portfolio-area.style-1 .title { color: #ffffff; } .portfolio-area.style-1 .portfolio-card .content .short-title { color: #ffffff; } @media (max-width: 991px) { .portfolio-area.style-1 .section-title { margin-bottom: 60px; } } .portfolio-area.style-1 .portfolio-card { padding-bottom: 59px; border-bottom: 1px solid rgba(255, 255, 255, 0.15); } .portfolio-area.style-1 .portfolio-card:first-child { border-top: 1px solid rgba(255, 255, 255, 0.15); } .contact-area { padding-bottom: 140px; position: relative; } @media only screen and (min-width: 0px) and (max-width: 767px) { .contact-area { padding-bottom: 80px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .contact-area { padding-bottom: 100px; } } .contact-area .contact-image-bg { position: absolute; top: -75px; left: 0; opacity: 0.1; } .contact-area .map-location { height: 100%; } .contact-area .map-location iframe { width: 100%; height: 100%; } .contact-area .section-title { margin-bottom: 30px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .contact-area .section-title .sec-desc br { display: none; } } .contact-area .comment-respond.style-2 .contacts-email, .contact-area .comment-respond.style-2 .contacts-name, .contact-area .comment-respond.style-2 .single-input-field, .contact-area .comment-respond.style-2 .contacts-message { margin-bottom: 20px; } .contact-area .comment-respond.style-2 .contacts-email label, .contact-area .comment-respond.style-2 .contacts-name label, .contact-area .comment-respond.style-2 .single-input-field label, .contact-area .comment-respond.style-2 .contacts-message label { background-color: #1C1D20; color: #ffffff; } .about-us-area.style-2 { padding: 120px 0; } @media only screen and (min-width: 0px) and (max-width: 767px) { .about-us-area.style-2 { padding: 80px 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .about-us-area.style-2 { padding: 100px 0; } } .about-us-area.style-2 .section-title { margin-bottom: 60px; } .video-popup-area { position: relative; margin-top: -240px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .video-popup-area { margin-top: 0; padding-top: 80px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .video-popup-area { margin-top: 0; padding-top: 100px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .video-popup-area { margin-top: 0; padding-top: 120px; } } .video-popup-area .video-popup-wrapper { position: relative; } .video-popup-area .video-popup-wrapper .get-quot-form { padding: 0 40px; margin-top: -150px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .video-popup-area .video-popup-wrapper .get-quot-form { margin-top: -60px; padding: 0 20px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .video-popup-area .video-popup-wrapper .get-quot-form { padding: 0 20px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .video-popup-area .video-popup-wrapper .get-quot-form { padding: 0 20px; } } .video-popup-area .video-popup-wrapper .comment-respond.style-2 .comment-respond-wrapper { margin-left: 0; padding: 60px 70px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .video-popup-area .video-popup-wrapper .comment-respond.style-2 .comment-respond-wrapper { padding: 35px 25px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .video-popup-area .video-popup-wrapper .comment-respond.style-2 .comment-respond-wrapper { padding: 40px 30px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .video-popup-area .video-popup-wrapper .comment-respond.style-2 .comment-respond-wrapper { padding: 50px 45px; } } .video-popup-area .video-popup-wrapper .comment-respond.style-2 .comment-respond-wrapper:before { width: 100%; border-radius: 10px; margin-right: 0; } .video-popup-area .video-popup-wrapper .comment-respond.style-2 .comment-respond-wrapper .single-input-field .btn { border-radius: initial; font-size: 18px; font-weight: 500; padding: 22px 50px; width: 100%; color: #ffffff; background: #CDB091; } .video-popup-area .shape { position: absolute; right: 0; bottom: 0; } @media only screen and (min-width: 0px) and (max-width: 767px) { .video-popup-area .shape { width: 60px; height: 60px; } } .process-step-area.style-1 { padding-top: 120px; padding-bottom: 370px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .process-step-area.style-1 { padding-top: 80px; padding-bottom: 80px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .process-step-area.style-1 { padding-top: 100px; padding-bottom: 100px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .process-step-area.style-1 { padding-bottom: 120px; } } .portfolio-bg-area { padding-top: 140px; padding-bottom: 324px; position: relative; z-index: 1; background-color: #1E2E3E; background-size: cover; background-repeat: no-repeat; background-position: center center; } .portfolio-bg-area .overlay { position: absolute; content: ""; width: 100%; height: 100%; z-index: -1; left: 0; top: 0; background-color: #1E2E3E; opacity: 0.95; } .portfolio-bg-area .shape { position: absolute; top: 0; right: 0; opacity: 0.05; } .portfolio-filter-area { margin-top: -400px; position: relative; z-index: 2; padding-bottom: 24px; } .faq-gallery { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .faq-gallery { grid-template-columns: 1fr 2fr; } } @media only screen and (min-width: 0px) and (max-width: 576px) { .faq-gallery { grid-template-columns: 1fr; } } .faq-gallery [data-item="1"] { grid-row: span 2; margin-left: -430px; } @media only screen and (min-width: 0px) and (max-width: 576px) { .faq-gallery [data-item="1"] { margin-left: unset; } } .faq-gallery [data-item="1"] .faq-gallery-wrapper { height: 100%; } @media only screen and (min-width: 0px) and (max-width: 576px) { .faq-gallery [data-item="1"] .faq-gallery-wrapper { height: 350px; } } .faq-gallery [data-item="1"] .faq-gallery-wrapper .faq-gallery-thumb { border-radius: 0; } .faq-gallery .faq-gallery-wrapper { height: 250px; position: relative; } .faq-gallery .faq-gallery-wrapper .shape { position: absolute; right: 2px; z-index: 2; transform: translateY(-50%); top: 100%; } @media only screen and (min-width: 0px) and (max-width: 767px) { .faq-gallery .faq-gallery-wrapper .shape { width: 130px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .faq-gallery .faq-gallery-wrapper .shape { width: 150px; } } .faq-gallery .faq-gallery-wrapper .faq-gallery-thumb { position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; border-radius: 5px; } .faq-gallery .faq-gallery-wrapper .faq-gallery-thumb img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; aspect-ratio: 1/1; } .faq-gallery .faq-gallery-wrapper .content-card { background-color: #FAF8F7; border-radius: 5px; padding: 32px 29px; display: flex; flex-direction: column; gap: 20px; } .faq-gallery .faq-gallery-wrapper .content-card .title { font-size: 20px; font-weight: 600; color: #1E2E3E; line-height: initial; margin-bottom: 0; } .faq-gallery .faq-gallery-wrapper .content-card .btn-wrapper .theme-btn { padding: 9px 17px; font-size: 15px; } .company-history-area { padding-bottom: 140px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .company-history-area { padding-bottom: 100px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .company-history-area { padding-bottom: 100px; } } .faq-area.style-1 { padding-bottom: 190px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .faq-area.style-1 { padding-bottom: 100px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .faq-area.style-1 { padding-bottom: 100px; } } .faq-area.style-1 .section-title { margin-bottom: 30px; margin-top: 60px; } @media only screen and (min-width: 0px) and (max-width: 576px) { .faq-area.style-1 .section-title { margin-top: 0; } } .brand-marquee-area.style-2 { padding: 130px 0; } @media only screen and (min-width: 0px) and (max-width: 767px) { .brand-marquee-area.style-2 { padding: 80px 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .brand-marquee-area.style-2 { padding: 100px 0; } } .testimonial-slider-area.style-2 { background-position: center center; background-size: cover; background-repeat: no-repeat; overflow: hidden; } .latest-posts-area.style-2 { padding: 140px 0; background-color: #FAF8F7; } @media only screen and (min-width: 0px) and (max-width: 767px) { .latest-posts-area.style-2 { padding: 80px 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .latest-posts-area.style-2 { padding: 100px 0; } } .latest-posts-area.style-2 .section-title { margin-bottom: 190px; } .latest-posts-area.style-2 .post-card .post-meta .single-post-meta .icon { color: #ffffff; border-color: #CDB091; background-color: #CDB091; } .testimonial-slider-area.style-2 { padding-top: 120px; padding-bottom: 140px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .testimonial-slider-area.style-2 { padding-bottom: 100px; } } .testimonial-slider-area.style-2 .section-title { margin-bottom: 59px; } .testimonial-slider-area.style-3 { padding-top: 120px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .testimonial-slider-area.style-3 { padding-top: 80px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .testimonial-slider-area.style-3 { padding-top: 100px; } } .testimonial-slider-area.style-3 .section-title { margin-bottom: 0; } .testimonial-slider-area.style-3 .testimonial-slider-wrapper .slick-list { margin: 0 -12px; padding-top: 70px; padding-bottom: 120px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .testimonial-slider-area.style-3 .testimonial-slider-wrapper .slick-list { margin: 0; padding-bottom: 80px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .testimonial-slider-area.style-3 .testimonial-slider-wrapper .slick-list { padding-bottom: 100px; } } .testimonial-slider-area.style-3 .testimonial-slider-wrapper .slick-list .testimonial-card.style-2 { box-shadow: none; } .testimonial-slider-area.style-3 .testimonial-slider-wrapper .slick-arrow { display: none !important; } .testimonial-slider-area.style-3 .testimonial-slider-wrapper .slick-slide { margin: 0 12px; } .faq-area.style-4 { padding: 120px 0; } @media only screen and (min-width: 0px) and (max-width: 767px) { .faq-area.style-4 { padding: 80px 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .faq-area.style-4 { padding: 100px 0; } } .latest-posts-area.style-3 { padding-top: 120px; padding-bottom: 110px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .latest-posts-area.style-3 { padding-top: 80px; padding-bottom: 30px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .latest-posts-area.style-3 { padding-top: 100px; padding-bottom: 40px; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .latest-posts-area.style-3 .post-card.style-2 { margin-bottom: 50px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .latest-posts-area.style-3 .post-card.style-2 { margin-bottom: 50px; } } .about-us-area.style-3 { padding-top: 138px; padding-bottom: 30px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .about-us-area.style-3 { padding-top: 80px; padding-bottom: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .about-us-area.style-3 { padding-top: 100px; padding-bottom: 0; } } .about-us-area.style-3 .tilt-animate { border-radius: 10px; } .about-us-area.style-3 .about-image-card .main-img-wrapper .company-label-wrapper { position: absolute; right: 0; bottom: -60px; top: unset; left: unset; padding: 19px 15px; } .about-us-area.style-3 .keyword { font-size: 18px; font-weight: 500; color: #CDB091; margin-top: 10px; margin-bottom: 0; } .about-us-area.style-3 .section-title { margin-bottom: 30px; } .about-us-area.style-3 .company-info { display: flex; gap: 48px; } @media only screen and (min-width: 0px) and (max-width: 576px) { .about-us-area.style-3 .company-info { flex-wrap: wrap; gap: 40px; } } .about-us-area.style-3 .company-info ul { margin: 0; display: flex; flex-direction: column; gap: 25px; } @media only screen and (min-width: 0px) and (max-width: 576px) { .about-us-area.style-3 .company-info ul { width: 100% !important; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .about-us-area.style-3 .company-info ul { width: 50%; } } .about-us-area.style-3 .company-info ul li { margin: 0; font-weight: 500; font-family: "Inter", sans-serif; } .about-us-area.style-3 .company-info .review-info { display: flex; align-items: self-start; gap: 43px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .about-us-area.style-3 .company-info .review-info { flex-wrap: wrap; gap: 40px; } } .about-us-area.style-3 .company-info .review-info .single-info { display: flex; flex-direction: column; gap: 10px; width: 100%; } .about-us-area.style-3 .company-info .review-info .single-info .title { font-size: 20px; font-weight: 600; line-height: 30px; color: #1E2E3E; margin-bottom: 0; } .cta-area.style-3 { position: relative; z-index: 2; padding: 120px 0; background-size: cover; background-repeat: no-repeat; background-position: center center; } @media only screen and (min-width: 0px) and (max-width: 767px) { .cta-area.style-3 { padding: 80px 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .cta-area.style-3 { padding: 100px 0; } } .cta-area.style-3 .image-overlay { position: absolute; width: 100%; height: 100%; background-color: rgba(19, 19, 53, 0.71); top: 0; left: 0; z-index: -1; } .cta-area.style-3 .call-to-action-card { margin-top: -6px; margin-bottom: -8px; } .cta-area.style-3 .call-to-action-card .short-title { font-size: 21px; } .cta-area.style-3 .call-to-action-card .title { font-size: 72px; line-height: 84px; margin-top: 5px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .cta-area.style-3 .call-to-action-card .title { font-size: 34px; line-height: 48px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .cta-area.style-3 .call-to-action-card .title { font-size: 48px; line-height: 64px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .cta-area.style-3 .call-to-action-card .title { font-size: 52px; line-height: 72px; } } .cta-area.style-3 .call-to-action-card .btn-wrapper { margin-top: 60px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .cta-area.style-3 .call-to-action-card .btn-wrapper { margin-top: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .cta-area.style-3 .call-to-action-card .btn-wrapper { margin-top: 20px; } } .cta-area.style-3 .call-to-action-card .video-popup-btn a { width: 120px; height: 120px; background-color: #CDB091; border-radius: 100%; display: flex; align-items: center; justify-content: center; color: #ffffff; font-size: 24px; animation: ripple 4s infinite; box-shadow: 0 0 0 0 rgba(33, 173, 224, 0.8); } .cta-area.style-3 .call-to-action-card .video-popup-btn .btn-text { font-size: 18px; text-transform: uppercase; color: #ffffff; font-weight: 600; font-family: "Hepta Slab", sans-serif; margin-top: 40px; display: block; } .portfolio-area { padding-top: 0; padding-bottom: 140px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .portfolio-area { padding-bottom: 100px; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .portfolio-area { padding-bottom: 80px; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .portfolio-area .section-title { margin-bottom: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .portfolio-area .section-title { margin-bottom: 0; } } .portfolio-area .portfolio-card { border-bottom: 1px solid rgba(34, 34, 34, 0.15); border-top: none; } .portfolio-area .title { color: #1E2E3E; } .portfolio-area .portfolio-card .content .short-title { color: #1E2E3E; } .portfolio-area.style-3 { padding: 120px 0; } @media only screen and (min-width: 0px) and (max-width: 767px) { .portfolio-area.style-3 { padding: 80px 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .portfolio-area.style-3 { padding: 100px 0; } } .portfolio-area.style-3 .portfolio-card { gap: 10px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .portfolio-area.style-3 .portfolio-card { gap: 40px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .portfolio-area.style-3 .portfolio-card { gap: 60px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .portfolio-area.style-3 .portfolio-card { gap: 80px; } } .portfolio-area.style-3 .portfolio-card .title-wrapper { display: flex; gap: 10px; flex-direction: column; width: 330px; } @media (max-width: 1399px) { .portfolio-area.style-3 .portfolio-card .title-wrapper { width: unset; } } .portfolio-area.style-3 .portfolio-card .title-wrapper .short-title { color: #8f939b; font-size: 18px; font-family: "Jost", sans-serif; line-height: 22px; } .portfolio-area.style-3 .portfolio-card .title-wrapper .title { color: #26262c; font-family: "Hepta Slab", sans-serif; font-size: 21px; line-height: 28px; } .portfolio-area.style-3 .portfolio-card .content .title { font-size: 60px; color: #1E2E3E; } @media only screen and (min-width: 0px) and (max-width: 767px) { .portfolio-area.style-3 .portfolio-card .content .title { font-size: 28px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .portfolio-area.style-3 .portfolio-card .content .title { font-size: 34px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .portfolio-area.style-3 .portfolio-card .content .title { font-size: 48px; } } .portfolio-area.style-3 .portfolio-card .number-text { width: 330px; text-align: center; color: #8f939b; font-size: 24px; font-family: "Jost", sans-serif; } @media (max-width: 1399px) { .portfolio-area.style-3 .portfolio-card .number-text { width: unset; } } .portfolio-area.style-3 .portfolio-card .btn-wrapper a { font-size: 30px; color: #1E2E3E; transition: all 0.5s ease-out; } .portfolio-area.style-3 .portfolio-card .btn-wrapper a i { transform: rotate(-45deg); transition: all 0.5s ease-out; } .portfolio-area.style-3 .portfolio-card .btn-wrapper a:hover { color: #CDB091; transition: all 0.5s ease-out; } .portfolio-area.style-3 .portfolio-card .btn-wrapper a:hover i { transform: rotate(0deg); transition: all 0.5s ease-out; } .portfolio-area.style-3 .portfolio-btn { text-align: center; margin-top: 70px; } .about-us-area.style-3 { padding-top: 138px; padding-bottom: 30px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .about-us-area.style-3 { padding-top: 80px; padding-bottom: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .about-us-area.style-3 { padding-top: 100px; padding-bottom: 0; } } .about-us-area.style-3 .tilt-animate { border-radius: 10px; } .about-us-area.style-3 .about-image-card .main-img-wrapper .company-label-wrapper { position: absolute; right: 0; bottom: -60px; top: unset; left: unset; padding: 19px 15px; } .about-us-area.style-3 .keyword { font-size: 18px; font-weight: 500; color: #CDB091; margin-top: 10px; margin-bottom: 0; } .about-us-area.style-3 .section-title { margin-bottom: 30px; } .about-us-area.style-3 .company-info { display: flex; gap: 48px; } @media only screen and (min-width: 0px) and (max-width: 576px) { .about-us-area.style-3 .company-info { flex-wrap: wrap; gap: 40px; } } .about-us-area.style-3 .company-info ul { margin: 0; display: flex; flex-direction: column; gap: 25px; } @media only screen and (min-width: 0px) and (max-width: 576px) { .about-us-area.style-3 .company-info ul { width: 100% !important; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .about-us-area.style-3 .company-info ul { width: 50%; } } .about-us-area.style-3 .company-info ul li { margin: 0; font-weight: 500; font-family: "Inter", sans-serif; } .about-us-area.style-3 .company-info .review-info { display: flex; align-items: self-start; gap: 43px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .about-us-area.style-3 .company-info .review-info { flex-wrap: wrap; gap: 40px; } } .about-us-area.style-3 .company-info .review-info .single-info { display: flex; flex-direction: column; gap: 10px; width: 100%; } .about-us-area.style-3 .company-info .review-info .single-info .title { font-size: 20px; font-weight: 600; line-height: 30px; color: #1E2E3E; margin-bottom: 0; } .cta-area.style-3 { position: relative; z-index: 2; padding: 120px 0; background-size: cover; background-repeat: no-repeat; background-position: center center; } @media only screen and (min-width: 0px) and (max-width: 767px) { .cta-area.style-3 { padding: 80px 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .cta-area.style-3 { padding: 100px 0; } } .cta-area.style-3 .image-overlay { position: absolute; width: 100%; height: 100%; background-color: rgba(19, 19, 53, 0.71); top: 0; left: 0; z-index: -1; } .cta-area.style-3 .call-to-action-card { margin-top: -6px; margin-bottom: -8px; } .cta-area.style-3 .call-to-action-card .short-title { font-size: 21px; } .cta-area.style-3 .call-to-action-card .title { font-size: 72px; line-height: 84px; margin-top: 5px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .cta-area.style-3 .call-to-action-card .title { font-size: 34px; line-height: 48px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .cta-area.style-3 .call-to-action-card .title { font-size: 48px; line-height: 64px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .cta-area.style-3 .call-to-action-card .title { font-size: 52px; line-height: 72px; } } .cta-area.style-3 .call-to-action-card .btn-wrapper { margin-top: 60px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .cta-area.style-3 .call-to-action-card .btn-wrapper { margin-top: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .cta-area.style-3 .call-to-action-card .btn-wrapper { margin-top: 20px; } } .cta-area.style-3 .call-to-action-card .video-popup-btn a { width: 120px; height: 120px; background-color: #CDB091; border-radius: 100%; display: flex; align-items: center; justify-content: center; color: #ffffff; font-size: 24px; animation: ripple 4s infinite; box-shadow: 0 0 0 0 rgba(33, 173, 224, 0.8); } .cta-area.style-3 .call-to-action-card .video-popup-btn .btn-text { font-size: 18px; text-transform: uppercase; color: #ffffff; font-weight: 600; font-family: "Hepta Slab", sans-serif; margin-top: 40px; display: block; } .portfolio-area { padding-top: 0; padding-bottom: 140px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .portfolio-area { padding-bottom: 100px; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .portfolio-area { padding-bottom: 80px; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .portfolio-area .section-title { margin-bottom: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .portfolio-area .section-title { margin-bottom: 0; } } .portfolio-area .portfolio-card { border-bottom: 1px solid rgba(34, 34, 34, 0.15); border-top: none; } .portfolio-area .title { color: #1E2E3E; } .portfolio-area .portfolio-card .content .short-title { color: #1E2E3E; } .portfolio-area.style-3 { padding: 120px 0; } @media only screen and (min-width: 0px) and (max-width: 767px) { .portfolio-area.style-3 { padding: 80px 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .portfolio-area.style-3 { padding: 100px 0; } } .portfolio-area.style-3 .portfolio-card { gap: 10px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .portfolio-area.style-3 .portfolio-card { gap: 40px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .portfolio-area.style-3 .portfolio-card { gap: 60px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .portfolio-area.style-3 .portfolio-card { gap: 80px; } } .portfolio-area.style-3 .portfolio-card .title-wrapper { display: flex; gap: 10px; flex-direction: column; width: 330px; } @media (max-width: 1399px) { .portfolio-area.style-3 .portfolio-card .title-wrapper { width: unset; } } .portfolio-area.style-3 .portfolio-card .title-wrapper .short-title { color: #8f939b; font-size: 18px; font-family: "Jost", sans-serif; line-height: 22px; } .portfolio-area.style-3 .portfolio-card .title-wrapper .title { color: #26262c; font-family: "Hepta Slab", sans-serif; font-size: 21px; line-height: 28px; } .portfolio-area.style-3 .portfolio-card .content .title { font-size: 60px; color: #1E2E3E; } @media only screen and (min-width: 0px) and (max-width: 767px) { .portfolio-area.style-3 .portfolio-card .content .title { font-size: 28px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .portfolio-area.style-3 .portfolio-card .content .title { font-size: 34px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .portfolio-area.style-3 .portfolio-card .content .title { font-size: 48px; } } .portfolio-area.style-3 .portfolio-card .number-text { width: 330px; text-align: center; color: #8f939b; font-size: 24px; font-family: "Jost", sans-serif; } @media (max-width: 1399px) { .portfolio-area.style-3 .portfolio-card .number-text { width: unset; } } .portfolio-area.style-3 .portfolio-card .btn-wrapper a { font-size: 30px; color: #1E2E3E; transition: all 0.5s ease-out; } .portfolio-area.style-3 .portfolio-card .btn-wrapper a i { transform: rotate(-45deg); transition: all 0.5s ease-out; } .portfolio-area.style-3 .portfolio-card .btn-wrapper a:hover { color: #CDB091; transition: all 0.5s ease-out; } .portfolio-area.style-3 .portfolio-card .btn-wrapper a:hover i { transform: rotate(0deg); transition: all 0.5s ease-out; } .portfolio-area.style-3 .portfolio-btn { text-align: center; margin-top: 70px; } .carrier-page { padding-top: 165px; padding-bottom: 140px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .carrier-page { padding: 100px 0; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .carrier-page { padding: 80px 0; } } .carrier-page-area { position: relative; height: 100%; width: 100%; margin-top: 6px; } .carrier-info { position: relative; } .carrier-info .title { font-size: 45px; font-weight: 400; line-height: initial; color: #1E2E3E; text-transform: initial; margin-bottom: 0; } @media only screen and (min-width: 0px) and (max-width: 767px) { .carrier-info .title { font-size: 26px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .carrier-info .title { font-size: 38px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .carrier-info .title { font-size: 40px; } } .carrier-info .desc { margin-top: 30px; color: #1E2E3E; font-size: 18px; line-height: initial; margin-bottom: 0; } .carrier-info .submit-btn { color: #ffffff; font-size: 18px; font-weight: 600; line-height: initial; padding: 10px 25px; background-color: #CDB091; margin-top: 30px; display: inline-flex; } .portfolio-slider-area { padding-top: 10px; padding-bottom: 140px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .portfolio-slider-area { padding-bottom: 0; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .portfolio-slider-area { padding-bottom: 0; } } .portfolio-slider-area .section-title { margin-bottom: 60px; } .portfolio-slider-area .sec-content { gap: 24px; } .portfolio-slider .slick-list { margin: 0 10px; } .portfolio-slider .slick-list .slick-slide { margin: 0 10px; } .faq-area-style { padding-top: 123px; padding-bottom: 110px; position: relative; overflow: hidden; } @media only screen and (min-width: 768px) and (max-width: 991px) { .faq-area-style { padding-top: 100px; padding-bottom: initial; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .faq-area-style { padding-top: 80px; padding-bottom: initial; } } .faq-area-style .faq-bg { position: absolute; right: -9px; top: 10px; z-index: 1; } @media only screen and (min-width: 0px) and (max-width: 576px) { .faq-area-style .faq-bg { display: none; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .faq-area-style .faq-bg { width: 200px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .faq-area-style .faq-bg { width: 250px; } } .faq-area-style .accordion-box-wrapper { height: auto; } .faq-area-style .faq-area { padding-bottom: initial; } .faq-area-style .faq-area .faq-gallery-thumb { background-color: #CDB091; } .faq-area.style-5 { padding: 140px 0; } @media only screen and (min-width: 0px) and (max-width: 767px) { .faq-area.style-5 { padding: 80px 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .faq-area.style-5 { padding: 100px 0; } } .faq-area.style-5 .faq-img { position: relative; width: 100%; height: auto; margin-top: 5px; } .faq-area.style-5 .faq-img .shape-img { position: absolute; right: 2px; bottom: -25px; } @media only screen and (min-width: 0px) and (max-width: 576px) { .faq-area.style-5 .faq-img .shape-img { display: none; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .faq-area.style-5 .faq-img .shape-img { left: unset; right: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .faq-area.style-5 .faq-img .shape-img { left: 321px; right: unset; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .faq-area.style-5 .faq-img .shape-img { left: unset; right: 0; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .faq-area.style-5 .faq-img .shape-img { left: unset; right: 0; } } .faq-area.style-5 .section-title { margin-bottom: 50px; margin-top: 5px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .faq-area.style-5 .section-title { margin-bottom: 30px; margin-top: 0; } } .faq-area.style-5 .section-title .desc { color: #1E2E3E; font-size: 18px; margin-bottom: 0; line-height: initial; } .faq-area .accordion-item-body p { font-family: "Syne", sans-serif; } .faq-about { padding-top: 115px; margin-bottom: 140px; background-position: center center; background-size: cover; position: relative; width: 100%; } @media only screen and (min-width: 0px) and (max-width: 767px) { .faq-about { padding-top: 0; padding-bottom: 80px; margin-bottom: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .faq-about { padding: 100px 0; margin-bottom: 0; } } .faq-about .section-title { margin-bottom: 60px; } .faq-about .section-title .desc { line-height: initial; font-size: 18px; margin-bottom: 0; } .faq-about .comment-respond { border-radius: 10px; background: var(--White, #FFF); box-shadow: 0px 4px 30px 0px rgba(234, 234, 234, 0.25); padding: 60px 55px 53px 55px; margin-top: 0; } .faq-about .comment-respond .theme-btn { padding: 21px 71px 16px 65px; color: #ffffff; } .faq-about .video-popup-btn { margin-top: 0; left: 29%; } @media only screen and (min-width: 0px) and (max-width: 767px) { .faq-about .video-popup-btn { left: 50%; } } .faq-about .video-popup-btn .video-play { width: 150px; height: 150px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .faq-about .video-popup-btn .video-play { width: 100px; height: 100px; } } .contact-page { margin-top: 18px; padding-bottom: 88px; position: relative; } @media only screen and (min-width: 0px) and (max-width: 767px) { .contact-page { padding-bottom: 0px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .contact-page { padding-bottom: 0px; } } .contact-page .address-wrapper { padding-top: 158px; padding-bottom: 197px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .contact-page .address-wrapper { padding-top: 80px; padding-bottom: 80px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .contact-page .address-wrapper { padding-top: 100px; padding-bottom: 56px; } } .contact-page .address-overlay { position: absolute; top: 0; left: 0; right: unset; height: 100%; width: 100%; z-index: -1; } .contact-page .contact-info-card { display: flex; flex-direction: column; margin-bottom: 54px; position: relative; z-index: 1; } @media only screen and (min-width: 0px) and (max-width: 767px) { .contact-page .contact-info-card { margin-bottom: 44px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .contact-page .contact-info-card { margin-bottom: 44px; } } .contact-page .contact-info-card .title { font-size: 20px; font-weight: 600; line-height: 30px; margin-bottom: 10px; text-transform: capitalize; } .contact-page .contact-info-card ul { list-style: none; padding: 0; display: flex; flex-direction: column; gap: 15px; margin-bottom: 0; font-family: "Syne", sans-serif; } .contact-page .contact-info-card ul li { font-size: 16px; font-weight: 600; line-height: 29px; color: #1E2E3E; } .contact-page .contact-info-card ul li a { text-decoration: none; font-size: 16px; font-weight: 600; line-height: 29px; color: #1E2E3E; } .contact-page .image { padding-top: 22px; } .contact-form-area { padding-top: 140px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .contact-form-area { padding-top: 80px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .contact-form-area { padding-top: 100px; } } .contact-form-area.style-1 { padding-top: 40px; padding-bottom: 140px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .contact-form-area.style-1 { padding: 80px 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .contact-form-area.style-1 { padding: 100px 0; } } .contact-form-area.style-1 .map-location { height: 510px; } .contact-form-area.style-1 .map-location iframe { width: 100%; height: 100%; } .contact-info-area { display: flex; flex-direction: column; gap: 24px; } .contact-form-area .post-comments-title { margin-bottom: 86px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .contact-form-area .post-comments-title { margin-bottom: 40px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .contact-form-area .post-comments-title { margin-bottom: 40px; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .contact-form-area .post-comments-title { margin-bottom: 40px; } } .comment-respond { padding: 0; border: 0; margin: 0; } .comment-respond.style-3 { margin: 0; } .comment-respond .post-comments-title h2 { font-size: 50px; font-weight: 600; line-height: initial; margin-bottom: 20px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .comment-respond .post-comments-title h2 { font-size: 28px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .comment-respond .post-comments-title h2 { font-size: 32px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .comment-respond .post-comments-title h2 { font-size: 44px; } } .comment-respond .comment-form { padding-top: 10px; } .comment-respond .comment-form textarea { margin-bottom: 0; } .comment-respond .comment-form .contacts-message { margin-bottom: 30px; } .comment-respond .comment-form .theme-btn { padding: 21px 71px; margin-top: 10px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .comment-respond .comment-form .theme-btn { padding: 18px 45px; } } .contact-image { position: relative; left: 108px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .contact-image { left: initial; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .contact-image { left: initial; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .contact-image { left: 20px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .contact-image { left: 20px; } } .contact-map-area { padding-bottom: 120px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .contact-map-area { padding-bottom: 80px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .contact-map-area { padding-bottom: 100px; } } .contact-map-area .map-widget { margin-bottom: -10px; } .contact-map-area .map-widget iframe { width: 100%; height: 470px; border-radius: 12px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .contact-map-area .map-widget iframe { height: 350px; } } .service-details-page { padding: 140px 0; } @media only screen and (min-width: 0px) and (max-width: 767px) { .service-details-page { padding: 80px 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .service-details-page { padding: 100px 0; } } .service-details-page .details-content { margin-bottom: 40px; } .service-details-page .details-content .feature-image { overflow: hidden; margin-bottom: 50px; } .service-details-page .details-content .feature-image img { width: 100%; } .service-details-page .details-content .text { margin-bottom: 30px; } .service-details-page .details-content .text .title { font-size: 45px; font-weight: 600; line-height: initial; margin-bottom: 24px; color: #1E2E3E; } @media only screen and (min-width: 0px) and (max-width: 576px) { .service-details-page .details-content .text .title { font-size: 22px !important; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .service-details-page .details-content .text .title { font-size: 32px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .service-details-page .details-content .text .title { font-size: 38px; } } .service-details-page .details-content .text p { font-size: 16px; line-height: 29px; } .service-details-page .details-content .member-court { padding: 26px 112px 27px 41px; border-left: 3px solid #CDB091; margin-bottom: 50px; } @media only screen and (min-width: 0px) and (max-width: 576px) { .service-details-page .details-content .member-court { margin-bottom: 30px; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .service-details-page .details-content .member-court { padding: 20px 32px; border-top: 3px solid #CDB091; border-bottom: 3px solid #CDB091; border-left: 0; } } .service-details-page .details-content .member-court .desc { font-family: "Hepta Slab", sans-serif; font-size: 20px; font-weight: 600; color: #1E2E3E; margin-bottom: 0; } @media only screen and (min-width: 0px) and (max-width: 767px) { .service-details-page .details-content .member-court .desc { font-size: 16px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .service-details-page .details-content .member-court .desc { font-size: 16px; } } .service-details-page .details-content p { font-size: 16px; line-height: 29px; margin-bottom: 0; } .service-details-page .overview-item { position: relative; } .service-details-page .overview-item .list-item { margin-bottom: 50px; display: flex; gap: 189px; } @media only screen and (min-width: 0px) and (max-width: 576px) { .service-details-page .overview-item .list-item { flex-wrap: wrap; gap: 0; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .service-details-page .overview-item .list-item { gap: 14px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .service-details-page .overview-item .list-item { gap: 50px; } } .service-details-page .overview-item .list-item ul { display: flex; flex-direction: column; gap: 15px; margin-bottom: 0; } .service-details-page .overview-item .list-item ul li { gap: 15px; align-items: center; padding-top: 0; } .service-details-page .overview-item .list-item ul li .icon-img { width: 20px; height: 20px; flex-shrink: 0; display: flex; justify-content: center; align-items: center; } .service-details-page .overview-item .list-item ul li span { color: #222; } .service-details-page .accordion-wrapper .accordion-list-item .accordion-item-body { margin-bottom: 26px; margin-right: 4px; } .service-details-page .accordion-wrapper .accordion-list-item .accordion-item-body p { color: #222; font-family: "Syne", sans-serif; } @media only screen and (min-width: 0px) and (max-width: 767px) { .service-details-page .accordion-wrapper .accordion-list-item .accordion-item-body p { font-size: 14px; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .service-details-page .accordion-wrapper .accordion-list-item .accordion-head .accordion-title { font-size: 16px; } } .service-details-page .service-sidebar { position: relative; overflow: hidden; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 50px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .service-details-page .service-sidebar { margin-top: 40px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .service-details-page .service-sidebar { margin-top: 40px; } } .service-details-page .service-sidebar .service-categories { padding: 50px 0px; border: 1px solid rgba(0, 0, 0, 0.15); background: #FAF8F7; } .service-details-page .service-sidebar .service-categories .title { font-size: 35px; font-weight: 600; line-height: initial; color: #1E2E3E; padding-left: 40px; padding-bottom: 32px; margin-bottom: 0; } @media only screen and (min-width: 0px) and (max-width: 767px) { .service-details-page .service-sidebar .service-categories .title { font-size: 28px; } } .service-details-page .service-sidebar .service-categories ul { list-style: none; padding-left: 0; margin-bottom: -11px; } .service-details-page .service-sidebar .service-categories ul li { border-top: 1px solid rgba(0, 0, 0, 0.15); border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important; width: 100%; padding: 0; margin-bottom: 10px; } .service-details-page .service-sidebar .service-categories ul li a { display: inline-flex; align-items: center; flex-shrink: 0; color: #1E2E3E; font-family: "Hepta Slab", sans-serif; font-size: 20px; font-weight: 600; line-height: 30px; width: 100%; padding: 19px 40px; transition: all 0.5s ease-out; } @media only screen and (min-width: 0px) and (max-width: 767px) { .service-details-page .service-sidebar .service-categories ul li a { font-size: 18px; } } .service-details-page .service-sidebar .service-categories ul li a i { color: #CDB091; font-size: 24px; font-weight: 600; transition: all 0.5s ease-out; } .service-details-page .service-sidebar .service-categories ul li a:hover { color: #CDB091; } .service-details-page .service-sidebar .service-categories ul li a:hover i { color: #CDB091; transition: all 0.5s ease-out; } .service-details-page .service-sidebar .service-promotion { position: relative; overflow: hidden; } .service-details-page .service-sidebar .service-promotion .contact-text { position: absolute; bottom: 0; padding: 0 0 30px 40px; } .service-details-page .service-sidebar .service-promotion .contact-text .number { font-size: 35px; font-weight: 600; line-height: initial; font-family: "Hepta Slab", sans-serif; color: #ffffff; } @media only screen and (min-width: 0px) and (max-width: 767px) { .service-details-page .service-sidebar .service-promotion .contact-text .number { font-size: 28px; } } .service-details-page .service-sidebar .service-promotion .contact-text .text { font-size: 16px; line-height: 29px; color: #ffffff; margin-bottom: 0; } .faq-area.style-3 { margin-top: 50px; } .faq-area.style-3 .faq-title { font-size: 36px; margin-bottom: 30px; } .feature-area.style-2 { padding: 140px 0; } @media only screen and (min-width: 768px) and (max-width: 991px) { .feature-area.style-2 { padding: 100px 0; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .feature-area.style-2 { padding: 80px 0; } } .feature-area.style-2 .info-card { background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.1); } .feature-area.style-2 .info-card .title { color: #1E2E3E; } .feature-area.style-2 .info-card .desc { color: #666666; } .feature-area.style-2 .info-card .thumbnail-wrapper { border-top: 1px solid rgba(0, 0, 0, 0.15); } .feature-area.style-2 .info-card .icon { width: 64px; height: 65px; transition: all 0.5s ease-out; } .feature-area.style-2 .info-card .icon img { transition: all 0.5s ease-out; } .feature-area.style-2 .info-card:hover .icon { height: 0; transition: all 0.5s ease-out; } .team-member-wrapper { padding: 40px 0 0 0; } @media only screen and (min-width: 768px) and (max-width: 991px) { .team-member-wrapper { padding: 0; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .team-member-wrapper { padding: 0; } } .team-member-details { padding-top: 40px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .team-member-details { padding-top: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .team-member-details { padding-top: 20px; } } .team-member-details .single-team-member { padding-bottom: 0; } .single-team-member { padding: 100px 0; } .single-team-member:nth-child(even) { border-top: 1px solid rgba(0, 0, 0, 0.15); border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .single-team-member:nth-child(3) { padding-bottom: 0; } @media only screen and (min-width: 768px) and (max-width: 991px) { .single-team-member { padding: 100px 0; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .single-team-member { padding: 80px 0; } } .single-team-member .team-member-thumb { width: 100%; height: auto; overflow: hidden; } .single-team-member .team-member-thumb .image { flex-shrink: 0; } .single-team-member .team-member-thumb .user-meta { display: flex; flex-direction: column; align-items: center; padding: 50px 76px 44px 76px; gap: 18px; max-width: 476px; width: 100%; } .single-team-member .team-member-thumb .user-meta .title { font-size: 35px; font-weight: 600; line-height: initial; color: #1E2E3E; } .single-team-member .team-member-thumb .user-meta .desc { font-family: "Hepta Slab", sans-serif; font-size: 20px; font-weight: 600; line-height: 30px; } .single-team-member .team-member-thumb .user-meta .member-social-site { display: flex; align-items: center; gap: 30px; flex-shrink: 0; width: 120px; height: 20px; } .single-team-member .team-member-thumb .user-meta .member-social-site a { height: 20px; width: 20px; } .single-team-member .team-member-thumb .user-meta .member-social-site i { font-size: 20px; color: #1E2E3E; transition: all 0.5s ease-out; } .single-team-member .team-member-thumb .user-meta .member-social-site i:hover { color: #CDB091; } .single-team-member .team-member-content { display: flex; flex-direction: column; gap: 30px; align-items: flex-start; margin-top: 25px; margin-left: -2px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .single-team-member .team-member-content { align-items: center; } } .single-team-member .team-member-content .content .title { font-size: 45px; font-weight: 600; color: #1E2E3E; line-height: initial; text-transform: capitalize; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .single-team-member .team-member-content .content .title { font-size: 38px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .single-team-member .team-member-content .content .title { font-size: 32px; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .single-team-member .team-member-content .content .title { font-size: 28px; } } @media only screen and (min-width: 0px) and (max-width: 576px) { .single-team-member .team-member-content .content .title { font-size: 24px; } } .single-team-member .team-member-content .content p { font-size: 16px; line-height: 29px; margin-top: 20px; margin-bottom: 0; } @media only screen and (min-width: 0px) and (max-width: 767px) { .single-team-member .team-member-content .content p { line-height: 22px; text-align: justify; } } .single-team-member .team-member-content .team-tab { margin-top: 9.5px; } .single-team-member .team-member-content .team-tab ul { display: flex; margin: 0; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.15); list-style: none; padding: 0; } .single-team-member .team-member-content .team-tab ul li { font-family: "Hepta Slab", sans-serif; font-size: 20px; font-weight: 600; line-height: 30px; color: #666666; position: relative; padding: 15px 37px; cursor: pointer; } .single-team-member .team-member-content .team-tab ul li:first-child { padding-left: 0; } .single-team-member .team-member-content .team-tab ul li:before { position: absolute; left: 0; bottom: 0; content: ""; width: 0; height: 1px; background-color: #CDB091; transition: all 0.5s ease-out; } .single-team-member .team-member-content .team-tab ul li.active { color: #CDB091; } .single-team-member .team-member-content .team-tab ul li.active:before { width: 100%; transition: all 0.5s ease-out; } .single-team-member .team-member-content .team-tab .title-wrapper { margin-top: 20px; } .single-team-member .team-member-content .team-tab .title-wrapper .icon { display: flex; align-items: center; justify-content: flex-start; flex-shrink: 0; gap: 10px; } .single-team-member .team-member-content .team-tab .title-wrapper .icon .title { font-size: 16px; font-weight: 600; line-height: 29px; font-family: "Jost", sans-serif; text-transform: capitalize; color: #666666; } .single-team-member .team-member-content .team-tab .title-wrapper .desc { font-size: 16px; line-height: 29px; margin-top: 10px; margin-left: 25px; } .single-team-member .team-member-content .member-court { padding: 25px 8px 25px 44px; border-left: 3px solid #CDB091; margin-bottom: 14px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .single-team-member .team-member-content .member-court { padding: 16px 0 16px 32px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .single-team-member .team-member-content .member-court { padding: 14px 0 14px 24px; margin-bottom: 0; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .single-team-member .team-member-content .member-court { padding: 10px 0 10px 20px; margin-bottom: 0; text-align: center; } } .single-team-member .team-member-content .member-court .desc { font-family: "Hepta Slab", sans-serif; font-weight: 600; font-size: 20px; line-height: 30px; color: #1E2E3E; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .single-team-member .team-member-content .member-court .desc { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .single-team-member .team-member-content .member-court .desc { font-size: 16px; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .single-team-member .team-member-content .member-court .desc { font-size: 13px; line-height: initial; } } .single-team-member .team-member-content .member-social-site { display: flex; align-items: center; gap: 30px; flex-shrink: 0; } .single-team-member .team-member-content .member-social-site a { width: 20px; height: 20px; } .single-team-member .team-member-content .member-social-site i { font-size: 20px; color: #1E2E3E; } .footer { position: relative; z-index: 2; overflow: hidden; } .footer.style-1 { background-color: #1C1D20; } .footer .footer-sec { padding-top: 60px; padding-bottom: 20px; position: relative; } @media only screen and (min-width: 0px) and (max-width: 767px) { .footer .footer-sec { padding-top: 80px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .footer .footer-sec { padding-top: 100px; } } .footer .footer-sec .footer-sec-bg { position: absolute; right: 0; bottom: 0; } .footer .widget-menu-wrapper { padding: 0 60px; } @media (max-width: 991px) { .footer .widget-menu-wrapper { padding: 0; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .footer .widget-menu-wrapper { padding: 0 50px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .footer .widget-menu-wrapper { padding: 0 60px; } } .footer .footer-bg { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); z-index: -1; } .footer-widget-title { font-family: "Hepta Slab", sans-serif; font-size: 21px; line-height: 26px; color: #ffffff; position: relative; margin-bottom: 35px; font-weight: 600; } @media only screen and (min-width: 0px) and (max-width: 767px) { .footer-widget-title { margin-bottom: 20px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .footer-widget-title { margin-bottom: 25px; } } .footer-widget { margin-bottom: 30px; } @media (max-width: 991px) { .footer-widget { margin-bottom: 40px; } } .footer-widget ul { padding-left: 0; } .footer-widget .footer-logo { margin-bottom: 40px; margin-top: -25px; } .footer-widget.widget_boomdevs-latest-posts-footer { margin-top: -5px; } @media (max-width: 767px) { .footer-widget.zoom-instagram-widget { margin-bottom: 0; margin-top: -10px; } } @media (max-width: 767px) { .footer-widget.widget_boomdevs_contact_info_widget { margin-bottom: 16px; } } @media only screen and (min-width: 992px) and (max-width: 1399px) { .footer-widget .widget-instagram-feed { width: 170px; } } .footer-widget .footer-widget-info p { color: #ffffff; margin-bottom: 30px; font-family: "Jost", sans-serif; } .footer-widget .footer-widget-info .footer-logo { margin-bottom: 30px; display: inline-block; margin-top: -25px; } .footer-widget .footer-widget-info .info-form-and-social-icon { display: flex; align-items: center; gap: 50px; } .footer-widget .footer-widget-info .info-form-and-social-icon .subscribe-form-widget { border-radius: 6px; } .footer-widget .footer-widget-info .info-form-and-social-icon .subscribe-form-widget .single-field input { height: 60px; } .footer-widget .footer-widget-info .info-form-and-social-icon .social-profile { margin-top: 0; } .footer-widget .footer-widget-info .social-profile { display: flex; gap: 15px; margin-top: 30px; } .footer-widget .footer-widget-info .social-profile a { color: #ffffff; } @media only screen and (min-width: 0px) and (max-width: 767px) { .footer-widget .footer-widget-info .info-form-and-social-icon { flex-direction: column; align-items: start; gap: 30px; } } .footer-widget.widget_nav_menu ul { margin-top: -5px; padding-left: 0; margin-bottom: 0; } .footer-widget.widget_nav_menu li { position: relative; display: inline-block; width: 100%; padding-bottom: 11px; } .footer-widget.widget_nav_menu li:last-child { padding-top: 0; padding-bottom: 0; } .footer-widget.widget_nav_menu li a { color: #ffffff; text-transform: capitalize; font-size: 16px; transition: all 0.5s ease-out; position: relative; font-family: "Jost", sans-serif; } .footer-widget.widget_nav_menu li a:hover { transition: all 0.5s ease-out; color: #CDB091; } @media only screen and (min-width: 0px) and (max-width: 767px) { .footer-widget .footer-widget-contact { padding-right: 50px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .footer-widget .footer-widget-contact { padding-right: 50px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .footer-widget .footer-widget-contact { padding-right: 50px; } } .footer-widget .footer-widget-contact p { color: #ffffff; font-family: "Jost", sans-serif; } .footer-widget .footer-widget-contact .footer-contact ul { list-style: none; } .footer-widget .footer-widget-contact .footer-contact ul li { margin-bottom: 5px; display: flex; align-items: center; line-height: 30px; gap: 6px; } .footer-widget .footer-widget-contact .footer-contact ul li:first-child { align-items: flex-start; } .footer-widget .footer-widget-contact .footer-contact ul li:first-child .contact-icon { margin-top: 5px; } .footer-widget .footer-widget-contact .footer-contact ul li:last-child { margin-bottom: 0; } .footer-widget .footer-widget-contact .footer-contact ul li .contact-icon { color: #ffffff; border-radius: 50px; float: left; display: flex; align-items: center; flex-shrink: 0; } .footer-widget .footer-widget-contact .footer-contact ul li .contact-text { color: #ffffff; font-size: 16px; line-height: 30px; overflow: hidden; font-family: "Jost", sans-serif; } .footer-widget .footer-widget-contact .footer-contact ul li .contact-text a:hover span { color: #CDB091; transition: all 0.5s ease-out; } .footer-widget .footer-widget-contact .footer-contact ul li .contact-text span, .footer-widget .footer-widget-contact .footer-contact ul li .contact-text p, .footer-widget .footer-widget-contact .footer-contact ul li .contact-text a { color: #ffffff; font-size: 16px; line-height: 30px; display: inline-block; width: 100%; margin-bottom: 0; font-family: "Jost", sans-serif; transition: all 0.5s ease-out; } .footer-widget .widget_latest_post ul li .latest-post-thumb { width: 60px; height: 60px; } .footer-widget .widget_latest_post ul li .latest-post-desc .latest-post-title { margin-bottom: 8px; font-size: 16px; line-height: 22px; color: #ffffff; font-weight: 600; font-family: "Jost", sans-serif; } .footer-widget .widget_latest_post ul li .latest-post-desc .latest-post-title a { font-size: 16px; line-height: 22px; color: #ffffff; position: relative; text-transform: capitalize; font-weight: 600; font-family: "Jost", sans-serif; transition: all 0.5s ease-out; } .footer-widget .widget_latest_post ul li .latest-post-desc .latest-post-title a:hover { color: #CDB091; transition: all 0.5s ease-out; } .footer-widget .widget_latest_post ul li .latest-post-desc .latest-post-meta { font-size: 14px; display: flex; align-items: center; font-weight: 400; gap: 8px; color: #ffffff; font-family: "Jost", sans-serif; } .footer-top-area { border-bottom: 1px solid rgba(255, 255, 255, 0.1490196078); } .footer-top-wrapper { display: flex; align-items: center; justify-content: space-between; } @media (max-width: 991px) { .footer-top-wrapper { flex-direction: column; align-items: flex-start; gap: 16px; padding: 80px 0; } } .footer-top-wrapper .title-wrapper .title { margin-bottom: 0; font-size: 20px; font-weight: 600; line-height: 30px; color: #ffffff; } .footer-top-wrapper .logo-wrapper { height: 136px; background-color: #ffffff; display: flex; align-items: center; padding: 0 52px; } .footer-top-wrapper .cta-wrapper { display: flex; align-items: center; gap: 10px; font-family: "Hepta Slab", sans-serif; } @media only screen and (min-width: 0px) and (max-width: 767px) { .footer-top-wrapper .cta-wrapper { flex-direction: column; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .footer-top-wrapper .cta-wrapper { flex-direction: column; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .footer-top-wrapper .cta-wrapper { flex-direction: column; } } .footer-top-wrapper .cta-wrapper .title, .footer-top-wrapper .cta-wrapper a { font-size: 20px; font-weight: 600; line-height: 30px; color: #ffffff; font-family: "Hepta Slab", sans-serif; } .footer-top-wrapper .cta-wrapper a { color: #CDB091; font-weight: 300; border-bottom: 1px solid #CDB091; } .footer-bottom-area { padding: 24px 0; border-top: 1px solid rgba(255, 255, 255, 0.15); } @media (max-width: 991px) { .footer-bottom-area { padding: 30px 0; } } .footer-bottom-area .footer-bottom-wrapper { text-align: center; } .footer-bottom-area .copyright-text p { color: #ffffff; margin-bottom: 0; font-family: "Jost", sans-serif; font-size: 16px; } .footer-bottom-area .copyright-text p a { color: #ffffff; font-weight: 400; font-family: "Jost", sans-serif; font-size: 16px; } .footer-bottom-area .copyright-text p a:hover { color: #CDB091; } .footer-bottom-area .credit-text p { color: #ffffff; margin-bottom: 0; display: flex; align-items: center; justify-content: flex-end; gap: 10px; font-family: "Jost", sans-serif; } .footer-bottom-area .credit-text a { color: #CDB091; font-family: "Jost", sans-serif; } .footer { position: relative; z-index: 2; } .footer.style-2 { background-repeat: no-repeat; background-size: cover; background-position: center center; } .footer.style-2 .footer-sec { padding-top: 90px; padding-bottom: 40px; } .footer.style-2 .overlay { position: absolute; content: ""; width: 100%; height: 100%; background-color: #1C1D20; opacity: 0.85; top: 0; left: 0; z-index: -1; } .footer.style-2 .widget-menu-wrapper { padding: 0; } .practice-area { background-repeat: no-repeat; background-position: center; background-size: cover; padding: 229px 0; } .full-width-bg { height: 650px; width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .service-list { padding-top: 140px; padding-bottom: 100px; } .service-list .service-name { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 45px; } .service-list .service-name ul { display: flex; align-items: center; gap: 38px; list-style: none; padding: 0; margin: 0; } .service-list .service-name ul li { display: flex; align-items: flex-end; } .service-list .service-name ul li a { margin-bottom: 0; font-family: "Hepta Slab", sans-serif; font-size: 35px; font-weight: 600; line-height: initial; color: #1E2E3E; } .service-list .service-name ul li .number { font-family: "Jost", sans-serif; font-size: 16px; line-height: 29px; color: #CDB091; } .service-list .service-btn { margin-top: 50px; } .project-area { padding: 120px 0; background-color: #FAF8F7; } .project-area .section-title { margin-bottom: 104px; } .project-area .section-title .title { font-size: 60px; line-height: initial; font-weight: 600; color: #1E2E3E; } .project-area .project-case { display: flex; justify-content: center; align-items: center; }/*# sourceMappingURL=style.css.map */