html *::first-letter { text-transform: uppercase; } ::selection { background: #b3d4fc; text-shadow: none; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } canvas, iframe, img, svg, video { vertical-align: middle; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } .hidden { display: none !important; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } @media only screen and (min-width: 35em) { } @media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) { } @media print { *, *:before, *:after { background: transparent !important; color: #000 !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } a[href^="javascript:"]:after { content: ""; } blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } html { -webkit-text-size-adjust: 100%; } body { margin: 0; } main { display: block; } h1 { font-size: 2em; margin: 0.67em 0; } hr { box-sizing: content-box; height: 0; overflow: visible; } a { background-color: transparent; } b, strong { font-weight: bolder; } code, samp { font-family: monospace, monospace; font-size: 1em; } small { font-size: 80%; } sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } html { font-size: 16px; scroll-behavior: smooth; } body { padding: 0; margin: 0; font-size: var(--font-size); font-weight: var(--font-weight); color: var(--font-color); line-height: var(--line-height); overflow-x: hidden; font-family: "Open Sans", sans-serif; } h1, h2, h3, h4, h5, h6 { font-weight: 700; margin: 0; line-height: 1.3; color: #232323; font-family: "Poppins", sans-serif; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #232323; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: var(--first-color); } h1 { font-size: 48px; } h2 { font-size: 30px; margin-top: -13px; } h3 { font-size: 28px; margin-top: -11px; } h4 { font-size: 24px; margin-top: -10px; } h5 { font-size: 20px; margin-top: -9px; } h6 { font-size: 18px; margin-top: -8px; } p { margin-top: -11px; } p:last-child { margin-bottom: -8px !important; } @media (min-width: 576px) { h1 { font-size: 48px; } h2 { font-size: 36px; margin-top: -20px; } h3 { font-size: 30px; margin-top: -15px; } h4 { font-size: 24px; margin-top: -13px; } h5 { font-size: 22px; margin-top: -10px; } h6 { font-size: 20px; margin-top: -9px; } } a { display: inline-block; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; transition: all ease 0.3s; text-decoration: none !important; } a:hover { text-decoration: none; color: inherit; } ul { margin: 0; padding: 0; } ul li { list-style: none; padding: 5px 0; } select, input, textarea, button { width: 100%; background-color: #ffffff; border: 1px solid #e5e5e5; outline: none; } textarea { height: 200px; resize: none; padding: 10px; } input, button, select { height: 50px; color: #555555; } label, button, select { cursor: pointer; } input { background: #f4f4f4; border: 1px solid transparent; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding-left: 10px; } input:focus { border: 1px solid -webkit-linear-gradient(177deg, var(--first-color) 0%, var(--second-color) 54%, var(--third-color) 96%); } input[type="submit"] { cursor: pointer; background-color: #33abf6; color: #ffffff; font-weight: 700; padding: 0; } .bg_img { background-size: cover; background-position: center center; background-repeat: no-repeat; } .custom-button, .gallery-icon { position: relative; } .custom-button::after, .custom-button::before, .post-item .post-content::before, .post-item .post-content::after, .contact-info::after, .faq-item-two .faq-content ul li::before, .gallery-icon::before, .gallery-icon::after, .gradient-bg-two::after, .gradient-bg::after, .service-item::before, .privacy-sidebar > li ul li a::before, .banner-shape.shape04::after, ul.need-list-style li::before, .team-d-item .s-item p::before, .footer-widget .widget-header::after { position: absolute; content: ""; } .blog-pagination, .post-item .post-content .meta-post, .item-info, .contact-info, .faq-item-two, .gallery-item .gallery-view, .gallery-wrapper, .filter, .client-rev-item, .p-gallery, .choose-item, .choose-wrapper, .about-wrapper, .faq-item .faq-title, .counter-wrapper, .team-sidebar .c-thumb .addr > li, .team-sidebar-item .addr > li, .service-faq-wrapper, .presentation-item, .service-d-item .h-area, .header-contact li, .header-contact, .header-area, .footer-widget.widget-links ul li, .footer-widget.widget-about .content .addr > li { display: flex; flex-wrap: wrap; } .padding-top { padding-top: 80px; } .padding-bottom { padding-bottom: 80px; } @media (min-width: 992px) { .padding-top { padding-top: 120px; } .padding-bottom { padding-bottom: 120px; } } .mb-30-none { margin-bottom: -30px !important; } .tab-item { display: none; } .tab-item:first-child { display: block; } .tab-menu li { cursor: pointer; } .bg-f8 { background-color: #f8f8f8; } *::-webkit-scrollbar-track { background-color: #000; } *::-webkit-scrollbar { width: 6px; background-color: #000; } *::-webkit-scrollbar-thumb { background: #ffffff; } .bg-theme { background: -webkit-linear-gradient(177deg, var(--first-color) 0%, var(--second-color) 54%, var(--third-color) 96%); } .bg-theme .title, .bg-theme p, .bg-theme i { color: #ffffff !important; } .bg-theme .section-header.style-two .right-side::after, .bg-theme .section-header .right-side::after { background: #ffffff; } .dark-bg { background-color: #0c0026; } .dark-bg * { color: #ffffff; } .mb-10 { margin-bottom: 10px; } .c-thumb { overflow: hidden; } .c-thumb a { display: block; } .c-thumb img { -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; transition: all ease 0.3s; } header { position: relative; z-index: 101; } .section-header { text-align: center; max-width: 725px; margin: 0 auto 42px; } .section-header .title { text-transform: capitalize; margin-bottom: 21px; } .section-header .right-side { position: relative; padding-top: 32px; } .section-header .right-side::after { width: 70px; height: 2px; position: absolute; content: ""; background: -webkit-linear-gradient(177deg, var(--first-color) 0%, var(--second-color) 54%, var(--third-color) 96%); top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .section-header p { margin-bottom: 27px; } @media (min-width: 576px) { .section-header p { margin-bottom: 32px; } } @media (min-width: 576px) { .section-header { margin-bottom: 52px; } .section-header .title { margin-bottom: 15px; } .section-header .right-side { padding-top: 52px; } } @media (min-width: 992px) { .section-header { margin-bottom: 62px; } } @media (min-width: 992px) { .section-header.style-two { display: flex; flex-wrap: wrap; text-align: left; max-width: 100%; } .section-header.style-two .left-side { width: fit-content; padding-right: 20px; } .section-header.style-two .right-side { flex: 1; padding: 0; padding-left: 30px; margin-left: 50px; } .section-header.style-two .right-side::after { top: 0; left: 0; width: 4px; height: 100%; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); background: -webkit-linear-gradient(37deg, var(--first-color) 0%, var(--second-color) 54%, var(--third-color) 96%); } .section-header.style-two .right-side p { max-width: 800px; } .section-header.style-two .title { margin-top: -13px; margin-bottom: -15px; } .section-header.style-two p { margin-top: -8px; } } .section-header.left-style { max-width: 560px; text-align: left; margin: 0 auto; } .section-header.left-style .title { margin-top: -13px; } .section-header.left-style .right-side::after { left: 0; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); } .section-header.mw-620 { max-width: 620px; } @media (min-width: 992px) { .mw-lg-100 { min-width: 100%; } } .overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.7); z-index: 99; display: none; } .overlay.active { display: block; animation-name: fadeIn; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; animation-duration: 0.3s; -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; } .parallax-container { position: relative; overflow: hidden; } .parallax-container * { z-index: 9; position: relative; } .parallax-window { width: 100%; height: 100%; position: absolute !important; top: 0; left: 0; } .bg-theme-two { background: -webkit-linear-gradient(37deg, var(--first-color) 0%, var(--second-color) 54%, var(--third-color) 96%); } .bg-theme-two * { color: #ffffff; } .footer-top { border-bottom: 1px solid #271c3e; } .footer-widget { margin-bottom: 50px; } .footer-widget .widget-header { position: relative; } .footer-widget .widget-header .title { margin-bottom: 27px; text-transform: capitalize; margin-top: 0; } @media (min-width: 576px) { .footer-widget .widget-header .title { margin-top: -5px; } } @media (min-width: 992px) { .footer-widget .widget-header .title { margin-bottom: 47px; } } .footer-widget .widget-header::after { width: 45px; height: 1px; background: var(--first-color); bottom: -18px; left: 0; } .footer-widget.widget-about .logo { margin-bottom: 50px; } .footer-widget.widget-about .content { opacity: 0.9; } .footer-widget.widget-about .content p { margin-bottom: 11px; } .footer-widget.widget-about .content .addr { margin-bottom: -13px; } .footer-widget.widget-about .content .addr > li { margin-bottom: 5px; } .footer-widget.widget-about .content .addr > li .icon { width: 40px; font-size: 24px; margin-top: 4px; } .footer-widget.widget-about .content .addr > li .icon i { color: var(--first-color); } .footer-widget.widget-about .content .addr > li ul { width: calc(100% - 40px); } .footer-widget.widget-about .content .addr > li ul li { padding: 0; } .footer-widget.widget-links ul { margin-bottom: -13px; } .footer-widget.widget-links ul li::before { content: "\f111"; font-family: "Font Awesome 5 Free"; font-weight: 600; color: #fff; left: 0; font-size: 8px; align-items: flex-start; width: 18px; } .footer-widget.widget-links ul li a { opacity: 0.9; width: calc(100% - 18px); } .footer-widget.widget-links ul li:hover a { opacity: 1; padding-left: 3px; } .mb-50-none { margin-bottom: -50px; } .footer-bottom { padding: 27px 0; } footer { overflow: hidden; } .footer-bottom * { position: relative; z-index: 9; } .header-section { position: fixed; left: 0; width: 100%; z-index: 99; top: 10px; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; transition: all ease 0.3s; } @media (min-width: 992px) { .header-section { top: 20px; } } .header-section.style-two { position: relative; top: 0; } .header-section.style-two * { color: #232323; } @media (max-width: 991px) { .header-section.style-two .search-button a i { color: #ffffff; } } .header-section.style-two.active { background: #ffffff; box-shadow: 0 0 4px rgba(0, 0, 0, 0.24); } .header-section.style-two .header-area { padding: 20px 0; } .header-section.style-two .header-bar span { background: #232323; } .header-section.active { background: var(--third-color); animation-name: fadeIn; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; animation-duration: 0.5s; -moz-animation-duration: 0.5s; -webkit-animation-duration: 0.5s; top: 0; position: fixed; } .line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .line-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .header-area { justify-content: space-between; align-items: center; margin: 0 auto; padding: 15px 0; position: relative; } @media (max-width: 991px) { .header-area { padding: 25px 0; } } .menu li a { color: #ffffff; font-family: "Poppins", sans-serif; } @media (max-width: 991px) { .menu { position: absolute; top: 100%; left: 0; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; transition: all ease 0.3s; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); transform-origin: top; z-index: 99; width: 100%; max-height: calc(100vh - 100px); overflow-y: scroll; background: #ffffff; max-height: 90vh; overflow-y: scroll; } .menu.active { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } .menu li { border-bottom: 1px solid var(--third-color); padding: 0; } .menu li:last-child { border: none; } .menu li a { padding: 7px 15px; color: #232323; display: block; display: flex; justify-content: space-between; } .menu li a::after { color: #232323; } .menu li.search-button a { color: #ffffff; justify-content: center; background: var(--first-color) !important; } .menu li .submenu { display: none; padding-left: 20px; } .menu li .submenu li:last-child { border: none; } .menu li .submenu li a { text-transform: capitalize; padding: 8px 15px; } .menu li:hover { border-color: var(--third-color); } .menu li:hover > a { background: var(--third-color); color: #ffffff; } .menu li:hover > a::after { color: #ffffff; } } @media (min-width: 992px) { .menu { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; } .menu li { padding: 5px; position: relative; z-index: 1; } .menu li a { padding: 10px 5px; font-weight: 600; } } @media (min-width: 992px) and (min-width: 1200px) { .menu li a { padding: 10px; } } @media (min-width: 992px) { .menu li .submenu { position: absolute; top: 100%; left: 0; min-width: 220px; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; transition: all ease 0.3s; opacity: 0; visibility: hidden; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); box-shadow: 0 0 20px rgba(59, 29, 130, 0.2); } .menu li .submenu li { width: 100%; border-bottom: 1px solid var(--third-color); background: #ffffff; padding: 0; } .menu li .submenu li a { padding: 5px 10px 5px 15px; color: #232323; white-space: nowrap; text-transform: capitalize; display: flex; justify-content: space-between; } .menu li .submenu li a.active { padding-left: 20px; background: var(--third-color); color: #ffffff; } .menu li .submenu li a.active::after { color: #ffffff; } .menu li .submenu li:hover > a { padding-left: 20px; background: var(--third-color); color: #ffffff; } .menu li .submenu li:hover > a::after { color: #ffffff; } .menu li .submenu li:last-child { border-bottom: none; } .menu li .submenu li .submenu { top: -1px; left: 100%; } .menu li:hover > .submenu { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .menu li:last-child { padding-right: 0; } } .menu-item-has-children > a { align-items: center; } .menu-item-has-children > a::after { content: "\f0d7"; font-weight: 600; font-family: "Font Awesome 5 Free"; margin-left: 5px; } @media (min-width: 992px) { .menu-item-has-children.open .submenu { display: block !important; } .menu-item-has-children .submenu { display: block !important; } } .header-bar { width: 30px; height: 25px; cursor: pointer; position: relative; } .header-bar span { display: inline-block; height: 3px; width: 100%; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; transition: all ease 0.3s; background-color: #ffffff; position: absolute; left: 0; } .header-bar span:nth-child(2) { top: 52%; transform: translateY(-65%); } .header-bar span:first-child { top: 0; } .header-bar span:last-child { bottom: 0; } .header-bar.active span:first-child { -webkit-transform: rotate(45deg) translate(6px, 13px); -ms-transform: rotate(45deg) translate(6px, 13px); transform: rotate(45deg) translate(6px, 13px); } .header-bar.active span:nth-child(2) { opacity: 0; } .header-bar.active span:last-child { -webkit-transform: rotate(-45deg) translate(3px, -9px); -ms-transform: rotate(-45deg) translate(3px, -9px); transform: rotate(-45deg) translate(3px, -9px); } .search-form { background: transparent; position: absolute; top: 100%; left: 0; display: none; width: 100%; box-shadow: 0 0 15px rgba(0, 0, 0, 0.24); } .search-form input { background: #ffffff; height: 60px; color: #232323; font-family: "Poppins", sans-serif; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 1px solid #e5e5e5; text-align: center; } .search-form input::placeholder { color: #232323; } .search-form.active { display: block; animation-name: fadeInDown; -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; animation-duration: 0.4s; -webkit-animation-duration: 0.4s; -moz-animation-duration: 0.4s; } @media (max-width: 991px) { .search-form { top: 0; } } .header-top { padding: 13px 0; background-image: -webkit-linear-gradient(8deg, var(--first-color) 0%, var(--second-color) 35%, var(--third-color) 70%); } @media (max-width: 767px) { .header-top { display: none; } } .header-contact { margin-right: -20px; } .header-contact li { padding: 0; margin-right: 20px; align-items: center; } .header-contact li i { font-size: 22px; margin-right: 8px; } @media (max-width: 991px) { .header-contact li span { font-size: 14px; } } .header-two .header-fix.active { height: 72px; } @media (min-width: 992px) { .header-two .header-fix.active { height: 99px; } } @media (min-width: 992px) and (max-width: 1199px) { .menu li a { font-size: 14px; } } .banner-content { position: relative; z-index: 9; text-align: center; } .banner-content * { position: relative; z-index: 9; } .banner-content .banner-cate { font-size: 18px; font-weight: 500; font-family: "Poppins", sans-serif; text-transform: uppercase; margin-bottom: 5px; display: block; margin-top: -7px; } .banner-content .title { font-size: 42px; text-transform: capitalize; margin-bottom: 19px; } .banner-content p { margin-bottom: 21px; font-family: "Poppins", sans-serif; } .banner-content .banner-button { margin: -5px; display: flex; flex-wrap: wrap; justify-content: center; } .banner-content .banner-button a { margin: 5px; } @media (min-width: 576px) { .banner-content { text-align: left; } .banner-content .banner-cate { font-size: 20px; margin-bottom: 8px; } .banner-content .title { font-size: 48px; margin-bottom: 22px; } .banner-content p { font-size: 18px; margin-bottom: 27px; } .banner-content .banner-button { margin: -15px; justify-content: flex-start; } .banner-content .banner-button a { margin: 15px; } } @media (min-width: 768px) { .banner-content { max-width: 640px; } .banner-content .banner-cate { font-size: 26px; } .banner-content .title { font-size: 74px; margin-bottom: 24px; } .banner-content p { max-width: 550px; margin-bottom: 37px; } } @media (min-width: 992px) { .banner-content { max-width: 1000px; } .banner-content .banner-cate { margin-bottom: 13px; } .banner-content .title { margin-bottom: 29px; } .banner-content p { margin-bottom: 42px; } } @media screen and (max-width: 399px) { .banner-content .title { font-size: 30px; margin-bottom: 22px; } .banner-content .banner-cate { margin-bottom: 10px; } } .banner-section { position: relative; padding: 167px 0 100px; } @media (min-width: 576px) { .banner-section { padding: 207px 0 140px; } } @media (min-width: 768px) { .banner-section { padding: 240px 0 170px; } } @media (min-width: 992px) { .banner-section { padding: 290px 0 200px; } } @media (min-width: 992px) { .banner-section { padding: 335px 0 245px; } } .banner-section.style-two { padding: 100px 0; } .banner-section.style-two p, .banner-section.style-two .banner-cate, .banner-section.style-two .custom-button.transparent { color: #232323; } .banner-section.style-two .custom-button.transparent:hover { color: #ffffff; } @media (min-width: 576px) { .banner-section.style-two { padding: 140px 0; } } @media (min-width: 768px) { .banner-section.style-two { padding: 170px 0; } } @media (min-width: 992px) { .banner-section.style-two { padding: 200px 0; } } @media (min-width: 992px) { .banner-section.style-two { padding: 275px 0; } } .banner-shape { position: absolute !important; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: top left; mask-position: top left; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; top: 0; left: 0; } .banner-shape.shape04 { width: 40%; height: 40%; max-width: 170px; max-height: 275px; bottom: 100px; top: auto; } .banner-shape.shape04.right { left: auto; right: 0; } .banner-section.gradient-bg-two::after { opacity: 0.5; } .widget { margin-bottom: 30px; } @media (min-width: 992px) { .widget { margin-bottom: 60px; } .widget .title { margin-bottom: 4px; } } @media (min-width: 992px) and (min-width: 1200px) { .widget { margin-left: 20px; } } .widget .title { text-transform: capitalize; } .widget .title.two { margin-bottom: 20px; } @media (min-width: 576px) { .widget .title.two { font-size: 24px; } } .client-slider-rat { margin: -15px; margin-top: -5px; } .client-slider-rat .c-thumb { margin-bottom: 40px; } .client-slider-rat p { margin-bottom: 22px; } @media (max-width: 575px) { .client-slider-rat .c-thumb { margin-bottom: 30px; } .client-slider-rat p { margin-bottom: 12px; } } .privacy-sidebar { overflow-y: auto; margin-bottom: -7px; direction: rtl; position: sticky; top: 150px; margin-bottom: 40px; } .privacy-sidebar * { direction: ltr; } .privacy-sidebar::-webkit-scrollbar-track { background-color: #f4f4f4; } .privacy-sidebar::-webkit-scrollbar { width: 6px; background-color: #f4f4f4; } .privacy-sidebar::-webkit-scrollbar-thumb { background: var(--first-color); } .privacy-sidebar > li > a { text-transform: capitalize; font-size: 18px; font-weight: 700; font-family: "Poppins", sans-serif; color: #232323; } .privacy-sidebar > li > a::before { color: #232323; font-size: 18px; font-weight: 500; margin-right: 5px; } .privacy-sidebar > li > a.active ul { display: block; } .privacy-sidebar > li ul { padding-left: 15px; display: none; } .privacy-sidebar > li ul li a { font-size: 16px; color: #232323; position: relative; } .privacy-sidebar > li ul li a::before { width: 7px; height: 7px; background: var(--first-color); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; left: -12px; top: 10px; } .privacy-sidebar > li.post-content a { color: #232323; } .privacy-sidebar > li.open > a { color: #232323; } .privacy-sidebar > li:first-child { padding-top: 0; } .privacy-sidebar > li:last-child { padding-bottom: 0; } .privacy-sidebar li:first-child > ul { display: block; } @media (min-width: 768px) { .privacy-sidebar { padding-left: 20px; max-height: 400px; margin-bottom: 0; } .privacy-sidebar::-webkit-scrollbar-track { box-shadow: inset 0 0 3px rgba(35, 35, 35, 0.5); background-color: #f5f5f5; } .privacy-sidebar::-webkit-scrollbar { width: 3px; background-color: -webkit-linear-gradient(177deg, var(--first-color) 0%, var(--second-color) 54%, var(--third-color) 96%); } .privacy-sidebar::-webkit-scrollbar-thumb { background-color: -webkit-linear-gradient(177deg, var(--first-color) 0%, var(--second-color) 54%, var(--third-color) 96%); } } .service-item { padding: 60px 30px; text-align: center; background: #ffffff; margin-bottom: 30px; position: relative; } .service-item .service-thumb { width: 55px; margin: 0 auto 30px; } .service-item .service-thumb img { width: 100%; } .service-item .service-thumb i { font-size: 50px; line-height: 1; background: -webkit-linear-gradient(177deg, var(--first-color) 0%, var(--second-color) 54%, var(--third-color) 96%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .service-item .service-content .title { margin-bottom: 23px; } .service-item .service-content .title a { -webkit-transition: all ease 0s; -moz-transition: all ease 0s; transition: all ease 0s; } .service-item::before { top: 0; left: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(177deg, var(--first-color) 0%, var(--second-color) 54%, var(--third-color) 96%); display: none; } .service-item p, .service-item .title, .service-item i { position: relative; z-index: 1; -webkit-transition: all ease 0s; -moz-transition: all ease 0s; transition: all ease 0s; } @media screen and (min-width: 400px) { .service-item .title { font-size: 22px; margin-top: -9px; } } @media screen and (max-width: 400px) { .service-item { padding: 40px 30px; } .service-item .service-thumb { margin-bottom: 23px; } .service-item .service-content .title { margin-bottom: 19px; } } .service-item:hover p, .service-item:hover .title a { color: #ffffff; z-index: 1; } .service-item:hover p { opacity: 0.9; } .service-item:hover::before { display: block; animation-name: fadeIn; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; animation-duration: 1s; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; } .service-item:hover .service-thumb i { background: #ffffff; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .service-item:hover .service-content { animation-name: fadeInUp; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; animation-duration: 0.4s; -webkit-animation-duration: 0.4s; -moz-animation-duration: 0.4s; } .service-item-two { box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.06); margin-bottom: 30px; } .service-item-two .service-content { padding: 30px 15px; background: #ffffff; text-align: center; } .service-item-two .service-content .subtitle { text-transform: capitalize; } @media screen and (min-width: 380px) { .service-item-two .service-content { padding: 40px 30px; } } .service-item-two:hover .c-thumb img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .service-item-two:hover .service-content { animation-name: fadeInDown; -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; animation-duration: 0.5s; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; } .service-d-content .c-thumb { margin-bottom: 35px; } @media (min-width: 576px) { .service-d-content .c-thumb { margin-bottom: 25px; } } .service-d-item { margin-bottom: 50px; } .service-d-item .h-area { align-items: flex-end; margin-bottom: 27px; } .service-d-item .h-area .title { text-transform: capitalize; width: 100%; margin-bottom: 10px; font-size: 26px; } @media (min-width: 576px) { .service-d-item .h-area .title { margin-top: -18px; margin-bottom: 0; font-size: 40px; } } @media (min-width: 576px) { .service-d-item .h-area { margin-bottom: 28px; } .service-d-item .h-area .title { width: calc(100% - 200px); } } @media (min-width: 576px) { .service-d-item { margin-bottom: 70px; } } .service-d-item p { margin-bottom: 22px; } .service-d-item:last-child { margin-bottom: 0; } .mb-20-none { margin-bottom: -20px; } .s-o-item { padding: 30px 20px; background: #f8f8f8; margin-bottom: 20px; font-size: 18px; font-weight: 600; } .s-o-item .info { color: #232323; display: block; position: relative; padding-left: 30px; } .s-o-item .info::before { position: absolute; top: 0; left: 0; content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 600; color: var(--first-color); margin-right: 5px; } .s-o-item .info.no::before { content: "\f00d"; } @media (min-width: 1200px) { .s-o-item { font-size: 24px; padding: 50px 20px; } .s-o-item .info { margin-top: -3px; } } .presentation-item { margin-bottom: 30px; background: #f8f8f8; padding: 40px 30px; align-items: flex-start; border: 1px solid #f0f0f0; } .presentation-item .icon { width: 60px; font-size: 50px; background: -webkit-linear-gradient(177deg, var(--first-color) 0%, var(--second-color) 54%, var(--third-color) 96%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-top: -5px; } .presentation-item .icon i { line-height: 1; } .presentation-item .content { width: calc(100% - 60px); margin-top: -5px; padding-left: 20px; } .presentation-item .content .sub-title { font-size: 22px; margin-top: 0; margin-bottom: 23px; } @media screen and (max-width: 380px) { .presentation-item .content { width: 100%; padding: 0; margin-top: 10px; } } @media (min-width: 992px) and (max-width: 1199px) { .presentation-item .content { width: 100%; padding: 0; margin-top: 10px; } } .service-faq-wrapper { margin: 0 -15px -30px; counter-reset: service-faq-counter; } .service-faq-wrapper .service-faq { margin-bottom: 30px; padding: 0 15px; } @media (min-width: 992px) { .service-faq-wrapper .service-faq { width: 50%; } } .service-faq-wrapper .service-faq .service-faq-inner { padding-left: 90px; position: relative; } .service-faq-wrapper .service-faq .service-faq-inner::before { position: absolute; content: "0" counter(service-faq-counter) ""; counter-increment: service-faq-counter; width: 65px; height: 65px; text-align: center; background: -webkit-linear-gradient(177deg, var(--first-color) 0%, var(--second-color) 54%, var(--third-color) 96%); top: 0; left: 0; font-size: 24px; font-weight: 700; color: #ffffff; line-height: 60px; font-family: "Poppins", sans-serif; } .service-faq-wrapper .service-faq .service-faq-inner .sub-title { margin-bottom: 22px; font-size: 22px; margin-top: 0; } .service-faq-wrapper .service-faq:nth-of-type(n + 10) .service-faq-inner::before { content: counter(service-faq-counter); } @media screen and (max-width: 399px) { .service-faq-wrapper .service-faq .service-faq-inner { padding-left: 0; padding-top: 65px; } .service-faq-wrapper .service-faq .service-faq-inner::before { width: 40px; height: 40px; top: 0; left: 0; font-size: 20px; line-height: 40px; } } @media (min-width: 576px) { .service-faq-wrapper { margin-bottom: -40px; } .service-faq-wrapper .service-faq { margin-bottom: 40px; } } .team-sidebar .c-thumb, .team-sidebar-item { margin-bottom: 40px; } @media (min-width: 768px) { .team-sidebar .c-thumb, .team-sidebar-item { margin-bottom: 60px; } } .team-sidebar .c-thumb:last-child, .team-sidebar-item:last-child { margin-bottom: 0; } .team-sidebar .c-thumb .title, .team-sidebar-item .title { font-size: 22px; text-transform: capitalize; } @media (min-width: 768px) { .team-sidebar .c-thumb .title, .team-sidebar-item .title { margin-bottom: 10px; } } .team-sidebar .c-thumb .addr, .team-sidebar-item .addr { margin-bottom: -13px; } .team-sidebar .c-thumb .addr > li, .team-sidebar-item .addr > li { margin-bottom: 5px; } .team-sidebar .c-thumb .addr > li .icon, .team-sidebar-item .addr > li .icon { width: 30px; font-size: 24px; margin-top: 4px; } .team-sidebar .c-thumb .addr > li .icon i, .team-sidebar-item .addr > li .icon i { color: var(--first-color); font-weight: 700; font-size: 20px; } .team-sidebar .c-thumb .addr > li ul, .team-sidebar-item .addr > li ul { width: calc(100% - 40px); } .team-sidebar .c-thumb .addr > li ul li, .team-sidebar-item .addr > li ul li { padding: 0; } .team-sidebar .c-thumb .addr > li ul li a, .team-sidebar-item .addr > li ul li a { color: #555555; } .team-sidebar .c-thumb iframe, .team-sidebar-item iframe { margin-top: 15px; width: 100%; height: 290px; } .team-sidebar { margin-bottom: 50px; position: sticky; top: 72px; } @media (min-width: 768px) { .team-sidebar { margin-bottom: 0; } } @media (min-width: 992px) { .team-sidebar { top: 99px; } } .team-d-item { margin-bottom: 40px; } @media (min-width: 992px) { .team-d-item { margin-bottom: 60px; } } .team-d-item:last-child { margin-bottom: 0; } @media (min-width: 576px) { .team-d-item .title { margin-top: -8px; } } .team-d-item .info { display: block; margin-bottom: -8px; text-transform: uppercase; } .team-d-item .sub-title { margin-bottom: 40px; position: relative; } .team-d-item .sub-title::after { position: absolute; content: ""; background: -webkit-linear-gradient(177deg, var(--first-color) 0%, var(--second-color) 54%, var(--third-color) 96%); height: 2px; width: 50px; bottom: -15px; left: 0; } @media (min-width: 992px) { .team-d-item .sub-title { margin-bottom: 55px; } } .team-d-item .s-item { margin-bottom: 30px; } @media (min-width: 992px) { .team-d-item .s-item { margin-bottom: 40px; } } .team-d-item .s-item:last-child { margin-bottom: 0; } .gradient-bg-two, .gradient-bg { position: relative; } .gradient-bg-two::after, .gradient-bg::after { background: -webkit-linear-gradient(37deg, var(--first-color) 0%, var(--second-color) 54%, var(--third-color) 96%); opacity: 0.4; top: 0; left: 0; right: 0; bottom: 0; } .gradient-bg-two *, .gradient-bg * { position: relative; z-index: 1; color: #ffffff; } .service-item:hover .title { color: #fff; } .counter-wrapper { justify-content: space-between; margin-bottom: -40px; } .counter-item { width: 100%; text-align: center; margin-bottom: 40px; } @media (min-width: 576px) { .counter-item { width: 50%; } } @media (min-width: 992px) { .counter-item { width: 23%; } } @media (min-width: 576px) { .counter-item p { font-size: 18px; margin-bottom: -7px; } } .counter-item .odometer { margin-bottom: 10px; font-size: 36px; margin-top: -10px; } @media (min-width: 768px) { .counter-item .odometer { font-size: 48px; margin-bottom: 5px; margin-top: -13px; } } @media (min-width: 992px) { .counter-item .odometer { font-size: 74px; margin-top: -23px; margin-bottom: 0; } } .faq-wrapper { margin-bottom: -10px; } .faq-item { padding-bottom: 10px; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; transition: all ease 0.3s; } .faq-item .faq-title { align-items: center; background: -webkit-linear-gradient(177deg, var(--first-color) 0%, var(--second-color) 54%, var(--third-color) 96%); padding: 10px 15px; cursor: pointer; } @media (min-width: 576px) { .faq-item .faq-title { padding: 18px 30px; } } .faq-item .faq-title .title { margin: 0; color: #ffffff; width: calc(100% - 16px); font-weight: 600; font-size: 16px; } @media (min-width: 576px) { .faq-item .faq-title .title { font-weight: 700; font-size: 18px; } } .faq-item .faq-content { padding: 30px; display: none; } @media (max-width: 575px) { .faq-item .faq-content { padding: 30px 15px; } } .faq-item.active .faq-content { display: block; } .faq-item.open { padding-bottom: 0; } .faq-item:last-child .faq-content { padding-bottom: 10px; } .client-item { text-align: center; background-color: rgba(255, 255, 255, 0.05); border: 1px solid rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 15px 0px rgba(122, 125, 134, 0.1); padding: 30px 15px; margin: 15px; } .client-item .client-quote i { font-size: 50px; line-height: 1; background: -webkit-linear-gradient(177deg, var(--first-color) 0%, var(--second-color) 54%, var(--third-color) 96%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .client-item p { margin-bottom: 21px; } .client-item .client .content .sub-title a { text-transform: capitalize; color: #555555; font-size: 18px; } .client-item .client .content .sub-title a:hover { color: var(--first-color); } .client-item .client .content span { text-transform: uppercase; font-size: 14px; display: block; margin-bottom: -5px; } @media screen and (min-width: 380px) { .client-item { padding: 40px 30px; } .client-item p { margin-bottom: 31px; } .client-item .client-quote { margin-bottom: 40px; } } .bg-f8 .client-item { background: #ffffff; } @media (max-width: 991px) { .consult-thumb { margin-bottom: 50px; } } @media (max-width: 767px) { .consult-thumb { margin-bottom: 40px; } } @media (max-width: 575px) { .consult-thumb { margin-bottom: 35px; } } .bg-theme { overflow: hidden; } .about-wrapper { justify-content: space-between; } .about-wrapper .about-thumb, .about-wrapper .about-content { width: 100%; } @media (min-width: 992px) { .about-wrapper .about-thumb { width: 350px; } .about-wrapper .about-content { width: calc(100% - 380px); } } @media (min-width: 1200px) { .about-wrapper .about-thumb { width: 700px; } .about-wrapper .about-content { width: calc(100% - 800px); } } @media (max-width: 991px) { .about-wrapper .about-thumb { margin-bottom: 40px; } } @media (max-width: 991px) and (min-width: 768px) { .about-wrapper .about-thumb { max-width: 500px; } } @media (max-width: 991px) and (max-width: 575px) { .about-wrapper .about-thumb { margin-bottom: 35px; } } .choose-left { width: 100%; } @media (min-width: 992px) { .choose-left { width: calc(56% - 67px); max-width: 620px; margin-left: auto; } } @media (min-width: 992px) and (max-width: 1199px) { .choose-left { max-width: 465px; } } @media screen and (min-width: 992px) and (min-width: 1581px) and (max-width: 1800px) { .choose-left { padding-left: 20px; } } @media screen and (min-width: 992px) and (min-width: 1200px) and (max-width: 1399px) { .choose-left .content { margin-left: 30px; } } @media (min-width: 1400px) and (max-width: 1580px) { .choose-left .content { padding-left: 35px; } } .choose-right { width: calc(44% + 67px); padding-left: 67px; } @media (min-width: 992px) and (max-width: 1199px) { .choose-right { padding-left: 30px; } } .choose--wrapper { margin-bottom: -44px; } @media screen and (max-width: 399px) { .choose--wrapper { margin-bottom: -39px; } } .choose-item { margin-bottom: 45px; } .choose-item .choose-icon { width: 65px; height: 65px; background: -webkit-linear-gradient(177deg, var(--first-color) 0%, var(--second-color) 54%, var(--third-color) 96%); color: #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; font-size: 26px; line-height: 65px; text-align: center; } .choose-item .choose-content { width: calc(100% - 65px); padding-left: 20px; max-width: 420px; } .choose-item .choose-content .subtitle { margin: 0; margin-bottom: 23px; } .choose-item:nth-of-type(2) .choose-icon { background: -webkit-linear-gradient(37deg, var(--first-color) 0%, var(--second-color) 54%, var(--third-color) 96%); } @media screen and (max-width: 399px) { .choose-item { margin-bottom: 40px; } .choose-item .choose-content { margin-top: 20px; padding: 0; width: 100%; } } .choose-item.style-two { display: block; text-align: center; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; transition: all ease 0.3s; padding: 40px 15px; margin: 15px; box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.06); } .choose-item.style-two .choose-icon { margin: 0 auto 21px; } .choose-item.style-two .choose-content { width: 100%; padding: 0; max-width: 100%; } @media screen and (min-width: 400px) { .choose-item.style-two { padding: 60px 25px; } } @media (min-width: 992px) { .choose-item.style-two { box-shadow: none; } .choose-item.style-two.active, .choose-item.style-two:hover { box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.07); background: #ffffff; } } .swiper-slide-active .choose-item { background: #ffffff; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.07); } .choose-slider-area { margin: -15px; overflow: hidden; } .sponsor-slider { overflow: hidden; } .sponsor-thumb { text-align: center; padding: 0 15px; } .sponsor-thumb a { display: inline-block; } .sponsor-thumb a img { max-width: 100%; } .p-d-item { margin-bottom: 35px; } .p-d-item .sub-title { text-transform: capitalize; margin-bottom: 45px; position: relative; } .p-d-item .sub-title::after { position: absolute; content: ""; background: -webkit-linear-gradient(177deg, var(--first-color) 0%, var(--second-color) 54%, var(--third-color) 96%); height: 2px; width: 50px; bottom: -15px; left: 0; } @media (min-width: 576px) { .p-d-item .sub-title { margin-bottom: 55px; } } .p-d-item p { margin-bottom: 22px; } @media (min-width: 576px) { .p-d-item { margin-bottom: 70px; } .p-d-item p { margin-bottom: 32px; } } .p-d-item:last-child { margin-bottom: 0; } .team-d-item .s-item p{ padding: 0; padding-left: 23px; position: relative; margin-bottom: 10px; } .team-d-item .s-item p::before{ width: 13px; height: 13px; background: -webkit-linear-gradient(177deg, var(--first-color) 0%, var(--second-color) 54%, var(--third-color) 96%); top: 8px; left: 0; } .p-gallery { margin: -15px; } .p-gallery .p-thumb { width: 50%; padding: 15px; } .p-gallery .p-thumb img { width: 100%; } .page-header { padding: 191px 0 123px; position: relative; } @media (min-width: 768px) { .page-header { padding: 193px 0 128px; } } @media (min-width: 992px) { .page-header { padding: 265px 0 187px; } } .page-header .page-header-content { text-align: center; position: relative; z-index: 1; } .page-header .page-header-content .title { font-size: 40px; line-height: 1.3; text-transform: capitalize; color: #ffffff; } @media (min-width: 576px) { .page-header .page-header-content .title { font-size: 45px; line-height: 55px; } } @media (min-width: 576px) and (min-width: 768px) { .page-header .page-header-content .title { font-size: 60px; line-height: 70px; margin-bottom: 10px; } } @media (min-width: 576px) and (min-width: 992px) { .page-header .page-header-content .title { font-size: 74px; line-height: 90px; } } .page-header .page-header-content .breadcrumb { background: transparent; justify-content: center; margin: -5px; padding: 0; margin-bottom: -12px; } .page-header .page-header-content .breadcrumb li, .page-header .page-header-content .breadcrumb li a { font-size: 18px; color: rgb(255, 255, 255); } .page-header .page-header-content .breadcrumb li { padding: 5px; text-transform: capitalize; } .page-header .page-header-content .breadcrumb li a:hover { color: -webkit-linear-gradient(177deg, var(--first-color) 0%, var(--second-color) 54%, var(--third-color) 96%); } .page-header .page-header-content .breadcrumb li a::after { content: "/"; margin-left: 10px; display: inline-block; color: #ffffff; } @media screen and (max-width: 450px) { .page-header { padding: 186px 0 112px; } .page-header .page-header-content .title { font-size: 30px; } } .client-slider { overflow: hidden; } .client-slider .client-rev-item { padding: 0 15px; } .client-rev-item { justify-content: space-between; } .client-rev-item .client-thumb, .client-rev-item .client-content { width: 100%; } @media (min-width: 768px) { .client-rev-item .client-thumb, .client-rev-item .client-content { width: calc(50% - 15px); } } @media (min-width: 1200px) { .client-rev-item .client-thumb, .client-rev-item .client-content { width: calc(50% - 30px); } } .client-rev-item .client-content .icon { font-size: 80px; background: -webkit-linear-gradient(177deg, var(--first-color) 0%, var(--second-color) 54%, var(--third-color) 96%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height: 1; width: 80px; height: 80px; margin-bottom: 30px; } .client-rev-item .client-content .title { text-transform: capitalize; } .client-rev-item .client-content p { margin-bottom: 24px; } .client-rev-item .client-content span { display: block; margin-bottom: -9px; text-transform: uppercase; font-size: 14px; } @media (min-width: 992px) { .client-rev-item .client-content .icon { margin-bottom: 50px; } .client-rev-item .client-content p { margin-bottom: 44px; } } @media (min-width: 1200px) { .client-rev-item .client-content .icon { margin-bottom: 70px; } } @media (max-width: 767px) { .client-rev-item .client-thumb { margin-bottom: 29px; } .client-rev-item .client-thumb img { width: 100%; } } .client-rev-item:nth-child(even) { flex-direction: row-reverse; } .testi-wrapper .client-rev-item { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #e5e5e5; } .testi-wrapper .client-rev-item:last-child { margin-bottom: 0; border: none; } @media (min-width: 768px) { .testi-wrapper { margin-bottom: 30px; } } .filter { justify-content: center; margin-bottom: 35px; } @media (min-width: 576px) { .filter { margin-bottom: 65px; } } .filter li { margin: 5px; padding: 12px 29px; color: #292929; font-weight: 600; font-family: "Poppins", sans-serif; border: 1px solid #e5e5e5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; } .filter li.active { background: -webkit-linear-gradient(177deg, var(--first-color) 0%, var(--second-color) 54%, var(--third-color) 96%); color: #ffffff; border-color: #ffffff; } .gallery-wrapper { justify-content: space-between; margin: -15px; } .gallery-item { width: 100%; padding: 15px; } @media (min-width: 576px) { .gallery-item { width: 50%; } } @media (min-width: 768px) { .gallery-item { width: 33.33%; } } .gallery-item a { font-size: 70px; line-height: 1; text-align: center; color: #ffffff; } .gallery-item .gallery-view { position: absolute; top: 15px; left: 15px; width: calc(100% - 30px); height: calc(100% - 30px); justify-content: center; align-items: center; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; transition: all ease 0.3s; background-image: -webkit-linear-gradient(-102deg, var(--first-color) 0%, var(--second-color) 54%, var(--third-color) 96%); opacity: 0; visibility: hidden; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .gallery-item:hover .gallery-view { opacity: 0.3; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); visibility: visible; } .gallery-item img { width: 100%; } .faq-wrapper-two { margin-bottom: -30px; } .faq-item-two { padding: 30px 15px; box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.06); margin-bottom: 30px; } @media (min-width: 576px) { .faq-item-two { padding: 30px 40px; } } .faq-item-two .icon { width: 60px; height: 60px; line-height: 60px; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: var(--first-color); color: #ffffff; font-size: 30px; } @media (min-width: 1200px) { .faq-item-two .icon { font-size: 40px; width: 78px; height: 78px; line-height: 78px; } } @media (max-width: 575px) { .faq-item-two .icon { display: none; } } .faq-item-two .faq-content { padding-left: 20px; width: calc(100% - 60px); } @media (min-width: 1200px) { .faq-item-two .faq-content { width: calc(100% - 78px); } } @media (max-width: 575px) { .faq-item-two .faq-content { padding-left: 0; width: 100%; } } .faq-item-two .faq-content .title { margin-bottom: 20px; } @media (min-width: 576px) { .faq-item-two .faq-content .title { margin-top: 0; margin-bottom: 27px; } } .faq-item-two .faq-content ul { margin-top: -8px; margin-bottom: 32px; } .faq-item-two .faq-content ul:last-child { margin-bottom: -7px; } .faq-item-two .faq-content ul li { max-width: 490px; padding: 0; padding-left: 20px; position: relative; margin-bottom: 5px; } .faq-item-two .faq-content ul li::before { width: 10px; height: 10px; background: var(--first-color); top: 8px; left: 0; } .faq-item-two .faq-content p { margin-bottom: 29px; } @media (min-width: 576px) { .faq-item-two .faq-content p:last-child { margin-bottom: 0 !important; } } .faq-item-two:hover .icon { animation-name: flip; -webkit-animation-name: flip; -moz-animation-name: flip; animation-duration: 0.3s; -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; } .contact-info { flex-direction: column; justify-content: center; position: relative; height: 100%; width: 100%; padding: 40px 30px; } .contact-info * { color: #ffffff; position: relative; z-index: 1; } .contact-info::after { top: 0; left: 0; bottom: 0; right: 0; background: linear-gradient(to right top, var(--third-color), var(--first-color)); opacity: 0.7; } @media (min-width: 576px) { .contact-info { padding: 40px 74px; } } .contact-info .title { text-transform: capitalize; margin-bottom: 20px; font-weight: 600; } @media (min-width: 576px) { .contact-info .title { margin-bottom: 30px; } } .item-info { align-items: center; margin-bottom: 45px; } .item-info:last-child { margin-bottom: 0; } .item-info .icon { width: 65px; height: 65px; line-height: 65px; text-align: center; background: #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; font-weight: 600; font-size: 28px; } .item-info .icon i { color: var(--first-color); } .item-info .content { padding-left: 20px; width: calc(100% - 65px); } .item-info .content .sub-title { text-transform: capitalize; margin-top: 0; font-size: 20px; font-weight: 600; margin-bottom: 12px; } .item-info .content ul li { padding: 0; } @media (max-width: 575px) { .contact-info { padding: 40px 25px; } .contact-info .icon { width: 40px; height: 40px; line-height: 40px; font-size: 20px; } .contact-info .item-info { margin-bottom: 30px; } .contact-info .item-info:last-child { margin-bottom: 0; } .contact-info .item-info .content { width: calc(100% - 40px); } } @media (min-width: 768px) and (max-width: 991px) { .contact-info { padding: 40px 25px; } .contact-info .icon { width: 40px; height: 40px; line-height: 40px; font-size: 20px; } .contact-info .item-info { margin-bottom: 30px; } .contact-info .item-info:last-child { margin-bottom: 0; } .contact-info .item-info .content { width: calc(100% - 40px); } } @media (min-width: 992px) and (max-width: 1199px) { .contact-info { padding: 40px 35px; } } .parallax-window { z-index: 0; } .post-item { margin-bottom: 30px; } .post-item .post-content { position: relative; background-color: rgba(255, 255, 255, 0.05); box-shadow: 0px 0px 43px 0px rgba(122, 125, 134, 0.1); border: 1px solid rgba(0, 0, 0, 0.05); } .post-item .post-content .blog-header { padding: 20px 30px 21px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .post-item .post-content .blog-header .title { margin: 0; } .post-item .post-content .meta-post { border-bottom: 1px solid rgba(0, 0, 0, 0.05); font-size: 14px; text-transform: uppercase; padding: 10px 30px; } .post-item .post-content .meta-post a { color: #555555; } .post-item .post-content .meta-post a:hover { color: var(--first-color); } .post-item .post-content .meta-post > * { width: 50%; } .post-item .post-content .meta-post > *:nth-child(even) { text-align: right; } .post-item .post-content .entry-content { padding: 30px 30px 35px; } .post-item .post-content::before, .post-item .post-content::after { height: 6px; width: 100%; background-image: -webkit-linear-gradient(177deg, var(--first-color) 0%, var(--second-color) 54%, var(--third-color) 96%); opacity: 0.11; bottom: 0; left: 0; } .post-item .post-content::before { -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; transition: all ease 0.3s; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); opacity: 1; } .post-item.post-classic .post-content::after, .post-item.post-classic .post-content::before { display: none; } .post-item.post-classic .post-content .custom-button { margin-top: 6px; color: #555555; } .post-item.post-classic .post-content .custom-button::after { background: #e5e5e5; } .post-item.post-classic .post-content .custom-button:hover { color: #ffffff; } @media (min-width: 992px) { .post-item.post-classic { margin-bottom: 60px; } } .need-list-style li { padding: 0; padding-left: 23px; position: relative; margin-bottom: 10px; } ul.need-list-style li::before { width: 13px; height: 13px; background: -webkit-linear-gradient(177deg, var(--first-color) 0%, var(--second-color) 54%, var(--third-color) 96%); top: 8px; left: 0; } .post-item:hover .post-content::before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .post-item:hover .post-content .blog-header .title a { color: var(--first-color); } .post-item:hover .post-thumb a img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } @media screen and (max-width: 399px) { .post-item .post-content .blog-header { padding: 20px 20px 21px; } .post-item .post-content .entry-content { padding: 30px 20px 35px; } .post-item .post-content .meta-post { padding: 10px 20px; font-size: 12px; } } blockquote { position: relative; padding-left: 30px; font-size: 18px; font-style: italic; margin: 0; line-height: 1.4; } blockquote::before { position: absolute; content: ""; height: 100%; width: 4px; top: 0; left: 0; background-image: -webkit-linear-gradient(77deg, var(--first-color) 0%, var(--second-color) 54%, var(--third-color) 96%); } @media (min-width: 576px) { blockquote { font-size: 22px; } } .blog-pagination { margin: -5px; } .blog-pagination li { line-height: 48px; padding: 5px; } .blog-pagination li a { width: 48px; height: 48px; line-height: 48px; text-align: center; color: #232323; border: 1px solid #e5e5e5; } .blog-pagination li a.active, .blog-pagination li a:hover { color: #ffffff; background: -webkit-linear-gradient(177deg, var(--first-color) 0%, var(--second-color) 54%, var(--third-color) 96%); border-color: #ffffff; } .scrollToTop { width: 45px; height: 45px; line-height: 45px; color: #ffffff; z-index: 999; bottom: 30px; right: 30px; position: fixed; border-radius: 5px; -webkit-transform: translateY(150px); -ms-transform: translateY(150px); transform: translateY(150px); background: -webkit-linear-gradient(177deg, var(--first-color) 0%, var(--second-color) 54%, var(--third-color) 96%); text-align: center; font-size: 16px; } .scrollToTop:hover { color: #ffffff; background: -webkit-linear-gradient(37deg, var(--first-color) 0%, var(--second-color) 54%, var(--third-color) 96%); } .scrollToTop.active { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); animation: bounceInDown 2s; -webkit-animation: bounceInDown 2s; -moz-animation: bounceInDown 2s; } .scrollToTop img { width: 100%; } .custom-button { color: #ffffff; font-weight: 600; text-transform: capitalize; font-family: "Poppins", sans-serif; padding: 13px 30px !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden; background: transparent; z-index: 1; } .custom-button::after, .custom-button::before { background: -webkit-linear-gradient(177deg, var(--first-color) 0%, var(--second-color) 54%, var(--third-color) 96%); top: 0; left: 0; width: 100%; height: 100%; z-index: -2; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; transition: all ease 0.3s; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .custom-button::after { background: -webkit-linear-gradient(37deg, var(--first-color) 0%, var(--second-color) 54%, var(--third-color) 96%); opacity: 0; z-index: -1; } .custom-button:hover { color: #ffffff; } .custom-button:hover::after { opacity: 1; } .custom-button.white, .custom-button.transparent { color: var(--first-color); } .custom-button.white::after, .custom-button.transparent::after { opacity: 1; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-image: url(../image/border-shape.png); mask-image: url(../image/border-shape.png); -webkit-mask-position: center center; mask-position: center center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .custom-button.white::before, .custom-button.transparent::before { opacity: 0; } .custom-button.white:hover, .custom-button.transparent:hover { color: #ffffff; } .custom-button.white:hover::after, .custom-button.transparent:hover::after { opacity: 0; } .custom-button.white:hover::before, .custom-button.transparent:hover::before { opacity: 1; } .custom-button.white { color: #ffffff; } .custom-button.white::after { background: #ffffff; }