/* FHCMS */ :root { --main-font: "SF Pro SC","SF Pro Text","SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun; --headding-font-1: Impact, "Microsoft YaHei", "微软雅黑", sans-serif; --headding-font-2: "PingFang SC", Monaco, "Microsoft YaHei", "微软雅黑"; --headding-font-3: georgia, Monaco, "", "Microsoft YaHei", "微软雅黑"; --theme-base: #008cd6; --theme-base-rgb: 0,140,214; --theme-black: #232323; --theme-black-rgb: 35, 35, 35; --theme-article: #444; --theme-gray: #60626d; --theme-gray-rgb: 96, 98, 109; --theme-color1: #feac02; --theme-color1-rgb: 254, 172, 2; --theme-color2: #a9c828; --theme-color2-rgb: 169, 200, 40; --theme-color3: #0090ff; --theme-color3-rgb: 0, 144, 255; } /************ TABLE OF CONTENTS *************** 1. Fonts 2. Reset css 3. Global css 4. Header Section 5. Banner Section 6. About Section 7. Info section 8. Funfacts Section 9. Working Process 10. CTA Section 11. Testimonials Section 12. Brand Logo Section 13. Blog Section 14. Course Section 15. Projects Section 16. Course Package Section 17. CTA Section 18. Two Column Section 19. Team Section 20. Pricing Section 21. Mission Section 22. History Section 23. Contact Form Section 24. Blog Page ¸ü¶àÏÂÔØ£ºhttp://www.bootstrapmb.com /*** ==================================================================== Reset ==================================================================== ***/ * { margin: 0px; padding: 0px; border: none; outline: none; font-size: 100%; line-height: inherit; } /*** ==================================================================== Global Settings ==================================================================== ***/ body { color: var(--theme-gray); font-size: 16px; line-height: 26px; font-weight: 400; font-family: var(--main-font); -webkit-font-smoothing: antialiased; } .body_wrapper { position: relative; width: 100%; min-width: 300px; z-index: 9; margin: 0px auto; overflow: hidden; } a { text-decoration: none; cursor: pointer; color:#005f89} a:hover, a:focus, a:visited { text-decoration: none; outline: none; } a:hover {color: var(--theme-base);} .news-page-content a:hover { text-decoration: underline} h1, h2, h3, h4, h5, h6 { position: relative; color: var(--theme-black); font-weight: 700; font-family: var(--headding-font-2); letter-spacing: -0.03em; margin: 0; } p { margin: 0; } textarea { overflow: hidden; } table {border-collapse:collapse;} button { outline: none !important; cursor: pointer; } ::-webkit-input-placeholder { color: inherit; } ::-moz-input-placeholder { color: inherit; } ::-ms-input-placeholder { color: inherit; } .btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show>.btn-light.dropdown-toggle:focus { box-shadow: none; outline: none; } .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle { background-color: inherit; border-color: inherit; color: inherit; border-radius: 0; } .bootstrap-select .dropdown-menu li a span.text { margin-bottom: 0; } .bootstrap-select .dropdown-menu li.active a span.text { color: #fff; } .bootstrap-select .dropdown-toggle .filter-option:after { font-family: 'Font Awesome 5 Pro'; content: "\f107"; position: absolute; right: 15px; top: 7px; display: block; line-height: 30px; font-size: 17px; text-align: center; z-index: 5; font-weight: 400; color: #fff; } .box-style-one { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .box-style-two { position: relative; display: flex; flex-wrap: wrap; align-items: center; } .body_wrapper { position: relative; margin: 0 auto; width: 100%; min-width: 300px; z-index: 9; overflow: hidden; } .theme_container { position: static; max-width: 1320px; padding: 0px 15px; margin: 0 auto; } ul, li { list-style: none; padding: 0px; margin: 0px; } figure { margin-bottom: 0; } .owl-carousel img { width: auto !important; display: inline-block !important; } .theme-btn { display: inline-block; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .centered { text-align: center !important; } .gray-bg { background-color: #f4f4f4 !important; } .light-bg { background-color: #fff !important; } img { display: inline-block; max-width: 100%; height: auto; } .dropdown-toggle::after { display: none; } .fa { line-height: inherit; } .preloader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999999; background-color: var(--theme-base); } .owl-nav, .owl-dots { display: none; } .row { margin: 0 -15px; } .row>* { padding-left: 15px; padding-right: 15px; } .row.no-gutters { margin: 0; } .row.no-gutters>* { padding-left: 0; padding-right: 0; } .row.gutters-5 { margin: 0 -5px; } .row.gutters-5>* { padding-left: 5px; padding-right: 5px; } .opacity_0 { opacity: 0; } .opacity_1 { opacity: 1; } .opacity_10 { opacity: .10; } .opacity_20 { opacity: .20; } .opacity_30 { opacity: .30; } .opacity_40 { opacity: .40; } .opacity_50 { opacity: .50; } .opacity_60 { opacity: .60; } .opacity_70 { opacity: .70; } .opacity_80 { opacity: .80; } .opacity_90 { opacity: .90; } .tx_50 { transform: translateX(50%); } .tx__50 { transform: translateX(-50%); } .ty_50 { transform: translateY(50%); } .ty__50 { transform: translateY(-50%); } /* Btn style */ .theme-btn { display: inline-block; transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; } .mb-20 { margin-bottom: 20px !important; } .mb-30 { margin-bottom: 30px !important; } .mb-35 { margin-bottom: 35px !important; } .mb-30 { margin-bottom: 30px !important; } .mt-30 { margin-top: 30px !important; } .mt-40 { margin-top: 40px !important; } .mt-50 { margin-top: 50px !important; } .mt-70 { margin-top: 70px !important; } .mb-40 { margin-bottom: 40px !important; } .mb-50 { margin-bottom: 50px !important; } .mb-70 { margin-bottom: 70px !important; } .pb-20 { padding-bottom: 20px !important; } .pb-30 { padding-bottom: 30px !important; } .pb-50 { padding-bottom: 50px !important; } /*** ======================================== Mobile Menu ======================================== ***/ .nav-outer .mobile-nav-toggler { position: relative; display: none; float: right; cursor: pointer; padding: 30px 0; } .nav-outer.style1 .mobile-nav-toggler { padding: 25px 0 25px; } .nav-outer.style2 .mobile-nav-toggler { padding: 25px 0; } .nav-outer.style3 .mobile-nav-toggler { padding: 45px 0; } .nav-outer .mobile-nav-toggler .inner { position: relative; display: block; padding: 3px 5px; background: var(--theme-base); } .nav-outer.style2 .mobile-nav-toggler .inner { background-color: var(--thm-black); } .mobile-menu { position: fixed; top: 0; right: 0; width: 100%; max-width: 100%; height: 100%; padding-right: 30px; opacity: 0; visibility: hidden; z-index: 999999; } .mobile-menu .menu-backdrop { position: fixed; top: 0; right: 0; width: 100%; height: 100%; background-color: rgba(9, 16, 32, 0.90); transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; z-index: 1; opacity: 0; visibility: hidden; } .mobile-menu-visible .mobile-menu .menu-backdrop { opacity: 0.70; visibility: visible; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; } .mobile-menu .mCSB_inside>.mCSB_container { margin-right: 5px; } .mobile-menu .navbar-collapse { display: block !important; } .mobile-menu .nav-logo { position: relative; padding: 30px 25px; text-align: left; margin-bottom: 0px; display: flex; } .mobile-menu .nav-logo a { position: relative; display: inline-block; } .mobile-menu .nav-logo img{width: 100px;} .mobile-menu .nav-logo img.QR{margin-right: 13px !important;} .mobile-menu-visible { overflow: hidden; } .mobile-menu-visible .mobile-menu { opacity: 1; visibility: visible; } .mobile-menu .menu-box { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; max-height: 100%; overflow-y: auto; background: #202020; padding: 0px 0px; z-index: 5; opacity: 0; visibility: hidden; border-radius: 0px; -webkit-transform: translateY(101%); -ms-transform: translateY(101%); transform: translateY(101%); } .mobile-menu-visible .mobile-menu .menu-box { opacity: 1; visibility: visible; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } .mobile-menu .close-btn { position: absolute; top: 10px; right: 10px; color: #ffffff; font-size: 20px; line-height: 30px; width: 30px; text-align: center; cursor: pointer; z-index: 10; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -ms-transition: all 0.9s ease; -o-transition: all 0.9s ease; transition: all 0.9s ease; } .mobile-menu-visible .mobile-menu .close-btn { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } .mobile-menu .close-btn:hover { color: var(--thm-base); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .mobile-menu .navigation { position: relative; display: block; width: 100%; float: none; } .mobile-menu .navigation li { position: relative; display: block; } .mobile-menu .navigation:last-child { } .mobile-menu .navigation li>ul>li:first-child { border-top: 1px solid rgba(255, 255, 255, 0.10); } .mobile-menu .navigation li>a { position: relative; display: block; padding: 10px 25px; color: #ffffff; font-size: 15px; line-height: 24px; font-weight: 600; text-transform: uppercase; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .mobile-menu .navigation li>a:before { content: ''; position: absolute; left: 0; top: 0; height: 0; border-left: 5px solid var(--thm-primary); -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .mobile-menu .navigation li.current>a:before { height: 100%; } .mobile-menu .navigation li.current>a, .mobile-menu .navigation li>a:hover { color: var(--theme-base); } .mobile-menu .navigation li ul li>a { font-size: 15px; font-weight: 400; margin-left: 20px; text-transform: capitalize; } .mobile-menu .navigation li ul ul li>a {margin-left: 50px;} .mobile-menu .navigation li.dropdown .dropdown-btn { position: absolute; top: 6px; right: 25px; width: 32px; height: 32px; text-align: center; color: #ffffff; font-size: 16px; line-height: 32px; cursor: pointer; border-radius: 2px; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; z-index: 5; } .mobile-menu .navigation li.dropdown .dropdown-btn.open { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .mobile-menu .navigation li>ul, .mobile-menu .navigation li>ul>li>ul, .mobile-menu .navigation>li.dropdown>.megamenu { display: none; } .mobile-menu .social-links { position: relative; text-align: center; padding: 50px 15px; } .mobile-menu .social-links li { position: relative; display: inline-block; margin: 0px 1px 10px; } .mobile-menu .social-links li a { position: relative; display: block; width: 45px; height: 45px; border: 1px solid rgba(255, 255, 255, 0.20); border-radius: 50%; background: var(--thm-base); color: #ffffff; font-size: 16px; line-height: 41px; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .mobile-menu .social-links li a:hover { color: var(--thm-base); background-color: #ffffff; } /* Scroll To Top style */ .back-to-top { position: fixed; right: 50px; bottom: 50px; width: 65px; height: 65px; font-size: 18px; line-height: 65px; text-align: center; z-index: 100; cursor: pointer; border-radius: 50%; margin-left: -26px; display: none; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; background: var(--theme-base); color: #fff; } .back-to-top.style-two { background-color: #2d3247; } .back-to-top:hover { background: var(--theme-black); color: #ffffff; } /*Btn Style*/ .theme-btn { position: relative; display: inline-block; vertical-align: middle; -webkit-appearance: none; border: none; outline: none !important; background: var(--theme-black); color: #ffffff; font-size: 16px; font-weight: 700; text-transform: capitalize; padding: 19px 40px 17px; border-radius: 10px; transition: all 0.3s linear; overflow: hidden; font-family: var(--main-font); z-index: 1; } .theme-btn:after { position: absolute; content: ""; top: 0; left: 0; right: 0; height: 100%; background: var(--theme-base); border-radius: 10px; transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .5s; transition-property: all; opacity: 1; transform-origin: top; transform-style: preserve-3d; transform: scaleY(0); z-index: -1; } .theme-btn:hover:after { opacity: 1; transform: scaleY(1.0); } .theme-btn:hover { color: #ffffff; } .theme-btn span::before { position: relative; display: inline-block; color: #ffffff; font-size: 15px; top: 1px; padding-left: 11px; font-weight: 700; transition: all 200ms linear; transition-delay: 0.1s; } /* Sec title */ .sec-title { position: relative; display: block; margin-top: -7px; padding-bottom: 30px; } .sec-title .tagline { position: relative; display: block; margin-bottom: 3px; } .sec-title .tagline span.left { position: relative; display: inline-block; width: 20px; height: 2px; background: var(--theme-base); margin-right: 6px; top: -5px; } .sec-title .tagline span.left::before { position: absolute; top: -4px; left: 0px; width: 2px; height: 10px; background: var(--theme-base); content: ""; } .sec-title .tagline span.right { position: relative; display: inline-block; width: 20px; height: 2px; background: var(--theme-base); margin-left: 6px; top: -5px; } .sec-title .tagline span.right::before { position: absolute; top: -4px; right: 0; width: 2px; height: 10px; background: var(--theme-base); content: ""; } .sec-title .tagline h6 { position: relative; display: inline-block; color: var(--theme-base); font-size: 14px; line-height: 24px; font-weight: 700; text-transform: capitalize; font-family: var(--main-font); } .sec-title .tagline h6.style2 { font-size: 18px; line-height: 28px; font-weight: 400; } .sec-title .title { font-size: 60px; line-height: 1.2em; font-weight: 700; text-transform: capitalize; letter-spacing: -0.03em; } .sec-title .text { position: relative; color: var(--theme-gray); margin-top: 17px; } /*============================================== Main Header Css ===============================================*/ .header_s1 { position: absolute; left: 0px; top: 0px; width: 100%; margin: 0px; z-index: 999; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .sticky-header { position: fixed; top: 0px; left: 0px; width: 100%; padding: 0px 0px; background: rgba(255, 255, 255, 0.98); opacity: 0; visibility: hidden; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; z-index: 0; } .fixed-header .sticky-header { visibility: visible; -ms-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -op-animation-name: fadeInDown; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -ms-animation-duration: 500ms; -moz-animation-duration: 500ms; -op-animation-duration: 500ms; -webkit-animation-duration: 500ms; animation-duration: 500ms; -ms-animation-timing-function: linear; -moz-animation-timing-function: linear; -op-animation-timing-function: linear; -webkit-animation-timing-function: linear; animation-timing-function: linear; -ms-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -op-animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; box-shadow: 0 0 10px rgba(0, 0, 0, .1); opacity: 1; z-index: 999999; } .sticky-header__inner { position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; } .sticky-header .logo { position: relative; display: block; } .sticky-header .logo a { position: relative; display: inline-block; } .sticky-header .main-menu .navigation>li { margin-right: 35px; } .sticky-header .main-menu .navigation>li>a { padding: 25px 0px 25px !important; } .sticky-header .main-menu .navigation>li:hover>a, .sticky-header .main-menu .navigation>li.current>a { color: var(--theme-base); } .sticky-header .main-menu .navigation>li>a span:before { display: none; } .sticky-header .main-menu .navigation>li>a:before { display: none; } .header-one { position: relative; } .header-one__inner { position: relative; display: block; padding-left: 320px; } .logo-one { position: absolute; top: 0px; left: 0; width: 320px; display: flex; align-items: center; justify-content: center; background: var(--theme-base); box-shadow: 2px 2px 4px rgba(0,0,0,0.25); z-index:9 } .header-one-content { position: relative; width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; } .header-one-content__top { position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; background: var(--theme-black); width: 100%; overflow: hidden; padding: 10px 0; padding-left: 80px; height:40px; } .our-info-one { position: relative; display: block; } .our-info-one ul { position: relative; display: block; overflow: hidden; } .our-info-one ul li { position: relative; display: flex; align-items: center; float: left; padding-left: 40px; } .our-info-one ul li:first-child { padding-left: 0; } .our-info-one ul li .icon { position: relative; display: block; color: var(--theme-base); font-size: 15px; font-weight: 700; } .our-info-one ul li .icon.clr2 { color: var(--theme-color1); } .our-info-one ul li .text { position: relative; display: block; padding-left: 10px; } .our-info-one ul li .text h6 { font-size: 14px; line-height: 14px; font-family: var(--main-font); } .our-info-one ul li .text h6 a { color: #cccccc; transition: all 200ms linear; transition-delay: 0.1s; line-height: 20px;font-size: 18px; } .our-info-one ul li .text h6 a:hover { color: var(--theme-base); } .our-info-one ul li .text h6 a.clr2:hover { color: var(--theme-color1); } .contact-info-one { position: relative; display: block; } .contact-info-one ul { position: relative; display: block; } .contact-info-one ul li { position: relative; display: inline-block; float: left; } .contact-info-one ul li a { color: #ffffff; font-size: 15px; padding: 15px 15px 15px; background: var(--theme-black); transition: all 200ms linear; transition-delay: 0.1s; } .contact-info-one ul li a:hover { background: #131313; color: var(--theme-base); } .header-one-content__bottom { position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; background: #ffffff; width: 100%; padding-left: 80px; } .header-one-content__bottom-left { position: relative; display: block; } .header-one-content__bottom-right { position: relative; display: flex; align-items: center; } .header-one-content__bottom-right .header-btn-one { position: relative; display: block; } .header-one-content__bottom-right .header-btn-one .theme-btn { background: var(--theme-base); } .header-one-content__bottom-right .header-btn-one .theme-btn::after { background: var(--theme-black); } .header-one-content__bottom-right .hidden-content-btn { position: relative; display: block; margin-left: 50px; } .header-one-content__bottom-right .hidden-content-btn .side-nav-toggler { position: relative; display: inline-block; background: var(--theme-color1); padding: 36px 35px 36px; } .header-left .nav-outer { position: relative; display: block; float: left; margin-left: 150px; z-index: 1; } .main-menu.style1 { } .main-menu { position: relative; display: block; float: left; } .main-menu .navbar-collapse { padding: 0px; display: block !important; } .main-menu .navigation { position: inherit; display: block; } .main-menu .navigation>li { position: inherit; display: inline-block; float: left; margin-right: 30px; } .main-menu .navigation>li:last-child { margin-right: 0; } .main-menu .navigation>li>a { position: relative; display: flex; align-items: center; padding: 37px 0px 35px; color: #333; font-size: 18px; line-height: 30px; font-weight: 500; text-transform: capitalize; transition: all 500ms ease; font-family: var(--main-font); opacity: 1; z-index: 1; } .main-menu .navigation>li:hover>a, .main-menu .navigation>li.current>a { color: var(--theme-black); } .main-menu .navigation>li.dropdown>a { } .main-menu .navigation>li>ul { position: absolute; top: 100%; left: inherit;margin-left: -20px; min-width: 150px; padding: 0px 0; opacity: 0; visibility: hidden; border-radius: 0px; transition: all 100ms ease; z-index: 100; transform: scaleY(0); transform-origin: top; } .main-menu .navigation>li>ul:before { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; content: ''; box-shadow: 0px 0px 65px 0px rgb(0 0 0 / 10%); background: #ffffff; border-radius: 0px; z-index: -1; } .main-menu .navigation>li.dropdown:hover>ul { opacity: 1; visibility: visible; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transform: scale(1); } .main-menu .navigation>li>ul>li { position: relative; display: block; padding: 0 0px; width: 100%; opacity: 0; visibility: hidden; -webkit-transform: translateY(5px); transform: translateY(5px); transition: all 200ms linear; transition-delay: 0.1s; } .main-menu .navigation>li:hover>ul>li { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); } .main-menu .navigation>li>ul>li:nth-child(2n+1) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .main-menu .navigation>li>ul>li:nth-child(2n+2) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .main-menu .navigation>li>ul>li:nth-child(2n+3) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .main-menu .navigation>li>ul>li:nth-child(2n+4) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .main-menu .navigation>li>ul>li:nth-child(2n+5) { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } .main-menu .navigation>li>ul>li:nth-child(2n+6) { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } .main-menu .navigation>li>ul>li:nth-child(2n+7) { -webkit-transition-delay: 0.7s; transition-delay: 0.7s; } .main-menu .navigation>li>ul>li:nth-child(2n+8) { -webkit-transition-delay: 0.8s; transition-delay: 0.8s; } .main-menu .navigation>li>ul>li:nth-child(2n+9) { -webkit-transition-delay: 0.9s; transition-delay: 0.9s; } .main-menu .navigation>li>ul>li>a { position: relative; display: block; border-bottom: 1px solid rgb(212 220 219 / 30%); padding: 15px 0px 15px; padding-left: 20px; padding-right: 20px; color: rgba(var(--theme-black-rgb), .7); font-size: 15px; line-height: 24px; font-weight: 500; text-align: left; text-transform: capitalize; transition: all 500ms ease; letter-spacing: normal; font-family: var(--main-font); z-index: 1; text-wrap: nowrap } .main-menu .navigation>li>ul>li>a:hover { color: #ffffff; } .main-menu .navigation>li>ul>li:last-child>a { border: none; } .main-menu .navigation>li>ul>li>a:before { content: ""; position: absolute; top: -1px; left: 0px; right: 0; bottom: -1px; background-color: var(--theme-base); transition: -webkit-transform 0.4s ease; transition: .5s; transition: .5s; -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: right center; transform-origin: right center; z-index: -1; opacity: 0; } .main-menu .navigation>li>ul>li:hover>a:before { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: left center; transform-origin: left center; opacity: 1; } .main-menu .navigation>li>ul>li.dropdown { } .main-menu .navigation>li>ul>li>ul { position: absolute; top: 0%; left: calc(100% - 10px); width: 200px; padding: 0px 0; display: none; border-left: 0px solid transparent; padding-left: 10px; border-radius: 0px; -moz-transform: translateY(30px); -webkit-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); transition: all 100ms ease; z-index: 100; } .main-menu .navigation>li>ul>li>ul:before { position: absolute; top: 0px; left: 10px; right: 0; height: 100%; content: ''; background: #ffffff; border-radius: 0px; -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); z-index: -1; } .main-menu .navigation li>ul>li.dropdown:hover ul { opacity: 1; visibility: visible; -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; } .main-menu .navigation>li>ul>li>ul>li { position: relative; display: block; padding: 0px; width: 100%; opacity: 0; visibility: hidden; -webkit-transform: translateY(5px); transform: translateY(5px); transition: all 200ms linear; transition-delay: 0.1s; } .main-menu .navigation>li>ul>li:hover>ul>li { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); } .main-menu .navigation>li>ul>li>ul>li:nth-child(2n+1) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .main-menu .navigation>li>ul>li>ul>li:nth-child(2n+2) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .main-menu .navigation>li>ul>li>ul>li:nth-child(2n+3) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .main-menu .navigation>li>ul>li>ul>li:nth-child(2n+4) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .main-menu .navigation>li>ul>li>ul>li:nth-child(2n+5) { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } .main-menu .navigation>li>ul>li>ul>li>a { position: relative; display: block; border-bottom: 1px solid #e5e5e5; padding: 15px 0px 15px; padding-left: 30px; padding-right: 10px; color: rgba(var(--theme-black-rgb), .7); font-size: 15px; line-height: 24px; font-weight: 500; text-align: left; text-transform: capitalize; transition: all 500ms ease; letter-spacing: normal; font-family: var(--main-font); z-index: 1; } .main-menu .navigation>li>ul>li>ul>li>a:hover { background-color: var(--theme-base); color: #ffffff; } .main-menu .navigation>li>ul>li>ul>li:last-child>a { border: none; } .main-menu .navigation>li>ul>li>ul>li>a:before { content: ""; position: absolute; top: -1px; left: 0px; right: 0; bottom: -1px; background-color: var(--theme-base); transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: right center; transform-origin: right center; z-index: -1; } .main-menu .navigation>li>ul>li>ul>li:hover>a:before { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: left center; transform-origin: left center; } .main-menu .navbar-collapse>ul li.dropdown .dropdown-btn { position: absolute; right: 0px; top: 0; width: 50px; height: 42px; border-left: 1px solid #04102a; text-align: center; font-size: 16px; line-height: 42px; color: #ffffff; cursor: pointer; display: none; z-index: 5; } /*Header Two*/ .header-one--two { position: absolute; top: 40px; left: 0; right: 0; margin: 0 auto; } .header-one--two .header-one__inner { padding-left: 120px; } .header-one--two .header-one-content__top { padding-left: 40px; border-top-right-radius:5px } .header-one--two .header-one-content__bottom { padding-left: 50px; border-bottom-right-radius: 5px; } .header-one--two .logo-one { width: 120px; background: #FFF; height:120px; text-align:center;border-top-left-radius: 5px; border-bottom-left-radius: 5px } .header-one--two .logo-one img{width: 100px; height:100px; } .header-one--two .header-one-content__top { background: var(--theme-base); } .header-one--two .our-info-one ul li .text h6 a { color: #ffffff; line-height: 1.2;} .header-one--two .our-info-one ul li .text h6 a:hover { color: #ffffff; } .header-one--two .contact-info-one ul li a { background: var(--theme-base); } .header-one--two .contact-info-one ul li a:hover { color: #ffffff; } .header-one--two .contact-info-one ul li h6 a{ font-family: var(--headding-font-3);} .header-one--two .header-one-content__bottom-right .hidden-content-btn .side-nav-toggler { background: transparent; } .header-one--two .header-one-content__bottom-right::before { position: absolute; top: 0; left: 0; bottom: 0; background: #ededed; width: 1px; content: ""; } .header-one--two .header-one-content__bottom-right .search-box { position: relative; display: block; padding-left: 20px;padding-top: 5px; } .header-one--two .header-one-content__bottom-right .search-box a { color: #dcdcdc; font-size: 30px; } .header-one--two .header-one-content__bottom-right .hidden-content-btn::before { position: absolute; top: 0; left: 0; bottom: 0; background: #ededed; width: 1px; content: ""; } .header-one--two .header-one-content__bottom-right .hidden-content-btn { position: relative; display: block; margin-left: 23px; } .header-one--two .header-one-content__bottom-right .hidden-content-btn .side-nav-toggler { padding: 20px 25px 20px; } .header-one--two .header-one-content__bottom-right .hidden-content-btn .side-nav-toggler i{font-size: 24px;} .header-one--two .main-menu .navigation>li>a { padding: 25px 0px 25px; } .header-one--two .our-info-one ul li .text h6 { font-size: 16px; font-weight: 400; } /*Header Three*/ .header-three { position: relative; display: block; } .header-three__inner { position: relative; display: block; } .header-three-content { position: relative; display: block; } .header-three-content__top { position: relative; display: block; background: var(--theme-black); } .header-three-content__top .custom-container { max-width: 100%; padding: 0; padding-left: 40px; } .header-three-content__top-inner { position: relative; display: flex; align-items: center; justify-content: space-between; } .header-three-content__top-inner .our-info-one ul li .icon { top: 1px; } .header-three-content__top-inner .our-info-one ul li .text h6 { font-size: 16px; line-height: 26px; font-weight: 400; } .header-three-content__top-inner .our-info-one ul li .text h6 a { color: #ffffff; } .header-three-content__top-inner .our-info-one ul li .text h6 a:hover { color: var(--theme-base); } .header-three-content__top-right { position: relative; display: flex; align-items: center; } .header-three-content__top-right-menu { position: relative; display: block; } .header-three-content__top-right-menu ul { position: relative; display: flex; align-items: center; } .header-three-content__top-right-menu ul li { position: relative; display: block; margin-right: 43px; } .header-three-content__top-right-menu ul li:last-child { margin-right: 0px; } .header-three-content__top-right-menu ul li a { color: #ffffff; font-size: 14px; line-height: 24px; font-weight: 400; font-family: var(--main-font); transition: all 200ms linear; transition-delay: 0.1s; } .header-three-content__top-right-menu ul li a:hover { color: var(--theme-base); } .header-three-content__top-right .language-switcher { position: relative; display: block; margin-left: 40px; } .header-three-content__bottom { position: relative; display: block; background: #fff6f6; } .header-three-content__bottom .custom-container { max-width: 100%; padding: 0; padding-right: 60px; } .header-three-content__bottom-inner { position: relative; display: flex; align-items: center; justify-content: space-between; } .header-three-content__bottom-left { position: relative; display: block; } .header-three-content__bottom-left .main-menu .navigation>li>a { padding: 46px 0px 44px; } .header-three-content__bottom-left .nav-outer { position: relative; display: flex; align-items: center; } .header-three-content__bottom-left .logo-one { position: relative; display: flex; align-items: center; justify-content: center; width: 120px; height: 120px; margin-right: 100px; } .header-three-content__bottom-right { position: relative; display: flex; align-items: center; } .header-three-content__bottom-right .social-icon { position: relative; display: block; } .header-three-content__bottom-right .social-icon ul { position: relative; display: block; } .header-three-content__bottom-right .social-icon ul li { position: relative; display: inline-block; margin-right: 16px; } .header-three-content__bottom-right .social-icon ul li:last-child { margin-right: 0px; } .header-three-content__bottom-right .social-icon ul li a { position: relative; display: block; width: 60px; height: 60px; line-height: 60px; text-align: center; background: #ffffff; box-shadow: 0px 16px 32px 0px rgb(52, 52, 52, 0.1); color: var(--theme-black); font-size: 20px; font-weight: 700; transition: all 200ms linear; transition-delay: 0.1s; } .header-three-content__bottom-right .social-icon ul li a:hover { color: #ffffff; background: var(--theme-base); } .header-three-content__bottom-right .button-box { position: relative; display: block; margin-left: 20px; } .header-three-content__bottom-right .button-box .theme-btn { border-radius: 0; background: var(--theme-color2); color: #ffffff; padding: 17px 40px 15px; } .header-three-content__bottom-right .button-box .theme-btn span::before { position: relative; display: inline-block; font-size: 15px; top: 2px; } .header-three-content__bottom-right .button-box .theme-btn:after { border-radius: 0px; } /*** ==================================================================== Search Popup ==================================================================== ***/ .search_s1 { position: fixed; left: 0; top: 0px; width: 100%; height: 100%; z-index: 99999; visibility: hidden; opacity: 0; overflow: auto; background: rgba(0, 0, 0, 0.90); transition: all 700ms ease; -moz-transition: all 700ms ease; -webkit-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .search_s1 .popup-inner { width: 100%; } .search_s1.popup-visible { visibility: visible; opacity: 1; } .search_s1 .overlay-layer { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; display: block; } .search_s1 .close-search { position: absolute; right: 25px; top: 25px; font-size: 30px !important; color: #ffffff; cursor: pointer; z-index: 5; } .search_s1 .close-search:hover { opacity: 0.70; } .search_s1 .search-form { position: relative; padding: 0px 15px 0px; max-width: 724px; margin: 0 auto; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; width: 100%; } .search_s1 .search-form fieldset { position: relative; } .search_s1 .search-form fieldset input[type="search"] { position: relative; height: 70px; padding: 20px 40px 20px 30px; background: #ffffff; line-height: 40px; font-size: 30px; color: #111; } .search_s1 .search-form fieldset input[type="submit"] { position: absolute; display: block; right: 0px; top: 0px; text-align: center; width: 220px; height: 70px; padding: 20px 10px 20px 10px; color: #ffffff !important; line-height: 30px; font-size: 30px; cursor: pointer; text-transform: uppercase; border-radius: 0px 7px 7px 0px; background-color: var(--theme-color); } .search_s1 h3 { text-transform: uppercase; font-size: 20px; font-weight: 600; color: #ffffff; margin-bottom: 20px; letter-spacing: 1px; text-align: center; display: none; } .search_s1 .recent-searches { font-size: 16px; color: #ffffff; text-align: center; display: none; } .search_s1 .recent-searches li { display: inline-block; margin: 0px 10px 10px 0px; } .search_s1 .recent-searches li a { display: block; line-height: 24px; border: 1px solid #ffffff; padding: 7px 15px; color: #ffffff; border-radius: 3px; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .search_s1 .search-form fieldset input[type="search"]:focus { border-color: #ddd; -webkit-box-shadow: none; box-shadow: none; } /* Hidden Bar */ .hidden-sidebar { position: fixed; top: 0; left: -100%; z-index: 99999; width: 100%; max-width: 446px; height: 100%; overflow: auto; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; direction: rtl; } .hidden-sidebar-close { position: absolute; bottom: 0; right: -70px; font-size: 30px; cursor: pointer; color: #fff; width: 70px; height: 70px; text-align: center; line-height: 70px; } .hidden-sidebar .logo { margin-bottom: 35px; } .hidden-sidebar .wrapper-box { height: 100%; } .hidden-sidebar .content-wrapper { padding: 80px 30px; margin-right: 70px; direction: ltr; position: relative; } .hidden-sidebar .sidebar-widget { margin-bottom: 35px; padding: 0; background-color: transparent; } .hidden-sidebar .text-widget .text { font-size: 18px; color: #ffffff; margin-bottom: 0; } .pdf-widget { position: relative; } .pdf-widget .row { margin: 0 -7.5px; } .pdf-widget .column { padding: 0 7.5px; } .pdf-widget .content { background-color: rgb(255 255 255 / 96%); text-align: center; padding: 30px 10px; margin-bottom: 20px; border-radius: 10px; } .pdf-widget .content .icon { margin-bottom: 15px; } .pdf-widget .content h4 { font-size: 15px; font-weight: 700; text-transform: uppercase; } .contact-widget { position: relative; margin-bottom: 30px; } .contact-widget .icon-box { position: relative; display: flex; flex-wrap: wrap; margin-bottom: 20px; } .contact-widget .icon { width: 35px; font-size: 18px; margin-top: 5px; color: #fff; } .contact-widget .text { font-size: 17px; line-height: 44px; font-weight: 400; color: #b3b3b3; } .contact-widget .text a { color: #ffffff; } .contact-widget .text strong { color: #fff; font-weight: 700; display: block; } .nav-overlay { position: fixed; top: 0; left: 0; bottom: 0; z-index: 99999; width: 100%; display: none; background: rgba(20, 20, 20, 0.70); overflow: hidden; cursor: none; } /*** ==================================================================== Banner Section One ==================================================================== ***/ .banner-section-one { position: relative; display: block; } .banner-section-one-carousel { position: relative; } .banner-addon-one { position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; padding: 170px 0px 170px 0px; width: 100%; overflow: hidden; background: var(--thm-black); } .banner-addon-one .slide-logo-box-outer { position: absolute; top: 0; left: -40px; bottom: 0; display: flex; align-items: center; justify-content: center; opacity: 0; transform: translateX(-100%); z-index: 4; } .banner-section-one-carousel .active .banner-addon-one .slide-logo-box-outer { opacity: 1; transform: translate(0); transition: all 2200ms ease; transition-delay: 500ms; } .banner-addon-one .slide-logo-box { position: relative; display: block; width: 404px; height: 404px; border-radius: 50%; background-color: rgb(197, 225, 231); display: flex; align-items: center; justify-content: center; } .banner-addon-one .slide-icon-box { position: absolute; top: 0; left: 200px; bottom: 0; display: flex; align-items: center; justify-content: center; } .banner-addon-one .slide-icon-box .inner { position: relative; display: block; } .banner-addon-one .slide-icon-box ul { position: relative; display: block; } .banner-addon-one .slide-icon-box ul li { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 120px; height: 120px; background: var(--theme-black); border-radius: 50%; margin: 25px 0; } .banner-addon-one .slide-icon-box ul li.icon1 { opacity: 0; transform: translateX(-100%); z-index: 5; } .banner-section-one-carousel .active .banner-addon-one .slide-icon-box ul li.icon1 { opacity: 1; transform: translate(0); transition: all 1000ms ease; transition-delay: 200ms; } .banner-addon-one .slide-icon-box ul li.middle { margin-left: 120px; background: var(--theme-base); opacity: 0; transform: translateX(-100%); z-index: 5; } .banner-section-one-carousel .active .banner-addon-one .slide-icon-box ul li.middle { opacity: 1; transform: translate(0); transition: all 1400ms ease; transition-delay: 400ms; } .banner-addon-one .slide-icon-box ul li.clr-3 { background: var(--theme-color1); opacity: 0; transform: translateX(-100%); z-index: 5; } .banner-section-one-carousel .active .banner-addon-one .slide-icon-box ul li.clr-3 { opacity: 1; transform: translate(0); transition: all 1800ms ease; transition-delay: 800ms; } .banner-addon-one .slide-icon-box ul li span:before { color: var(--theme-color2); font-size: 40px; line-height: 40px; } .banner-addon-one .slide-icon-box ul li span.white:before { color: #ffffff; } .banner-addon-one .slide-icon-box ul li p { color: #ffffff; font-size: 14px; line-height: 16px; font-weight: 400; margin: 1px 0 0; } .banner-addon-one .image-layer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; mix-blend-mode: normal; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 6000ms linear; -moz-transition: all 6000ms linear; -ms-transition: all 6000ms linear; -o-transition: all 6000ms linear; transition: all 6000ms linear; } .banner-addon-one .image-layer::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent; opacity: 0.5; z-index: -1; } .banner-addon-one .content-box { position: relative; display: block; z-index: 5; width: 100%; } .banner-addon-one .content-box .sec-title { padding-bottom: 14px; } .banner-addon-one .content-box .sec-title .tagline { margin-bottom: 6px; opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all 700ms ease; -moz-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; transition: all 700ms ease; } .banner-section-one-carousel .active .banner-addon-one .content-box .sec-title .tagline { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 700ms; -moz-transition-delay: 700ms; -ms-transition-delay: 700ms; -o-transition-delay: 700ms; transition-delay: 700ms; } .banner-addon-one .content-box .sec-title .title { font-size: 72px; opacity: 0; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .banner-section-one-carousel .active .banner-addon-one .content-box .sec-title .title { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 1000ms; -moz-transition-delay: 1000ms; -ms-transition-delay: 1000ms; -o-transition-delay: 1000ms; transition-delay: 1000ms; } .banner-addon-one .content-box .sec-title .title span { color: var(--theme-color1); } .banner-addon-one .content-box .text { position: relative; display: block; opacity: 0; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); -webkit-transition: all 1300ms ease; -moz-transition: all 1300ms ease; -ms-transition: all 1300ms ease; -o-transition: all 1300ms ease; transition: all 1300ms ease; } .banner-section-one-carousel .active .banner-addon-one .content-box .text { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 1300ms; -moz-transition-delay: 1300ms; -ms-transition-delay: 1300ms; -o-transition-delay: 1300ms; transition-delay: 1300ms; } .banner-addon-one .content-box .text p { font-size: 18px; line-height: 28px; } .banner-addon-one .content-box .button-box { position: relative; display: flex; align-items: center; justify-content: center; margin-top: 42px; opacity: 0; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); -webkit-transition: all 1600ms ease; -moz-transition: all 1600ms ease; -ms-transition: all 1600ms ease; -o-transition: all 1600ms ease; transition: all 1600ms ease; } .banner-section-one-carousel .active .banner-addon-one .content-box .button-box { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 1600ms; -moz-transition-delay: 1600ms; -ms-transition-delay: 1600ms; -o-transition-delay: 1600ms; transition-delay: 1600ms; } .banner-addon-one .content-box .button-box .theme-btn.style2 { background: var(--theme-base); } .banner-addon-one .content-box .button-box .theme-btn.style2::after { background: var(--theme-black); } .banner-addon-one .content-box .button-box a+a { margin-left: 30px; } /*** ==================================================================== Banner Section Two ==================================================================== ***/ .banner-section-two { position: relative; display: block; } .banner-section-one-carousel { position: relative; } .banner-addon-two { position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; padding: 373px 0px 260px 0px; width: 100%; overflow: hidden; background: var(--thm-black); } .banner-addon-two .image-layer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; mix-blend-mode: normal; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 6000ms linear; -moz-transition: all 6000ms linear; -ms-transition: all 6000ms linear; -o-transition: all 6000ms linear; transition: all 6000ms linear; } .banner-addon-two .image-layer::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #000000; opacity: 0.4; z-index: -1; } .banner-addon-two .content-box { position: relative; display: block; z-index: 5; width: 100%; } .banner-addon-two .content-box .tagline { position: relative; display: block; margin-bottom: 5px; opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all 700ms ease; -moz-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; transition: all 700ms ease; } .banner-section-two-carousel .active .banner-addon-two .content-box .tagline { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 700ms; -moz-transition-delay: 700ms; -ms-transition-delay: 700ms; -o-transition-delay: 700ms; transition-delay: 700ms; } .banner-addon-two .content-box .tagline span { color: #ffffff; font-size: 18px; line-height: 28px; text-transform: capitalize; font-family: var(--main-font); } .banner-addon-two .content-box .title { position: relative; display: block; opacity: 0; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .banner-section-two-carousel .active .banner-addon-two .content-box .title { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 1000ms; -moz-transition-delay: 1000ms; -ms-transition-delay: 1000ms; -o-transition-delay: 1000ms; transition-delay: 1000ms; } .banner-addon-two .content-box .title h2 { color: #ffffff; font-size: 80px; line-height: 1.1em; font-weight: 700; } .banner-addon-two .content-box .button-box { position: relative; display: flex; align-items: center; margin-top: 32px; opacity: 0; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); -webkit-transition: all 1300ms ease; -moz-transition: all 1300ms ease; -ms-transition: all 1300ms ease; -o-transition: all 1300ms ease; transition: all 1300ms ease; } .banner-section-two-carousel .active .banner-addon-two .content-box .button-box { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 1300ms; -moz-transition-delay: 1300ms; -ms-transition-delay: 1300ms; -o-transition-delay: 1300ms; transition-delay: 1300ms; } .banner-addon-two .content-box .button-box .theme-btn { background: var(--theme-base); border-radius: 0; } .banner-addon-two .content-box .button-box .theme-btn::after { background: var(--theme-black); border-radius: 0; } .banner-addon-two .content-box .button-box .contact-btn { position: relative; display: flex; align-items: center; margin-left: 30px; } .banner-addon-two .content-box .button-box .contact-btn .icon { position: relative; display: block; } .banner-addon-two .content-box .button-box .contact-btn .icon span::before { position: relative; display: block; color: #ffffff; font-size: 50px; line-height: 50px; top: -2px; } .banner-addon-two .content-box .button-box .contact-btn .text { position: relative; display: block; padding-left: 15px; } .banner-addon-two .content-box .button-box .contact-btn .text p { color: #ffffff; font-size: 14px; line-height: 20px; text-transform: capitalize; } .banner-addon-two .content-box .button-box .contact-btn .text a { color: #ffffff; font-size: 20px; line-height: 24px; font-weight: 700; transition: all 200ms linear; transition-delay: 0.1s; } .banner-addon-two .content-box .button-box .contact-btn .text a:hover { color: var(--theme-base); } .banner-section-two-carousel .owl-nav { } .banner-section-two-carousel .owl-nav { position: absolute; display: block; top: 50%; left: 0; right: 0; margin: 0 auto; width: 100%; transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .5s; transition-property: all; transform-origin: bottom; transform-style: preserve-3d; opacity: 0; transform: scale(1.0); } .banner-section-two-carousel .owl-nav { opacity: 1; transform: scale(1.0); } .banner-section-two-carousel.owl-carousel .owl-nav button.owl-next, .banner-section-two-carousel.owl-carousel .owl-nav button.owl-prev { background: rgba(255, 255, 255, .1); width: 80px; height: 80px; line-height: 80px; text-align: center; color: #ffffff; font-size: 20px; font-weight: 700; border-radius: 0; transition: all 200ms linear; transition-delay: 0.1s; } .banner-section-two-carousel.owl-theme .owl-nav .owl-prev { position: absolute; left: 0px; top: 0; opacity: 1; margin: 0; padding: 0; margin-top: -40px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .banner-section-two-carousel.owl-theme .owl-nav .owl-next { position: absolute; right: 0px; top: 0; opacity: 1; margin: 0; padding: 0; margin-top: -40px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .banner-section-two-carousel.owl-carousel .owl-nav button.owl-next:hover, .banner-section-two-carousel.owl-carousel .owl-nav button.owl-prev:hover { background: var(--theme-base); color: #ffffff; } .banner-section-two-carousel.owl-carousel .owl-nav button.owl-prev .rotate { transform: rotate(180deg); position: relative; display: inline-block; top: -3px; } /*** ==================================================================== Banner Section Three ==================================================================== ***/ .banner-section-three { position: relative; display: block; background: #fff6f6; padding: 155px 0px 230px; } .banner-addon-three { position: relative; display: block; } .banner-addon-three-content { position: relative; display: block; } .banner-addon-three-content .sec-title .title { font-size: 65px; } .banner-addon-three-content .sec-title .title span { color: var(--theme-color1); } .banner-addon-three-content .sec-title { padding-bottom: 0px; } .banner-addon-three-content .button-box { position: relative; display: flex; align-items: center; margin-top: 32px; } .banner-addon-three-content .button-box .button-one { position: relative; display: block; } .banner-addon-three-content .button-box .button-one .theme-btn { background: #ffffff; border-radius: 0; color: var(--theme-black); box-shadow: 0px 16px 32px 0px rgb(52, 52, 52, 0.1); } .banner-addon-three-content .button-box .button-one .theme-btn::after { border-radius: 0px; } .banner-addon-three-content .button-box .button-one .theme-btn:hover { color: #ffffff; } .banner-addon-three-content .button-box .video-btn { position: relative; display: block; margin-left: 20px; } .banner-addon-three-content .button-box .video-btn .icon { position: relative; display: block; } .banner-addon-three-content .button-box .video-btn .icon a { position: relative; display: block; width: 60px; height: 60px; line-height: 60px; background: var(--theme-color3); text-align: center; color: #ffffff; font-size: 15px; transition: all 200ms linear; transition-delay: 0.1s; } .banner-addon-three-content .button-box .video-btn .icon a:hover { background: var(--theme-base); } .banner-addon-three-img { position: relative; display: block; margin-top: -110px; margin-left: 10px; margin-right: -50px; } .banner-addon-three-img img { width: 100%; } /*** ============================================ Hidden Sidebar style ============================================ ***/ .sidebar_header { position: fixed; top: 0; width: 400px; height: 100%; background: var(--theme-black); z-index: 9999999999; transition: all 700ms ease; } .sidebar_header .mCSB_inside>.mCSB_container { margin-right: 0px; } .sidebar_header.right-align { right: -400px; } .sidebar_header.right-align.visible-sidebar { right: 0px; transition-delay: 300ms; } .sidebar_header .sidebar_header-closer { position: absolute; right: 20px; top: 5px; width: 40px; height: 40px; background: none; color: rgba(255, 255, 255, .7); border-radius: 0px; text-align: center; line-height: 40px; transition: all 300ms ease; z-index: 999999; } .sidebar_header .sidebar_header-closer button { background: none; display: block; font-size: 30px; color: rgb(255 255 255); width: 40px; height: 40px; line-height: 40px; } .sidebar_header .sidebar_header-closer button span:before { font-size: 20px; line-height: 30px; } .sidebar_header .sidebar_header-closer:hover button { color: rgba(255, 255, 255, .7); } .sidebar_header-wrapper { height: 100%; overflow-y: auto; } .sidebar_header .logo { padding: 0px 0px 30px; } .sidebar_header .logo a { display: inline-block; } .sidebar_header .logo img { display: inline-block; max-width: 100%; } .hiddenbar-about-us { position: relative; display: block; } .hiddenbar-about-us h3 { color: var(--theme-base); font-size: 20px; margin: 0 0 18px; } .hiddenbar-about-us .text { display: block; } .hiddenbar-about-us .text p { font-size: 17px; color: rgba(255, 255, 255, .7); margin: 0; } .sidebar_header .contact-info-box { position: relative; display: block; padding-top: 36px; } .sidebar_header .contact-info-box h3 { color: var(--theme-base); font-size: 20px; margin: 0 0 23px; } .sidebar_header .contact-info-box ul { position: relative; display: block; } .sidebar_header .contact-info-box ul li { position: relative; display: block; overflow: hidden; margin-bottom: 16px; } .sidebar_header .contact-info-box ul li:last-child { margin-bottom: 0; } .sidebar_header .contact-info-box ul li h5 { color: var(--theme-base); font-size: 16px; line-height: 16px; font-weight: 500; margin: 0 0 11px; } .sidebar_header .contact-info-box ul li p { color: rgba(255, 255, 255, .7); font-size: 17px; margin: 0; } .sidebar_header .contact-info-box ul li p a { color: rgba(255, 255, 255, .7); transition: all 200ms linear; transition-delay: 0.1s; } .sidebar_header .contact-info-box ul li p a:hover { color: var(--theme-base); } .sidebar_header .newsletter-form-box { position: relative; display: block; padding-top: 26px; padding-right: 20px; } .sidebar_header .newsletter-form-box h3 { color: var(--theme-base); font-size: 20px; margin: 0 0 24px; } .sidebar_header .newsletter-form-box form { position: relative; display: block; } .sidebar_header .newsletter-form-box form input[type="email"] { position: relative; display: block; width: 100%; height: 50px; background: #ffffff; border: 1px solid #eeeeee; color: #8b8b8b; font-size: 15px; padding: 0 20px; padding-right: 60px; transition: all 500ms ease; outline: none; } .sidebar_header .newsletter-form-box form button { position: absolute; top: 0; bottom: 0; right: 0px; width: 50px; text-align: center; background: var(--theme-base); } .sidebar_header .newsletter-form-box form button i { position: relative; top: 2px; color: #ffffff; font-size: 20px; line-height: 20px; } .sidebar_header .copy-right-text { position: relative; display: block; padding-top: 44px; } .sidebar_header .copy-right-text p { color: rgba(255, 255, 255, .7); font-size: 14px; margin: 0; } .givoxin_sidebar_inner { padding: 60px 40px 40px; } .sidebar_header .sidebar-about img { border-radius: 5px; } .sidebar_header .sidebar-addon { position: relative; margin-bottom: 40px; border: 1px solid rgb(255 255 255 / 9%); padding: 30px; } .sidebar_header .sidebar-addon .title h3 { color: #fff; margin-bottom: 30px; } .sidebar_header .sidebar-addon .popular-feeds li .title-box h4 a { color: rgb(255 255 255 / 70%); } .sidebar_header .sidebar-addon .popular-feeds li .title-box p span { color: #fff; } .sidebar_header .sidebar-addon .popular-feeds li .title-box p { color: #fff; } .sidebar_header .sidebar-addon .popular-feeds li .title-box h4 br { display: none; } .sidebar_header .sidebar-addon .popular-feeds li .title-box h4 { font-size: 15px; } .sidebar_header .sidebar-addon .popular-feeds li { border-color: rgb(255 255 255 / 9%); } .sidebar_header .sidebar-about .text-box h3 { color: #fff; margin-top: 30px; } .sidebar_header .sidebar-about .text-box pre { color: #f5f5f5; } .sidebar_header .sidebar-addon .text { color: rgb(255 255 255 / 70%); margin-bottom: 25px; } .sidebar_header ul.contact-info li { margin-bottom: 10px; color: rgb(255 255 255 / 70%); } .sidebar_header ul.contact-info li i { margin-right: 10px; color: #fff; } .sidebar_header ul.contact-info li a { color: rgb(255 255 255 / 70%); } .sidebar_header .sidebar-about .text-box p { color: rgb(255 255 255 / 70%); } /* Breadcrumb Section One */ .breadcrumb-section-one { position: relative; display: block; overflow: hidden; z-index: 10; } .breadcrumb-section-one-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-attachment: scroll; background-position: left top; background-repeat: no-repeat; background-size: cover; z-index: 1; } .breadcrumb-section-one .inner-content { position: relative; /*display: flex;*/ align-items: center; justify-content: space-between; padding: 240px 70px 60px; z-index: 10; width: 100%; } .breadcrumb-section-one .inner-content .title-box { position: relative; display: block; } .breadcrumb-section-one .inner-content .title-box .sec-title { padding-bottom: 0px; } .breadcrumb-section-one .inner-content .title-box .sec-title .tagline { margin-bottom: 8px; } .breadcrumb-section-one .inner-content .title-box .sec-title .title { font-size: 2rem; line-height: 1.2em; text-align: right; color:#FFF;text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25) } .breadcrumb-section-one .inner-content .title-box .sec-title .title *{ display: inline-block; text-decoration: none; color:#FFF; text-transform: uppercase; } .breadcrumb-section-one .breadcrumb-item + .breadcrumb-item::before{color:#FFF;padding-right: 1rem;padding-left: 1rem;} .breadcrumb-section-one .inner-content .breadcrumb-menu { position: relative; display: block; } .breadcrumb-section-one .inner-content .breadcrumb-menu ul { position: relative; display: inline-block; border-radius: 10px; overflow: hidden; } .breadcrumb-section-one .inner-content .breadcrumb-menu ul li { position: relative; display: block; float: left; color: var(--theme-black); font-size: 16px; line-height: 26px; font-weight: 700; background: #ffffff; padding: 19px 40px 17px; transition: all 200ms linear; transition-delay: 0.1s; } .breadcrumb-section-one .inner-content .breadcrumb-menu ul li.active { background: var(--theme-base); color: #ffffff; } .breadcrumb-section-one .inner-content .breadcrumb-menu ul li:hover { background: var(--theme-base); color: #ffffff; } .breadcrumb-section-one .inner-content .breadcrumb-menu ul li a { position: relative; color: var(--theme-black); transition: all 200ms linear; transition-delay: 0.1s; } .breadcrumb-section-one .inner-content .breadcrumb-menu ul li a:hover { color: #ffffff; } /* Donation Form One */ .donation-form-one { position: relative; display: block; background: #ffffff; padding: 140px 0px 120px; z-index: 1; } .donation-form-one-inner { position: relative; display: block; box-shadow: 15px 25.981px 60px 0px rgb(131, 131, 131, 0.1); border-radius: 10px; padding: 73px 80px 60px; z-index: 1; } .donation-form-one-inner::after { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #ffffff; content: ""; border-radius: 10px; z-index: -1; } .donation-form-one-inner .shape1 { position: absolute; left: -25px; bottom: 90px; width: 105px; height: 105px; background: var(--theme-black); border-radius: 50%; z-index: -2; } .donation-form-one-inner .shape2 { position: absolute; bottom: -50px; right: -50px; width: 105px; height: 105px; background: var(--theme-color1); border-radius: 50%; z-index: -2; } .donation-form-one-inner::before { position: absolute; top: -20px; left: 40px; right: 40px; height: 20px; background: var(--theme-color2); border-top-left-radius: 10px; border-top-right-radius: 10px; content: ""; z-index: -1; } .donation-form-one-inner .title { position: relative; display: block; margin-bottom: 36px; } .donation-form-one-inner .title h3 { font-size: 20px; line-height: 30px; letter-spacing: 0; } #donation-form-one-form { position: relative; display: block; } #donation-form-one-form .input-box { position: relative; display: block; } #donation-form-one-form .input-box .icon { position: absolute; top: 18px; right: 30px; color: #999999; font-size: 15px; } #donation-form-one-form .input-box .icon span::before { position: relative; display: inline-block; font-weight: 700; } #donation-form-one-form input[type="text"], #donation-form-one-form input[type="email"], #donation-form-one-form textarea { position: relative; display: block; background: #f7f7f7; border: 0px solid #f7f7f7; width: 100%; height: 60px; color: #999999; font-size: 16px; font-style: normal; font-weight: 400; padding: 0 30px; padding-right: 55px; border-radius: 10px; margin-bottom: 25px; transition: all 500ms ease; font-family: var(--main-font); outline: none; } #donation-form-one-form .select-box { position: relative; display: block; width: 100%; height: 60px; } #donation-form-one-form .nice-select { height: 60px; line-height: 60px; background: #f7f7f7; border: 0px solid #f7f7f7; border-radius: 10px; font-family: var(--main-font); font-size: 16px; font-weight: 400; color: #999999; padding-left: 20px; padding-right: 20px; } #donation-form-one-form .nice-select:after { width: 8px; height: 8px; border-bottom: 2px solid #999999; border-right: 2px solid #999999; right: 33px; margin-top: 0px; top: 24px; z-index: 10; } #donation-form-one-form .button-box { position: relative; display: block; width: 100%; } #donation-form-one-form .button-box .theme-btn { display: block; background: var(--theme-base); } #donation-form-one-form .button-box .theme-btn::after { background: var(--theme-color2); } #donation-form-one-form .button-box .theme-btn i::before { position: relative; display: block; color: #ffffff; font-size: 15px; } #donation-form-one-form .button-box button { outline: none; padding: 0; border: none; width: 100%; } /* Section One */ .about-section-one { position: relative; display: block; padding: 0px 0px 170px; } .about-addon-one { position: relative; display: block; max-width: 625px; width: 100%; } .about-addon-one .image-one { position: relative; display: block; border-radius: 10px; overflow: hidden; z-index: 1; } .about-addon-one .image-two { position: absolute; bottom: -40px; right: 0px; box-shadow: 15px 25.981px 60px 0px rgb(131, 131, 131, 0.1); z-index: 5; } .about-addon-one .image-two::before { position: absolute; top: -10px; left: -10px; bottom: -10px; right: -10px; border: 10px solid #ffffff; content: ""; border-radius: 10px; } .about-addon-one .image-two .inner { position: relative; display: block; border-radius: 10px; } .about-addon-one .image-two img { } .about-addon-two { position: relative; display: block; margin-left: 55px; max-width: 480px; width: 100%; } .about-addon-two .sec-title { padding-bottom: 34px; } .about-addon-two .author-box { position: relative; display: block; background: #f5f5f5; overflow: hidden; border-radius: 10px; padding: 34px 40px 36px; z-index: 1; } .about-addon-two .author-box .icon { position: absolute; top: 35px; right: 30px; } .about-addon-two .author-box .icon span::before { position: relative; display: inline-block; color: #e2e2e2; font-size: 90px; line-height: 90px; z-index: -1; } .about-addon-two .author-box::before { position: absolute; left: 0; bottom: 0; right: 0; height: 4px; background: var(--theme-color1); content: ""; } .about-addon-two .author-box p { color: var(--theme-black); font-weight: 700; margin-bottom: 5px; } .about-addon-two .author-box span { color: var(--theme-base); font-size: 16px; line-height: 26px; font-weight: 700; font-family: var(--headding-font-2); } .about-addon-two .text { position: relative; display: block; margin-top: 43px; } .about-addon-two .button-box { position: relative; display: flex; align-items: center; margin-top: 37px; } .about-addon-two .button-box .btn1 { position: relative; display: block; } .about-addon-two .button-box .btn2 { position: relative; display: block; margin-left: 30px; } .about-addon-two .button-box .btn2 .theme-btn { background: rgba(var(--theme-base-rgb), 0.1); color: var(--theme-base); } .about-addon-two .button-box .btn2 .theme-btn:hover { color: #ffffff; } /* section two */ .services-section-one { position: relative; display: block; background: #f5f5f5; padding: 60px 0px 40px; counter-reset: count; } .services-addon-one { position: relative; display: block; margin-bottom: 10px; padding-bottom: 10px; } .services-addon-one .inner { position: relative; display: block; background: #ffffff; padding: 20px; } .services-addon-one .inner .count-box { position: relative; display: block; color: transparent; -webkit-text-stroke: 1px var(--theme-base); font-size: 100px; line-height: 1em; font-weight: 700; font-family: var(--headding-font-2); letter-spacing: -0.03em; } .services-addon-one .inner .count-box::before { color: transparent; -webkit-text-stroke: 1px var(--theme-base); font-size: 100px; line-height: 1em; font-weight: 700; counter-increment: count; content: "0"counter(count); } .services-addon-one .inner .count-box.color2 { color: transparent; -webkit-text-stroke: 1px var(--theme-color1); } .services-addon-one .inner .color2.count-box::before { color: transparent; -webkit-text-stroke: 1px var(--theme-color1); } .services-addon-one .inner .count-box.color3 { color: transparent; -webkit-text-stroke: 1px var(--theme-color2); } .services-addon-one .inner .color3.count-box::before { color: transparent; -webkit-text-stroke: 1px var(--theme-color2); } .services-addon-one .inner .count-box.color4 { color: transparent; -webkit-text-stroke: 1px var(--theme-color3); } .services-addon-one .inner .color4.count-box::before { color: transparent; -webkit-text-stroke: 1px var(--theme-color3); } .services-addon-one .inner h2 { font-size: 24px; line-height: 2em; margin: 0px auto 20px auto;display:inline-block;padding: 0 2em; background-color: #f3f3f3; } .services-addon-one .inner h2 a { color: #333; transition: all 200ms linear; transition-delay: 0.1s; } .services-addon-one .inner h2 a:hover { color: var(--theme-base); } .services-addon-one .icon { position: absolute; left: 0; bottom: 0; right: 0; margin: 0 auto; width: 140px; height: 140px; background: var(--theme-base); border-radius: 50%; text-align: center; z-index: 1; } .services-addon-one .icon.clr2, h2.color-1 { background: var(--theme-color1); } .services-addon-one .clr2.icon:before { border: 1px solid var(--theme-color1); } .services-addon-one .icon.clr3, h2.color-2 { background: var(--theme-color2); } .services-addon-one .clr3.icon:before { border: 1px solid var(--theme-color2); } .services-addon-one .icon.clr4, h2.color-3 { background: var(--theme-color3); } .services-addon-one .clr4.icon:before { border: 1px solid var(--theme-color3); } .services-addon-one .icon::before { position: absolute; top: -10px; left: -10px; bottom: -10px; right: -10px; border-radius: 50%; border: 1px solid var(--theme-base); -webkit-transition: .5s; -o-transition: .5s; transition: .5s; opacity: 0; -webkit-transform: perspective(400px) scale(0.5); -ms-transform: perspective(400px) scale(0.5); transform: perspective(400px) scale(0.5); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; z-index: -1; content: ""; } .services-addon-one:hover .icon::before { opacity: 1.0; -webkit-transform: perspective(400px) scale(1); -ms-transform: perspective(400px) scale(1); transform: perspective(400px) scale(1); } .services-addon-one .icon span::before { position: relative; display: inline-block; color: #ffffff; font-size: 70px; line-height: 140px; } /* Causes Section One */ .causes-section-one { position: relative; display: block; background: #ffffff; padding: 120px 0px 90px; } .causes-section-one-top { position: relative; display: flex; align-items: center; justify-content: space-between; margin-bottom: 54px; } .causes-section-one-top .sec-title { padding-bottom: 0; } .causes-section-one-top .filters { position: relative; display: block; } .causes-section-one-top .filters .filter-tabs { position: relative; display: block; } .causes-section-one-top .filters .filter-tabs li { position: relative; display: inline-block; color: var(--theme-black); font-size: 14px; box-shadow: 4px 6.928px 16px 0px rgb(131, 131, 131, 0.1); border: 1px solid #e4e4e4; border-radius: 40px; padding: 9px 30px 7px; cursor: pointer; background: #ffffff; font-family: var(--main-font); transition: all 200ms linear; transition-delay: 0.1s; } .causes-section-one-top .filters .filter-tabs li:hover, .causes-section-one-top .filters .filter-tabs li.active { color: #ffffff; background: var(--theme-color1); border-color: var(--theme-color1); } section.photo-gallery .filters { padding-bottom: 40px; } .causes-section-addon-one { position: relative; display: block; overflow: hidden; margin-bottom: 30px; } .causes-section-addon-one .img-box { position: relative; display: block; } .causes-section-addon-one .img-box .inner { position: relative; display: block; border-top-left-radius: 10px; border-top-right-radius: 10px; overflow: hidden; z-index: 1; } .causes-section-addon-one .img-box .inner:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .7s; transition-property: all; background: rgba(var(--theme-black-rgb), 0.8); opacity: 0; z-index: 1; content: ""; } .causes-section-addon-one:hover .img-box .inner::before { opacity: 1; opacity: 0.7; } .causes-section-addon-one .img-box .inner img { width: 100%; transition: .5s ease; transform: scale(1.05); } .causes-section-addon-one:hover .img-box .inner img { transform: scale(1); } .causes-section-addon-one .content-box { position: relative; display: block; box-shadow: 4px 6.928px 16px 0px rgb(131, 131, 131, 0.1); background: #ffffff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border: 1px solid #e4e4e4; border-top: none; padding: 40px 40px 32px; transition: 0.7s; } .causes-section-addon-one .content-box.overlay { position: absolute; left: 0; bottom: 0px; right: 0; opacity: 0; visibility: hidden; transform-origin: center; transform-style: preserve-3d; transform: scale(1.0) translateY(65px); transition: all .4s ease-in-out .1s; z-index: 3; } .causes-section-addon-one:hover .content-box.overlay { opacity: 1.0; visibility: visible; transform: scale(1.0) translateY(0%); } .causes-section-addon-one .content-box.overlay .button-box { position: relative; display: block; margin-top: 27px; } .causes-section-addon-one .content-box.overlay .button-box .theme-btn { background: var(--theme-base); } .causes-section-addon-one .content-box.overlay .button-box .theme-btn::after { background: var(--theme-black); } .causes-section-addon-one .content-box .progress-box { position: absolute; right: 40px; top: -50px; line-height: 0; z-index: 2; } .causes-section-addon-one .content-box .progress-box .inner-box { position: relative; display: flex; align-items: center; justify-content: center; text-align: center; width: 100px; height: 100px; background: #ffffff; width: 100px; height: 100px; border-radius: 50%; } .causes-section-addon-one .content-box .progress-box .graph-outer { position: relative; display: inline-block; text-align: center; background: #fff; border-radius: 50%; box-shadow: 4px 6.928px 16px 0px rgb(247, 79, 34, 0.1); z-index: 1; } .causes-section-addon-one .content-box .progress-box .graph-outer::before { position: absolute; top: 2px; left: 2px; bottom: 0; right: 0; border-radius: 50%; height: 71px; width: 71px; background: transparent; border: 2px solid #f1f1f1; z-index: -1; content: ""; } .causes-section-addon-one .content-box .progress-box .graph-outer .count-box { position: absolute; top: 50%; left: 0; width: 100%; color: var(--theme-black); font-size: 24px; font-weight: 700; transform: translateY(-50%); } .causes-section-addon-one .content-box .progress-box .graph-outer .count-text { position: relative; display: inline-block; color: var(--theme-black); font-size: 24px; line-height: 34px; font-weight: 700; font-family: var(--main-font); letter-spacing: 0em; } .causes-section-addon-one .content-box .progress-box .graph-outer .count-Parsent { font-size: 15px; transform: rotate(18deg); position: relative; display: inline-block; color: var(--theme-base); font-weight: 700; } .causes-section-addon-one .content-box .author-box { position: relative; display: flex; align-items: center; margin-bottom: 12px; } .causes-section-addon-one .content-box .author-box .img { position: relative; display: block; width: 40px; height: 40px; } .causes-section-addon-one .content-box .author-box .img img { width: 100%; } .causes-section-addon-one .content-box .author-box .name { position: relative; display: block; padding-left: 15px; } .causes-section-addon-one .content-box .author-box .name p { color: var(--theme-black); font-size: 14px; } .causes-section-addon-one .content-box h2 { font-size: 24px; line-height: 34px; } .causes-section-addon-one .content-box h2 a { color: var(--theme-black); transition: all 200ms linear; transition-delay: 0.1s; } .causes-section-addon-one .content-box h2 a:hover { color: var(--theme-base); } .causes-section-addon-one .content-box .bottom { position: relative; display: block; margin-top: 10px; } .causes-section-addon-one .content-box .bottom ul { position: relative; display: block; } .causes-section-addon-one .content-box .bottom ul li { position: relative; display: inline-block; margin-right: 24px; } .causes-section-addon-one .content-box .bottom ul li:last-child { margin-right: 0; } .causes-section-addon-one .content-box .bottom ul li span { color: var(--theme-color1); font-weight: 700; } .causes-section-addon-one .content-box .bottom ul li span.clr2 { color: var(--theme-color2); } /* Counter Section One */ .counter-section-one { position: relative; display: block; background: var(--theme-black); padding: 120px 0px 70px; } .counter-section-one-inner { position: relative; display: flex; align-items: center; justify-content: space-between; overflow: hidden; } .counter-section-one-inner .title-block { position: relative; display: block; } .counter-section-one-inner .title-block .sec-title { padding-bottom: 0px; } .counter-section-one-inner .title-block .sec-title .tagline span.left { background: var(--theme-color2); } .counter-section-one-inner .title-block .sec-title .tagline span.left::before { background: var(--theme-color2); } .counter-section-one-inner .title-block .sec-title .tagline h6 { color: var(--theme-color2); } .counter-section-one-inner .title-block .sec-title .title { color: #ffffff; } .counter-section-one-inner .content-addon { position: relative; display: block; } .counter-section-one-inner .content-addon ul { position: relative; display: block; } .counter-section-one-inner .content-addon ul li { position: relative; display: inline-block; margin-right: 25px; } .counter-section-one-inner .content-addon ul li:last-child { margin-right: 0; } .counter-section-one-inner .content-addon ul li .count-outer { position: relative; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; flex-direction: column; width: 120px; height: 120px; background: var(--theme-base); border-radius: 10px; z-index: 1; } .counter-section-one-inner .content-addon ul li .count-outer.bg2 { background: var(--theme-color1); } .counter-section-one-inner .content-addon ul li .count-outer.bg3 { background: var(--theme-color2); } .counter-section-one-inner .content-addon ul li .count-outer.bg4 { background: var(--theme-color3); } .counter-section-one-inner .content-addon ul li .count-outer::before { position: absolute; top: 10px; left: 10px; bottom: -10px; right: 10px; background: rgba(var(--theme-base-rgb), 0.2); border-radius: 10px; content: ""; z-index: -1; } .counter-section-one-inner .content-addon ul li .bg2.count-outer::before { background: rgba(var(--theme-color1-rgb), 0.2); } .counter-section-one-inner .content-addon ul li .bg3.count-outer::before { background: rgba(var(--theme-color2-rgb), 0.2); } .counter-section-one-inner .content-addon ul li .bg4.count-outer::before { background: rgba(var(--theme-color3-rgb), 0.2); } .counter-section-one-inner .content-addon ul li .count-outer .count-text { color: #ffffff; font-size: 60px; line-height: 0.9em; font-weight: 700; font-family: var(--headding-font-2); } .counter-section-one-inner .content-addon ul li .count-outer p { color: #ffffff; font-size: 14px; line-height: 20px; } /* Video Section One */ .video-section-one { position: relative; display: block; padding: 50px 0px 0px; z-index: 2; } .video-section-one::before { position: absolute; top: 0; left: 0; right: 0; background: var(--theme-black); height: 250px; content: ""; z-index: -1; } .video-addon-one { position: relative; display: block; background-position: center center; background-attachment: scroll; background-repeat: no-repeat; background-size: cover; border-radius: 10px; overflow: hidden; min-height: 476px; } .video-addon-one .icon { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: flex; align-items: center; justify-content: center; } .video-addon-one .icon a { position: relative; display: block; width: 120px; height: 120px; line-height: 120px; border-radius: 50%; background: #ffffff; text-align: center; color: var(--theme-black); font-size: 20px; transition: all 200ms linear; transition-delay: 0.1s; } .video-addon-one .icon a:hover { color: #ffffff; background: var(--theme-base); } .video-addon-one .icon a::before, .video-addon-one .icon a::after { width: 120px; height: 120px; border-radius: 50%; background: transparent; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-animation-delay: .9s; animation-delay: .9s; content: ""; position: absolute; box-shadow: 0 0 0 0 rgb(255 255 255 / 60%); -webkit-animation: ripple 3s infinite; animation: ripple 3s infinite; transition: all .4s ease; } .video-addon-one .icon a::after { -webkit-animation-delay: .6s; animation-delay: .6s; } .video-addon-two { position: relative; display: block; background: #ffffff; box-shadow: 15px 25.981px 60px 0px rgb(131, 131, 131, 0.1); border-radius: 10px; overflow: hidden; padding: 52px 58px 60px; max-width: 410px; width: 100%; z-index: 1; } .video-addon-two .icon-bg { position: absolute; top: -30px; right: -40px; color: #eeeeee; font-size: 230px; line-height: 230px; z-index: -1; } .video-addon-two .title { position: relative; display: block; padding-bottom: 26px; } .video-addon-two .title h2 { font-size: 24px; line-height: 34px; font-weight: 700; text-transform: capitalize; } #video-addon-two-form .input-box { position: relative; display: block; } #video-addon-two-form .input-box .icon { position: absolute; top: 0px; right: 0px; font-size: 15px; color: var(--theme-base); width: 60px; height: 60px; line-height: 60px; text-align: center; border-radius: 50%; border: 1px solid #e7e7e7; transition: all 500ms ease; } #video-addon-two-form .input-box:hover .icon { border: 1px solid var(--theme-base); } #video-addon-two-form .input-box .icon.clr2 { color: var(--theme-color1); } #video-addon-two-form .input-box:hover .icon.clr2 { border: 1px solid var(--theme-color1); } #video-addon-two-form .input-box .icon span::before { position: relative; display: inline-block; font-weight: 700; } #video-addon-two-form input[type="text"], #video-addon-two-form input[type="email"], #video-addon-two-form textarea { position: relative; display: block; background: #ffffff; border: 1px solid #e7e7e7; box-shadow: 4px 6.928px 16px 0px rgb(131, 131, 131, 0.1); width: 100%; height: 60px; color: #999999; font-size: 16px; font-style: normal; font-weight: 400; padding: 0 30px; padding-right: 65px; border-radius: 30px; margin-bottom: 20px; transition: all 500ms ease; font-family: var(--main-font); outline: none; } #video-addon-two-form input[type="text"]:focus { color: #999999; border-color: var(--theme-base); } #video-addon-two-form input[type="email"]:focus { border-color: var(--theme-color1); } #video-addon-two-form .select-box { position: relative; display: block; width: 100%; height: 60px; } #video-addon-two-form .nice-select { height: 60px; line-height: 60px; background: #ffffff; border: 1px solid #e7e7e7; box-shadow: 4px 6.928px 16px 0px rgb(131, 131, 131, 0.1); border-radius: 30px; font-family: var(--main-font); font-size: 16px; font-weight: 400; color: var(--theme-black); padding-left: 20px; padding-right: 20px; } #video-addon-two-form .nice-select:after { width: 8px; height: 8px; border-bottom: 2px solid var(--theme-color2); border-right: 2px solid var(--theme-color2); right: 26px; margin-top: 0px; top: 23px; z-index: 10; } #video-addon-two-form .nice-select::before { position: absolute; top: -1px; right: -1px; bottom: 0; width: 60px; height: 60px; border: 1px solid #e7e7e7; border-radius: 50%; content: ""; } #video-addon-two-form .button-box { position: relative; display: block; margin-top: 20px; } #video-addon-two-form .button-box button { outline: none; padding: 0; border: none; width: 100%; border-radius: 30px; } #video-addon-two-form .button-box button .theme-btn { display: block; background: var(--theme-color3); border-radius: 30px; } /* Brand Section One */ .brand-section-one { position: relative; display: block; padding: 320px 0px 55px; z-index: 1; margin-top: -225px; } .brand-section-one-bg { position: absolute; top: 90px; left: 0; right: 0; text-align: center; z-index: -1; } .brand-section-one .sec-title .title { text-transform: none; } .brand-section-one .sec-title .title .clr1 { color: var(--theme-base); } .brand-section-one .sec-title .title .clr2 { color: var(--theme-color1); } .brand-section-one .sec-title .title .clr3 { color: var(--theme-color3); } .brand-section-one-inner { position: relative; display: block; } .brand-section-one-inner .top-box { position: relative; overflow: hidden; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; text-align: center; } .brand-addon-one { position: relative; overflow: hidden; flex: 0 0 25%; max-width: 25%; width: 100%; margin-bottom: 65px; } .brand-section-one-inner .bottom-box { position: relative; overflow: hidden; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; } .brand-addon-one a { position: relative; display: inline-block; } .brand-addon-one a img { transition: all 0.2s ease-in-out 0.1s; } .brand-addon-one:hover a img { opacity: .0; transition: all 0.8s ease-in-out 0.1s; } .brand-addon-one .overlay-box { position: absolute; top: 0; left: 0; bottom: 0; right: 0; transform: translateY(80px); transition: all 0.4s ease-in-out 0.1s; } .brand-addon-one:hover .overlay-box { transform: translateX(0px); } .brand-addon-one .overlay-box a { position: relative; display: inline-block; } .brand-addon-one .overlay-box a img { opacity: 1; } .brand-section-one .icon { position: relative; display: block; width: 140px; height: 140px; line-height: 140px; border-radius: 50%; color: var(--theme-color1); font-size: 60px; text-align: center; margin: 0 auto 53px; z-index: 1; } .brand-section-one .icon::before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #ffffff; box-shadow: 0px 16px 32px 0px rgb(52, 52, 52, 0.1); content: ""; border-radius: 50%; z-index: -1; } .brand-section-one .icon .doted-one { position: absolute; top: 0px; left: 10px; width: 30px; height: 30px; border-radius: 50%; background: var(--theme-base); z-index: -2; } .brand-section-one .icon .doted-two { position: absolute; bottom: 10px; right: 0px; width: 30px; height: 30px; border-radius: 50%; background: var(--theme-color3); z-index: -2; } .brand-section-one.style4 { position: relative; display: block; margin-top: 0px; padding: 0px 0px 55px; } /* Events Section One */ .events-section-one { position: relative; display: block; background: #f5f5f5; padding: 120px 0px 100px; } .events-addon-one { position: relative; display: block; margin-bottom: 20px; } .events-addon-one .inner { position: relative; display: flex; align-items: center; justify-content: space-between; background: #ffffff; border-radius: 10px; padding: 20px 0px 30px; padding-left: 20px; padding-right: 50px; z-index: 1; } .events-addon-one .inner .layer-outer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-attachment: scroll; background-size: cover; background-position: center top; transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .5s; transition-property: all; opacity: 1; transform-origin: top; transform-style: preserve-3d; transform: scaleY(0); z-index: -1; } .events-addon-one .inner:hover .layer-outer { transform: scaleY(1.0); } .events-addon-one .inner .layer-outer::before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(var(--theme-black-rgb), 0.9); content: ""; border-radius: 10px; } .events-addon-one .inner .left { position: relative; display: block; padding-left: 160px; } .events-addon-one .inner .left .date-box { position: absolute; top: 0; left: 0; z-index: 1; } .events-addon-one .inner .left .date-box .inner-text { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: var(--theme-base); width: 120px; height: 120px; border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-flow: wrap; flex-direction: column; z-index: 1; } .events-addon-one .inner .left .date-box .inner-text.clr2 { background: var(--theme-color1); } .events-addon-one .inner .left .date-box .inner-text.clr3 { background: var(--theme-color2); } .events-addon-one .inner .left .date-box .inner-text.clr4 { background: var(--theme-color3); } .events-addon-one .inner .left .date-box .inner-text .overlay-img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-radius: 10px; z-index: -1; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; opacity: 0; -webkit-transform: perspective(400px) scale(0.5); -ms-transform: perspective(400px) scale(0.5); transform: perspective(400px) scale(0.5); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } .events-addon-one .inner:hover .left .date-box .inner-text .overlay-img { opacity: 1.0; -webkit-transform: perspective(400px) scale(1); -ms-transform: perspective(400px) scale(1); transform: perspective(400px) scale(1); } .events-addon-one .inner .left .date-box .inner-text .overlay-img::before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(var(--theme-base-rgb), 0.9); content: ""; border-radius: 10px; } .events-addon-one .inner .left .date-box .inner-text.clr2 .overlay-img::before { background: rgba(var(--theme-color1-rgb), 0.9); } .events-addon-one .inner .left .date-box .inner-text.clr3 .overlay-img::before { background: rgba(var(--theme-color2-rgb), 0.9); } .events-addon-one .inner .left .date-box .inner-text.clr4 .overlay-img::before { background: rgba(var(--theme-color3-rgb), 0.9); } .events-addon-one .inner .left .date-box .inner-text h2 { color: #ffffff; font-size: 60px; line-height: 0.8em; font-weight: 700; letter-spacing: 0em; transition: all 200ms linear; transition-delay: 0.1s; } .events-addon-one .inner .left .date-box .inner-text p { color: #ffffff; font-size: 14px; } .events-addon-one .inner .middle-text { position: relative; display: block; } .events-addon-one .inner .middle-text h2 { font-size: 24px; line-height: 34px; margin-bottom: 5px; } .events-addon-one .inner .middle-text h2 a { color: var(--theme-black); transition: all 200ms linear; transition-delay: 0.1s; } .events-addon-one .inner:hover .middle-text h2 a { color: #ffffff; } .events-addon-one .inner .middle-text h2 a:hover { color: #ffffff; } .events-addon-one .inner .middle-text p { color: var(--thm-gray); transition: all 200ms linear; transition-delay: 0.1s; } .events-addon-one .inner:hover .middle-text p { color: #c1c1c1; } .events-addon-one .inner .middle-text ul { position: relative; display: flex; align-items: center; margin-top: 17px; } .events-addon-one .inner .middle-text ul li { position: relative; display: flex; align-items: center; margin-right: 40px; } .events-addon-one .inner .middle-text ul li:last-child { margin-right: 0; } .events-addon-one .inner .middle-text ul li .icon { position: relative; display: block; color: var(--theme-base); font-size: 15px; } .events-addon-one .inner .middle-text ul li .text { position: relative; display: block; padding-left: 10px; } .events-addon-one .inner .middle-text ul li .text p { color: var(--theme-gray); transition: all 200ms linear; transition-delay: 0.1s; } .events-addon-one .inner:hover .middle-text ul li .text p { color: #c1c1c1; } .events-addon-one .inner .middle-text ul li .text p span { color: var(--theme-black); font-weight: 700; transition: all 200ms linear; transition-delay: 0.1s; } .events-addon-one .inner:hover .middle-text ul li .text p span { color: #ffffff; } .events-addon-one .inner .button-box { position: relative; display: block; } .events-addon-one .inner .button-box .theme-btn { color: var(--theme-black); background: #f5f5f5; } .events-addon-one .inner .button-box .clr2.theme-btn::after { background: var(--theme-color1); } .events-addon-one .inner .button-box .clr3.theme-btn::after { background: var(--theme-color2); } .events-addon-one .inner .button-box .clr4.theme-btn::after { background: var(--theme-color3); } .events-addon-one .inner .button-box .theme-btn:hover { color: #ffffff; } .events-addon-one .inner .button-box .theme-btn span::before { color: var(--theme-black); } .events-addon-one .inner .button-box .theme-btn:hover span::before { color: #ffffff; } /* Cta section One */ .cta-section-one { position: relative; display: block; z-index: 1; } .cta-section-one-bg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-position: center center; background-repeat: no-repeat; background-attachment: scroll; background-size: cover; z-index: -1; } .cta-section-one-bg::before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(var(--theme-base-rgb), 0.8); content: ""; z-index: -2; } .cta-section-one-inner { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 63px 0px 61px; } .cta-addon-one { position: relative; display: block; } .cta-addon-one h2 { color: #ffffff; font-size: 60px; line-height: 1em; font-weight: 300; margin-bottom: 7px; } .cta-addon-one h2 a { color: #ffffff; font-weight: 700; } .cta-addon-one h3 { color: #ffffff; font-size: 24px; line-height: 34px; font-weight: 400; font-family: var(--main-font); } .cta-addon-two { position: relative; display: block; } /* News section One */ .news-section-one { position: relative; display: block; background: #ffffff; padding: 60px 0px; } .news-addon-one { position: relative; display: block; margin-bottom: 30px;border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;background: #ffffff; -webkit-box-shadow: 0 0 49px rgba(0,0,0,0.12); box-shadow: 0 0 49px rgba(0,0,0,0.12); } .news-addon-one .image-box { position: relative; display: block; overflow: hidden; min-height:273px } .news-addon-one .image-box img { width: 100%; transform: scale(1); transition: all 0.7s ease 0s; } .news-addon-one:hover .image-box img { transform: scale(1.1); } .news-addon-one .content-box { position: relative; display: block; padding: 35px 40px 40px; z-index: 1; } .news-addon-one .content-box::before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent; border: 1px solid var(--theme-color1); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top: none; content: ""; transition-delay: 0.05s; transition-timing-function: ease-in-out; transition-duration: .4s; transition-property: all; opacity: 1; transform-origin: top; transform-style: preserve-3d; transform: scaleY(0); z-index: -1; } .news-addon-one:hover .content-box::before { transform: scaleY(1.0); } .news-addon-one .content-box .meta-info { position: relative; margin-bottom: 5px; margin-top: -95px} .news-addon-one .content-box .meta-info li { position: relative; display: block;} .news-addon-one .content-box .meta-info li:first-child { } .news-addon-one .content-box .meta-info li:last-child { } .news-addon-one .content-box .meta-info li p { height:60px;width: 70px; font-weight: 700;line-height: 60px; font-size: 40px;color:#FFF; background-color: rgba(0, 140, 214, 0.70); text-align: center; } .wow:first-child .news-addon-one .content-box .meta-info li p{background-color: rgba(223, 17, 25, 0.80);} .news-addon-one .content-box .meta-info li span { color: #333; font-weight: 500; font-family: var(--main-font); display: inline-block; width: 70px;background-color: #EEE; text-align: center; font-size: 12px;} .news-addon-one .content-box h2 { font-size: 26px; line-height: 36px; } .news-addon-one .content-box h2 a { color: var(--theme-black); transition: all 200ms linear; transition-delay: 0.1s; } .news-addon-one .content-box h2 a:hover { color: var(--theme-base); } .news-addon-one .content-box .author-box { position: relative; display: flex; align-items: center; margin-top: 20px; } .news-addon-one .content-box .author-box .img { position: relative; display: block; width: 40px; height: 40px; border-radius: 50%; } .news-addon-one .content-box .author-box .img img { width: 100%; } .news-addon-one .content-box .author-box .name { position: relative; display: block; padding-left: 20px; } .news-addon-one .content-box .author-box .name p { color: var(--theme-black); } .news-section-one.style4 { position: relative; display: block; background: #f5f5f5; } /* Main Footer */ .main-footer { position: relative; display: block; } .main-footer-top { position: relative; display: block; padding: 50px 0px 60px; z-index: 1; } .main-footer-top .overlay-bg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-position: center center; background-size: cover; background-attachment: scroll; background-repeat: no-repeat; z-index: -1; } .main-footer-top .overlay-bg::before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(28, 28, 28, 0.9); z-index: -2; content: ""; } .widgets-section { position: relative; display: block; z-index: 1; } .footer-widget-item { position: relative; display: block; overflow: hidden; } .footer-widget-item .title { position: relative; display: block; margin-bottom: 36px; } .footer-widget-item .title h2 { color: #ffffff; font-size: 20px; font-weight: 700; letter-spacing: 0em; } .footer-widget-item .our-info { position: relative; display: block; max-width: 275px; width: 100%; } .footer-widget-item .our-info .text { position: relative; display: block; } .footer-widget-item .our-info .text p { color: #aaaaaa; line-height: 30px; } .footer-widget-news { position: relative; display: block; padding-top: 8px; } .footer-widget-news ul { position: relative; display: block; } .footer-widget-news ul li { position: relative; display: block; padding-left: 100px; margin-bottom: 15px; } .footer-widget-news ul li:last-child { margin-bottom: 0px; } .footer-widget-news ul li .img-box { position: absolute; top: 0; left: 0; width: 80px; height: 80px; border-radius: 10px; overflow: hidden; } .footer-widget-news ul li .img-box img { width: 100%; } .footer-widget-news ul li .text-box { position: relative; display: block; } .footer-widget-news ul li .text-box p { color: #bebebe; font-size: 12px; } .footer-widget-news ul li .text-box p span::before { position: relative; display: inline-block; color: var(--theme-color1); font-size: 15px; top: 3px; padding-right: 5px; } .footer-widget-news ul li .text-box h6 { font-size: 16px; line-height: 24px; font-weight: 700; } .footer-widget-news ul li .text-box h6 a { color: #ffffff; transition: all 200ms linear; transition-delay: 0.1s; } .footer-widget-news ul li .text-box h6 a:hover { color: var(--theme-base); } .footer-widget-item.mar-l13 { position: relative; display: block; margin-left: 13px; } .footer-widget-newsletter { position: relative; display: block; padding-top: 2px; } .footer-widget-newsletter p { color: #aaaaaa; } .subscribe-form { position: relative; display: block; width: 100%; margin-top: 27px; } .subscribe-form .input-box { position: relative; display: block; } .subscribe-form input[type="email"] { position: relative; display: block; width: 100%; height: 60px; padding: 0 30px; padding-right: 80px; background: #060606; border: 2px solid #303030; color: #aaaaaa; font-size: 16px; font-weight: 400; font-style: normal; border-radius: 10px; transition: all 500ms ease; font-family: var(--main-font); text-transform: capitalize; outline: none; } .subscribe-form input::-webkit-input-placeholder { color: #aaaaaa; } .subscribe-form input:-moz-placeholder { color: #aaaaaa; } .subscribe-form input::-moz-placeholder { color: #aaaaaa; } .subscribe-form input:-ms-input-placeholder { color: #aaaaaa; } .subscribe-form button { position: absolute; top: 0px; right: 0px; bottom: 0px; width: 60px; height: 60px; color: #ffffff; font-size: 20px; line-height: 60px; font-weight: 700; border-top-right-radius: 10px; border-bottom-right-radius: 10px; background: var(--theme-color2); transition: all 300ms ease 100ms; } .subscribe-form input[type="email"]:focus { color: #aaaaaa; } .subscribe-form input[type="email"]:focus+button, .subscribe-form button:hover { color: #ffffff; background: var(--theme-base); } .footer-widget-newsletter .social-link { position: relative; display: block; margin-top: 25px; } .footer-widget-newsletter .social-link ul { position: relative; display: block; } .footer-widget-newsletter .social-link ul li { position: relative; display: inline-block; margin-right: 25px; } .footer-widget-newsletter .social-link ul li:last-child { margin-right: 0; } .footer-widget-newsletter .social-link ul li a { position: relative; display: inline-block; color: #767676; font-size: 17px; transition: all 200ms linear; transition-delay: 0.1s; } .footer-widget-newsletter .social-link ul li a:hover { color: #ffffff; } .footer-widget-item.mar-l43 { position: relative; display: block; margin-left: 43px; } .footer-widget-page-link { position: relative; display: block; margin-top: -5px; } .footer-widget-page-link-list { position: relative; display: block; float: left; margin-right: 50px; } .footer-widget-page-link-list li a { color: #aaaaaa; font-size: 16px; line-height: 40px; font-weight: 400; font-family: var(--main-font); transition: all 500ms ease; } .footer-widget-page-link-list li a:hover { color: #ffffff; opacity: 1; } .footer-widget-page-link-list-two { margin-right: 0; } .main-footer-bottom { position: relative; display: block; background: var(--theme-base); } .main-footer-bottom-inner { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 32px 0px 30px; } .main-footer-bottom-inner .text { position: relative; display: flex; } .main-footer-bottom-inner .text p { color: #ffc6b7; } .main-footer-bottom-inner .text p a { color: #ffffff; font-weight: 700; } .main-footer-bottom-inner .logo { position: relative; display: block; } .main-footer-bottom-inner .logo a { position: relative; display: block; z-index: 1; } .main-footer-bottom-inner .logo a::before { content: ""; position: absolute; top: -52px; left: -60px; bottom: -30px; right: -60px; background: #151515; z-index: -1; } .main-footer-bottom-inner .logo a::after { content: ""; position: absolute; top: -52px; left: -60px; bottom: -30px; right: -60px; height: 4px; background: var(--theme-color2); z-index: -1; } .main-footer-bottom-list { position: relative; display: block; } .main-footer-bottom-list ul { position: relative; display: block; } .main-footer-bottom-list ul li { position: relative; display: inline-block; margin-right: 15px; } .main-footer-bottom-list ul li:last-child { margin-right: 0; } .main-footer-bottom-list ul li a { position: relative; display: inline-block; color: #ffffff; font-weight: 700; text-transform: capitalize; } .main-footer-bottom-list ul li a:hover { } /* Donation Form Two*/ .donation-form-two { position: relative; display: block; padding: 0px 0px 50px; } .donation-form-two-inner { position: relative; display: flex; background: #ffffff; box-shadow: 8px 13.856px 32px 0px rgb(0, 0, 0, 0.06); padding: 50px 50px 42px; align-items: flex-start; justify-content: space-between; margin-top: -80px; z-index: 5; } .donation-form-addon-one { position: relative; display: block; max-width: 960px; width: 100%; } .donation-form-addon-one-inner { position: relative; display: block; background: #f4f4f4; padding: 21px 25px 32px; } .donation-form-addon-one-inner .bar { position: relative; width: 100%; height: 10px; background: #ffffff; } .donation-form-addon-one-inner .bar-inner { position: relative; display: block; width: 0px; height: 10px; background: var(--theme-base); -webkit-transition: all 1500ms ease; -ms-transition: all 1500ms ease; -o-transition: all 1500ms ease; -moz-transition: all 1500ms ease; transition: all 1500ms ease; } .donation-form-addon-one-bg { position: absolute; left: 25px; bottom: 0; right: 25px; background-position: center center; background-repeat: repeat-x; min-height: 10px; animation: bgSlide 20s linear infinite; } .donation-form-addon-one .bottom-box { position: relative; display: flex; align-items: center; justify-content: space-between; margin-top: 15px; } .donation-form-addon-one .bottom-box .rate-box { position: relative; display: block; } .donation-form-addon-one .bottom-box .rate-box p { color: var(--theme-black); font-size: 16px; line-height: 26px; font-weight: 700; } .donation-form-addon-one .bottom-box .rate-box p span { color: var(--theme-gray); font-weight: 400; } .donation-form-addon-two { position: relative; display: block; margin-left: 30px; max-width: 200px; width: 100%; } .donation-form-addon-two .button-box { position: relative; display: block; } .donation-form-addon-two .button-box .theme-btn { background: var(--theme-base); border-radius: 0; } .donation-form-addon-two .button-box .theme-btn::after { background: var(--theme-black); border-radius: 0; } .donation-form-addon-two .button-box .theme-btn i::before { position: relative; display: block; color: #ffffff; font-size: 15px; } /* About Section Two */ .about-section-two { position: relative; display: block; background: #ffffff; padding: 70px 0px 120px; z-index: 1; } .about-addon-four { position: relative; display: block; max-width: 630px; width: 100%; } .about-addon-four-img { position: relative; display: block; } .about-addon-four-img img { width: 100%; } .about-addon-five { position: relative; display: block; max-width: 575px; width: 100%; margin-left: 45px; margin-top: 45px; } .about-addon-five .subscribe-box { position: relative; display: block; box-shadow: 0px 20px 40px 0px rgb(0, 0, 0, 0.04); background: #f5f5f5; } .about-addon-five .subscribe-box .top { position: relative; display: flex; align-items: center; background: #ffffff; padding: 0px 30px 22px; } .about-addon-five .subscribe-box .top .icon { position: relative; display: block; line-height: 0; } .about-addon-five .subscribe-box .top .icon span:before { color: var(--theme-base); font-size: 50px; line-height: 50px; } .about-addon-five .subscribe-box .top .text { position: relative; display: block; padding-left: 20px; } .about-addon-five .subscribe-box .top .text h2 { font-size: 30px; line-height: 40px; text-transform: capitalize; } .about-addon-five .subscribe-box .top .text p { font-size: 14px; } .about-addon-five .subscribe-box .bottom { position: relative; display: block; background: #f5f5f5; padding: 30px 30px 30px; } .about-section-two-form { position: relative; display: block; } .about-section-two-input-box { position: relative; display: block; } .about-section-two-input-box input[type="email"] { color: #999999; font-size: 14px; height: 60px; width: 100%; font-weight: 400; padding-left: 30px; padding-right: 200px; background: #ffffff; outline: none; border: none; font-family: var(--main-font); } .about-section-two-form-btn { color: #ffffff; font-size: 16px; font-weight: 700; display: inline-block; background: var(--theme-base); border: none; outline: none; position: absolute; line-height: 60px; right: 0px; text-transform: capitalize; padding: 0px 35px 0px; font-family: var(--main-font); } .about-section-two-form-btn:hover { background: var(--theme-black); transition: all 200ms linear; transition-delay: 0.1s; } .about-section-two-form-btn button:focus { outline: none; } /* Serivces Section Two */ .serivces-section-two { position: relative; display: block; background: #f7f3f0; padding: 120px 0px 210px; } .serivces-addon-three { position: relative; display: block; } .serivces-addon-three-single { position: relative; display: block; background: #ffffff; padding: 50px 44px 0px; } .serivces-addon-three-single .icon { position: relative; display: block; width: 120px; height: 120px; line-height: 120px; border-radius: 50%; background: var(--theme-base); text-align: center; font-size: 60px; color: #ffffff; margin: 0 auto; margin-bottom: 34px; transition: all 500ms ease; } .serivces-addon-three-single.style-one .icon { position: relative; display: block; width: 120px; height: 120px; line-height: 120px; border-radius: 50%; background: #fff; text-align: center; font-size: 60px; color: #dd4242; margin: 0 auto; margin-bottom: 130px; transition: all 500ms ease; } .serivces-addon-three-single:hover .icon { transform: rotateY(180deg); } .serivces-addon-three-single .text { position: relative; display: block; margin-bottom: 37px; } .serivces-addon-three-single .text p { font-size: 14px; line-height: 24px; } .serivces-addon-three-single .title { position: relative; display: inline-block; background: #f7f3f0; padding: 12px 30px 16px; } .serivces-addon-three-single .title h2 { font-size: 24px; line-height: 34px; } .serivces-addon-three-single .title h2 a { color: var(--theme-black); transition: all 200ms linear; transition-delay: 0.1s; } .serivces-addon-three-single .title h2 a:hover { color: var(--theme-base); } .serivces-section-two-carousel.owl-carousel .owl-stage-outer { margin-right: -315px; } .serivces-section-two-carousel .owl-nav { display: block; } .serivces-section-two-carousel.owl-carousel .owl-nav button.owl-next, .serivces-section-two-carousel.owl-carousel .owl-nav button.owl-prev { background: #ffffff; width: 60px; height: 60px; line-height: 60px; text-align: center; color: var(--theme-black); font-size: 20px; font-weight: 700; border-radius: 0; transition: all 200ms linear; transition-delay: 0.1s; } .serivces-section-two-carousel.owl-carousel .owl-nav button.owl-next:hover, .serivces-section-two-carousel.owl-carousel .owl-nav button.owl-prev:hover { background: var(--theme-base); color: #ffffff; } .serivces-section-two-carousel.owl-carousel .owl-nav button.owl-prev { margin-right: 20px; } .serivces-section-two-carousel.owl-carousel .owl-nav button.owl-prev .rotate { transform: rotate(180deg); position: relative; display: inline-block; } .serivces-section-two-carousel .owl-nav { position: absolute; right: auto; top: auto; left: -440px; bottom: 0px; margin: 0 !important; z-index: 99999999; } /* Counter Section Two*/ .counter-section-two { position: relative; display: block; margin-top: -90px; z-index: 1; } section.counter-section-two.style-one .counter-section-two-inner { position: relative; display: block; background: #5fbbaf; padding: 53px 75px 46px; overflow: hidden; } section.counter-section-two.style-one:before { position: absolute; content: ''; background-color: #f7f7f7; top: 80px; left: 0; right: 0; bottom: -955px; } .counter-section-two-inner { position: relative; display: block; background: #0c8c53; padding: 53px 75px 46px; overflow: hidden; } .counter-addon-one { position: relative; display: block; } .counter-addon-one .count-outer { position: relative; display: flex; align-items: center; } .counter-addon-one .count-outer .count-text { color: #ffffff; font-size: 80px; line-height: 1em; font-weight: 700; font-family: var(--headding-font-2); } .counter-addon-one .count-outer .text { position: relative; display: block; padding-left: 15px; } .counter-addon-one .count-outer .text p { color: #ffffff; } /* Features Section One*/ .features-section-one { position: relative; display: block; background: #ffffff; padding: 120px 0px 120px; } .features-addon-one { position: relative; display: block; max-width: 520px; width: 100%; margin-top: 65px; } .features-addon-one .sec-title { padding-bottom: 32px; } .features-section-one-list { position: relative; display: block; } .features-addon-one ul { position: relative; display: block; } .features-addon-one ul li { position: relative; display: block; border-bottom: 1px solid #ececec; padding-top: 40px; padding-bottom: 32px; } .features-addon-one ul li:first-child { padding-top: 0; } .features-addon-one ul li:last-child { padding-bottom: 0px; } .features-addon-one ul li:last-child { border-bottom: none; } .features-addon-one ul li .top { position: relative; display: flex; align-items: center; } .features-addon-one ul li .top .icon { position: relative; display: block; width: 40px; height: 40px; line-height: 40px; background: #ffffff; border-radius: 50%; color: var(--theme-base); font-size: 15px; text-align: center; box-shadow: 8px 13.856px 32px 0px rgb(0, 0, 0, 0.1); } .features-addon-one ul li .top .title { position: relative; display: block; padding-left: 20px; } .features-addon-one ul li .top .title h3 { font-size: 20px; line-height: 30px; } .features-addon-one ul li .text { position: relative; display: block; margin-top: 14px; } .features-addon-one ul li .text p { } .features-addon-two { position: relative; display: block; } .features-addon-two .image { position: relative; display: block; } .features-addon-two .image img { width: 100%; } /* Video Section Two */ .video-section-two { position: relative; display: block; z-index: 1; } .video-section-two-inner { position: relative; display: block; background-attachment: scroll; background-position: center center; background-repeat: no-repeat; background-size: cover; min-height: 700px; background: #ffffff; box-shadow: 8px 13.856px 32px 0px rgb(160, 134, 114, 0.08); border: 14px solid #ffffff; z-index: 1; } .video-section-two-inner .icon { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: flex; align-items: center; justify-content: center; } .video-section-two-inner .icon a { position: relative; display: block; width: 120px; height: 120px; line-height: 120px; border-radius: 50%; background: #ffffff; text-align: center; color: var(--theme-black); font-size: 20px; transition: all 200ms linear; transition-delay: 0.1s; } .video-section-two-inner .icon a:hover { color: #ffffff; background: var(--theme-base); } .video-section-two-inner .icon a::before, .video-section-two-inner .icon a::after { width: 120px; height: 120px; border-radius: 50%; background: transparent; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-animation-delay: .9s; animation-delay: .9s; content: ""; position: absolute; box-shadow: 0 0 0 0 rgb(255 255 255 / 60%); -webkit-animation: ripple 3s infinite; animation: ripple 3s infinite; transition: all .4s ease; } .video-section-two-inner .icon a::after { -webkit-animation-delay: .6s; animation-delay: .6s; } /* Video Section Two */ .brand-section-two { position: relative; display: block; background: #f7f3f0; padding: 450px 0px 70px; margin-top: -350px; } .brand-section-two-inner { position: relative; overflow: hidden; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; } .brand-addon-two { position: relative; overflow: hidden; flex: 0 0 20%; max-width: 20%; width: 100%; margin-bottom: 50px; text-align: center; } .brand-addon-two a { position: relative; display: inline-block; } .brand-addon-two a img { transition: all 0.2s ease-in-out 0.1s; } .brand-addon-two:hover a img { opacity: .0; transition: all 0.8s ease-in-out 0.1s; } .brand-addon-two .overlay-box { position: absolute; top: 0; left: 0; bottom: 0; right: 0; transform: translateY(80px); transition: all 0.4s ease-in-out 0.1s; } .brand-addon-two:hover .overlay-box { transform: translateX(0px); } .brand-addon-two .overlay-box a { position: relative; display: inline-block; } .brand-addon-two .overlay-box a img { opacity: 1; } /* Skills Section One */ .skills-section-one { position: relative; display: block; background: #ffffff; padding: 120px 0px 182px; } .skills-addon-one { position: relative; display: block; max-width: 570px; width: 100%; } .skills-addon-one-single { position: relative; display: block; margin-bottom: 30px; } .skills-addon-one-single.mar-30 { position: relative; display: block; padding-top: 30px; } .skills-addon-one-single .progress-box { position: relative; display: block; padding: 40px 40px 40px; background: var(--theme-base); overflow: hidden; z-index: 1; } .skills-addon-one-single .progress-box.bg2 { position: relative; display: block; background: var(--theme-black); } .skills-addon-one-single .progress-box .shape1 { position: absolute; top: -40px; right: -95px; z-index: -1; } .skills-addon-one-single .progress-box .shape2 { position: absolute; top: 50px; right: -70px; z-index: -1; } .skills-addon-one-single .progress-box .graph-outer { position: relative; display: inline-block; text-align: center; border-radius: 50%; z-index: 1; line-height: 0; } .skills-addon-one-single .progress-box .graph-outer::before { position: absolute; top: 2px; left: 2px; bottom: 0; right: 0; border-radius: 50%; height: 110px; width: 110px; background: transparent; border: 4px solid rgba(255, 255, 255, 0.1); z-index: -1; content: ""; } .skills-addon-one-single .progress-box .graph-outer .count-box { position: absolute; top: 50%; left: 0; width: 100%; color: var(--theme-black); font-size: 24px; font-weight: 700; transform: translateY(-50%); } .skills-addon-one-single .progress-box .graph-outer .count-text { position: relative; display: inline-block; color: #ffffff; font-size: 40px; line-height: 50px; font-weight: 700; font-family: var(--headding-font-2); letter-spacing: 0em; } .skills-addon-one-single .progress-box .graph-outer .count-Parsent { font-size: 15px; transform: rotate(18deg); position: relative; display: inline-block; color: #ffffff; font-weight: 700; } .skills-addon-one-single .progress-box .title { position: relative; display: block; margin-top: 17px; } .skills-addon-one-single .progress-box .title h2 { color: #ffffff; font-size: 24px; line-height: 28px; font-weight: 700; } .skills-addon-two { position: relative; display: block; max-width: 545px; width: 100%; } .skills-addon-two .sec-title { padding-bottom: 25px; } .skills-addon-two-list { position: relative; display: block; } .skills-addon-two-list ul { position: relative; display: block; } .skills-addon-two-list ul li { position: relative; display: block; padding-left: 90px; margin-bottom: 30px; } .skills-addon-two-list ul li:last-child { margin-bottom: 0; } .skills-addon-two-list ul li .icon { position: absolute; top: 7px; left: 0; } .skills-addon-two-list ul li .text { position: relative; display: block; } .skills-addon-two-list ul li .text h3 { font-size: 20px; line-height: 30px; margin-bottom: 10px; } .skills-addon-two-list ul li .text p { } .skills-addon-two .button-box { position: relative; display: block; } .skills-addon-two .button-box .theme-btn { border-radius: 0; background: var(--theme-black); margin-top: 42px; } .skills-addon-two .button-box .theme-btn::after { background: var(--theme-base); border-radius: 0; } /* Testimonials Section One */ .testimonials-section-one { position: relative; display: block; background: #f7f3f0; padding: 120px 0px 120px; z-index: 1; } .testimonials-addon-one { position: relative; display: block; padding-top: 30px; } .testimonials-addon-one .icon { position: absolute; top: 0; right: 30px; color: var(--theme-base); z-index: 1; } .testimonials-addon-one .icon span::before { position: relative; display: inline-block; color: var(--theme-base); font-size: 100px; line-height: 75px; } .testimonials-addon-one-inner { position: relative; display: block; background: #ffffff; padding: 40px 0px 32px; padding-left: 40px; padding-right: 60px; } .testimonials-addon-one-inner .client-info { position: relative; display: block; padding-left: 65px; } .testimonials-addon-one-inner .client-info .img { position: absolute; top: -0px; left: 0; width: 50px; height: 50px; border-radius: 50%; } .testimonials-addon-one-inner .client-info .img img { width: 100%; } .testimonials-addon-one-inner .client-info .title { position: relative; display: block; } .testimonials-addon-one-inner .client-info .title h2 { font-size: 20px; line-height: 25px; } .testimonials-addon-one-inner .client-info .title p { color: var(--theme-base); font-size: 12px; line-height: 18px; } .testimonials-addon-one-inner .text { position: relative; display: block; margin-top: 28px; } .testimonials-section-one-carousel .owl-nav { display: block; } .testimonials-section-one-carousel.owl-carousel .owl-nav button.owl-next, .testimonials-section-one-carousel.owl-carousel .owl-nav button.owl-prev { background: #ffffff; width: 60px; height: 60px; line-height: 60px; text-align: center; color: var(--theme-black); font-size: 20px; font-weight: 700; border-radius: 0; transition: all 200ms linear; transition-delay: 0.1s; } .testimonials-section-one-carousel.owl-carousel .owl-nav button.owl-next:hover, .testimonials-section-one-carousel.owl-carousel .owl-nav button.owl-prev:hover { background: var(--theme-base); color: #ffffff; } .testimonials-section-one-carousel.owl-carousel .owl-nav button.owl-prev { margin-right: 20px; } .testimonials-section-one-carousel.owl-carousel .owl-nav button.owl-prev .rotate { transform: rotate(180deg); position: relative; display: inline-block; } .testimonials-section-one-carousel .owl-nav { position: absolute; top: -130px; right: 0; z-index: 99; } /* Events Section Two */ .events-section-two { position: relative; display: block; background: var(--theme-black); padding: 120px 0px 90px; z-index: 1; } .events-section-two .sec-title .title { color: #ffffff; } .events-addon-two { position: relative; display: block; background-color: #171717; padding: 42px 0px 42px; padding-left: 50px; padding-right: 25px; margin-bottom: 30px; z-index: 1; } .events-addon-two .bg-img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-repeat: no-repeat; background-position: bottom right; z-index: 1; } .events-addon-two:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: var(--theme-base); transform: perspective(400px) scaleX(0); transform-origin: center; transition: all 300ms linear; transition-delay: 0.1s; z-index: -1; } .events-addon-two:hover:before { transform: perspective(400px) scaleX(1.0); } .events-addon-two-inner { position: relative; display: block; z-index: 3; } .events-addon-two-inner .number { position: relative; display: block; color: var(--theme-base); font-size: 60px; line-height: 1em; font-weight: 700; letter-spacing: -0.03em; font-family: var(--headding-font-2); transition: all 300ms linear; transition-delay: 0.2s; } .events-addon-two:hover .events-addon-two-inner .number { color: #ffffff; } .events-addon-two-inner .month { color: #ffffff; font-size: 16px; line-height: 26px; font-weight: 700; font-family: var(--main-font); } .events-addon-two-inner h2 { position: relative; font-size: 40px; line-height: 50px; margin-top: 27px; margin-bottom: 20px; } .events-addon-two-inner h2 a { color: #ffffff; } .events-addon-two-inner h2 a:hover { color: #ffffff; } .events-addon-two-inner p { color: var(--theme-base); font-weight: 700; transition: all 300ms linear; transition-delay: 0.2s; } .events-addon-two:hover .events-addon-two-inner p { color: #ffffff; } /*News Section Two*/ .news-section-two { position: relative; display: block; background: #ffffff; padding: 120px 0px 90px; } section.news-section-two.style-one { background: none; z-index: 1; } .news-addon-two { position: relative; display: block; margin-bottom: 30px; } .news-addon-two-img { position: relative; display: block; overflow: hidden; } .news-addon-two-img img { width: 100%; transform: scale(1); transition: all 0.7s ease 0s; } .news-addon-two:hover .news-addon-two-img img { transform: scale(1.1); } .news-addon-two-img .overlay-text { position: absolute; bottom: 0; right: 40px; background: #0c8c53; padding: 9px 30px 7px; } .news-addon-two-img .overlay-text p { color: #ffffff; font-size: 14px; line-height: 24px; font-weight: 700; } .news-addon-two-content { position: relative; display: block; border: 2px solid #f1f1f1; border-top: none; padding: 37px 38px 0px; } .news-addon-two-content .meta-info { position: relative; display: block; margin-bottom: 7px; } .news-addon-two-content .meta-info ul { position: relative; display: flex; align-items: center; } .news-addon-two-content .meta-info ul li { position: relative; display: block; padding-left: 25px; padding-right: 25px; } .news-addon-two-content .meta-info ul li:first-child { padding-left: 0; } .news-addon-two-content .meta-info ul li:last-child { padding-right: 0; } .news-addon-two-content .meta-info ul li::before { position: absolute; top: 6px; right: 0; bottom: 8px; width: 1px; background: #dddddd; content: ""; } .news-addon-two-content .meta-info ul li:last-child:before { display: none; } .news-addon-two-content .meta-info ul li p { font-size: 14px; line-height: 24px; } .news-addon-two-content .meta-info ul li p span::before { position: relative; display: inline-block; color: #0c8c53; font-size: 15px; line-height: 15px; top: 2px; padding-right: 5px; } .news-addon-two-content .meta-info ul li h6 { color: var(--theme-black); font-size: 14px; line-height: 24px; font-weight: 700; font-family: var(--main-font); } .news-addon-two-content h2 { font-size: 20px; line-height: 30px; } .news-addon-two-content h2 a { color: var(--theme-black); transition: all 200ms linear; transition-delay: 0.1s; } .news-addon-two-content h2 a:hover { color: var(--theme-base); } .news-addon-two-content .button-box { position: relative; display: flex; align-items: center; justify-content: space-between; margin-top: 36px; padding-top: 13px; padding-bottom: 11px; } .news-addon-two-content .button-box::before { position: absolute; top: 0; left: -40px; right: -40px; height: 2px; background: #f1f1f1; content: ""; } .news-addon-two-content .button-box .text { position: relative; display: block; } .news-addon-two-content .button-box .text a { color: var(--theme-gray); font-size: 14px; line-height: 24px; font-weight: 700; font-family: var(--headding-font-2); transition: all 200ms linear; transition-delay: 0.1s; } .news-addon-two-content .button-box .text a:hover { color: var(--theme-base); } .news-addon-two-content .button-box .icon { position: relative; display: block; } .news-addon-two-content .button-box .icon a { color: var(--theme-gray); font-size: 15px; font-weight: 700; transition: all 200ms linear; transition-delay: 0.1s; } .news-addon-two-content .button-box .icon a:hover { color: var(--theme-base); } /*Footer Section Two*/ .main-footer.style2 { position: relative; display: block; } .main-footer.style2 .main-footer-top { background: #f0ebe8; } .main-footer.style2 .footer-widget-item .title h2 { color: var(--theme-black); } .main-footer.style2 .footer-widget-item .our-info .text p { color: var(--theme-gray); } .main-footer.style2 .footer-widget-news ul li .text-box p span::before { color: var(--theme-base); } .main-footer.style2 .footer-widget-news ul li .text-box p { color: var(--theme-base); } .main-footer.style2 .footer-widget-news ul li .text-box h6 a { color: var(--theme-black); transition: all 200ms linear; transition-delay: 0.1s; } .main-footer.style2 .footer-widget-news ul li .text-box h6 a:hover { color: var(--theme-base); } .main-footer.style2 .footer-widget-newsletter p { color: var(--theme-gray); } .main-footer.style2 .subscribe-form input[type="email"] { background: #ffffff; border: none; border-radius: 0; } .main-footer.style2 .subscribe-form button { border-top-right-radius: 0px; border-bottom-right-radius: 0px; background: var(--theme-base); transition: all 300ms ease 100ms; } .main-footer.style2 .subscribe-form button:hover { background: var(--theme-black); } .main-footer.style2 .footer-widget-newsletter .social-link ul li a { color: #fff; transition: all 200ms linear; transition-delay: 0.1s; } .main-footer.style2 .footer-widget-newsletter .social-link ul li a:hover { color: var(--theme-base); } .main-footer.style2 .footer-widget-page-link-list li a { color: var(--theme-gray); transition: all 200ms linear; transition-delay: 0.1s; } .main-footer.style2 .footer-widget-page-link-list li a:hover { color: var(--theme-base); } .main-footer.style2 .main-footer-bottom { background: #00B0F0; } .main-footer.style2 .main-footer-bottom-inner .text p { color: #F7F7F7; } .main-footer.style2 .main-footer-bottom-inner .text p a { color: var(--theme-black); transition: all 200ms linear; transition-delay: 0.1s; } .main-footer.style2 .main-footer-bottom-inner .text p a:hover { color: #FFF; } .main-footer.style2 .main-footer-bottom-list ul li a { color: #F7F7F7; transition: all 200ms linear; transition-delay: 0.1s; } .main-footer.style2 .main-footer-bottom-list ul li a:hover { color: #FFF; font-weight: 500; } .main-footer.style2 .main-footer-bottom-inner .logo a::before { background: #ffffff; } .main-footer.style2 .main-footer-bottom-inner .logo a::after { background: var(--theme-base); } .main-footer.style2 .footer-widget-news ul li .img-box { border-radius: 0px; } /*Company Section Three*/ .company-section-one { position: relative; display: block; background: transparent; padding: 0px 0px 0px; counter-reset: count; margin-top: -190px; z-index: 2; } .company-section-one .row { margin-left: 0px; margin-right: 0px; } .company-section-one .row [class*=col-] { padding-left: 0px; padding-right: 0px; } .company-addon-one { position: relative; display: block; padding: 30px 0px 30px; overflow: hidden; z-index: 1; } .company-addon-one::before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: var(--theme-base); content: ""; transform-style: preserve-3d; transform: perspective(1200px) rotateX(90deg) translateY(-160px); transition: all 900ms ease 100ms; z-index: 5; } .company-addon-one:hover:before { opacity: 1; transform: perspective(1200px) rotateX(0deg) translateY(0px); transition: all 500ms linear; transition-delay: 0.1s; } .company-addon-one .image-box { position: relative; display: block; overflow: hidden; } .company-addon-one .image-box .inne