/** * Stylesheet: style.css * Theme: NetFusion - AI Powered Startup & Technology HTML5 Template * Version: 1.0 * Author: ThemeEarth * */ /* Table of contents ========================= 1.Preloader 2.Scrollup 4.Nav Menu CSS 3.Slider Section 5.Info Card 6.Icon Card 7. About Image Card 8. About Info Card 09. Counter Card 10. Process Step Card 11. Testimonial Card 12. Accordion Card 13. Post Card 14. Skill Progress Card 15. Call To Action Card 16. Title Card 17. Breadcrumb 18. Paginations 19. Project Details Page 20. sidebar 21. Comment List 22. Comment Form 23. Team member 24. Portfolio25. About Page 25. About Page 26. Contact Page 27. Service Page 28. Team Page 29. Blog Page Footer ===========================*/ /* Theme Default CSS */ * { margin: 0; border: 0; outline: none; } html, body { height: 100%; font-size: 16px; font-weight: 400; font-family: "Inter", sans-serif; color: #ffffffcc; vertical-align: baseline; line-height: 24px; font-smoothing: antialiased; background-color: #060606; } 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: "Inter", sans-serif; color: #ffffff; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } h1 { font-size: 69px; line-height: 75px; font-weight: 700; } h2 { font-size: 49px; line-height: 62px; font-weight: 700; letter-spacing: -1.59px; } h3 { font-size: 37px; line-height: 48px; font-weight: 700; letter-spacing: -1.17px; } h4 { font-size: 24px; line-height: 39px; font-weight: 700; } h5 { font-size: 20px; line-height: 36px; font-weight: 700; } h6 { font-size: 18px; line-height: 28px; font-weight: 700; } label { color: #ffffffcc; cursor: pointer; font-size: 16px; font-weight: 400; } button { cursor: pointer; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a, .button { text-decoration: none; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } a:focus, .button:focus { text-decoration: none; outline: none; } a:focus { color: #02C173; text-decoration: none; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } a, button { color: #02C173; outline: medium none; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } a:hover, button:hover { color: #02C173; -webkit-transition: all 0.5s ease-out; 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: #02C173; text-shadow: none; color: #fff; } ::selection { background: #02C173; text-shadow: none; color: #fff; } textarea:focus, input:focus { outline: none; } .background-black { background-color: #393d48; } .bg-light-black { background-color: #31373f; } .background-blue { background-color: #02C173; } .bg-dark-blue { background-color: #0e3151; } .background-light-blue { background-color: #02C173; } .background-skye { background-color: #02C173; } .background-gray { background-color: #eef5f8; } .background-light-gray { background-color: #f3f7fc; } .background-gradient { background: -webkit-gradient(linear, left top, left bottom, from(#E0F0FE), to(#F8FCFF)); background: linear-gradient(180deg, #E0F0FE 0%, #F8FCFF 100%); } .page-bg { background-color: #14203A; } .page-area { padding-top: 136px; padding-bottom: 124px; } .blog-area { padding-top: 144px; padding-bottom: 104px; } @media (max-width: 991px) { .page-area, .blog-area { padding-top: 100px; padding-bottom: 52px; } } @media (max-width: 767px) { .page-area, .blog-area { padding-top: 70px; padding-bottom: 22px; } } .page-area .page-links, .blog-area .page-links { margin-bottom: 20px; } .border-radius-12 { border-radius: 12px; } .text-white-100 { color: #c7cdda; } code { color: #02C173; } .te-theme-btn, .wp-block-loginout a, input.te-theme-btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding: 17px 32px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; font-size: 15px; font-weight: 600; text-transform: capitalize; color: #02C173; background-color: transparent; border: 1px solid #02C173; position: relative; z-index: 1; border-radius: 10px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; overflow: hidden; } .te-theme-btn:hover, .wp-block-loginout a:hover, input.te-theme-btn:hover { color: #ffffff; background-color: #02C173; border-color: #02C173; } .te-theme-btn:focus, .wp-block-loginout a:focus, input.te-theme-btn:focus { color: #ffffff; } .te-theme-btn.blue-btn, .wp-block-loginout a.blue-btn, input.te-theme-btn.blue-btn { background-color: #02C173; border-radius: 50px; color: #060606; padding: 16px 40px; } .te-theme-btn.simple-btn, .wp-block-loginout a.simple-btn, input.te-theme-btn.simple-btn { padding-left: 36px; padding-right: 36px; } .wp-block-loginout a { position: relative; } .wp-block-loginout a:after { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; content: "\f105"; font-family: "Font Awesome 6 Pro"; width: 44px; height: 44px; border-radius: 6px; background-color: #02C173; color: #fff; font-size: 16px; } .contact-form-btn { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; display: block; line-height: 42px; } .contact-form-btn .icon { float: right; } input.te-theme-btn { display: inline-block !important; width: inherit !important; border: 0 !important; } .te-slider-btn-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; position: relative; top: -10px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .te-slider-btn-wrapper { top: unset; } } .te-slider-btn-wrapper .te-slider-nav { width: 60px; height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50px; color: #02C173; font-size: 17px; background-color: #061B13; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .te-slider-btn-wrapper .te-slider-nav:hover { background-color: #02C173; color: #ffffff; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .circle-drop-shadow { border-radius: 50%; opacity: 0.2; background-color: #02C173; -webkit-filter: blur(244.7105865479px); filter: blur(244.7105865479px); width: 613px; height: 613px; position: absolute; } /* 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: 20px; } 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: #02C173; border: none; padding: 10px 40px; color: #ffffff; cursor: pointer; font-weight: 600; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .post-password-form input[type="submit"]:hover { background-color: #ffffff; } /* Table */ table { margin-bottom: 20px; width: 100%; } table caption { border: 1px solid #dfe2e9; padding: 6px 10px; border-top: 0; } table th, table td { background-color: transparent; border: 1px solid #dfe2e9; text-align: center; padding: 8px; -webkit-transition: .3s; transition: .3s; } table th#today, table td#today { background: #02C173; 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 .te-comment-respond { margin-top: 78px; margin-bottom: 20px; } .page-content .te-latest-comments .te-comment-respond { margin-bottom: 40px; } .page-content .te-post-comments { margin-top: 80px; } /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); 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; -webkit-clip-path: none; 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 #dfe2e9 !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; } .te-post-item.format-quote blockquote { padding: 45px; } @media (max-width: 767px) { .te-post-item.format-quote blockquote { padding: 35px; } } blockquote { overflow: hidden; margin: 30px 0; position: relative; z-index: 1; padding-left: 40px; padding-right: 40px; border-radius: 5px; background-color: #060606; } @media only screen and (min-width: 0px) and (max-width: 767px) { blockquote { padding-left: 30px; padding-right: 30px; } } blockquote p { font-family: "Inter", sans-serif; font-size: 18px; color: #ffffff; line-height: 28px; font-weight: 400; letter-spacing: 0.5px; } @media only screen and (min-width: 0px) and (max-width: 767px) { blockquote p { font-size: 18px; line-height: 28px; } } blockquote p a { color: #02C173; text-decoration: underline; } blockquote footer { font-family: "Inter", sans-serif; font-size: 16px; font-weight: 500; text-transform: capitalize; color: #ffffff; margin-top: 20px; margin-bottom: 20px; } .wp-block-quote, blockquote { border-left: solid 5px #02C173; } .wp-block-pullquote { border-top: 5px solid #02C173 !important; border-bottom: 5px solid #02C173 !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; } .te-post-content > .alignwide { margin-left: 0; margin-right: 0; width: calc(100% + 20px); max-width: calc(100% + 20px); } .te-post-content p.has-large-font-size { font-size: 36px; line-height: 1.2; } .te-post-content .wp-block-search { margin-bottom: 15px; } .te-post-content .wp-block-file { margin-top: 20px; } .te-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: #02C173 !important; } .wp-block-button { margin-bottom: 10px; } .wp-block-archives select, .wp-block-categories select { height: 50px; width: 200px; border: 1px solid #ddd; padding: 0 10px; margin-bottom: 10px; } .wp-block-te-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.te_widget_categories select, .widget.widget_text select, .widget.te_widget_search .search-form, .widget.te_widget_tag_cloud .tagcloud, .widget .wp-block-tag-cloud { margin-bottom: 6px; } .wp-block-latest-posts .wp-block-latest-posts__te-post-title { display: inline-block; width: 100%; } nav.wp-calendar-nav { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -ms-flexbox; display: flex; } nav.wp-calendar-nav a { color: #ffffffcc; } nav.wp-calendar-nav a:hover { color: #02C173; } /* 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%; } .te-comment-respond.style-two .wpcf7-form .wpcf7-not-valid-tip { color: #d9c0b8 !important; } .te-comment-respond .wpcf7-form .wpcf7-not-valid { border-color: #dc3232 !important; } .te-comment-respond .wpcf7-form .wpcf7-not-valid-tip { font-size: 16px; margin-top: 5px; } .te-comment-respond .wpcf7-form.sent .wpcf7-response-output { font-weight: 500; 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; } .te-comment-respond .wpcf7-form.invalid .wpcf7-response-output { font-weight: 500; font-size: 16px; line-height: 21px; letter-spacing: -0.01em; color: #dc3232; padding: 15px 20px; text-align: center; position: relative; background: #FFF7F7; border: 1px solid #FED8D8 !important; border-radius: 10px; } input[type="checkbox"], input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; width: 22px !important; height: 22px !important; border-color: #dfe2e9; border-radius: 3px !important; background-color: transparent !important; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: 0.3s; transition: 0.3s; position: relative !important; padding: 0 !important; cursor: pointer; margin-top: 0 !important; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: center; align-self: center; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-shadow: none !important; box-shadow: none !important; } input[type="radio"]::before { position: absolute; content: ""; height: 8px; width: 8px; -webkit-transition: 0.3s; transition: 0.3s; -webkit-transform: scale(0); transform: scale(0); background-color: #02C173; 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%; -webkit-transition: 0.3s; transition: 0.3s; -webkit-transform: scale(0); transform: scale(0); background-color: #02C173; top: 0; left: 0; bottom: 0; right: 0; margin: auto; } input[type="checkbox"]:checked::before, input[type="radio"]:checked::before { -webkit-transform: scale(1); transform: scale(1); -webkit-box-sizing: inherit !important; box-sizing: inherit !important; } input[type="checkbox"]:checked, input[type="radio"]:checked { border-color: #02C173 !important; } .wpcf7-form-control { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 10px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .wpcf7-form-control .wpcf7-te-list-item { margin: 0; } .wpcf7-form-control .wpcf7-te-list-item label { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; margin: 0; gap: 10px; } .wpcf7-form-control .wpcf7-te-list-item label .wpcf7-te-list-item-label { font-size: 16px; font-weight: 400; } .logged-in .te-comment-respond textarea { margin-bottom: 12px; } .zoom-instagram-widget p { color: #ffffff; } .zoom-instagram-widget p a { color: #02C173; } .zoom-instagram-widget ul { list-style: none; } .zoom-instagram-widget ul li { color: #ffffff; } 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-1133 .page-content .te-comment-respond { margin-top: 78px; display: inline-block; width: 100%; } .page-template-default.page-id-3 .page-area { padding-top: 128px; } .post-template-default.postid-163 .te-blog-details-wrapper .te-post-item .te-post-content { margin-bottom: 34px; } .post-template-default.postid-150 .te-blog-details-wrapper .te-post-item .te-post-content { margin-bottom: 34px; } .post-template-default.postid-150 .te-blog-details-wrapper .te-post-item .te-post-content .wp-block-group.is-layout-constrained:last-child { border: 1px solid #000; } .post-template-default.postid-51 .te-blog-details-wrapper .te-post-item .te-post-content { margin-bottom: 25px; } .post-template-default.postid-51 .te-blog-details-wrapper .te-post-item .te-post-content p:last-child { margin-bottom: 0; } .post-template-default.postid-1163 .te-blog-details-wrapper .te-post-item .te-post-content .wp-caption, .post-template-default.postid-568 .te-blog-details-wrapper .te-post-item .te-post-content .wp-caption { margin-top: 20px; } .post-template-default.postid-1785 .te-blog-details-wrapper .te-post-item .te-post-content .wp-block-button__link { color: #ffffff !important; } .post-template-default.postid-1149 .te-blog-details-wrapper .te-latest-comments li .te-comments-item .te-comments-text p { margin-bottom: 0; } .post-template-default.postid-555 .te-blog-details-wrapper .te-post-item .te-post-content .gallery { margin-top: 20px; } .error-404.not-found { margin-top: -20px; margin-bottom: 40px; } .error-404.not-found .error-content .error-btn-bh { margin-top: 20px; } @-webkit-keyframes MovefadeUp { 0% { opacity: 0; -webkit-transform: translateY(60px); transform: translateY(60px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @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 { -webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0); box-shadow: 0 0 0 45px rgba(255, 255, 255, 0); } } @keyframes pulse { to { -webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0); 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% { -webkit-transform: translateY(40px); transform: translateY(40px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } 0% { -webkit-transform: translateY(40px); transform: translateY(40px); } } @-webkit-keyframes MoveLeftRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } } @keyframes MoveLeftRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } } @-webkit-keyframes MoveUpDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } } @keyframes MoveUpDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } } @-webkit-keyframes Animated3 { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes Animated3 { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @-webkit-keyframes Animated4 { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } } @keyframes Animated4 { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } } @-webkit-keyframes UpToDown { 49% { -webkit-transform: translateY(100%); transform: translateY(100%); } 50% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 51% { opacity: 1; } } @keyframes UpToDown { 49% { -webkit-transform: translateY(100%); transform: translateY(100%); } 50% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 51% { opacity: 1; } } @-webkit-keyframes Scroll { 0% { -webkit-transform: translateX(-50vw); transform: translateX(-50vw); transform: translateX(-50vw); } 100% { -webkit-transform: translateX(50vw); transform: translateX(50vw); transform: translateX(50vw); } } @keyframes Scroll { 0% { -webkit-transform: translateX(-50vw); transform: translateX(-50vw); transform: translateX(-50vw); } 100% { -webkit-transform: translateX(50vw); transform: translateX(50vw); transform: translateX(50vw); } } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes zoom-in-zoom-out { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 50% { -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); } 100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } } @keyframes zoom-in-zoom-out { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 50% { -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); } 100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } } #preloader { position: fixed; top: 0; left: 0; background-color: #060606; z-index: 9999999; right: 0; bottom: 0; } #preloader-status { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .preloader-ripple { display: inline-block; position: relative; width: 80px; height: 80px; } .preloader-ripple div { position: absolute; border: 4px solid #fff; opacity: 1; border-radius: 50%; -webkit-animation: preloader-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite; animation: preloader-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite; } .preloader-ripple div:nth-child(2) { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } @-webkit-keyframes preloader-ripple { 0% { top: 36px; left: 36px; width: 0; height: 0; opacity: 0; } 4.9% { top: 36px; left: 36px; width: 0; height: 0; opacity: 0; } 5% { top: 36px; left: 36px; width: 0; height: 0; opacity: 1; } 100% { top: 0px; left: 0px; width: 72px; height: 72px; opacity: 0; } } @keyframes preloader-ripple { 0% { top: 36px; left: 36px; width: 0; height: 0; opacity: 0; } 4.9% { top: 36px; left: 36px; width: 0; height: 0; opacity: 0; } 5% { top: 36px; left: 36px; width: 0; height: 0; opacity: 1; } 100% { top: 0px; left: 0px; width: 72px; height: 72px; opacity: 0; } } .progress-wrap { position: fixed; right: 50px; bottom: 50px; height: 46px; width: 46px; cursor: pointer; display: block; border-radius: 50px; z-index: 10000; opacity: 0; visibility: hidden; -webkit-transform: translateY(15px); transform: translateY(15px); -webkit-transition: all 200ms linear; transition: all 200ms linear; } .progress-wrap.active-progress { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); } .progress-wrap::after { position: absolute; font-family: "Font Awesome 6 Pro"; content: '\f062'; text-align: center; line-height: 46px; font-size: 20px; color: #02C173; left: 0; top: 0; height: 46px; width: 46px; cursor: pointer; display: block; z-index: 1; -webkit-transition: all 200ms linear; transition: all 200ms linear; } .progress-wrap svg path { fill: #060606; } .progress-wrap svg.progress-circle path { stroke: #02C173; stroke-width: 4; -webkit-transition: all 200ms linear; transition: all 200ms linear; } .header-area .container-fluid { padding: 0 70px; } @media (max-width: 1550px) { .header-area .container-fluid { padding: 0 24px; } } .header-top { padding: 6px 0; background-color: #02C173; } @media (max-width: 991px) { .header-top { display: none; } } .header-top .te-header-top-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 5px 60px; } .header-top .header-top-info { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0 24px; } .header-top .te-header-contact-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px 33px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .header-top .te-header-contact-info span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 24px; color: #14203A; font-size: 16px; font-weight: 400; font-family: "Inter", sans-serif; } .header-top .te-header-contact-info span i { color: #02C173; } .header-top .te-header-contact-info span.te-contact-info-item { gap: 0 10px !important; } .header-top .te-header-contact-info span a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; color: #ffffff; font-size: 16px; font-weight: 400; font-family: "Inter", 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: "Inter", sans-serif; color: #ffffff; margin-bottom: -100px; display: inline-block; font-weight: 500; z-index: 2; } .header-top .header-top-btn a:hover:after { -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; background-color: #02C173; } .header-top .header-top-btn a:after { position: absolute; content: ""; border-radius: 0 0 10px 10px; background-color: #02C173; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .header-top .te-social-profile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 7px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .header-top .te-social-profile .te-social-profile-label { font-family: "Inter", sans-serif; font-size: 16px; font-weight: 400; line-height: 27.2px; color: #14203A; margin-right: 14px; } .header-top .te-social-profile a { font-size: 16px; color: #ffffff; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; width: 36px; height: 36px; background-color: #0f34fb; border-radius: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; } .header-top .te-social-profile a:hover { -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; color: #ffffff; background-color: #02C173; } .te-header-menu-area { width: 100%; z-index: 999; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; position: absolute; top: 0; left: 0; } .te-header-menu-area.te-te-sticky-header { width: 100%; z-index: 999; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .te-header-menu-area.te-sticky_menu { left: 0; right: 0; top: 0; position: fixed; z-index: 9999; -webkit-box-shadow: 0 7px 24px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 7px 24px 0 rgba(0, 0, 0, 0.05); background-color: #121212; } .te-header-menu-area.te-sticky_menu .te-logo { height: 84px; } .te-header-menu-area.te-sticky_menu .te-logo:after { display: none; } .te-header-menu-area.te-sticky_menu .te-logo .te-standard-logo { display: none; } .te-header-menu-area.te-sticky_menu .te-logo .te-sticky-logo { display: block; } .te-header-menu-area.te-sticky_menu .te-logo .te-sticky-logo img { width: 170px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .te-header-menu-area.te-sticky_menu .te-main-menu ul li.te-active > a:after { bottom: 20px; } .te-header-menu-area.te-sticky_menu .te-main-menu ul li a { padding: 33px 13px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .te-header-menu-area.te-sticky_menu .te-main-menu ul li a { padding: 33px 14px; } } .te-header-menu-area.te-sticky_menu .te-main-menu ul li ul li a { padding: 10px 20px; } .te-header-menu-area .te-header-menu-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 40px; } @media (max-width: 1199px) { .te-header-menu-area .te-header-menu-wrapper { gap: 20px; } } .te-header-menu-area .te-logo { position: relative; z-index: 999; height: 152px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } @media only screen and (min-width: 768px) and (max-width: 991px) { .te-header-menu-area .te-logo { height: 100px; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .te-header-menu-area .te-logo { height: 80px; } } @media only screen and (max-width: 1199px) { .te-header-menu-area .te-logo .te-standard-logo { display: none; } } .te-header-menu-area .te-logo .te-standard-logo img { -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .te-header-menu-area .te-logo .te-sticky-logo { display: none; } @media only screen and (max-width: 767px) { .te-header-menu-area .te-logo .te-sticky-logo { width: 170px; } } @media only screen and (max-width: 1199px) { .te-header-menu-area .te-logo .te-sticky-logo { display: block; } } .te-header-menu-area .te-logo .te-sticky-logo img { -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .te-header-menu-area .te-logo .te-retina-logo { display: none; } .te-menu-wrapper { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 1399px) { .te-menu-wrapper { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; } } .te-main-menu ul { margin: 0; padding: 0; position: relative; } .te-main-menu ul li { display: inline-block; padding: 0; position: relative; } .te-main-menu ul li.te-active { position: relative; } .te-main-menu ul li.te-active > a { color: #02C173; } .te-main-menu ul li.te-active > a:after { color: #02C173; font-size: 13px; margin-left: 5px; } .te-main-menu ul li.te-dropdown > a:after { visibility: visible; font-size: 13px; margin-left: 5px; } .te-main-menu ul li.te-dropdown .te-dropdown > a:after { visibility: visible; font-size: 13px; } .te-main-menu ul li ul.te-submenu li.te-active > a { position: relative; z-index: 2; color: #ffffff; } .te-main-menu ul li ul.te-submenu li.te-active > a:after { color: #ffffff; font-size: 13px; } .te-main-menu ul li a { display: block; padding: 40px 13px; text-decoration: none; text-transform: capitalize; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; position: relative; color: #ffffff; font-family: "Inter", sans-serif; font-size: 14px; font-weight: 500; line-height: initial; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .te-main-menu ul li a { padding: 32px 14px; } } .te-main-menu ul li a:after { content: "\f107"; font-family: "Font Awesome 6 Pro"; display: inline-block; margin-top: -5px; visibility: hidden; font-size: 0; } .te-main-menu ul li a:hover { color: #02C173; } .te-main-menu ul li a:hover:after { color: #02C173; } .te-main-menu ul li:hover > ul { visibility: visible; -webkit-transition: all 300ms ease; transition: all 300ms ease; opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); } .te-main-menu ul li ul li:hover ul { visibility: visible; top: -2px; } .te-main-menu ul ul { background-color: #121212; border: 1px solid #e7edf433; border-radius: 5px; left: 0; opacity: 0; position: absolute; text-align: left; top: 100%; visibility: hidden; z-index: 99999; -webkit-transition: all 300ms ease; transition: all 300ms ease; -webkit-box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08); box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08); -webkit-transform-origin: top; transform-origin: top; -webkit-transform: scaleY(0); transform: scaleY(0); padding: 25px; } .te-main-menu ul ul li { float: none; width: 210px; } .te-main-menu ul ul li ul { visibility: hidden; } .te-main-menu ul ul li i { float: right; } .te-main-menu ul ul li a { line-height: initial; padding: 10px 0; color: #ffffff; border-bottom: 1px solid #e7edf433; margin-left: 0; font-size: 16px; } .te-main-menu ul ul li a:hover { color: #02C173; } .te-main-menu ul ul li a:hover:after { color: #ffffff; } .te-main-menu ul ul li:last-child a { border-bottom: 0px; } .te-main-menu ul ul ul { left: 100%; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; opacity: 0; border-top: 0px; border-top: 2px solid #02C173; } .te-animation { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .te-slideUpIn { -webkit-animation-name: slideUpIn; animation-name: slideUpIn; } .te-header-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 20px; overflow: hidden; margin-left: auto; } .te-header-btn .te-icon { width: 72px; background-color: #121212; height: 72px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; color: #ffffff; font-size: 18px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; border-radius: 0 20px 20px 0; } .te-header-btn .te-icon:hover { background-color: #02C173; color: #14203A; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } @media only screen and (max-width: 1199px) { .te-header-btn { display: none; } } .te-header-btn .te-cta-btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-item-align: stretch; align-self: stretch; height: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #02C173; padding: 10px 30px; color: #14203A; font-size: 15px; font-weight: 600; gap: 10px; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 20px 0 0 20px; } .te-header-btn .te-cta-btn:hover { background-color: #02C173; color: #ffffff; } .te-header-btn .te-quote-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 10px; font-size: 15px; font-weight: 600; line-height: 13px; letter-spacing: 0.6px; text-transform: capitalize; color: #ffffff; border: 1px solid #ffffff; border-radius: 50px; padding: 19px 27px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; margin-left: 40px; -ms-flex-negative: 0; flex-shrink: 0; } .te-header-btn .te-quote-btn:hover { background-color: #02C173; border-color: #02C173; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .te-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; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .te-search-form-wrapper.te-active { visibility: visible; opacity: 1; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .te-search-form-wrapper .te-search-form-inner { width: 768px; position: relative; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; } .te-search-form-wrapper .te-search-form-inner .te-search-content-filed { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 30px; } .te-search-form-wrapper .te-search-form-inner .te-search-content-filed .te-search-close { cursor: pointer; font-size: 30px; color: #ffffff; } .te-search-form-wrapper .te-search-form-inner .te-search-form { background: #FFFFFF; -webkit-box-shadow: 0px 30px 70px rgba(208, 225, 242, 0.3); box-shadow: 0px 30px 70px rgba(208, 225, 242, 0.3); border-radius: 5px; padding: 15px 30px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .te-search-form-wrapper .te-search-form-inner .te-search-form .te-search-form-input { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .te-search-form-wrapper .te-search-form-inner .te-search-form .te-search-form-input .te-search-icon { display: -webkit-box; display: -ms-flexbox; display: flex; } .te-search-form-wrapper .te-search-form-inner .te-search-form .te-search-form-input button.te-submit-search-btn { padding: 15px 24px !important; } .te-search-form-wrapper .te-search-form-inner .te-search-form input[type="search"] { margin-top: 0 !important; background: transparent !important; border: 0 !important; padding: 0 12px !important; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .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: #ffffff; border-top: 1px solid #e7edf41a; font-size: 14px; text-transform: capitalize; line-height: 1.5; font-weight: 500; } .mean-container .mean-nav ul li a.mean-expand { margin-top: 5px; padding: 0 !important; border: 1px solid #e7edf41a !important; height: 30px; width: 30px; line-height: 30px; color: #ffffff; 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: #02C173; border-color: #02C173 !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 { -webkit-transform: rotate(45deg); transform: rotate(45deg); color: #ffffff; } .te-mobile-menu-bar a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .te-mobile-menu-bar a i { color: #ffffff; font-size: 22px; } .te-menu-sidebar-area { position: fixed; right: -485px; top: 0; width: 465px; height: 100%; background-color: #121212; overflow-y: scroll; -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); z-index: 9999; } @media (max-width: 560px) { .te-menu-sidebar-area { width: 350px; } } .te-menu-sidebar-area .te-menu-sidebar-logo { display: inline-block; width: 180px; } .te-menu-sidebar-area .te-menu-sidebar-wrapper { position: relative; padding: 40px; } .te-menu-sidebar-area.active { right: 0; } .te-menu-sidebar-area .te-menu-sidebar-close { position: absolute; top: 0; right: 0; } .te-menu-sidebar-area .te-menu-sidebar-close .te-menu-sidebar-close-btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 16px; height: 55px; width: 55px; background-color: #02C173; color: #ffffff; } .te-menu-sidebar-area .te-menu-sidebar-close .te-menu-sidebar-close-btn:hover { background-color: #14203A; } .te-menu-sidebar-area .te-menu-sidebar-content .te-menu-sidebar-single-widget { display: inline-block; margin-top: 20px; width: 100%; } .te-menu-sidebar-area .te-menu-sidebar-content .te-menu-sidebar-single-widget .te-menu-sidebar-title { margin-bottom: 5px; } .te-menu-sidebar-area .te-menu-sidebar-content .te-menu-sidebar-single-widget .te-header-contact-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 15px; padding: 6px 0; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .te-menu-sidebar-area .te-menu-sidebar-content .te-menu-sidebar-single-widget .te-header-contact-info span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 13px; color: #ffffff; font-size: 16px; font-weight: 400; font-family: "Inter", sans-serif; width: 100%; } .te-menu-sidebar-area .te-menu-sidebar-content .te-menu-sidebar-single-widget .te-header-contact-info span.te-contact-info-item { gap: 0 10px !important; } .te-menu-sidebar-area .te-menu-sidebar-content .te-menu-sidebar-single-widget .te-header-contact-info span a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; color: #ffffff; font-size: 16px; font-weight: 400; font-family: "Inter", sans-serif; } .te-menu-sidebar-area .te-menu-sidebar-content .te-menu-sidebar-single-widget .te-header-contact-info span a:hover { color: #02C173; } .te-menu-sidebar-area .te-menu-sidebar-content .te-menu-sidebar-single-widget .te-social-profile { margin-top: 20px; border-top: 1px solid #e7edf41a; width: 100%; padding-top: 20px; } .te-menu-sidebar-area .te-menu-sidebar-content .te-menu-sidebar-single-widget .te-social-profile a { color: #ffffff; font-size: 22px; } .te-menu-sidebar-area .te-menu-sidebar-content .te-menu-sidebar-single-widget .te-social-profile a:hover { color: #02C173; } .te-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; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .te-body-overlay.active { opacity: 1; visibility: visible; } .te-body-overlay:hover { cursor: pointer; } .banner-area { position: relative; } .banner-area.style-1 { padding-top: 210px; padding-bottom: 90px; } @media (max-width: 991px) { .banner-area.style-1 { padding-top: 150px; padding-bottom: 80px; } } .banner-area.style-2 { overflow: hidden; } .banner-area.style-2 .te-section-title .title { font-size: 100px; font-weight: 700; line-height: initial; letter-spacing: -2.52px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .banner-area.style-2 .te-section-title .title { font-size: 48px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .banner-area.style-2 .te-section-title .title { font-size: 65px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .banner-area.style-2 .te-section-title .title { font-size: 70px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .banner-area.style-2 .te-section-title .title { font-size: 75px; } } .banner-area.style-2 .banner-image { height: 100%; border-radius: 5px; } .banner-area.style-2 .banner-image img { height: 100%; } .banner-area.style-2 .circle-drop-shadow { border-radius: 50%; opacity: 0.2; background-color: #02C173; -webkit-filter: blur(200px); filter: blur(200px); width: 752px; height: 752px; top: -20%; left: -10%; } .banner-content-row { position: relative; z-index: 2; } .gradient-title { background-repeat: repeat; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 84px; font-weight: 700; letter-spacing: -2.52px; font-family: "Inter", sans-serif; -webkit-font-smoothing: antialiased; background-position: center bottom; background-size: cover; text-align: center; line-height: initial; margin-bottom: 40px; } @media (max-width: 991px) { .gradient-title { font-size: 52px; } } .banner-image { overflow: hidden; border-radius: 20px; } .banner-image img { width: 100%; } .banner-info-card .btn-wrapper { margin-top: 30px; } .message-feature-card { border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.51); background: linear-gradient(110deg, rgba(54, 54, 54, 0.29) -0.9%, rgba(110, 110, 110, 0.21) 101.13%); -webkit-box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.1); -webkit-backdrop-filter: blur(6.5px); backdrop-filter: blur(6.5px); padding: 30px 20px 40px 20px; margin-bottom: 45px; } .message-feature-card .single-msg { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 10px; } .message-feature-card .single-msg:last-child { margin-bottom: 0; margin-top: 15px; } .message-feature-card .single-msg .image { -ms-flex-negative: 0; flex-shrink: 0; width: 30px; height: 30px; border-radius: 50%; overflow: hidden; position: relative; bottom: -20px; } .message-feature-card .single-msg .image img { position: absolute; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; top: 0; left: 0; } .message-feature-card .single-msg .content { background-color: #060606; border-radius: 20px 20px 20px 0; padding: 11px 14px; font-size: 12px; font-weight: 700; line-height: 13.2px; letter-spacing: -0.12px; color: #ffffff; width: 148px; } .message-feature-card .single-msg:nth-child(odd) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .message-feature-card .single-msg:nth-child(odd) .content { border-radius: 20px 20px 0 20px; background-color: #ffffff; color: #060606; width: auto; } .blur-shape { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: -1; width: 613px; height: 613px; border-radius: 613px; opacity: 0.3; background-color: #02C173; -webkit-filter: blur(244.7105865479px); filter: blur(244.7105865479px); } .banner-info-card.style-2 { margin-top: 16px; } .banner-info-card.style-3 { padding: 10px; border-radius: 10px; background: linear-gradient(98deg, rgba(2, 193, 115, 0.2) -7.42%, rgba(2, 193, 115, 0) 75.72%); margin-bottom: 30px; } .banner-info-card.style-3 .content-wrapper .content { padding: 20px 30px 10px 30px; } .banner-info-card .content-wrapper .title { font-size: 49px; font-weight: 700; line-height: 55.65px; letter-spacing: -1.59px; margin-bottom: 20px; } .banner-info-card .content-wrapper .title span { color: #ffffff; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1px; } .banner-info-card .content-wrapper .content { color: #ffffffcc; margin-bottom: 20px; } .banner-info-card .content-wrapper .content p { margin-bottom: 0; } .banner-info-card .image { border-radius: 10px; overflow: hidden; } .banner-info-card .image img { width: 100%; } .image-card { border-radius: 20px; overflow: hidden; position: relative; } .image-card img { width: 100%; } .about-us-card .te-section-title { margin-bottom: 15px; } .about-us-card .te-list-item-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 20px 56px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .about-us-card .te-list-item-wrapper .te-list-item .text { font-weight: 500; } .latest-service-wrapper .latest-service-card:last-child { margin-bottom: 0; } .latest-service-card { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 20px; border: 1px solid #e7edf433; background: linear-gradient(110deg, rgba(40, 40, 40, 0.29) -0.9%, rgba(77, 77, 77, 0.21) 101.13%); -webkit-box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.1); -webkit-backdrop-filter: blur(6.5px); backdrop-filter: blur(6.5px); margin-bottom: 30px; position: relative; gap: 40px; z-index: 2; overflow: hidden; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (min-width: 0px) and (max-width: 767px) { .latest-service-card { gap: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .latest-service-card .circle-drop-shadow { position: absolute; width: 300px; height: 300px; bottom: -150px; left: 80px; border-radius: 300px; opacity: 0.2; background-color: #02C173; -webkit-filter: blur(119.7604827881px); filter: blur(119.7604827881px); z-index: -1; } .latest-service-card:nth-child(1) .circle-drop-shadow { top: -140px; left: -100px; } .latest-service-card:nth-child(2) .circle-drop-shadow { top: -140px; left: 173px; } .latest-service-card:nth-child(3) .circle-drop-shadow { bottom: -140px; right: 190px; left: unset; top: unset; } .latest-service-card .content-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 80px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 40px 0 40px 40px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .latest-service-card .content-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 15px; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .latest-service-card .content-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 15px; text-align: center; padding: 30px; } } .latest-service-card .icon { width: 105px; height: 105px; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; } .latest-service-card .icon::before { position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; inset: 0; padding: 1px; border-radius: 9999px; background: linear-gradient(80.36deg, transparent 20.42%, rgba(2, 193, 115, 0.4) 84.24%), linear-gradient(0deg, transparent, transparent); -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)); mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } .latest-service-card .title-wrapper { width: 280px; -ms-flex-negative: 0; flex-shrink: 0; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .latest-service-card .title-wrapper { width: 210px; } } .latest-service-card .title-wrapper .title { font-size: 24px; font-weight: 500; line-height: initial; font-family: "Inter", sans-serif; color: #ffffff; margin-bottom: 0; } .latest-service-card .content { margin-bottom: 0; font-size: 16px; color: #ffffffcc; line-height: 24px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .latest-service-card .content p { margin-bottom: 0; } @media only screen and (min-width: 0px) and (max-width: 767px) { .latest-service-card .content p br { display: none; } } .latest-service-card .btn-wrapper { width: 190px; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-item-align: stretch; align-self: stretch; background-color: rgba(255, 255, 255, 0.05); } @media only screen and (min-width: 0px) and (max-width: 767px) { .latest-service-card .btn-wrapper { width: 100%; padding: 40px; } } .te-info-card-wrapper { position: relative; } .te-info-card { padding: 30px; position: relative; border-radius: 20px; border: 1px solid transparent; background: -webkit-gradient(linear, left top, right top, from(#060606), to(#060606)), -webkit-gradient(linear, left top, right top, from(rgba(2, 193, 115, 0.4)), to(#060606)); background: linear-gradient(to right, #060606, #060606), linear-gradient(to right, rgba(2, 193, 115, 0.4), #060606); background-clip: padding-box, border-box; background-origin: padding-box, border-box; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .te-info-card { padding: 25px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .te-info-card { padding: 40px 25px; } } .te-info-card:hover { -webkit-box-shadow: 0 0 15px rgba(2, 193, 115, 0.45); box-shadow: 0 0 15px rgba(2, 193, 115, 0.45); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .te-info-card:hover .te-image-wrapper .overlay { -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; opacity: 0.72; } .te-info-card:hover .te-image-wrapper img { -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .te-info-card:hover .icon img { -webkit-transform: rotateY(360deg); transform: rotateY(360deg); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .te-info-card .te-info-card-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 45px; height: 100%; } @media (max-width: 991px) { .te-info-card .te-info-card-inner { gap: 30px; } } .te-info-card .te-image-wrapper { position: absolute; width: 100%; height: 100%; opacity: 0; overflow: hidden; top: 0; left: 0; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; } .te-info-card .te-image-wrapper img { width: 100%; height: 100%; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .te-info-card .te-image-wrapper .overlay { width: 100%; height: 100%; background: #02C173; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; position: absolute; top: 0; left: 0; opacity: 0.6; } .te-info-card .icon { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; width: 65px; height: 65px; border-radius: 20px; background: linear-gradient(280.36deg, transparent 20.42%, rgba(2, 193, 115, 0.4) 84.24%), linear-gradient(0deg, transparent, transparent); } .te-info-card .icon img { -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .te-info-card .te-content-wrapper { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .te-info-card .te-title-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 32px; padding-bottom: 17px; border-bottom: none; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .te-info-card .te-title-wrapper .icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; background: transparent; position: relative; width: 65px; height: 65px; border-radius: 20px; background: linear-gradient(280.36deg, transparent 20.42%, rgba(2, 193, 115, 0.4) 84.24%), linear-gradient(0deg, transparent, transparent); } .te-info-card .te-title-wrapper .title { font-size: 24px; line-height: 31px; font-weight: 500; margin: 0; color: #ffffffcc; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; } .te-info-card .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px; } .te-info-card .content .desc { -webkit-transition: all 0.6s ease; transition: all 0.6s ease; font-size: 16px; line-height: 24px; font-weight: 400; margin: 0; color: #ffffffcc; } .te-info-card .content .te-read-more { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } .te-info-card .content .te-read-more .te-theme-btn { background-color: transparent; color: #02C173; border: 1px solid #E1E1E1; padding: 9px 28px; } .te-info-card .content .te-read-more .te-theme-btn:hover { background-color: #02C173; color: #ffffff; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .feature-card .te-info-card.style-2 { background-color: rgba(18, 18, 18, 0.5); border-radius: 20px; padding: 45px 60px 45px 60px; height: 100%; } @media (max-width: 991px) { .feature-card .te-info-card.style-2 { padding: 30px; } } .feature-card .te-info-card.style-2 .te-content-wrapper { padding: 0; } .feature-card .te-info-card .te-info-card-inner { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 61px; } @media (max-width: 991px) { .feature-card .te-info-card .te-info-card-inner { gap: 30px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .feature-card .te-info-card .te-info-card-inner { gap: 40px; } } .feature-card .te-info-card .te-info-card-inner .image { width: 50%; -ms-flex-negative: 0; flex-shrink: 0; } .feature-card .te-info-card .te-content-wrapper { text-align: left; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media (max-width: 991px) { .feature-card .te-info-card .te-content-wrapper { text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .te-info-card.style-2 { background-color: #060606; padding: 40px 0 0 0; position: relative; text-align: center; border-radius: 20px; height: 100%; } @media (max-width: 991px) { .te-info-card.style-2 { padding: 30px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .te-info-card.style-2 { padding: 25px; } } .te-info-card.style-2:hover .image img { -webkit-transform: scale(1.03); transform: scale(1.03); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .te-info-card.style-2:hover .content .te-read-more .te-theme-btn { background-color: inherit; color: #02C173; } .te-info-card.style-2 .image { border-radius: 5px; overflow: hidden; } .te-info-card.style-2 .image img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .te-info-card.style-2 .te-title-wrapper { padding-bottom: 15px; } .te-info-card.style-2 .te-content-wrapper { padding: 0 70px 40px 70px; } @media (max-width: 1199px) { .te-info-card.style-2 .te-content-wrapper { padding: 0; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .te-info-card.style-2 .te-content-wrapper { padding: 0 40px 40px 40px; } } .te-info-card.style-2 .content { gap: 10px; margin-bottom: 0; } .te-info-card.style-2 .content .te-read-more .te-theme-btn { padding: 0; border: 0; } .te-info-card.style-3 { padding: 40px; border-radius: 5px; background: #121212; border: none; } .te-info-card.style-3 .te-content-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 20px; } .te-info-card.style-3 .te-content-wrapper .te-title-wrapper { padding: 0; } .te-info-card.style-3 .te-content-wrapper .te-title-wrapper .icon { width: 105px; height: 105px; border-radius: 50%; } .te-info-card.style-3 .content { gap: 13px; margin-bottom: 0; } .te-info-card.style-3 .content .title { font-family: "Inter", sans-serif; font-size: 24px; font-weight: 500; line-height: 32px; color: #ffffffcc; margin-bottom: 0; width: 100%; } .te-info-card.style-4 { padding: 40px; border-radius: 5px; background: transparent; border: 1px solid #e7edf433; } .te-info-card.style-4 .te-content-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 20px; } .te-info-card.style-4 .te-content-wrapper .te-title-wrapper { padding: 0; } .te-info-card.style-4 .te-content-wrapper .te-title-wrapper .icon { width: 105px; height: 105px; border-radius: 50%; background: #121212; } .te-info-card.style-4 .content { gap: 13px; margin-bottom: 0; } .te-info-card.style-4 .content .title { font-family: "Inter", sans-serif; font-size: 24px; font-weight: 500; line-height: 32px; color: #ffffffcc; margin-bottom: 0; width: 100%; } .te-icon-card { display: -webkit-box; display: -ms-flexbox; display: flex; background: #ffffff; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 40px; margin-bottom: 36px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .te-icon-card { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 30px; } } .te-icon-card:hover .icon img { -webkit-transform: rotateY(360deg); transform: rotateY(360deg); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .te-icon-card .icon { width: 78px; height: 78px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; } .te-icon-card .icon img { width: 100%; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .te-icon-card .content { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 30px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (min-width: 0px) and (max-width: 767px) { .te-icon-card .content { gap: 15px; } } .te-icon-card .content .title { font-family: "Inter", sans-serif; font-weight: 500; font-size: 24px; line-height: 36px; color: #ffffff; margin-bottom: 0; } .te-icon-card .content .desc { font-family: "Inter", sans-serif; font-size: 18px; line-height: 30px; font-weight: 400; color: #ffffffcc; margin-bottom: 0; } .te-icon-card .content .desc a { color: #ffffffcc; } .te-icon-card.style-two { background: transparent; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 34px; padding: 64px 70px; position: relative; margin-bottom: 0; } .te-icon-card.style-two .divider { position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-right: 1px solid #464b4e; border-bottom: 1px solid #464b4e; } .te-icon-card.style-two .icon { width: 62px; height: 62px; } .te-icon-card.style-two .icon img { width: 100%; } .te-icon-card.style-two .content { gap: 26px; } .te-icon-card.style-two .content .title { color: #ffffff; } @media (min-width: 1280px) { .te-icon-card.style-two .content .title { font-size: 22px; } } .te-icon-card.style-two .content .desc { color: #c7cdda; } @media only screen and (min-width: 0px) and (max-width: 767px) { .te-icon-card.style-two { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 36px; gap: 34px; } .te-icon-card.style-two .content { gap: 24px; } } .te-icon-card.style-three { display: -webkit-box; display: -ms-flexbox; display: flex; background: transparent; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 32px; margin-bottom: 50px; } .te-icon-card.style-three .icon { width: 72px; height: 72px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; } .te-icon-card.style-three .icon img { width: 100%; } .te-icon-card.style-three .content { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 30px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .te-icon-card.style-three .content .title { color: #ffffff; } .te-icon-card.style-three .content .desc { color: #c7cdda; } @media only screen and (min-width: 0px) and (max-width: 767px) { .te-icon-card.style-three { gap: 25px; } .te-icon-card.style-three .content { gap: 18px; } } .te-icon-card.style-2 { gap: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0; } .te-icon-card.style-2 .icon { width: 60px; height: 60px; background: #F7FBFE; border-radius: 5px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 22px; color: #02C173; } .te-icon-card.style-2 .content { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 10px; } .te-icon-card.style-2 .content .title { font-size: 20px; font-weight: 500; line-height: 28px; letter-spacing: 0.5px; } .te-icon-card.style-2 .content .desc { line-height: 22px; } .te-about-image-card .te-main-img-wrapper .te-main-img-inner { position: relative; display: inline-block; z-index: 2; } .te-about-image-card .te-main-img-wrapper .te-main-img-inner > img { border-radius: 5px; } @media (max-width: 650px) { .te-about-image-card .te-main-img-wrapper .te-main-img-inner > img { width: 100%; } } .te-about-image-card .te-main-img-wrapper .te-main-img-inner .image-two { position: relative; overflow: hidden; display: inline-block; border-radius: 10px; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin-top: -235px; width: 300px; height: 327px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .te-about-image-card .te-main-img-wrapper .te-main-img-inner .image-two { width: 100%; height: 300px; -webkit-transform: unset; transform: unset; margin-top: 29px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .te-about-image-card .te-main-img-wrapper .te-main-img-inner .image-two { -webkit-transform: translateX(100%); transform: translateX(100%); } } .te-about-image-card .te-main-img-wrapper .te-main-img-inner .image-two img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; left: 0; aspect-ratio: 1/1; } .te-about-image-card .te-main-img-wrapper .te-main-img-inner .te-img-card-shape { position: absolute; top: 50%; left: -100px; z-index: -1; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 991px) { .te-about-image-card .te-main-img-wrapper .te-main-img-inner .te-img-card-shape { left: unset; right: 0; } } .te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner { border-radius: 5px; padding-right: 80px; margin-top: 23px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner { padding-right: 0; margin-top: 0; } } .te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner > img { margin: 0; border-radius: 5px; } .te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner .te-img-card-shape { right: -66px; top: 60px; -webkit-animation: Animated3 3s linear infinite alternate; animation: Animated3 3s linear infinite alternate; } @media only screen and (min-width: 0px) and (max-width: 767px) { .te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner .te-img-card-shape { display: none; } } .te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner .te-another-image { position: absolute; top: 55%; right: -66px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner .te-another-image { position: relative; right: unset; top: unset; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner .te-another-image { position: relative; } } .te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner .te-another-image .te-another-image-inner { border: 5px solid #E1E1E1; overflow: hidden; display: inline-block; } @media only screen and (min-width: 0px) and (max-width: 767px) { .te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner .te-another-image .te-another-image-inner { width: 100%; } .te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner .te-another-image .te-another-image-inner img { width: 100%; } } .te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner .te-another-image .video-btn { position: absolute; top: 0; left: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media only screen and (min-width: 0px) and (max-width: 767px) { .te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner .te-another-image .video-btn { left: 0; -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%); } } .te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner .te-another-image .video-btn a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #02C173; width: 76px; height: 76px; border-radius: 5px; color: #ffffff; font-size: 17px; -ms-flex-negative: 0; flex-shrink: 0; -webkit-animation: ripple 4s infinite; animation: ripple 4s infinite; -webkit-box-shadow: 0 0 0 0 rgba(14, 43, 197, 0.8); box-shadow: 0 0 0 0 rgba(14, 43, 197, 0.8); } .te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner .te-another-image .te-badge-text { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #ffffff; -webkit-box-shadow: 0px 0px 18px 3px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 18px 3px rgba(0, 0, 0, 0.05); padding: 14px 15px; border-radius: 5px; gap: 11px; position: absolute; left: -33%; top: 46%; -webkit-animation: MoveLeftRight 2s linear infinite alternate; animation: MoveLeftRight 2s linear infinite alternate; } @media only screen and (min-width: 0px) and (max-width: 767px) { .te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner .te-another-image .te-badge-text { left: unset; top: 0; -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%); right: 0; } } .te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner .te-another-image .te-badge-text .icon { width: 52px; height: 52px; background-color: #F2E6FF; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; font-size: 30px; color: #02C173; } .te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner .te-another-image .te-badge-text .text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-negative: 0; flex-shrink: 0; } .te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner .te-another-image .te-badge-text .text .title { font-size: 20px; font-weight: 500; line-height: 20px; letter-spacing: 0.5px; color: #14203A; } .te-about-image-card.style-2 .te-main-img-wrapper .te-main-img-inner .te-another-image .te-badge-text .text span { font-size: 12px; font-weight: 400; line-height: 12px; color: #444; } .te-about-info-card .te-about-info-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 40px; } .te-about-info-card .te-about-info-content .te-section-title { margin-bottom: 0; } .te-about-info-card .te-about-info-content .te-section-title .title { margin-bottom: 0; } .te-about-info-card .te-about-info-content .te-list-item-wrapper { gap: 30px; } .te-about-info-card .te-about-info-content .te-list-item-wrapper .te-list-item { gap: 20px; } .te-about-info-card .te-about-info-content .te-list-item-wrapper .te-list-item .icon { font-size: 15px; color: #ffffff; background-color: #121212; width: 30px; height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 50%; } .te-about-info-card .te-about-info-content .te-list-item-wrapper .te-list-item .text { font-size: 24px; font-weight: 500; line-height: 31px; letter-spacing: 0.5px; color: #ffffff; } @media only screen and (min-width: 0px) and (max-width: 767px) { .te-about-info-card .te-about-info-content .te-list-item-wrapper .te-list-item .text { font-size: 16px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .te-about-info-card .te-about-info-content .te-list-item-wrapper .te-list-item .text { font-size: 18px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .te-about-info-card .te-about-info-content .te-list-item-wrapper .te-list-item .text { font-size: 20px; } } .counter-card { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 40px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 30px 20px; } .counter-card::before { position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; inset: 0; padding: 2px; border-radius: 5px; background: linear-gradient(280.36deg, transparent 20.42%, rgba(2, 193, 115, 0.4) 84.24%), linear-gradient(0deg, transparent, transparent); -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)); mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } .counter-card .te-counter-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 49px; font-weight: 700; line-height: 55.65px; letter-spacing: -1.59px; color: #ffffff; } .counter-card .title { font-size: 24px; font-weight: 500; line-height: 130%; color: #ffffff; margin-bottom: 0; } .te-process-step-wrapper:nth-child(3n + 3) .te-process-step { padding-right: 0; } @media only screen and (min-width: 768px) and (max-width: 991px) { .te-process-step-wrapper:nth-child(3n + 3) .te-process-step { padding-right: 90px; padding-left: 0; } } .te-process-step-wrapper:nth-child(3n + 3) .te-process-step .divider { display: none; } .te-process-step-wrapper:nth-child(3n + 2) .te-process-step { padding-right: 30px; padding-left: 60px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .te-process-step-wrapper:nth-child(3n + 2) .te-process-step { padding: 0; } } .te-process-step-wrapper:nth-child(3n + 2) .te-process-step .divider { right: -40px; } .te-process-step-wrapper:nth-child(3n + 1) .te-process-step { padding-left: 0; } .te-process-step-wrapper:last-child .te-process-step .divider { display: none; } .te-process-step-wrapper .te-process-step { padding-right: 90px; padding-left: 115px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .te-process-step-wrapper .te-process-step { padding: 0; } } .te-process-step { position: relative; } @media only screen and (min-width: 0px) and (max-width: 767px) { .te-process-step { text-align: center; } } .te-process-step .divider { position: absolute; height: 100%; top: 0; right: 15px; width: 1px; background-color: #02C173; } @media only screen and (min-width: 0px) and (max-width: 767px) { .te-process-step .divider { display: none; } } .te-process-step:hover .te-title-wrapper .icon-wrapper img { -webkit-transform: rotateY(360deg); transform: rotateY(360deg); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .te-process-step:hover .content .te-read-more .te-theme-btn { background-color: #02C173; border-color: #02C173; color: #ffffff; } .te-process-step .te-title-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; padding-bottom: 13px; border-bottom: none; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (min-width: 0px) and (max-width: 767px) { .te-process-step .te-title-wrapper { text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .te-process-step .te-title-wrapper .icon-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; position: relative; width: 65px; height: 65px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .te-process-step .te-title-wrapper .icon-wrapper img { -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } .te-process-step .te-title-wrapper .icon-wrapper::before { position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; inset: 0; padding: 1px; border-radius: 0 0 5px 5px; background: linear-gradient(280.36deg, transparent 20.42%, rgba(2, 193, 115, 0.4) 84.24%), linear-gradient(0deg, transparent, transparent); -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)); mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } .te-process-step .te-title-wrapper .title { font-size: 24px; line-height: 32px; font-weight: 500; margin: 0; color: #ffffff; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; } .te-process-step .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 30px; } .te-process-step .content .desc { -webkit-transition: all 0.6s ease; transition: all 0.6s ease; font-size: 16px; line-height: 24px; font-weight: 400; margin: 0; color: #ffffffcc; } .te-process-step .content .te-read-more { margin-top: -10px; } .te-process-step .content .te-read-more .te-theme-btn { border: 1px solid #E1E1E1; color: #02C173; background-color: transparent; } .te-process-two-step-wrapper:nth-child(3n + 3) .te-process-step.style-2 .te-title-wrapper .shape-image { display: none; } .te-process-two-step-wrapper:nth-child(even) .te-process-step.style-2 .te-title-wrapper .shape-image { top: unset; bottom: 90px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .te-process-two-step-wrapper:nth-child(even) .te-process-step.style-2 .te-title-wrapper .shape-image { display: none; } } .te-process-two-step-wrapper:nth-child(even) .te-process-step.style-2 .te-title-wrapper .shape-image .shape-1 { display: none; } .te-process-two-step-wrapper:nth-child(even) .te-process-step.style-2 .te-title-wrapper .shape-image .shape-2 { display: block; } .te-process-two-step-wrapper:last-child .te-process-step.style-2 .te-title-wrapper .shape-image { display: none; } .te-process-step.style-2 { text-align: center; padding: 0 35px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .te-process-step.style-2 { padding: 0 30px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .te-process-step.style-2 { padding: 0 25px; } } .te-process-step.style-2 .te-title-wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 30px; position: relative; } .te-process-step.style-2 .te-title-wrapper .shape-image { top: 0; position: absolute; right: -50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media only screen and (min-width: 0px) and (max-width: 767px) { .te-process-step.style-2 .te-title-wrapper .shape-image { display: none; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .te-process-step.style-2 .te-title-wrapper .shape-image { right: -70%; } } .te-process-step.style-2 .te-title-wrapper .shape-image .shape-2 { display: none; } .te-process-step.style-2 .te-title-wrapper .icon-wrapper { width: 236px; height: 236px; } @media (max-width: 991px) { .te-process-step.style-2 .te-title-wrapper .icon-wrapper { width: 160px; height: 160px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .te-process-step.style-2 .te-title-wrapper .icon-wrapper { width: 180px; height: 180px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .te-process-step.style-2 .te-title-wrapper .icon-wrapper { width: 200px; height: 200px; } } .te-process-step.style-2 .te-title-wrapper .icon-wrapper::before { padding: 7px; border-radius: 50%; } .te-testimonial-card { padding: 40px; position: relative; z-index: 2; } @media (max-width: 570px) { .te-testimonial-card { padding: 30px 30px 0 30px; } } .te-testimonial-card::before { position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; inset: 0; padding: 2px; border-radius: 20px; background: linear-gradient(280.36deg, transparent 20.42%, rgba(2, 193, 115, 0.4) 84.24%), linear-gradient(0deg, transparent, transparent); -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)); mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } .te-testimonial-card .te-content-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } .te-testimonial-card .te-content-wrapper .quote-icon { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px 40px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .te-testimonial-card .te-content-wrapper .quote-icon .icon { color: #02C173; font-size: 55px; } .te-testimonial-card .te-content-wrapper .quote-icon .rating { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #02C173; font-size: 14px; gap: 5px; } .te-testimonial-card .te-content-wrapper .content { font-size: 16px; font-weight: 400; line-height: 24px; color: #ffffffcc; margin-bottom: 0; } .te-testimonial-card .te-content-wrapper .te-user-meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 570px) { .te-testimonial-card .te-content-wrapper .te-user-meta { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } .te-testimonial-card .te-content-wrapper .te-user-meta .te-user-info { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .te-testimonial-card .te-content-wrapper .te-user-meta .te-user-info .image { width: 70px; height: 70px; border-radius: 50%; overflow: hidden; -ms-flex-negative: 0; flex-shrink: 0; position: relative; } .te-testimonial-card .te-content-wrapper .te-user-meta .te-user-info .image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; left: 0; top: 0; } .te-testimonial-card .te-content-wrapper .te-user-meta .te-user-info .name { font-size: 16px; font-weight: 500; line-height: 19px; letter-spacing: -0.51px; color: #ffffff; margin-bottom: 5px; } .te-testimonial-card .te-content-wrapper .te-user-meta .te-user-info .designation { font-size: 14px; font-weight: 400; line-height: 24px; color: #ffffff; } .te-testimonial-card.style-2 .te-content-wrapper { gap: 15px; } .te-testimonial-card.style-2 .te-content-wrapper .content .title { font-size: 24px; font-weight: 500; line-height: 28px; letter-spacing: 0.5px; color: #444; margin-bottom: 20px; } .te-testimonial-card.style-2 .te-content-wrapper .te-user-meta { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .te-testimonial-card.style-2 .te-content-wrapper .te-user-meta .icon { color: #02C173; font-size: 55px; } .te-testimonial-slider-wrapper { position: relative; } .te-testimonial-slider-wrapper .slick-list { margin: 0 -15px; } .te-testimonial-slider-wrapper .slick-list .slick-slide { margin: 0 15px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .te-testimonial-slider-wrapper .slick-dots { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 16px; padding-left: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 80px; margin-bottom: 0; } .te-testimonial-slider-wrapper .slick-dots li { display: inline-block; line-height: 0; outline: 2px solid transparent; border: 5px solid transparent; border-radius: 50px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .te-testimonial-slider-wrapper .slick-dots li button { font-size: 2px; text-indent: -9999px; padding: 0; width: 10px; height: 10px; background-color: #02C173; border-radius: 50px; position: relative; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .te-testimonial-slider-wrapper .slick-dots li.slick-active { -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; outline: 2px solid #02C173; } .te-testimonial-slider-wrapper .slick-dots li.slick-active button { -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .te-testimonial-slider-wrapper .slick-arrow { display: none !important; } .price-card-wrapper:nth-child(1) .price-card .circle-drop-shadow { top: -50%; left: -100%; } .price-card-wrapper:nth-child(2) .price-card .circle-drop-shadow { bottom: -50%; left: 50%; top: unset; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .price-card-wrapper:nth-child(3) .price-card .circle-drop-shadow { left: 0; top: -50%; } .price-card { padding: 43px 30px 50px 40px; z-index: 2; position: relative; overflow: hidden; border-radius: 5px; background-color: #121212; border: 1px solid #e7edf433; } @media only screen and (min-width: 0px) and (max-width: 575px) { .price-card { padding: 40px 30px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .price-card { padding: 40px 30px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .price-card { padding: 55px 40px; } } @media (max-width: 991px) { .price-card { padding: 40px; } } .price-card.active .price-label { background-color: #02C173; color: #060606; border-color: #02C173; } .price-card .price-label { display: block; border-radius: 50px; font-size: 15px; font-weight: 600; padding: 15px 10px; margin-top: 36px; text-align: center; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; position: relative; color: #ffffff; } .price-card .price-label::before { position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; inset: 0; padding: 2px; border-radius: 50px; background-image: linear-gradient(280.36deg, transparent 20.42%, rgba(2, 193, 115, 0.4) 84.24%), linear-gradient(0deg, transparent, transparent); -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)); mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } .price-card .price-label i { margin-left: 10px; } .price-card .price-label:hover { background-color: #02C173; color: #ffffff; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .price-card .card-title { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 30px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 17px; } .price-card .card-title .sub-title { font-family: "Inter", sans-serif; font-weight: 400; font-size: 16px; line-height: 24px; margin: 0; color: #ffffffcc; } .price-card .card-title .title { font-weight: 500; font-size: 24px; line-height: 30px; color: #ffffff; font-family: "Inter", sans-serif; margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; } .price-card .card-title .title span { font-size: 12px; color: #060606; background-color: #02C173; font-family: "Inter", sans-serif; border-radius: 3px; padding: 0 7px; display: inline-block; line-height: 18px; } .price-card .price { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; position: relative; z-index: 2; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 40px; } .price-card .price .price-heading { font-family: "Inter", sans-serif; font-size: 49px; font-weight: 700; line-height: 55.65px; letter-spacing: -1.59px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 2px; margin-bottom: 0; color: #ffffff; } .price-card .price .price-heading .currency { font-family: "Inter", sans-serif; font-size: 49px; font-weight: 700; line-height: 55.65px; letter-spacing: -1.59px; text-align: start; -ms-flex-item-align: start; align-self: flex-start; } .price-card .price .price-desc { font-family: "Inter", sans-serif; font-weight: 500; font-size: 16px; line-height: 24px; margin-bottom: 0; } .price-card .list-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .price-card .list { margin-top: 0; padding-top: 50px; } .price-card .list ul { padding-left: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 15px; width: 100%; } .price-card .list ul li { list-style: none; font-family: "Inter", sans-serif; font-weight: 400; font-size: 16px; letter-spacing: -0.51px; color: #ffffffcc; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; } .price-card .list ul li .fa-check { color: #02C173; } .price-card .list ul li .fa-x { color: #bbc7cf; } .price-card .theme-btn { padding: 5px 6px 5px 26px; gap: 30px; font-size: 16px; border-radius: 50px; color: #ffffff; } .price-card.style-1 { border-radius: 20px; border: 1px solid #e7edf433; background-image: linear-gradient(110deg, rgba(40, 40, 40, 0.29) -0.9%, rgba(77, 77, 77, 0.21) 101.13%); -webkit-box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.1); -webkit-backdrop-filter: blur(6.5px); backdrop-filter: blur(6.5px); } .price-card.style-2 { background-color: #121212; background-image: none; -webkit-backdrop-filter: unset; backdrop-filter: unset; -webkit-box-shadow: none; box-shadow: none; border: none; border-radius: 20px; } .price-card.style-2 .price { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 0; } .accordion-wrapper { position: relative; } .accordion-wrapper .te-accordion-box-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } .accordion-wrapper .circle-drop-shadow { bottom: -40%; left: 0; } .accordion-wrapper .te-accordion-list-item { border-radius: 20px; background-color: #121212; overflow: hidden; } .accordion-wrapper .te-accordion-list-item .te-accordion-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; cursor: pointer; padding: 18px 20px; position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .accordion-wrapper .te-accordion-list-item .te-accordion-head:before { content: "\f103"; font-family: "Font Awesome 6 Pro"; font-weight: 500; background-color: #02C173; color: #02C173; font-size: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 25px; height: 25px; -ms-flex-negative: 0; flex-shrink: 0; top: 0; left: 0; inset: 0; padding: 2px; border-radius: 5px; border: 2px solid transparent; background: -webkit-gradient(linear, left top, right top, from(#121212), to(#121212)), -webkit-gradient(linear, left top, right top, from(rgba(2, 193, 115, 0.4)), to(#121212)); background: linear-gradient(to right, #121212, #121212), linear-gradient(to right, rgba(2, 193, 115, 0.4), #121212); background-clip: padding-box, border-box; background-origin: padding-box, border-box; } .accordion-wrapper .te-accordion-list-item .te-accordion-head.collapsed { background-color: transparent; } .accordion-wrapper .te-accordion-list-item .te-accordion-head.collapsed:before { position: relative; content: "\f101"; font-family: "Font Awesome 6 Pro"; font-weight: 500; background-color: transparent; border-radius: 50px; color: #02C173; font-size: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 25px; height: 25px; -ms-flex-negative: 0; flex-shrink: 0; top: 0; left: 0; inset: 0; padding: 2px; border-radius: 5px; border: 2px solid transparent; background: -webkit-gradient(linear, left top, right top, from(#121212), to(#121212)), -webkit-gradient(linear, left top, right top, from(rgba(2, 193, 115, 0.4)), to(#121212)); background: linear-gradient(to right, #121212, #121212), linear-gradient(to right, rgba(2, 193, 115, 0.4), #121212); background-clip: padding-box, border-box; background-origin: padding-box, border-box; } .accordion-wrapper .te-accordion-list-item .te-accordion-head .te-accordion-title { font-size: 16px; line-height: 19px; font-weight: 500; margin-bottom: 0; letter-spacing: -0.51px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; color: #ffffff; } .accordion-wrapper .te-accordion-list-item .te-accordion-head .te-accordion-title span { color: #02C173; } .accordion-wrapper .te-accordion-list-item .te-accordion-body { font-size: 16px; line-height: 24px; font-weight: 400; margin: 0 30px; padding-bottom: 15px; padding-top: 0; padding-left: 30px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .accordion-wrapper.style-2 { padding: 80px; background-color: #121212; border-radius: 20px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .accordion-wrapper.style-2 { padding: 50px 40px; } } .accordion-wrapper.style-2 .te-accordion-box-wrapper { gap: 0; } .accordion-wrapper.style-2 .te-accordion-list-item { border-radius: 0; background-color: transparent; overflow: hidden; border-bottom: 1px solid #ffffff33; } .accordion-wrapper.style-2 .te-accordion-list-item .te-accordion-head { padding: 16px 0; background-color: transparent; } .accordion-wrapper.style-2 .te-accordion-list-item .te-accordion-head:before { color: #ffffff; background: none; } .accordion-wrapper.style-2 .te-accordion-list-item .te-accordion-head.collapsed { background-color: transparent; } .accordion-wrapper.style-2 .te-accordion-list-item .te-accordion-head.collapsed:before { background: none; color: #ffffff; } .accordion-wrapper.style-2 .te-accordion-list-item .te-accordion-head.collapsed .te-accordion-title { color: #ffffff; } .accordion-wrapper.style-2 .te-accordion-list-item .te-accordion-head.collapsed .te-accordion-title span { color: #ffffff; } .accordion-wrapper.style-2 .te-accordion-list-item .te-accordion-head .te-accordion-title { color: #ffffff; } .accordion-wrapper.style-2 .te-accordion-list-item .te-accordion-head .te-accordion-title span { color: #ffffff; } .accordion-wrapper.style-2 .te-accordion-list-item .te-accordion-body { color: #ffffffcc; margin: 0; padding-bottom: 4px; padding-top: 0; padding-left: 0; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .page-header { border-left: 4px solid #dfe2e9; padding-left: 45px; margin-bottom: 50px; } @media (max-width: 991px) { .page-header { padding-left: 30px; } } .page-header .te-page-title { font-size: 48px; line-height: 60px; } @media (max-width: 991px) { .page-header .te-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; } .te-post-item { overflow: hidden; margin-bottom: 48px; background-color: #121212; border-radius: 5px; border: 1px solid #e7edf433; /* Quote Format Post */ /* Sticky Post */ } .te-post-item:hover .te-post-thumbnail img, .te-post-item:hover .post-video img { -webkit-transform: scale(1.06); transform: scale(1.06); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .te-post-item iframe { width: 100%; height: 522px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .te-post-item iframe { height: 350px; } } .te-post-item .te-post-content-wrapper { padding: 45px 40px 54px 40px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .te-post-item .te-post-content-wrapper { padding: 35px; padding-top: 30px; } } .te-post-item .te-post-content-wrapper .te-read-more { margin-top: 40px; margin-bottom: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 30px; } .te-post-item.format-quote .te-post-content { margin: 0; } .te-post-item.format-quote blockquote { margin: 0; } .te-post-item.format-quote blockquote p { margin-top: 0; } .te-post-item.format-quote blockquote cite a { font-family: "Inter", sans-serif; font-size: 16px; font-weight: 600; text-transform: capitalize; color: #ffffffcc; margin-top: 20px; font-style: normal; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .te-post-item.format-quote blockquote cite a:hover { -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; color: #02C173; } .te-post-item.sticky { border: 2px solid #02C173; } .te-post-item.sticky .te-post-content { margin-bottom: 0; } .te-post-item.sticky .te-post-content p { margin-bottom: 0; } .te-post-item .te-post-title { font-size: 32px; line-height: 45px; font-weight: 500; margin-bottom: 0; } @media only screen and (min-width: 0px) and (max-width: 767px) { .te-post-item .te-post-title { font-size: 28px; line-height: 42px; margin-top: 5px; } } .te-post-item .te-post-title:hover a { color: #02C173; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .te-post-item .te-post-content p { margin-top: 17px; } .te-post-item .te-post-content h2, .te-post-item .te-post-content h3, .te-post-item .te-post-content h4, .te-post-item .te-post-content h5, .te-post-item .te-post-content h6 { margin-bottom: 10px; } .te-post-item .te-post-content p { margin-bottom: unset; } .te-post-item .te-single-post-meta { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 15px; margin-top: 30px; margin-bottom: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .te-post-item .te-social-share { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 17px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .te-post-item .te-social-share a.facebook { color: #1877f2; } .te-post-item .te-social-share a.twitter { color: #1da1f2; } .te-post-item .te-social-share a.linkedin { color: #1a70c6; } .te-post-item .te-social-share .te-social-share-title { font-size: 16px; font-weight: 500; font-family: "Inter", sans-serif; color: #ffffff; margin-right: 5px; text-transform: uppercase; } .te-post-item .te-blog-post-tag { width: 100%; display: inline-block; } .te-post-item .te-blog-post-tag span { font-size: 16px; font-weight: 500; display: inline-block; font-family: "Inter", sans-serif; color: #ffffff; margin-bottom: 0; margin-right: 30px; text-transform: uppercase; margin-top: 8px; float: left; } .te-post-item .te-blog-post-tag .te-post-tag-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .te-post-item .te-blog-post-tag .te-post-tag-list a { color: #ffffffcc; display: inline-block; font-size: 16px; line-height: 1; padding: 12px 22px; border-radius: 5px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; border: 1px solid #e7edf433; text-transform: capitalize; } .te-post-item .te-blog-post-tag .te-post-tag-list a:hover { color: #ffffff; background: #02C173; border-color: #02C173; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .te-post-item .te-post-thumbnail, .te-post-item .post-video { position: relative; overflow: hidden; } .te-post-item .te-post-thumbnail img, .te-post-item .post-video img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; width: 100%; } .te-post-item .te-post-thumbnail .popup-video-wrapper, .te-post-item .post-video .popup-video-wrapper { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .te-post-item .te-post-thumbnail .video-btn a, .te-post-item .post-video .video-btn a { width: 70px; height: 70px; -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7); background-color: #121212; border: 1px solid #e7edf433; border-radius: 50%; background-size: cover; background-repeat: no-repeat; -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1); animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .te-post-item .te-post-thumbnail .video-btn a i, .te-post-item .post-video .video-btn a i { color: #ffffff; font-size: 18px; } .te-post-item .te-post-thumbnail .video-btn a:hover, .te-post-item .post-video .video-btn a:hover { -webkit-animation: none; animation: none; } .te-post-item button.post-gallery-btn { position: absolute; width: 60px; height: 60px; border-radius: 50%; -webkit-transition: 0.3s; transition: 0.3s; z-index: 99; background-color: #121212; cursor: pointer; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); overflow: hidden; border: 1px solid #e7edf433; } .te-post-item button.post-gallery-btn.prev-btn { left: 30px; } .te-post-item button.post-gallery-btn.next-btn { right: 30px; } .te-post-item button.post-gallery-btn i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #ffffff; font-size: 17px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .te-post-item button.post-gallery-btn:hover { -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; background-color: #02C173; border-color: #02C173; } .te-post-item button.post-gallery-btn:hover i { color: #ffffff; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .te-post-item .post-audio iframe { width: 100%; } .te-post-item .te-post-meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 32px; margin: 13px 0; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (min-width: 0px) and (max-width: 767px) { .te-post-item .te-post-meta { gap: 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .te-post-item .te-post-meta span { font-size: 18px; font-weight: 400; color: #ffffffcc; text-transform: capitalize; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } .te-post-item .te-post-meta span i { color: #02C173; font-size: 18px; } .te-post-item .te-post-meta span a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; color: #ffffffcc; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .te-post-item .te-post-meta span a:hover { color: #02C173; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .te-post-item .te-post-meta span a:hover i { color: #02C173; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .latest-post-card-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 31px; } .latest-post-card { display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 20px; border: 1px solid #e7edf433; background: linear-gradient(110deg, rgba(40, 40, 40, 0.29) -0.9%, rgba(77, 77, 77, 0.21) 101.13%); -webkit-backdrop-filter: blur(6.5px); backdrop-filter: blur(6.5px); overflow: hidden; position: relative; } .latest-post-card .circle-drop-shadow { top: -110px; left: -40%; } .latest-post-card:hover .image img { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .latest-post-card:hover .image:before { visibility: visible; opacity: 1; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .latest-post-card:hover .image .btn-link { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); visibility: visible; opacity: 1; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .latest-post-card .image { overflow: hidden; position: relative; } .latest-post-card .image img { -webkit-transform: scale(1); transform: scale(1); width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .latest-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; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; z-index: 1; } .latest-post-card .image .btn-link { width: 72px; height: 72px; border-radius: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #02C173; color: #ffffff; font-size: 24px; text-decoration: none; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(0.3); transform: translate(-50%, -50%) scale(0.3); opacity: 0; visibility: hidden; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; z-index: 2; } @media only screen and (min-width: 768px) and (max-width: 991px) { .latest-post-card .image .btn-link { width: 60px; height: 60px; font-size: 22px; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .latest-post-card .image .btn-link { width: 50px; height: 50px; font-size: 20px; } } .latest-post-card .image .btn-link i { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .latest-post-card .image .btn-link:hover { background-color: #02C173; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .latest-post-card .image .btn-link:hover i { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .latest-post-card .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 30px; } .latest-post-card .content .title { height: 65px; overflow: hidden; font-size: 24px; font-weight: 500; line-height: 31px; margin-bottom: 0; } @media only screen and (min-width: 0px) and (max-width: 767px) { .latest-post-card .content .title { font-size: 22px; line-height: 28px; height: unset; overflow: visible; } } .latest-post-card .content .title a:hover { color: #02C173; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .latest-post-card .post-meta { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 5px 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px; } .latest-post-card .post-meta .single-post-meta { color: #8f939b; font-size: 16px; line-height: 28px; font-weight: 400; font-family: "Inter", sans-serif; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 7px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; } .latest-post-card .post-meta .single-post-meta i { color: #02C173; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .latest-post-card .post-meta .single-post-meta a { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 7px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; color: #8f939b; } .latest-post-card .post-meta .single-post-meta a:hover { color: #02C173; } @media only screen and (min-width: 0px) and (max-width: 767px) { .latest-post-card.style-1 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .latest-post-card.style-1 .image { width: 230px; height: 180px; -ms-flex-negative: 0; flex-shrink: 0; } @media only screen and (min-width: 0px) and (max-width: 767px) { .latest-post-card.style-1 .image { width: 100%; height: 300px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .latest-post-card.style-1 .image { width: 200px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .latest-post-card.style-1 .image { width: 200px; } } .latest-post-card.style-2 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .latest-post-card.style-2 .image { height: 428px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .latest-post-card.style-2 .image { height: 300px; } } .latest-post-card.style-2 .post-meta { margin-top: 5px; } .te-post-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; gap: 23px; } .te-post-card:hover .image img { -webkit-transform: scale(1.05); transform: scale(1.05); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .te-post-card .image { overflow: hidden; border-radius: 20px 20px 0 0; position: relative; } .te-post-card .image img { -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -webkit-transform: scale(1); transform: scale(1); width: 100%; } .te-post-card .image .te-post-date { position: absolute; left: 10px; top: 10px; border-radius: 20px; border: 1px solid #e7edf433; background-image: linear-gradient(110deg, rgba(54, 54, 54, 0.29) -0.9%, rgba(161, 161, 161, 0.21) 101.13%); -webkit-box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.1); -webkit-backdrop-filter: blur(6.5px); backdrop-filter: blur(6.5px); padding: 13px 36px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } .te-post-card .image .te-post-date span { color: #ffffff; font-size: 12px; font-weight: 700; line-height: 13.2px; letter-spacing: -0.12px; } .te-post-card .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; position: relative; z-index: 3; } .te-post-card .content .te-post-meta-info { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 12px; } .te-post-card .content .te-post-meta-info .te-single-meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; } .te-post-card .content .te-post-meta-info .te-single-meta span, .te-post-card .content .te-post-meta-info .te-single-meta a { color: #ffffffcc; font-size: 16px; line-height: 28px; font-weight: 400; margin: 0; text-transform: capitalize; } .te-post-card .content .te-post-meta-info .te-single-meta i { color: #02C173; } .te-post-card .content .title { font-size: 24px; font-weight: 500; line-height: 39.84px; letter-spacing: 0.5px; font-family: "Inter", sans-serif; margin-bottom: 7px; color: #ffffff; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .te-post-card .content a.read-btn { font-size: 17px; font-weight: 600; line-height: 42px; letter-spacing: 0.6px; text-transform: capitalize; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; color: #02C173; } .te-post-card .content a.read-btn:hover { color: #02C173; } .te-blog-details-wrapper .te-comment-respond { margin-top: 78px; margin-bottom: 40px; } .te-blog-details-wrapper .te-post-comments { margin-top: 70px; } .te-blog-details-wrapper .wp-block-group.has-background .wp-block-button .wp-block-button__link { color: #ffffff !important; } .te-blog-details-wrapper .te-post-item { -webkit-box-shadow: none; box-shadow: none; } .te-blog-details-wrapper .te-post-item iframe { width: 100%; height: 522px; } .te-blog-details-wrapper .te-post-item .te-post-meta { margin-bottom: 20px; } .te-blog-details-wrapper .te-post-item .post-gallery:hover img { -webkit-transform: scale(1) !important; transform: scale(1) !important; } .te-blog-details-wrapper .te-post-item .te-post-thumbnail, .te-blog-details-wrapper .te-post-item .post-video, .te-blog-details-wrapper .te-post-item .post-gallery, .te-blog-details-wrapper .te-post-item .postbox-audio, .te-blog-details-wrapper .te-post-item .wp-block-post-featured-image { overflow: hidden; position: relative; } .te-blog-details-wrapper .te-post-item .te-post-thumbnail:hover img, .te-blog-details-wrapper .te-post-item .post-video:hover img, .te-blog-details-wrapper .te-post-item .post-gallery:hover img, .te-blog-details-wrapper .te-post-item .postbox-audio:hover img, .te-blog-details-wrapper .te-post-item .wp-block-post-featured-image:hover img { -webkit-transform: scale(1.06); transform: scale(1.06); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .te-blog-details-wrapper .te-post-item .te-post-thumbnail img, .te-blog-details-wrapper .te-post-item .post-video img, .te-blog-details-wrapper .te-post-item .post-gallery img, .te-blog-details-wrapper .te-post-item .postbox-audio img, .te-blog-details-wrapper .te-post-item .wp-block-post-featured-image img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; width: 100%; } .te-blog-details-wrapper .te-post-item .te-post-content { margin-bottom: 17px; /* Unit Test Data Compatibility Start */ /* Unit Test Data Compatibility End */ } .te-blog-details-wrapper .te-post-item .te-post-content .wp-block-query .wp-block-post-template { padding-left: 0; } .te-blog-details-wrapper .te-post-item .te-post-content .wp-block-query .wp-block-post-template .wp-block-post { margin-bottom: 30px; } .te-blog-details-wrapper .te-post-item .te-post-content .wp-block-navigation__responsive-container-content .wp-block-page-list { padding-left: 0; } .te-blog-details-wrapper .te-post-item .te-post-content .wp-block-group { margin: 15px 0; } .te-blog-details-wrapper .te-post-item .te-post-content .wp-block-group p { margin-bottom: 0; } .te-blog-details-wrapper .te-post-item .te-post-content p { margin-bottom: 20px; } .te-blog-details-wrapper .te-post-item .te-post-content p img { margin: 20px 0; border-radius: 8px; } .te-blog-details-wrapper .te-post-item .te-blog-post-tag .te-social-share { padding-bottom: 20px; } .te-blog-details-wrapper .wp-block-calendar { margin-bottom: 30px; } .te-author-info { background-color: #121212; border: 1px solid #e7edf433; padding: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 30px; border-radius: 5px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; margin-top: 130px; margin-bottom: 70px; } .te-author-info .te-author-thumb { -ms-flex-negative: 0; flex-shrink: 0; width: 120px; height: 120px; border-radius: 5px; overflow: hidden; } .te-author-info .te-author-thumb img { border-radius: 5%; } .te-author-info .te-author-text h3 { font-size: 24px; font-weight: 500; margin-bottom: 10px; line-height: 28px; } .te-author-info .te-author-text .designation { font-size: 16px; font-style: italic; color: #9ba8c3; text-transform: capitalize; } .te-author-info .te-author-text p { margin-top: 30px; margin-bottom: 0; } .te-author-info .te-author-social-profiles { margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .te-author-info .te-author-social-profiles a { font-size: 16px; color: #ffffff; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; width: 38px; height: 38px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #02C173; border-radius: 5px; } .te-author-info .te-author-social-profiles a:hover { -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; background-color: #ffffff; color: #02C173; } .te-author-info .te-author-post a { font-size: 16px; font-weight: 500; font-family: "Inter", sans-serif; color: #ffffff; border-bottom: 1px solid #ffffff; margin-top: 30px; display: inline-block; } .te-author-info .te-author-post a:hover { color: #02C173; border-color: #02C173; } .skill-progressbar-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 30px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .skill-progressbar-wrapper { grid-template-columns: repeat(1, 1fr); gap: 15px; } } .skill-progressbar .progress-inner-item { position: relative; margin: 0; line-height: inherit; } .skill-progressbar .skill-title { z-index: 100; color: #444; font-size: 18px; font-weight: 400; font-family: "Inter", sans-serif; } .skill-progressbar .progressbar-number { width: 100%; z-index: 10; } .skill-progressbar .progress-number-count { padding: 0 8px; position: absolute; transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); } .skill-progressbar .progressbar-number, .skill-progressbar .progress-number-count { font-size: 18px; line-height: 41px; height: 8px; letter-spacing: 0px; font-weight: 400; text-transform: none; font-family: "Inter", sans-serif; color: #ffffffcc; } @media only screen and (min-width: 0px) and (max-width: 767px) { .skill-progressbar .progressbar-number, .skill-progressbar .progress-number-count { left: 90% !important; } } .skill-progressbar .progress-content-outter { height: 8px; background-color: #E1E1E1; border-radius: 50px; } .skill-progressbar .progress-content { height: 8px; background-color: #02C173; width: 0%; border-radius: 50px; } .cta-area { background-color: #02C173; } @media (max-width: 781px) { .cta-area .te-column-bg-image { min-height: 350px; } } .cta-area .te-content-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 780px; padding: 70px 0; } @media (max-width: 781px) { .cta-area .te-content-wrapper { width: 100%; padding: 0 30px 80px 30px; } } .cta-area .te-content-wrapper .short-title { font-size: 21px; font-weight: 500; color: #ffffff; margin-bottom: 0; } .cta-area .te-content-wrapper .te-cta-title { color: #ffffff; text-transform: capitalize; margin-bottom: 0; font-size: 57px; line-height: 77px; letter-spacing: -1px; } @media (max-width: 375px) { .cta-area .te-content-wrapper .te-cta-title { font-size: 34px !important; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .cta-area .te-content-wrapper .te-cta-title { font-size: 40px; line-height: 42px; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .cta-area .te-content-wrapper .te-cta-title { font-size: 36px; line-height: 42px; } } .cta-area .te-content-wrapper .text { font-size: 18px; line-height: 36px; color: #ffffff; margin-bottom: 0; } .cta-area .te-btn-wrapper { margin-top: 30px; } .cta-area .te-cta-inner-area { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 80px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .cta-area .te-cta-inner-area { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 50px; } } .cta-area .te-cta-inner-area .te-cta-collumn { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; background-repeat: no-repeat; background-position: center center; background-size: cover; } .te-section-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: end; margin-bottom: 60px; gap: 24px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .te-section-title { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px; -webkit-box-align: unset; -ms-flex-align: unset; align-items: unset; margin-bottom: 40px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .te-section-title { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px; -webkit-box-align: unset; -ms-flex-align: unset; align-items: unset; margin-bottom: 50px; } } .te-section-title.left-align-title .te-section-content, .te-section-title.left-align-title .te-section-desc { width: 50%; } @media (max-width: 991px) { .te-section-title.left-align-title .te-section-content, .te-section-title.left-align-title .te-section-desc { width: 100%; } } .te-section-title.left-align-title .te-section-desc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .te-section-title .te-section-content { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 16px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; z-index: 2; position: relative; } .te-section-title .short-title-wrapper { line-height: initial; } .te-section-title .short-title { font-size: 12px; font-weight: 700; line-height: 13.2px; letter-spacing: -0.12px; color: #02C173; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5px 10px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; align-items: center; gap: 10px; -ms-flex-negative: 0; flex-shrink: 0; border: 1px solid #02C173; border-radius: 5px; } .te-section-title .title { font-size: 49px; font-weight: 700; line-height: 55.65px; letter-spacing: -1.59px; margin-bottom: 0; color: #ffffff; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .te-section-title .title { font-size: 48px; line-height: 62px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .te-section-title .title { font-size: 47px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .te-section-title .title { font-size: 38px; line-height: 48px; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .te-section-title .title { font-size: 32px; line-height: 42px; } } @media only screen and (min-width: 0px) and (max-width: 439px) { .te-section-title .title br { display: none; } } .te-section-title .title span { color: #02C173; } .te-section-title .te-section-desc { margin-bottom: 0; } .te-section-title .te-section-desc p { margin-bottom: 0; } .te-section-title .te-section-desc .te-theme-btn { background-color: transparent; color: #14203A; } .te-section-title .te-section-desc .te-theme-btn:hover { background-color: #02C173; color: #ffffff; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .page-breadcrumb-area { padding-top: 200px; padding-bottom: 170px; position: relative; z-index: 2; background-size: cover; background-color: #121212; background-repeat: no-repeat; background-position: center center; background-size: cover; } @media only screen and (min-width: 768px) and (max-width: 991px) { .page-breadcrumb-area { padding-top: 150px; padding-bottom: 100px; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .page-breadcrumb-area { padding-top: 120px; padding-bottom: 80px; } } .page-overlay { background-color: #14203A; opacity: 0.05; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: -1; } .te-page-heading h3, .te-page-heading .te-page-title { font-family: "Inter", sans-serif; font-size: 49px; text-align: center; color: #ffffff; margin-bottom: 0; text-transform: capitalize; line-height: initial; font-weight: 700; } @media (max-width: 375px) { .te-page-heading h3, .te-page-heading .te-page-title { font-size: 32px; line-height: 42px; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .te-page-heading h3, .te-page-heading .te-page-title { font-size: 38px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .te-page-heading h3, .te-page-heading .te-page-title { font-size: 42px; } } .te-breadcrumb-wrapper { padding: 0 100px; } @media (max-width: 1199px) { .te-breadcrumb-wrapper { padding: 0; } } .te-breadcrumb-list { text-align: center; margin-top: 20px; } .te-breadcrumb-list ul { margin-bottom: 0; padding-left: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 0 12px; } @media (max-width: 375px) { .te-breadcrumb-list ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .te-breadcrumb-list ul li { list-style: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 0 12px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #ffffff; } .te-breadcrumb-list ul li.active { color: #02C173; } .te-breadcrumb-list ul li.active a { color: #02C173; } .te-breadcrumb-list ul li a { font-family: "Inter", sans-serif; font-size: 20px; text-align: center; color: #ffffff; text-transform: capitalize; line-height: 39px; font-weight: 500; margin-bottom: 0; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .te-breadcrumb-list ul li a:hover { -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; color: #02C173; } .te-breadcrumb-list ul li:before { content: "\f054"; font-size: 12px; color: #ffffff; font-family: "Font Awesome 6 Pro"; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .te-breadcrumb-list ul li:first-child:before { display: none; } @media (max-width: 375px) { .te-breadcrumb-list ul li:first-child:before { display: block !important; } } .wp-block-query-pagination, .navigation.posts-navigation, .comment-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; 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: -webkit-box; display: -ms-flexbox; 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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #ffffff; background-color: #121212; border-radius: 5px; height: 53px; padding: 0 20px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; font-size: 24px; font-weight: 500; border: 1px solid #121212; 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: #02C173 !important; color: #ffffff; border-color: #02C173; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .te-basic-pagination, .page-links, .wp-block-query-pagination-numbers { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 40px; } .te-basic-pagination ul, .page-links ul, .wp-block-query-pagination-numbers ul { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; margin-bottom: 0; padding-left: 0; } .te-basic-pagination ul li, .page-links ul li, .wp-block-query-pagination-numbers ul li { padding-top: 0; } .te-basic-pagination ul .prev span, .te-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; } .te-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; } .te-basic-pagination .page-numbers, .te-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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #ffffffcc; background-color: #121212; border-radius: 5px; height: 60px; width: 60px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; font-size: 20px; font-weight: 500; border: 1px solid #e7edf433; text-transform: capitalize; } @media (max-width: 767px) { .te-basic-pagination .page-numbers, .te-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; } } .te-basic-pagination .page-numbers:hover, .te-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: #02C173 !important; color: #ffffff; border-color: #02C173; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .te-basic-pagination .page-numbers.current, .te-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: #02C173 !important; color: #ffffff; border-color: #02C173; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .te-blog-post-nav { margin: 40px 0; background-color: #121212; padding: 23px 30px; padding-bottom: 22px; border-radius: 5px; border: 1px solid #e7edf433; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 30px; } @media only screen and (min-width: 992px) and (max-width: 1024px) { .te-blog-post-nav { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 30px; margin: 30px 0; } } @media (max-width: 767px) { .te-blog-post-nav { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 30px; margin: 30px 0; } } .te-blog-post-nav .divider { background-color: #e7edf433; width: 1px; } @media only screen and (min-width: 992px) and (max-width: 1024px) { .te-blog-post-nav .divider { width: 100%; height: 1px; } } @media (max-width: 767px) { .te-blog-post-nav .divider { width: 100%; height: 1px; } } .te-blog-post-nav .te-post-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 50%; } @media (max-width: 374px) { .te-blog-post-nav .te-post-navigation { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } } @media only screen and (min-width: 992px) and (max-width: 1024px) { .te-blog-post-nav .te-post-navigation { width: 100%; } } @media (max-width: 767px) { .te-blog-post-nav .te-post-navigation { width: 100%; } } .te-blog-post-nav .te-post-navigation:last-child { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .te-blog-post-nav .te-post-navigation:last-child .text { text-align: right; } @media (max-width: 374px) { .te-blog-post-nav .te-post-navigation:last-child .text { text-align: left; } } .te-blog-post-nav .te-post-navigation .te-post-img { width: 96px; height: 96px; position: relative; border-radius: 5px; overflow: hidden; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #02C173; font-size: 28px; color: #ffffff; } @media (max-width: 374px) { .te-blog-post-nav .te-post-navigation .te-post-img { width: 100% !important; height: 150px !important; } } .te-blog-post-nav .te-post-navigation .te-post-img img { position: absolute; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; left: 0; top: 0; } .te-blog-post-nav .te-post-navigation .text { width: 100%; } .te-blog-post-nav .te-post-navigation .text span { font-size: 18px; font-family: "Inter", sans-serif; text-transform: capitalize; font-weight: 400; display: block; color: #ffffffcc; } .te-blog-post-nav .te-post-navigation .text h4 { text-transform: capitalize; font-size: 20px; font-weight: 500; margin: 0; margin-bottom: 10px; line-height: 30px; letter-spacing: 0.5px; } .project-page-wrapper { padding: 150px 0; } @media only screen and (min-width: 0px) and (max-width: 767px) { .project-page-wrapper { padding: 80px 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .project-page-wrapper { padding: 100px 0; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .project-page-wrapper { padding: 120px 0; } } .project-page-wrapper .portfolio-column-in-three .portfolio-img { border-radius: 5px; } .project-page-wrapper .te-basic-pagination { margin-bottom: 0; } .project-details-page { padding: 120px 0; } @media only screen and (min-width: 0px) and (max-width: 767px) { .project-details-page { padding: 80px 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .project-details-page { padding: 100px 0; } } .project-details { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } .project-details .image { border-radius: 5px; overflow: hidden; } .project-details .content { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 46px; padding-right: 73px; } @media (max-width: 1199px) { .project-details .content { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding-right: 0; } } .project-details .content .text .title { font-size: 49px; line-height: 62px; font-weight: 700; letter-spacing: -1.59px; text-transform: capitalize; } @media only screen and (min-width: 0px) and (max-width: 767px) { .project-details .content .text .title { font-size: 32px; line-height: 42px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .project-details .content .text .title { font-size: 34px; line-height: 48px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .project-details .content .text .title { font-size: 42px; line-height: 52px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .project-details .content .text .title { font-size: 44px; line-height: 58px; } } .project-info-wrapper { background-color: #121212; border-radius: 5px; padding: 50px 40px; -ms-flex-negative: 0; flex-shrink: 0; } .project-info-wrapper .project-info { display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 20px 0; } @media (max-width: 575px) { .project-info-wrapper .project-info { grid-template-columns: repeat(1, 1fr); } } .project-info-wrapper .project-info .te-single-meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 6px; border-bottom: 1px solid #e7edf433; padding: 0 10px 20px 10px; } .project-info-wrapper .project-info .te-single-meta:last-child { border-bottom: 0; padding: 0 10px 0 10px; } .project-info-wrapper .project-info .meta-title { font-size: 14px; font-weight: 400; line-height: 24px; color: #ffffffcc; } .project-info-wrapper .project-info .meta-text { font-size: 16px; font-weight: 400; color: #ffffffcc; } .te-list-item-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 18px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .te-list-item-wrapper { gap: 10px; } } .te-list-item-wrapper .te-list-item { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 15px; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .te-list-item-wrapper .te-list-item .icon { font-size: 15px; color: #02C173; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 50%; } .te-list-item-wrapper .te-list-item .text { font-size: 16px; font-weight: 400; line-height: initial; margin-bottom: 0; color: #ffffffcc; } .sidebar { padding-left: 13px; } @media (max-width: 991px) { .sidebar { padding-left: 0; padding-top: 40px; } } .page-sidebar { margin-bottom: 50px; padding-left: 18px; } /* Widget */ .widget { margin-bottom: 30px; background-color: #121212; border-radius: 10px; padding: 40px; border: 1px solid #e7edf433; /* Widget Instagram Feed */ /* Widget Title */ /* Social Widget Block */ /* Recent Comment List Block Widget & Latest Post Widget Block */ /* Social Widget */ /* Select Option */ /* Login Widget */ /* Search Widget */ /* Tagcloud Widget */ /* Default Widget */ } .widget:last-child { margin-bottom: 0; } .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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; line-height: 28px; font-weight: 500; margin-bottom: 30px; color: #ffffffcc; position: relative; gap: 15px; } .widget .wp-block-heading::after, .widget .widget-title::after, .widget .wp-block-search__label::after { width: 43px; height: 2px; background-color: #02C173; content: ""; display: -webkit-inline-box; display: -ms-inline-flexbox; 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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .widget .has-avatars.has-dates.has-excerpts.wp-block-te-latest-comments li.wp-block-te-latest-comments__comment .wp-block-te-latest-comments__comment-meta, .widget .has-dates.has-excerpts.wp-block-te-latest-comments li.wp-block-te-latest-comments__comment .wp-block-te-latest-comments__comment-meta { font-weight: 500; } .widget .has-avatars.has-dates.has-excerpts.wp-block-te-latest-comments li.wp-block-te-latest-comments__comment .wp-block-te-latest-comments__comment-meta .wp-block-te-latest-comments__comment-author, .widget .has-avatars.has-dates.has-excerpts.wp-block-te-latest-comments li.wp-block-te-latest-comments__comment .wp-block-te-latest-comments__comment-meta .wp-block-te-latest-comments__comment-link, .widget .has-dates.has-excerpts.wp-block-te-latest-comments li.wp-block-te-latest-comments__comment .wp-block-te-latest-comments__comment-meta .wp-block-te-latest-comments__comment-author, .widget .has-dates.has-excerpts.wp-block-te-latest-comments li.wp-block-te-latest-comments__comment .wp-block-te-latest-comments__comment-meta .wp-block-te-latest-comments__comment-link { font-weight: 500; } .widget .wp-block-te-latest-comments li.wp-block-te-latest-comments__comment, .widget .wp-block-latest-posts li.wp-block-te-latest-comments__comment { margin-bottom: 0; } .widget .wp-block-te-latest-comments li .wp-block-te-latest-comments__comment-meta, .widget .wp-block-te-latest-comments li .wp-block-latest-posts__te-post-title, .widget .wp-block-latest-posts li .wp-block-te-latest-comments__comment-meta, .widget .wp-block-latest-posts li .wp-block-latest-posts__te-post-title { line-height: 28px; font-weight: 400; } .widget .wp-block-te-latest-comments li .wp-block-te-latest-comments__comment-meta .wp-block-te-latest-comments__comment-date, .widget .wp-block-te-latest-comments li .wp-block-latest-posts__te-post-title .wp-block-te-latest-comments__comment-date, .widget .wp-block-latest-posts li .wp-block-te-latest-comments__comment-meta .wp-block-te-latest-comments__comment-date, .widget .wp-block-latest-posts li .wp-block-latest-posts__te-post-title .wp-block-te-latest-comments__comment-date { font-size: 14px !important; margin-bottom: 10px; position: relative; } .widget .wp-block-te-latest-comments li .wp-block-te-latest-comments__comment-meta .wp-block-te-latest-comments__comment-date:before, .widget .wp-block-te-latest-comments li .wp-block-latest-posts__te-post-title .wp-block-te-latest-comments__comment-date:before, .widget .wp-block-latest-posts li .wp-block-te-latest-comments__comment-meta .wp-block-te-latest-comments__comment-date:before, .widget .wp-block-latest-posts li .wp-block-latest-posts__te-post-title .wp-block-te-latest-comments__comment-date:before { content: "\f274"; font-family: "Font Awesome 6 Pro"; padding-right: 8px; } .widget .wp-block-te-latest-comments li a, .widget .wp-block-latest-posts li a { color: #ffffffcc; } .widget .wp-block-te-latest-comments li a.wp-block-te-latest-comments__comment-author, .widget .wp-block-te-latest-comments li a.wp-block-te-latest-comments__comment-link, .widget .wp-block-latest-posts li a.wp-block-te-latest-comments__comment-author, .widget .wp-block-latest-posts li a.wp-block-te-latest-comments__comment-link { display: inline !important; text-transform: capitalize; line-height: 28px; font-weight: 400; } .widget .wp-block-te-latest-comments li a:hover, .widget .wp-block-latest-posts li a:hover { color: #02C173; } .widget .wp-block-te-latest-comments li .wp-block-te-latest-comments__comment-excerpt p, .widget .wp-block-latest-posts li .wp-block-te-latest-comments__comment-excerpt p { font-size: 16px; line-height: 28px; margin: 0; } .widget .te-social-profile { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-top: 0; gap: 20px; } .widget .te-social-profile a { width: 40px; height: 40px; background-color: #02C173; color: #ffffff; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; border-radius: 5px; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 18px; } @media (max-width: 1199px) { .widget .te-social-profile a { width: 40px; height: 40px; } } .widget .te-social-profile a.facebook { background-color: #1877f2; } .widget .te-social-profile a.twitter { background-color: #1da1f2; } .widget .te-social-profile a.linkedin { background-color: #0a66c2; } .widget .te-social-profile a.instagram { background-color: #405de6; } .widget .te-social-profile a:hover { color: #ffffff; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; background-color: #02C173; } .widget select { max-width: 100%; height: 50px; width: 100%; border: 1px solid transparent; padding: 0 10px; border-radius: 5px; color: #ffffffcc; margin-bottom: 0; } .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 #31373f; padding: 0 10px; border-radius: 5px; color: #ffffffcc; } .widget .has-login-form .login-remember label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } .widget .has-login-form .login-submit { margin-bottom: 0; } .widget .has-login-form .login-submit input.button-primary { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; background: #02C173; color: #fff; padding: 12px 32px; text-align: center; font-weight: 500; font-family: "Inter", sans-serif; text-transform: capitalize; position: relative; z-index: 1; -webkit-transition: 0.3s; transition: 0.3s; font-size: 16px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; border-radius: 5px; } .widget .search-form { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .widget .search-form button { width: 62px; -ms-flex-negative: 0; flex-shrink: 0; } .widget .wp-block-search__no-button.wp-block-search input { border-radius: 10px; } .widget .wp-block-search { margin-bottom: -2px; } .widget .wp-block-search, .widget .search-form { display: inline-block; width: 100%; overflow: hidden; } .widget .wp-block-search .wp-block-search__inside-wrapper, .widget .search-form .wp-block-search__inside-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 !important; } .widget .wp-block-search label, .widget .search-form label { font-size: 24px; display: block; line-height: 28px; font-weight: 500; margin-bottom: 30px; color: #ffffff; font-family: "Inter", sans-serif; } .widget .wp-block-search input, .widget .search-form input { background-color: transparent; border: 1px solid #e7edf433 !important; padding: 0 25px; height: 60px; width: 100%; color: #ffffffcc; font-size: 15px; border-radius: 6px 0 0 6px; } .widget .wp-block-search button, .widget .search-form button { color: #060606; padding: 0 20px; position: relative; right: 0; background-color: #02C173; top: 0; height: auto; border-radius: 0 6px 6px 0; line-height: 0; border: 0; margin-left: 0 !important; } .widget .tagcloud, .widget .wp-block-tag-cloud { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 16px 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .widget .tagcloud a, .widget .wp-block-tag-cloud a { color: #ffffffcc; background-color: #060606; display: inline-block; font-size: 16px; font-weight: 400; line-height: 1; padding: 10px 18px; border-radius: 5px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .widget .tagcloud a:hover, .widget .wp-block-tag-cloud a:hover { color: #ffffff; background: #02C173; border-color: #02C173; -webkit-transition: all 0.5s ease-out; 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: 8px 0; margin-bottom: 0; /* Recent Comment Widget */ } .widget ul li:last-child, .widget ol li:last-child { margin-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: #ffffffcc; position: relative; display: inline-block; text-transform: capitalize; font-size: 16px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; /* RSS Widget */ } .widget ul li a::before, .widget ol li a::before { content: "\f07c"; font-family: "Font Awesome 6 Pro"; margin-right: 15px; color: #02C173; } .widget ul li a:hover, .widget ol li a:hover { color: #02C173; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .widget ul li a.rsswidget, .widget ol li a.rsswidget { padding-left: 0; font-weight: 500; 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.te_widget_service_categories { border: 1px solid #e7edf433; padding: 0; background-color: transparent; overflow: hidden; border-radius: 5px; } .widget.te_widget_service_categories .wp-block-heading { padding: 20px 20px 16px 40px; background-color: #121212; margin-bottom: 0; position: relative; z-index: 2; } .widget.te_widget_service_categories .wp-block-heading::before { content: ""; position: absolute; bottom: -20px; left: 40px; border-left: 25px solid transparent; border-right: 25px solid transparent; border-top: 25px solid #121212; z-index: -1; } .widget.te_widget_service_categories .wp-block-heading::after { display: none; } .widget.te_widget_service_categories ul { padding: 52px 40px 40px 40px; } .widget.te_widget_service_categories ul li a { display: inline-block; padding: 9px 20px; width: 100%; background-color: #121212; border-radius: 5px; } .widget.te_widget_service_categories ul li a::before { display: none; } .widget.te_widget_service_categories ul li a:hover { background-color: #02C173; color: #060606; } .widget.te_widget_categories ul li, .widget.widget_archive ul li { text-align: right; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .widget.te_widget_categories ul li.cat-item, .widget.widget_archive ul li.cat-item { text-align: right; display: inline-block; width: 100%; } .widget.te_widget_categories ul li a, .widget.widget_archive ul li a { float: left; } /* About Info Widget*/ .widget-about-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; 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 .te-social-profile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; padding-top: 30px; border-top: 1px solid #E1E1E1; width: 100%; margin-top: 10px; } .widget-about-info .te-social-profile a { -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; width: 44px; height: 44px; background-color: #F7FBFE; border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #ffffff; transition: all 0.5s ease-out; } .widget-about-info .te-social-profile a:hover { color: #ffffff; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; background-color: #02C173; } /* Latest Post Widget*/ .has-dates.has-author.wp-block-latest-posts .wp-block-latest-posts__te-post-title { display: inline-block; width: 100%; font-weight: 500; } .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: #ffffff; } .widget_rss ul li a.rsswidget:hover { color: #02C173; } .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: 500; } .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__te-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__te-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__te-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: 500; text-transform: capitalize; position: relative; } .wp-block-latest-posts .wp-block-latest-posts__te-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__te-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__te-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; } .te_widget_latest_post ul li { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; margin-bottom: 24px; border: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; } .te_widget_latest_post ul li:hover .te-latest-post-thumb img { -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .te_widget_latest_post ul li:last-child { margin-bottom: 0; } .te_widget_latest_post ul li a { padding-left: 0; } .te_widget_latest_post ul li a:before { display: none; } .te_widget_latest_post ul li .te-latest-post-thumb { -ms-flex-negative: 0; flex-shrink: 0; overflow: hidden; width: 90px; height: 90px; border-radius: 50%; position: relative; } .te_widget_latest_post ul li .te-latest-post-thumb img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; aspect-ratio: 1/1; position: absolute; top: 0; left: 0; } .te_widget_latest_post ul li .te-latest-post-desc .te-latest-post-title { margin-bottom: 8px; font-size: 16px; line-height: 19px; letter-spacing: -0.51px; color: #ffffffcc; font-weight: 400; font-family: "Inter", sans-serif; } .te_widget_latest_post ul li .te-latest-post-desc .te-latest-post-title a { font-size: 16px; line-height: 19px; color: #ffffffcc; font-weight: 400; letter-spacing: -0.51px; position: relative; text-transform: capitalize; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; font-family: "Inter", sans-serif; } .te_widget_latest_post ul li .te-latest-post-desc .te-latest-post-title a:hover { color: #02C173; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .te_widget_latest_post ul li .te-latest-post-desc .te-latest-post-meta { font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 400; gap: 8px; color: #ffffffcc; } .te_widget_latest_post ul li .te-latest-post-desc .te-latest-post-meta i { color: #02C173; } .widget-instagram-feed { display: grid; -ms-flex-wrap: wrap; flex-wrap: wrap; grid-template-columns: repeat(3, 1fr); grid-gap: 12px; width: 240px; } @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 { border-radius: 5px; width: 72px; height: 72px; overflow: hidden; position: relative; -ms-flex-negative: 0; flex-shrink: 0; } .widget-instagram-feed .single-instagram-feed:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .widget-instagram-feed .single-instagram-feed img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; left: 0; top: 0; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .widget_promotion { padding-top: 50px; padding-bottom: 50px; text-align: center; background-color: #14203A; } .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: #02C173; color: #ffffff; padding: 12px 104px; font-weight: 600; font-family: "Inter", sans-serif; text-transform: capitalize; position: relative; z-index: 1; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; font-size: 16px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; border-radius: 10px; } .widget_promotion .secondary-btn i { color: #fff; font-size: 16px; } .widget_promotion .secondary-btn:hover { -webkit-transition: all 0.5s ease-out; 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; } .te-post-item .te-single-post-meta { gap: 32px; } .te-comment-respond { margin-top: 70px; } .te-comment-title h2, .te-comment-title .wp-block-comments-title, .wp-block-comments h2, .wp-block-comments .wp-block-comments-title { font-size: 24px; line-height: 28px; margin-bottom: 30px; } /* Block Comment Start */ .wp-block-comments .wp-block-comment-template { padding-left: 0; } .wp-block-comments .wp-block-comment-template .wp-block-te-comment-reply { 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 { -ms-flex-preferred-size: 80px !important; flex-basis: 80px !important; } .wp-block-comments .wp-block-comment-template li .wp-block-columns .wp-block-avatar { width: 100px; -ms-flex-negative: 0; 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: 500; font-family: "Inter", sans-serif; color: #ffffff; } .wp-block-comments .wp-block-comment-template li .wp-block-columns .wp-block-comment-edit-link a { color: #02C173; } .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: "Inter", sans-serif; } .wp-block-comments .wp-block-comment-template li .wp-block-columns .wp-block-te-comment-reply a { border-radius: 6px; font-size: 14px; font-weight: 500; color: #ffffff; border: 1px solid #02C173; padding: 4px 26px; display: inline-block; } .wp-block-comments .wp-block-comment-template li .wp-block-columns .wp-block-te-comment-reply a:hover { background-color: #02C173; color: #ffffff; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } /* Block Comment End */ .te-latest-comments .te-comment-respond { margin-top: 80px; } .te-latest-comments li .children .te-comments-item { margin-left: 50px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .te-latest-comments li .children .te-comments-item { margin-left: 0; } } .te-latest-comments li .children .children .te-comments-item { margin-left: 100px; border-top: 1px solid #e7edf433; } .te-latest-comments li .te-comments-item { padding: 50px; border: 1px solid #e7edf433; background-color: #121212; border-radius: 5px; margin-bottom: 24px; } @media (max-width: 767px) { .te-latest-comments li .te-comments-item { padding: 30px; } } .te-latest-comments li .te-comments-item .te-comments-avatar { float: left; } @media only screen and (min-width: 0px) and (max-width: 767px) { .te-latest-comments li .te-comments-item .te-comments-avatar { float: inherit; margin-bottom: 20px; } } .te-latest-comments li .te-comments-item .te-comments-avatar img { margin-right: 30px; width: 100px; border-radius: 5px; } .te-latest-comments li .te-comments-item .te-comments-text { overflow: hidden; } .te-latest-comments li .te-comments-item .te-comments-text p { font-size: 16px; line-height: 30px; margin-bottom: 20px; color: #ffffffcc; } .te-latest-comments li .te-comments-item .te-comments-text .te-avatar-name { margin-bottom: 10px; position: relative; } .te-latest-comments li .te-comments-item .te-comments-text .te-avatar-name h5 { font-size: 21px; margin-bottom: 5px; font-weight: 500; font-family: "Inter", sans-serif; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .te-latest-comments li .te-comments-item .te-comments-text .te-avatar-name span { color: #ffffffcc; font-size: 16px; font-weight: 400; font-family: "Inter", sans-serif; font-style: italic; } @media only screen and (min-width: 0px) and (max-width: 767px) { .te-latest-comments li .te-comments-item .te-comments-text .te-avatar-name span { display: inline-block; width: 100%; } } .te-latest-comments li .te-comments-item .te-comments-text .te-comment-reply { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 6px; font-size: 14px; font-weight: 500; color: #ffffff; border: 1px solid #e7edf433; padding: 4px 26px; gap: 8px; position: absolute; top: 0; right: 0; } @media only screen and (min-width: 0px) and (max-width: 767px) { .te-latest-comments li .te-comments-item .te-comments-text .te-comment-reply { position: unset; margin-top: 10px; } } .te-latest-comments li .te-comments-item .te-comments-text .te-comment-reply:hover { background-color: #02C173; color: #ffffff; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .te-post-comments .te-latest-comments > ul { list-style: none; padding-left: 0; margin-bottom: 0; } .te-comments-text > ul, .te-comments-text > ol { margin-bottom: 20px; } ul.children { list-style: none; } .te-post-comments-form .te-contacts-message { margin-top: 10px; } /*Comment Input Filed*/ .te-post-comments-title .sub-title { font-size: 18px; font-weight: 500; font-family: "Inter", sans-serif; color: #02C173; display: inline-block; width: 100%; margin-bottom: 15px; } .te-post-comments-title h2 { font-size: 36px; line-height: 28px; font-weight: 500; color: #ffffff; margin-bottom: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (min-width: 0px) and (max-width: 767px) { .te-post-comments-title h2 { font-size: 28px; margin-bottom: 20px; } } .te-post-comments-title h2 small { font-size: 18px; font-family: "Inter", sans-serif; color: #02C173; } .te-comment-respond { position: relative; padding: 40px; background-color: #121212; border: 1px solid #e7edf433; border-radius: 5px; } .te-comment-respond p { margin: 0; } .te-comment-respond .te-contacts-email, .te-comment-respond .te-contacts-name, .te-comment-respond .single-input-field { margin-bottom: 30px; } .te-comment-respond label { display: block; font-size: 18px; font-weight: 600; color: #778196; margin-bottom: 30px; } .te-comment-respond .checkbox-field-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 10px; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 30px; padding: 15px 0; } .te-comment-respond .checkbox-field-wrapper p { margin: 0; } .te-comment-respond .checkbox-field-wrapper .single-checkbox-field { margin-bottom: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; font-size: 18px; font-weight: 400; font-family: "Inter", sans-serif; } .te-comment-respond .te-comment-form-cookies-consent { display: none; } .te-comment-respond input[type="number"] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } .te-comment-respond input, .te-comment-respond select { padding: 0 20px; height: 60px; width: 100%; color: #778196; opacity: 1; border-radius: 5px; font-size: 18px; font-weight: 400; background-color: transparent; font-family: "Inter", sans-serif !important; border: solid 1px transparent; background-image: -webkit-gradient(linear, left top, left bottom, from(#121212), to(#121212)), -webkit-gradient(linear, left top, right top, from(rgba(2, 193, 115, 0.4)), to(transparent)); background-image: linear-gradient(#121212, #121212), linear-gradient(to right, rgba(2, 193, 115, 0.4), transparent); background-origin: border-box; background-clip: padding-box, border-box; } .te-comment-respond *::-webkit-input-placeholder { color: #778196; } .te-comment-respond *:-ms-input-placeholder { color: #778196; } .te-comment-respond *::-ms-input-placeholder { color: #778196; } .te-comment-respond *::placeholder { color: #778196; } .te-comment-respond textarea { resize: vertical; padding: 20px; width: 100%; color: #778196; border-radius: 5px; font-size: 18px; font-weight: 400; background-color: transparent; font-family: "Inter", sans-serif !important; height: 190px; margin-bottom: 30px; border: solid 1px transparent; background-image: -webkit-gradient(linear, left top, left bottom, from(#121212), to(#121212)), -webkit-gradient(linear, left top, right top, from(rgba(2, 193, 115, 0.4)), to(transparent)); background-image: linear-gradient(#121212, #121212), linear-gradient(to right, rgba(2, 193, 115, 0.4), transparent); background-origin: border-box; background-clip: padding-box, border-box; } .te-comment-respond input:focus, .te-comment-respond textarea:focus, .te-comment-respond .form-select:focus { outline: none !important; -webkit-box-shadow: none; box-shadow: none; border-color: #02C173 !important; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .portfolio-column-in-three { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 30px; grid-row-gap: 30px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .portfolio-column-in-three { grid-template-columns: 1fr; } } .portfolio-column-in-three .portfolio-item { height: 388px; position: relative; } .portfolio-column-in-three .portfolio-item:hover .portfolio-img img { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .portfolio-column-in-three .portfolio-item:hover .content-wrapper { visibility: visible; opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } @media only screen and (min-width: 768px) and (max-width: 991px) { .portfolio-column-in-three .portfolio-item { height: 235px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .portfolio-column-in-three .portfolio-item { height: 285px; } } .portfolio-column-in-three .portfolio-item:nth-child(5n + 1) { grid-row: span 2; height: 804px !important; } @media only screen and (min-width: 0px) and (max-width: 767px) { .portfolio-column-in-three .portfolio-item:nth-child(5n + 1) { height: 388px !important; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .portfolio-column-in-three .portfolio-item:nth-child(5n + 1) { height: 500px !important; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .portfolio-column-in-three .portfolio-item:nth-child(5n + 1) { height: 600px !important; } } .portfolio-column-in-three .portfolio-item:first-child { grid-row: span 2; height: 804px !important; } @media only screen and (min-width: 0px) and (max-width: 767px) { .portfolio-column-in-three .portfolio-item:first-child { height: 388px !important; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .portfolio-column-in-three .portfolio-item:first-child { height: 500px !important; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .portfolio-column-in-three .portfolio-item:first-child { height: 600px !important; } } .portfolio-column-in-three .portfolio-item .content-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-transform: scale(0.75); transform: scale(0.75); opacity: 0; visibility: hidden; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } @media only screen and (min-width: 768px) and (max-width: 991px) { .portfolio-column-in-three .portfolio-item .content-wrapper { padding: 30px; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .portfolio-column-in-three .portfolio-item .content-wrapper { padding: 20px; } } .portfolio-column-in-three .portfolio-item .content-wrapper .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; background-color: #121212d6; border: 1px solid #e7edf433; border-radius: 10px; padding: 30px; text-align: center; } .portfolio-column-in-three .portfolio-item .content-wrapper .content .title { font-family: "Inter", sans-serif; margin-bottom: 0; font-size: 37px; font-style: normal; font-weight: 700; line-height: 40.95px; letter-spacing: -1.17px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .portfolio-column-in-three .portfolio-item .content-wrapper .content .title { font-size: 24px; line-height: 28px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .portfolio-column-in-three .portfolio-item .content-wrapper .content .title { font-size: 28px; line-height: 32px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .portfolio-column-in-three .portfolio-item .content-wrapper .content .title { font-size: 32px; line-height: 42px; } } .portfolio-column-in-three .portfolio-img { height: 100%; border-radius: 20px; overflow: hidden; } .portfolio-column-in-three .portfolio-img img { width: 100%; height: 100%; aspect-ratio: 1/1; -o-object-fit: cover; object-fit: cover; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .te-portfolio-card.style-2 .te-content-wrapper .content { background-color: rgba(14, 43, 197, 0.8); padding: 20px; } .te-portfolio-card.style-2 .te-content-wrapper .content .btn-wrapper { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .te-portfolio-card.style-2 .te-content-wrapper .content .btn-wrapper a { background-color: transparent; color: #ffffff; } .te-portfolio-card.style-3:hover .te-content-wrapper .content .btn-wrapper { top: 30px; right: 0; -webkit-transform: translate(-50%); transform: translate(-50%); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .te-portfolio-card.style-3 .te-content-wrapper { padding: 0; } .te-portfolio-card.style-3 .te-content-wrapper .content .content-inner { border-radius: 0; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 48px 30px 43px 30px; } .te-portfolio-card.style-3 .te-content-wrapper .content .btn-wrapper { top: -50px; right: 0; -webkit-transform: translate(50%); transform: translate(50%); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .about-feature-area { border-radius: 20px; border: 1px solid #e7edf433; background: linear-gradient(110deg, rgba(40, 40, 40, 0.29) -0.9%, rgba(77, 77, 77, 0.21) 101.13%); -webkit-box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.1); -webkit-backdrop-filter: blur(6.5px); backdrop-filter: blur(6.5px); margin: 0 40px; padding: 120px 0; overflow: hidden; } @media only screen and (min-width: 0px) and (max-width: 575px) { .about-feature-area { padding: 30px 0 !important; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .about-feature-area { padding: 80px 0; margin: 0 15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .about-feature-area { padding: 100px 0; margin: 0 30px; } } .about-feature-area .circle-drop-shadow { right: -100px; top: -100px; } .faq-area { overflow: hidden; position: relative; z-index: 2; } .faq-area.style-1 { border-radius: 20px; border: 1px solid #e7edf433; background: linear-gradient(110deg, rgba(40, 40, 40, 0.29) -0.9%, rgba(77, 77, 77, 0.21) 101.13%); -webkit-box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.1); -webkit-backdrop-filter: blur(6.5px); backdrop-filter: blur(6.5px); margin: 0 40px; padding: 120px 0; } @media only screen and (min-width: 0px) and (max-width: 575px) { .faq-area.style-1 { padding: 60px 0 !important; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .faq-area.style-1 { margin: 0 15px; padding: 80px 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .faq-area.style-1 { padding: 100px 0; } } .faq-area.style-1 .circle-drop-shadow { top: -40%; right: -30%; z-index: -1; } .faq-area .image-card { margin-left: 100px; } @media (max-width: 1199px) { .faq-area .image-card { margin-left: 0; } } .latest-service-area.style-1 { padding: 150px 0; } @media only screen and (min-width: 0px) and (max-width: 767px) { .latest-service-area.style-1 { padding-top: 0; padding-bottom: 80px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .latest-service-area.style-1 { padding-top: 0; padding-bottom: 100px; } } .feature-area { position: relative; overflow: hidden; } .feature-area.style-1 { padding-top: 150px; padding-bottom: 20px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .feature-area.style-1 { padding-top: 80px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .feature-area.style-1 { padding-top: 100px; } } .feature-area .circle-drop-shadow { left: -50px; top: 100px; } .process-step-area { padding: 150px 0; } @media only screen and (min-width: 0px) and (max-width: 767px) { .process-step-area { padding: 80px 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .process-step-area { padding: 100px 0; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .process-step-area { padding: 120px 0; } } .price-area { padding: 150px 0; overflow: hidden; } .price-area .circle-drop-shadow { right: 0; } @media only screen and (min-width: 0px) and (max-width: 767px) { .price-area { padding: 80px 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .price-area { padding: 100px 0; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .price-area { padding: 120px 0; } } .latest-posts-area.style-1 { padding: 150px 0; position: relative; overflow: hidden; } @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; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .latest-posts-area.style-1 { padding: 120px 0; } } .latest-posts-area.style-1 .circle-drop-shadow { right: -50px; bottom: -30%; } .subscribe-area { padding: 80px 0; border-radius: 20px; border: 2px solid #e7edf433; background: linear-gradient(110deg, rgba(40, 40, 40, 0.29) -0.9%, rgba(77, 77, 77, 0.21) 101.13%); -webkit-box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.1); -webkit-backdrop-filter: blur(6.5px); backdrop-filter: blur(6.5px); margin: 0 40px; overflow: hidden; } @media only screen and (min-width: 0px) and (max-width: 575px) { .subscribe-area { padding: 60px 0 !important; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .subscribe-area { margin: 0 15px; } } .subscribe-area .circle-drop-shadow { top: -50%; left: -300px; } .subscribe-area .circle-drop-shadow.two { bottom: -50%; right: -300px; background: #84C102; -webkit-filter: blur(244.7105865479px); filter: blur(244.7105865479px); top: unset; left: unset; } .subscribe-area .te-section-title { margin-bottom: 40px; } .subscribe-area .te-subscribe-form-widget .single-field input { border-radius: 50px; background-color: transparent; border: solid 2px transparent; background-image: -webkit-gradient(linear, left top, left bottom, from(#121212), to(#121212)), -webkit-gradient(linear, left top, right top, from(rgba(2, 193, 115, 0.4)), to(transparent)); background-image: linear-gradient(#121212, #121212), linear-gradient(to right, rgba(2, 193, 115, 0.4), transparent); background-origin: border-box; background-clip: padding-box, border-box; } .subscribe-area .te-subscribe-form-widget .submit-btn { border-radius: 50px; } .work-prgress-area { padding: 150px 0; position: relative; overflow: hidden; } .work-prgress-area .circle-drop-shadow { right: -200px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .work-prgress-area { padding: 80px 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .work-prgress-area { padding: 100px 0; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .work-prgress-area { padding: 120px 0; } } .te-marquee-area { padding-top: 120px; overflow: hidden; } @media only screen and (min-width: 0px) and (max-width: 767px) { .te-marquee-area { padding-top: 80px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .te-marquee-area { padding-top: 100px; } } .te-marquee-area .te-marquee-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 44px; } .te-marquee-area .te-marquee-wrapper.first-te-marquee { -webkit-animation: Scroll 32s linear infinite; animation: Scroll 32s linear infinite; } .te-marquee-area .te-marquee-wrapper.first-te-marquee .single-te-marquee:nth-child(even) .te-marquee-title { color: #ffffff; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1px; } .te-marquee-area .te-marquee-wrapper.second-te-marquee { -webkit-animation: Scroll 32s linear infinite; animation: Scroll 32s linear infinite; -webkit-animation-direction: reverse; animation-direction: reverse; } .te-marquee-area .te-marquee-wrapper.second-te-marquee .single-te-marquee .te-marquee-title span { color: #ffffff; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1px; } .te-marquee-area .single-te-marquee { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 44px; } .te-marquee-area .single-te-marquee:last-child .te-marquee-star { display: none; } .te-marquee-area .single-te-marquee .te-marquee-title { font-size: 49px; font-weight: 700; line-height: 55.65px; letter-spacing: -1.59px; white-space: nowrap; font-family: "Inter", sans-serif; color: #ffffff; } .te-marquee-area .single-te-marquee .te-marquee-icon { font-size: 49px; font-weight: 700; color: #ffffff; white-space: nowrap; line-height: 0; width: 64px; } .testimonial-slider-area { overflow: hidden; } .banner-area.style-2 { padding-top: 190px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .banner-area.style-2 { padding-top: 130px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .banner-area.style-2 { padding-top: 150px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .banner-area.style-2 { padding-top: 160px; } } .faq-area.style-2 { position: relative; padding: 70px 0; } .faq-area.style-2 .circle-drop-shadow { top: 50%; right: -200px; z-index: -1; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .faq-area.style-2 .faq-img-wrapper { width: 50%; height: 100%; position: absolute; top: 0; left: 0; } .faq-area.style-2 .faq-img-wrapper .faq-image { top: 0; left: 0; position: absolute; width: 100%; height: 100%; border-radius: 0 20px 20px 0; overflow: hidden; } .faq-area.style-2 .faq-img-wrapper img { top: 0; left: 0; position: absolute; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; aspect-ratio: 1/1; } .faq-area.style-2 .te-section-title { margin-bottom: 24px; } .about-us-area.style-1 { padding: 150px 0; } @media only screen and (min-width: 0px) and (max-width: 767px) { .about-us-area.style-1 { padding: 80px 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .about-us-area.style-1 { padding: 100px 0; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .about-us-area.style-1 { padding: 120px 0; } } .testimonial-slider-area.style-2 { padding-top: 150px; margin: 0 40px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .testimonial-slider-area.style-2 { margin: 0 15px; padding-top: 80px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .testimonial-slider-area.style-2 { padding-top: 100px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .testimonial-slider-area.style-2 { padding-top: 120px; } } .testimonial-slider-area.style-2 .testimonial-slider-border { padding-top: 195px; padding-bottom: 80px; border-radius: 20px; border: 1px solid transparent; background: -webkit-gradient(linear, left top, right top, from(#121212), to(#121212)), -webkit-gradient(linear, left top, right top, from(rgba(2, 193, 115, 0.4)), to(#121212)); background: linear-gradient(to right, #121212, #121212), linear-gradient(to right, rgba(2, 193, 115, 0.4), #121212); background-clip: padding-box, border-box; background-origin: padding-box, border-box; } @media only screen and (min-width: 0px) and (max-width: 767px) { .testimonial-slider-area.style-2 .testimonial-slider-border { padding-top: 80px; padding-bottom: 80px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .testimonial-slider-area.style-2 .testimonial-slider-border { padding-top: 100px; padding-bottom: 100px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .testimonial-slider-area.style-2 .testimonial-slider-border { padding-top: 120px; padding-bottom: 120px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .testimonial-slider-area.style-2 .testimonial-slider-border { padding-top: 150px; padding-bottom: 150px; } } .latest-posts-area.style-2 { padding: 150px 0; position: relative; overflow: hidden; } @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; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .latest-posts-area.style-2 { padding: 120px 0; } } .latest-posts-area.style-2 .circle-drop-shadow { width: 752px; height: 752px; border-radius: 50%; opacity: 0.15; background-color: #02C173; -webkit-filter: blur(200px); filter: blur(200px); bottom: 0; left: -10%; z-index: -1; } .feature-area.style-2 { padding-top: 210px; padding-bottom: 20px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .feature-area.style-2 { padding-top: 80px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .feature-area.style-2 { padding-top: 100px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .feature-area.style-2 { padding-top: 150px; } } .testimonial-slider-area.style-3 { padding: 120px 0; } @media only screen and (min-width: 0px) and (max-width: 767px) { .testimonial-slider-area.style-3 { padding: 80px 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .testimonial-slider-area.style-3 { padding: 100px 0; } } .testimonial-slider-area.style-3 .slick-list .slick-slide.slick-current .te-testimonial-card.style-3 .te-content-wrapper .te-user-meta .icon { color: #02C173; } .te-process-step-area.style-2 { padding-top: 120px; padding-bottom: 96px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .te-process-step-area.style-2 { padding-top: 80px; padding-bottom: 56px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .te-process-step-area.style-2 { padding-top: 100px; padding-bottom: 76px; } } .te-process-step-area.style-2 .te-process-step { padding: 30px 40px 40px 40px; background-color: #ffffff; -webkit-box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.05); } .te-process-step-area.style-2 .te-process-step .te-counter-wrapper { padding-bottom: 20px; } .contact-form-area { padding-top: 110px; padding-bottom: 120px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .contact-form-area { padding-top: 70px; padding-bottom: 80px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .contact-form-area { padding-top: 90px; padding-bottom: 100px; } } .contact-form-area .te-comment-respond { background-color: transparent; padding: 0; border: none; } .contact-form-area .te-comment-respond .title, .contact-form-area .te-title-wrapper .title { font-size: 49px; font-weight: 700; line-height: 55.65px; letter-spacing: -1.59px; margin-bottom: 30px; text-align: center; margin-bottom: 50px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .contact-form-area .te-comment-respond .title, .contact-form-area .te-title-wrapper .title { font-size: 32px; line-height: 38px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .contact-form-area .te-comment-respond .title, .contact-form-area .te-title-wrapper .title { font-size: 34px; line-height: 40px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .contact-form-area .te-comment-respond .title, .contact-form-area .te-title-wrapper .title { font-size: 48px; line-height: 52px; } } .contact-form-area .te-social-profile-link { gap: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 50px; } .contact-form-area .te-social-profile-link a { width: 50px; height: 50px; color: #14203A; background-color: #F7FBFE; border: 1px solid #E1E1E1; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 5px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .contact-form-area .te-social-profile-link a:hover { color: #ffffff; background-color: #02C173; border-color: #02C173; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .te-contact-info-wrapper { margin-bottom: 140px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .te-contact-info-wrapper { margin-bottom: 80px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .te-contact-info-wrapper { margin-bottom: 100px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .te-contact-info-wrapper { margin-bottom: 120px; } } .te-contact-info-wrapper .te-contact-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #121212; } .te-contact-info-wrapper .te-contact-info .single-contact-info { display: grid; grid-template-columns: repeat(2, 1fr); padding: 40px 80px; border-bottom: 1px solid #e7edf433; gap: 60px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .te-contact-info-wrapper .te-contact-info .single-contact-info { padding: 30px 40px; grid-template-columns: 1fr; gap: 30px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .te-contact-info-wrapper .te-contact-info .single-contact-info { grid-template-columns: 1fr; gap: 40px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .te-contact-info-wrapper .te-contact-info .single-contact-info { padding: 35px 40px; } } .te-contact-info-wrapper .te-contact-info .single-contact-info:last-child { border-bottom: 0; } .te-contact-info-wrapper .te-contact-info .single-contact-info .contact-info-inner { display: grid; grid-template-columns: 1fr 1.5fr; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-right: 1px solid #e7edf433; } @media only screen and (min-width: 0px) and (max-width: 767px) { .te-contact-info-wrapper .te-contact-info .single-contact-info .contact-info-inner { border: 0; grid-template-columns: 1fr; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .te-contact-info-wrapper .te-contact-info .single-contact-info .contact-info-inner { border: 0; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .te-contact-info-wrapper .te-contact-info .single-contact-info .contact-info-inner { grid-template-columns: 1fr; } } .te-contact-info-wrapper .te-contact-info .single-contact-info .contact-info-inner:last-child { border-color: transparent; } .te-contact-info-wrapper .te-contact-info .single-contact-info .contact-info-inner .title-wrapper .title { font-family: "Inter", sans-serif; font-size: 24px; font-weight: 500; line-height: 32px; color: #ffffff; margin-bottom: 0; } .te-contact-info-wrapper .te-contact-info .single-contact-info .contact-info-inner .content-wrapper { font-family: "Inter", sans-serif; font-size: 16px; font-weight: 400; line-height: 28px; color: #ffffffcc; } .te-contact-info-wrapper .te-contact-info .single-contact-info .contact-info-inner .content-wrapper p { margin-bottom: 0; } .te-contact-info-wrapper .te-contact-info .single-contact-info .contact-info-inner .content-wrapper .social-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; } .te-contact-info-wrapper .te-contact-info .single-contact-info .contact-info-inner .content-wrapper .social-link a { font-size: 16px; } .te-map-widget iframe { width: 100%; height: 650px; margin-bottom: -12px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .te-map-widget iframe { height: 350px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .te-map-widget iframe { height: 450px; } } .pdf-download-btn { background-color: #121212; padding: 25px 40px; border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 15px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .pdf-download-btn { padding: 20px 30px; } } .pdf-download-btn .icon { width: 54px; height: 54px; -ms-flex-negative: 0; flex-shrink: 0; background-color: #02C173; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 25px; color: #14203A; } .pdf-download-btn .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .pdf-download-btn .content .title { font-family: "Inter", sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; color: #ffffffcc; } .pdf-download-btn .content .sub-title { font-family: "Inter", sans-serif; font-size: 12px; font-weight: 400; line-height: 20px; color: #ffffffcc; } .pdf-download-btn .download-icon { margin-left: auto; } @media only screen and (min-width: 0px) and (max-width: 767px) { .te-service-details-wrapper { margin-top: 40px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .te-service-details-wrapper { margin-top: 40px; } } .service-details-page { padding-top: 120px; padding-bottom: 120px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .service-details-page { padding-top: 80px; padding-bottom: 80px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .service-details-page { padding-top: 100px; padding-bottom: 100px; } } .service-details { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 30px; } .service-details .image { border-radius: 5px; overflow: hidden; } .service-details .content .te-title-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 46px; } .service-details .content .te-title-wrapper .title-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; } .service-details .content .te-title-wrapper .title-inner .icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; background-color: #02C173; width: 60px; height: 60px; border-radius: 5px; font-size: 24px; color: #ffffff; } .service-details .content .te-title-wrapper .title-inner .title { font-size: 24px; font-style: normal; font-weight: 500; line-height: 39.84px; letter-spacing: 0.5px; margin-bottom: 0; color: #02C173; } .service-details-overview { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 50px; margin-top: 30px; } .service-details-overview .list-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 40px; } .service-details-overview .list-wrapper .icon { width: 60px; height: 60px; border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; background-color: #1834c61f; font-size: 24px; color: #02C173; } .service-details-overview .list-wrapper ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; list-style: none; margin-bottom: 0; padding-left: 0; position: relative; gap: 20px; } .service-details-overview .list-wrapper ul::after { width: 2px; height: calc(100% - 20px); background-color: #E1E1E1; content: ""; position: absolute; left: 2px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .service-details-overview .list-wrapper ul li { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 15px; font-size: 18px; font-style: normal; font-weight: 400; line-height: 24px; } .service-details-overview .list-wrapper ul li::before { width: 6px; height: 6px; border-radius: 100%; background-color: #02C173; content: ""; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; z-index: 2; } .faq-area-page { padding: 150px 0; } @media only screen and (min-width: 0px) and (max-width: 767px) { .faq-area-page { padding: 80px 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .faq-area-page { padding: 100px 0; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .faq-area-page { padding: 120px 0; } } .faq-area-page .accordion-wrapper.style-2 { padding: 0; background-color: transparent; } .blog-grid-area { padding-top: 140px; padding-bottom: 144px; } @media (max-width: 991px) { .blog-grid-area { padding: 100px 0; } } @media (max-width: 767px) { .blog-grid-area { padding: 70px 0; } } .blog-load-btn { padding: 20px 35px; background: #02C173; color: #ffffff; font-size: 16px; line-height: 18px; font-weight: 500; border-radius: 6px; } @media (max-width: 767px) { .blog-load-btn { margin-top: 0; } } .blog-load-btn:hover { background-color: #02C173; color: #ffffff; } .footer { position: relative; z-index: 2; overflow: hidden; background-color: #121212; } .footer.style-1 .te-footer-sec { position: relative; padding-top: 80px; padding-bottom: 80px; } .footer.style-1 .te-footer-sec::before { position: absolute; content: ""; left: 0; bottom: 0; height: 2px; opacity: 0.2; width: 100%; background: linear-gradient(98deg, rgba(2, 193, 115, 0.4) -7.42%, rgba(2, 193, 115, 0) 75.72%); } .footer .te-footer-bg { position: absolute; bottom: 30px; left: 0; z-index: -1; } .footer .footer-nav-widget { padding: 0 90px; } @media (max-width: 991px) { .footer .footer-nav-widget { padding: 0 12px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .footer .footer-nav-widget { padding: 0 20px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .footer .footer-nav-widget { padding: 0 30px; } } .te-footer-widget-title { font-family: "Inter", sans-serif; font-size: 24px; line-height: 32px; color: #ffffff; position: relative; margin-bottom: 20px; font-weight: 500; } .te-footer-widget-wrapper { position: relative; } .te-footer-widget-wrapper::before { content: ""; position: absolute; background: linear-gradient(98deg, rgba(2, 193, 115, 0.4) -7.42%, rgba(2, 193, 115, 0) 75.72%); top: 0; right: 0; width: 3px; height: 100%; } @media only screen and (min-width: 0px) and (max-width: 767px) { .te-footer-widget-wrapper::before { display: none; } } .te-footer-widget-wrapper:nth-child(1)::before { right: -20px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .te-footer-widget-wrapper:nth-child(1)::before { right: 0; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .te-footer-widget-wrapper:nth-child(1)::before { right: 0; } } .te-footer-widget-wrapper:nth-child(2)::before { right: 20px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .te-footer-widget-wrapper:nth-child(2)::before { display: none; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .te-footer-widget-wrapper:nth-child(2)::before { display: none; } } .te-footer-widget-wrapper:last-child::before { display: none; } .te-footer-widget { padding-top: 20px; padding-bottom: 30px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .te-footer-widget { padding-top: 0; padding-bottom: 0; } } .te-footer-widget.te_widget_nav_menu { padding-left: 60px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .te-footer-widget.te_widget_nav_menu { padding-left: 0; } } .te-footer-widget .te-footer-widget-newsletter { padding-left: 30px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .te-footer-widget .te-footer-widget-newsletter { padding-left: 0; } } .te-footer-widget ul { padding-left: 0; } .te-footer-widget .te-subscribe-form-widget .single-field input { border-radius: 0; } .te-footer-widget.widget-latest-posts-footer { margin-top: -5px; } @media (max-width: 767px) { .te-footer-widget.zoom-instagram-widget { margin-bottom: 0; margin-top: -10px; } } @media (max-width: 767px) { .te-footer-widget.widget_contact_info_widget { margin-bottom: 18px; } } @media only screen and (min-width: 992px) and (max-width: 1399px) { .te-footer-widget .widget-instagram-feed { width: 170px; } } .te-footer-widget .te-footer-widget-info { padding-right: 30px; } @media (max-width: 1199px) { .te-footer-widget .te-footer-widget-info { padding-right: 0; } } .te-footer-widget .te-footer-widget-info p { color: #ffffff; margin-bottom: 30px; } .te-footer-widget .te-footer-widget-info .te-footer-logo { margin-bottom: 30px; display: inline-block; margin-top: -8px; } .te-footer-widget .te-footer-widget-info .info-form-and-social-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 50px; } .te-footer-widget .te-footer-widget-info .info-form-and-social-icon .te-social-profile { margin-top: 0; } .te-footer-widget .te-footer-widget-info .te-social-profile { gap: 20px; margin-top: 30px; } @media only screen and (min-width: 0px) and (max-width: 767px) { .te-footer-widget .te-footer-widget-info .info-form-and-social-icon { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; gap: 30px; } } .te-footer-widget.te_widget_nav_menu ul { margin-top: -5px; padding-left: 0; margin-bottom: 0; } .te-footer-widget.te_widget_nav_menu li { position: relative; display: inline-block; width: 100%; padding-bottom: 20px; } .te-footer-widget.te_widget_nav_menu li:last-child { padding-top: 0; padding-bottom: 0; } .te-footer-widget.te_widget_nav_menu li a { color: #ffffff; text-transform: capitalize; font-size: 16px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } .te-footer-widget.te_widget_nav_menu li a:hover { -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; color: #02C173; } .te-footer-widget .te-footer-widget-contact p { color: #ffffff; } .te-footer-widget .te-footer-widget-contact .footer-contact ul { list-style: none; } .te-footer-widget .te-footer-widget-contact .footer-contact ul li { margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 24px; gap: 10px; } .te-footer-widget .te-footer-widget-contact .footer-contact ul li:first-child { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .te-footer-widget .te-footer-widget-contact .footer-contact ul li:first-child .contact-icon { margin-top: 5px; } .te-footer-widget .te-footer-widget-contact .footer-contact ul li:last-child { margin-bottom: 0; } .te-footer-widget .te-footer-widget-contact .footer-contact ul li .contact-icon { color: #02C173; float: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; } .te-footer-widget .te-footer-widget-contact .footer-contact ul li .contact-text { color: #ffffff; font-size: 16px; line-height: 24px; overflow: hidden; } .te-footer-widget .te-footer-widget-contact .footer-contact ul li .contact-text a:hover span { color: #02C173; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .te-footer-widget .te-footer-widget-contact .footer-contact ul li .contact-text span, .te-footer-widget .te-footer-widget-contact .footer-contact ul li .contact-text p, .te-footer-widget .te-footer-widget-contact .footer-contact ul li .contact-text a { color: #ffffff; font-size: 16px; line-height: 24px; display: inline-block; width: 100%; margin-bottom: 0; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .te-footer-widget .te_widget_latest_post ul li { margin-bottom: 10px; } .te-footer-widget .te_widget_latest_post ul li .te-latest-post-thumb { width: 80px; height: 80px; border-radius: 5px; overflow: hidden; } .te-footer-widget .te_widget_latest_post ul li .te-latest-post-desc .te-latest-post-title { margin-bottom: 0; font-size: 16px; line-height: 29px; color: #ffffff; font-weight: 400; } .te-footer-widget .te_widget_latest_post ul li .te-latest-post-desc .te-latest-post-title a { font-size: 16px; line-height: 29px; color: #ffffff; font-weight: 400; position: relative; text-transform: capitalize; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .te-footer-widget .te_widget_latest_post ul li .te-latest-post-desc .te-latest-post-title a:hover { color: #02C173; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .te-footer-widget .te_widget_latest_post ul li .te-latest-post-desc .te-latest-post-meta { font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 400; gap: 8px; color: #ffffff; } .te-footer-bottom-menu ul { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-bottom: 0; padding-left: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 991px) { .te-footer-bottom-menu ul { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .te-footer-bottom-menu ul li a { font-size: 16px; text-transform: capitalize; color: #ffffffcc; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .te-footer-bottom-menu ul li a:hover { -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; color: #02C173; } .footer-bottom-area { padding: 30px 0; } .footer-bottom-area .te-footer-bottom-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; gap: 10px 40px; } .footer-bottom-area .te-copyright-text p { color: #ffffffcc; margin-bottom: 0; } .footer-bottom-area .te-copyright-text p a { color: #ffffffcc; font-weight: 500; } .footer-bottom-area .te-copyright-text p a:hover { color: #02C173; } .footer-bottom-area .credit-text p { color: #ffffffcc; margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; gap: 10px; } .footer-bottom-area .credit-text a { color: #02C173; } .te-footer-widget .te-subscribe-form-wrapper { color: #ffffff; } .te-footer-widget .te-subscribe-form-widget .mc4wp-form-fields { gap: 0; } .te-subscribe-form-widget { position: relative; } .te-subscribe-form-widget .mc4wp-form-fields { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: transparent; overflow: hidden; border-radius: 5px; gap: 10px; } @media only screen and (min-width: 0px) and (max-width: 575px) { .te-subscribe-form-widget .mc4wp-form-fields { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .te-subscribe-form-widget .single-field { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .te-subscribe-form-widget .single-field input { color: #ffffff; height: 60px; padding: 0 30px; font-size: 16px; width: 100%; border-radius: 5px; background-color: #ffffff1a; } .te-subscribe-form-widget .single-field *::-webkit-input-placeholder { color: #778196; } .te-subscribe-form-widget .single-field *:-ms-input-placeholder { color: #778196; } .te-subscribe-form-widget .single-field *::-ms-input-placeholder { color: #778196; } .te-subscribe-form-widget .single-field *::placeholder { color: #778196; } .te-subscribe-form-widget .submit-btn { background-color: #02C173; color: #14203A; cursor: pointer; padding: 15px 19px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 9px; text-transform: capitalize; font-size: 17px; font-weight: 600; letter-spacing: 0.6px; white-space: nowrap; } .te-subscribe-form-widget .mc4wp-response { position: relative; top: 15px; } .te-subscribe-form-widget .mc4wp-response .mc4wp-alert.mc4wp-error p, .te-subscribe-form-widget .mc4wp-response .mc4wp-alert.mc4wp-success p, .te-subscribe-form-widget .mc4wp-response .mc4wp-alert.mc4wp-notice p { color: #fff; position: relative; } .te-footer-social-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 30px; margin-bottom: 66px; border-bottom: 1px solid rgba(225, 225, 225, 0.3); -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px 60px; } .te-footer-social-wrapper .te-footer-logo { -ms-flex-negative: 0; flex-shrink: 0; } .te-footer-social-wrapper .te-social-widget { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .te-footer-social-wrapper .te-social-widget span { color: #ffffff; font-size: 20px; font-weight: 400; } .te-social-profile { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 40px; margin-top: 60px; } .te-social-profile a { color: #ffffff; font-size: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .te-social-profile a:hover { -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; color: #02C173; } .footer.style-2 { background-color: #121212; } .footer.style-2 .te-footer-sec { border-bottom: 1px solid rgba(225, 225, 225, 0.3); padding-top: 80px; border-bottom: 0; } .footer.style-2 .te-footer-sec .footer-bottom-border { width: 100%; height: 1px; border-bottom: 1px solid #e7edf433; } .footer.style-2 .te-footer-sec .te-footer-widget-wrapper::before { display: none; } .footer.style-2 .te-footer-sec .te-social-profile { margin-top: 0; border-radius: 5px; background: rgba(255, 255, 255, 0.1); padding: 17px 28px; gap: 15px; } .footer.style-2 .te-footer-sec .te-social-profile a { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 15px; } .footer.style-2 .te-footer-sec .te-social-profile a:first-child::before { display: none; } .footer.style-2 .te-footer-sec .te-social-profile a::before { content: ""; height: 16px; background-color: #ffffff; opacity: 0.2; width: 1px; } .footer.style-2 .te-footer-sec .te-footer-widget .te-footer-widget-newsletter { padding: 40px 120px 40px 80px; border-radius: 20px; border: 1px solid #e7edf433; background: linear-gradient(110deg, rgba(40, 40, 40, 0.29) -0.9%, rgba(77, 77, 77, 0.21) 101.13%); -webkit-box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.1); -webkit-backdrop-filter: blur(6.5px); backdrop-filter: blur(6.5px); position: relative; overflow: hidden; } @media only screen and (min-width: 0px) and (max-width: 767px) { .footer.style-2 .te-footer-sec .te-footer-widget .te-footer-widget-newsletter { padding: 30px; } } .footer.style-2 .te-footer-sec .te-footer-widget .te-footer-widget-newsletter .circle-drop-shadow { border-radius: 613px; opacity: 0.5; background-color: #02C173; -webkit-filter: blur(244.7105865479px); filter: blur(244.7105865479px); top: -100%; right: -100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .footer.style-2 .te-footer-sec .te-footer-widget .te-footer-widget-newsletter .te-subscribe-form-widget .mc4wp-form-fields { gap: 20px; } .footer.style-2 .te-footer-sec .te-footer-widget .te-footer-widget-newsletter .te-subscribe-form-widget .single-field input { border-radius: 50px; background-color: transparent; border: 2px solid #303030; } .footer.style-2 .te-footer-sec .te-footer-widget .te-footer-widget-newsletter .te-subscribe-form-widget .submit-btn { border-radius: 50px; } /*# sourceMappingURL=style.css.map */