/*----------------------------------------------------------------------------------- Template Name: Fayola Learning - E-learning HTML5 Template Author: Version: 1.0 ----------------------------------------------------------------------------------- CSS INDEX =================== 01. Theme default CSS 02. variables 03. mixins 04. common 05. overlay 06. header 07. breadcrumb 08. mobile-menu 09. search 10. custom-animation 11. btn 12. custom-container 13. slider 14. services 15. career 16. courses 17. chose 18. instructor 19. testimonial 20. blog 21. contact 22. video 23. faq 24. about 25. plan 26. footer -----------------------------------------------------------------------------------*/ /*----------------------------------------*/ /* 01. Theme default CSS /*----------------------------------------*/ @import url("https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap"); /* 1. Theme default css */ body { font-family: "Manrope", sans-serif; font-size: 16px; line-height: 25px; font-weight: 400; font-style: normal; color: #707070; max-width: 100%; overflow-x: hidden; } .f-left { float: left; } .f-right { float: right; } .fix { overflow: hidden; } a, .button { -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } a:focus, .button:focus { text-decoration: none; outline: none; } a:focus, a:hover { color: inherit; text-decoration: none; } a, button { color: inherit; outline: medium none; text-decoration: none; } button:focus, input:focus, input:focus, textarea, textarea:focus { outline: 0; } .uppercase { text-transform: uppercase; } .capitalize { text-transform: capitalize; } h1, h2, h3, h4, h5, h6 { font-family: "Manrope", sans-serif; color: #1B212F; line-height: 1.1; margin-top: 0px; margin-bottom: 0; font-style: normal; font-weight: 700; text-transform: normal; } .color-primary { color: #1C232F; } .bg-primary { background-color: #1C232F; } .color-p1-primary { color: #019145; } .color-p1-tone { color: #EBFFF4; } .color-p1-accent { color: #F6FFFB; } .color-p2-primary { color: #2E358B; } .color-p2-tone { color: #E3E5FF; } .color-p2-accent { color: #F3F4FF; } .color-p3-primary { color: #999999; } .color-p3-accent { color: #F3F5FF; } .color-p4-primary { color: #565A6D; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; text-decoration: none; } h1 { font-size: 40px; } h2 { font-size: 35px; } h3 { font-size: 28px; } h4 { font-size: 22px; } h5 { font-size: 18px; } h6 { font-size: 16px; } ul { margin: 0px; padding: 0px; } li { list-style: none; } p { font-size: 16px; font-weight: 600; line-height: 25px; font-family: "Manrope", sans-serif; color: #707070; margin-bottom: 0; } hr { border-bottom: 1px solid rgba(27, 33, 47, 0.1); border-top: 0 none; margin: 30px 0; padding: 0; } label { cursor: pointer; font-size: 14px; font-weight: 400; } *::-moz-selection { background: #000; color: #ffffff; text-shadow: none; } ::-moz-selection { background: #000; color: #ffffff; text-shadow: none; } ::selection { background: #000; color: #ffffff; text-shadow: none; } /*-- - Input Placeholder -----------------------------------------*/ *::-webkit-input-placeholder { color: #000; font-size: 14px; opacity: 1; } *:-ms-input-placeholder { color: #000; font-size: 14px; opacity: 1; } *::-ms-input-placeholder { color: #000; font-size: 14px; opacity: 1; } *::placeholder { color: #000; font-size: 14px; opacity: 1; } /*-- - position Classes -----------------------------------------*/ .pos-rel { position: relative; } .pos-abl { position: absolute; } /*-- - Common Classes -----------------------------------------*/ .fix { overflow: hidden; } .clear { clear: both; } /*-- - Background color -----------------------------------------*/ .black-soft-bg { background: #151524; } .grey-bg { background: #eff0fb; } .grey-bg-fot { background: #F6F6FE; } .grey-bg-soft { background: #F3F7FC; } .grey-bg-soft-2 { background: #E8EFFF; } .grey-bg-soft-3 { background: #F8F8FF; } .white-bg { background: #ffffff; } .black-bg { background: #000; } .heding-bg { background: #1B212F; } .theme-bg { background: #019145; } .theme-soft-bg { background: #6767fe; } .gradient-bg { background: #EBFFF4 } .gradient-bg-2 { background: #F3F4FF; } /*-- - color -----------------------------------------*/ .white-color { color: #ffffff; } .black-color { color: #000; } .theme-color { color: #019145; } @media only screen and (min-width: 576px) and (max-width: 767px) { .pad-bottom-sm { padding-bottom: 100px; } } /*-- section-title ----------------------------------------*/ .section-title { position: relative; z-index: 2; } .section-title h5 { color: #019145; } .section-title h2 { font-size: 44px; line-height: 1.3; position: relative; z-index: 1; } .section-sub-title h3 { font-size: 30px; line-height: 1.1; position: relative; z-index: 1; font-weight: 300; margin-bottom: 15px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .section-title h2 { font-size: 36px !important; } } @media (max-width: 767px) { .section-title h2 { font-size: 32px !important; } .section-sub-title h3 { font-size: 21px; } } @media (max-width: 575px) { .section-title h2 { font-size: 24px !important; } .section-sub-title h3 { font-size: 18px; } } @media (max-width: 375px) { .section-title h2 { font-size: 21px !important; } .section-sub-title h3 { font-size: 16px; } } .section-title .sub-title { font-weight: 500; } .section-title-2 h5 { color: #1B212F; } .section-title-2 .left-line::before { left: -3px; top: 10px; width: 30px; height: 2px; } @media (max-width: 767px) { .section-title-3 { padding-left: 0; padding-right: 0; } } .section-title-3 h5 { color: rgba(48, 48, 48, 0.6); text-transform: uppercase; } .section-title-3 .bottom-line::before { background-color: rgba(255, 114, 58, 0.2); height: 20px; width: 100%; bottom: 8px; } .section-title-4 h2 { font-size: 32px; line-height: 1.5; } .bottom-line { position: relative; display: inline-block; } .bottom-line::before { content: ''; position: absolute; background-color: #019145; width: 100%; height: 2px; left: 0; bottom: 0; z-index: 1; } .sub-title { color: #000009; font-size: 24px; font-family: "Manrope", sans-serif; font-weight: 600; line-height: 1.6; } .semi-title { font-size: 28px; font-weight: 600; } .skew-bg { position: relative; z-index: 1; overflow: hidden; } .skew-bg::before { top: 0px; -webkit-transform: skew(45deg) scaleX(0); transform: skew(45deg) scaleX(0); width: 160%; height: 100%; left: 0; right: 0; z-index: -1; bottom: 0; content: ""; position: absolute; border-radius: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .skew-bg::after { top: 0px; -webkit-transform: skew(45deg) scaleX(0); transform: skew(45deg) scaleX(0); width: 160%; height: 100%; top: 0; right: 0; z-index: -1; bottom: 0; content: ""; position: absolute; border-radius: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .swipe-right { position: relative; z-index: 1; } .swipe-right::before { content: ''; position: absolute; width: 0; height: 100%; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .round-eclipse { position: relative; z-index: 1; } .round-eclipse::before { border-radius: 50%; background-color: #f5f5fc; position: absolute; left: 0; top: 0; width: 72px; height: 72px; z-index: -1; } .popup-video { color: #ffffff; background: #019145; border-radius: 50%; font-size: 14px; line-height: 100px; display: inline-block; width: 100px; height: 100px; text-align: center; -webkit-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; position: relative; z-index: 1; -webkit-animation: pulseBig infinite 5s linear; animation: pulseBig infinite 5s linear; } .popup-video:hover { color: #ffffff; background: #019145; } /*-- - Margin & Padding -----------------------------------------*/ /*-- Margin Top --*/ .dark #preloader { background-color: #232323; } #preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #f7f7f7; z-index: 999999; } .preloader { width: 50px; height: 50px; display: inline-block; padding: 0px; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 50%; left: 50%; margin-left: -25px; margin-top: -25px; } .preloader span { position: absolute; display: inline-block; width: 50px; height: 50px; border-radius: 100%; background: #019145; -webkit-animation: preloader 1.3s linear infinite; animation: preloader 1.3s linear infinite; } .preloader span:last-child { animation-delay: -0.8s; -webkit-animation-delay: -0.8s; } @keyframes preloader { 0% { -webkit-transform: scale(0, 0); transform: scale(0, 0); opacity: 0.5; } 100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 0; } } @-webkit-keyframes preloader { 0% { -webkit-transform: scale(0, 0); opacity: 0.5; } 100% { -webkit-transform: scale(1, 1); opacity: 0; } } #scrollUp { background: #019145; width: 45px; height: 45px; position: absolute; right: 15px; bottom: 15px; font-size: 15px; border-radius: 50%; line-height: 45px; text-align: center; } #scrollUp i { color: #ffffff; } /*-- - Overlay ------------------------------------------*/ .overlay-soft { position: relative; z-index: 1; } .overlay-soft::after { content: ''; position: absolute; background: rgba(0, 0, 0, 0.2); height: 100%; width: 100%; left: 0; top: 0; z-index: -1; } [data-overlay] { position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; } [data-overlay]::before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ""; } /*-- Overlay Color --*/ [data-overlay="light"]::before { background-color: #ffffff; } [data-overlay="dark"]::before { background-color: #019145; } /*-- Overlay Opacity --*/ [data-opacity="1"]::before { opacity: 0.1; } [data-opacity="2"]::before { opacity: 0.2; } [data-opacity="3"]::before { opacity: 0.3; } [data-opacity="4"]::before { opacity: 0.4; } [data-opacity="5"]::before { opacity: 0.5; } [data-opacity="6"]::before { opacity: 0.6; } [data-opacity="7"]::before { opacity: 0.7; } [data-opacity="8"]::before { opacity: 0.8; } [data-opacity="9"]::before { opacity: 0.9; } .logo img { max-width: 100%; } .main-header-area { position: absolute; z-index: 999; left: 0; right: 0; } .main-header-area .logo-img img { max-width: 100%; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .main-header-area { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .main-header-area { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .main-header-area { padding-left: 15px; padding-right: 15px; } } @media (max-width: 767px) { .main-header-area { padding-left: 0; padding-right: 0; } } .main-header-area.sticky { padding-top: 0; padding-bottom: 0; } @media only screen and (min-width: 768px) and (max-width: 991px) { .main-header-area.sticky { padding-top: 15px; padding-bottom: 15px; } } @media (max-width: 767px) { .main-header-area.sticky { padding-top: 15px; padding-bottom: 15px; } } .sticky { position: fixed; z-index: 999; width: 100%; background: #ffffff; top: 0; -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown; animation: 300ms ease-in-out 0s normal none 1 running fadeInDown; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05); box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05); } .sticky .logo { -webkit-transform: translateY(2px); transform: translateY(2px); } .sticky .hamburger-menu { top: 17px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .sticky .hamburger-menu { top: 35px; } } /* Hamburger-menu */ .hamburger-menu { display: inline-block; } .hamburger-menu>a { display: inline-block; font-size: 25px; color: #019145; } .side-mobile-menu { display: none; } @media only screen and (min-width: 768px) and (max-width: 991px) { .side-mobile-menu { display: block; } } @media (max-width: 767px) { .side-mobile-menu { display: block; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .side-mobile-menu { display: block; } } .offset-sidebar { display: block; margin-top: 30px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .offset-sidebar { display: none; } } @media (max-width: 767px) { .offset-sidebar { display: none; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .offset-sidebar { display: none; } } .main-head-three { position: relative; } .main-head-three.sticky { position: fixed; } .main-menu { margin-left: 130px; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .main-menu { margin-left: 0; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .main-menu { margin-left: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .main-menu { margin-left: 0; } } @media (max-width: 767px) { .main-menu { margin-left: 0; } } #theme-menu-one { border-bottom: 2px solid #E3E5FF; } .navbar-nav .nav-item.active { color: #2878EB; } .navbar-nav .nav-item.active .nav-link { color: #2878EB; } .navbar-nav .nav-item .nav-link { color: #505050; font-size: 20px; line-height: 1; display: inline-block; position: relative; margin: 0 20px; padding: 30px 0; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .navbar-nav .nav-item .nav-link { margin: 0 20px; } } .navbar-nav .nav-item .nav-link::after { display: none; } .navbar-nav .nav-item .nav-link::before { /* content: '\f078'; */ position: absolute; font-family: "Font Awesome 5 pro"; font-size: 15px; right: -23px; top: 44%; z-index: 1; } .navbar-nav .nav-item .nav-link:hover { color: #019145; } .navbar-nav .nav-item:last-child .nav-link::before { display: none; } .navbar-nav .nav-item:hover>.nav-link { color: #019145; } .navbar .dropdown-menu { border: 0; position: absolute; z-index: 5; background-color: #fff; border-radius: 12px; display: block; right: 0; left: 0; padding: 8px 0; top: 100%; visibility: hidden; -webkit-transform: scaleY(0); transform: scaleY(0); opacity: 0; min-width: 220px; -webkit-box-shadow: 0px 30px 70px 0px rgba(137, 139, 142, 0.15); box-shadow: 0px 30px 70px 0px rgba(137, 139, 142, 0.15); margin: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .navbar .dropdown-menu .dropdown-item { color: #505050; font-size: 18px; padding: 0 25px; line-height: 44px; display: block; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .navbar .dropdown-menu .dropdown-item:hover { background-color: #FFF0EA; padding-left: 30px; } .navbar .dropdown:hover .dropdown-menu { opacity: 1; visibility: visible; -webkit-transform: scale(1); transform: scale(1); } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .right-btn { margin-left: 0; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .right-btn { margin-left: 0; } } /* @media only screen and (min-width: 992px) and (max-width: 1200px) { .right-btn ul li:first-child { display: none; } } */ @media (max-width: 991px) { .right-btn ul li:first-child { display: none; } } .sign-in { background: rgba(40, 120, 235, 0.1); width: 50px; height: 50px; border-radius: 50%; text-align: center; line-height: 44px; display: inline-block; } .mega-menu ul.mega-menu__sub-menu-box { width: 900px !important; padding: 30px 30px 15px !important; visibility: hidden; -webkit-transform: scale(1, 0); transform: scale(1, 0); transform-origin: 0 0; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; border-top: 0; border-radius: 12px; -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.05); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.05); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .mega-menu ul.mega-menu__sub-menu-box { left: -200px !important; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .mega-menu ul.mega-menu__sub-menu-box { left: -100px !important; } } .mega-menu ul.mega-menu__sub-menu-box li { display: inline-block !important; margin-right: 0; } .mega-menu ul.mega-menu__sub-menu-box li:nth-child(2) a { background-color: #E0FAF6; } .mega-menu ul.mega-menu__sub-menu-box li:nth-child(2) a i { color: #8e66ff; } .mega-menu ul.mega-menu__sub-menu-box li:nth-child(3) a { background-color: #EEEAFF; } .mega-menu ul.mega-menu__sub-menu-box li:nth-child(3) a i { color: #f8727f; } .mega-menu ul.mega-menu__sub-menu-box li:nth-child(4) a { background-color: #FAF8E4; } .mega-menu ul.mega-menu__sub-menu-box li:nth-child(4) a i { color: #41c485; } .mega-menu ul.mega-menu__sub-menu-box li:nth-child(5) a { background-color: #E8F9FF; } .mega-menu ul.mega-menu__sub-menu-box li:nth-child(5) a i { color: #2878eb; } .mega-menu ul.mega-menu__sub-menu-box li:nth-child(6) a { background-color: #FFEFF1; } .mega-menu ul.mega-menu__sub-menu-box li:nth-child(6) a i { color: lime; } .mega-menu ul.mega-menu__sub-menu-box li:nth-child(7) a { background-color: #F1F8E4; } .mega-menu ul.mega-menu__sub-menu-box li:nth-child(7) a i { color: red; } .mega-menu ul.mega-menu__sub-menu-box li:last-child a { background-color: #FBEDFF; } .mega-menu ul.mega-menu__sub-menu-box li:last-child a i { color: deepskyblue; } .mega-menu ul.mega-menu__sub-menu-box li a { color: #222222; font-size: 18px; display: inline-block; background-color: #FFEFE8; padding: 14px 25px !important; margin: 0 5px 15px 0 !important; border-radius: 8px; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; } .mega-menu ul.mega-menu__sub-menu-box li a:last-child { margin-right: 0; } .mega-menu ul.mega-menu__sub-menu-box li a span { -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; display: inline-block; } .mega-menu ul.mega-menu__sub-menu-box li a img { vertical-align: -4px; margin-right: 10px; } .mega-menu ul.mega-menu__sub-menu-box li:hover a { color: unset !important; } .mega-menu ul.mega-menu__sub-menu-box li:hover a span { color: unset; -webkit-transform: scale(-1) rotate(180deg) !important; transform: scale(-1) rotate(180deg) !important; } .mega-menu:hover ul.mega-menu__sub-menu-box { visibility: visible; -webkit-transform: scale(1); transform: scale(1); } section.page-title-area { background-size: cover; background-position: center; width: 100%; background-repeat: no-repeat; min-height: 200px; position: relative; z-index: 1; } .page-title-wrapper { position: relative; z-index: 2; } .page-title-wrapper .page-title { color: #1B212F; font-size: 44px; z-index: 1; } @media (max-width: 767px) { .page-title-wrapper .page-title { font-size: 35px; } } ul.breadcrumb li a { color: #1B212F; font-size: 18px; line-height: 1; display: inline-block; } .slide-bar { position: fixed; overflow-y: auto; top: 0; right: -370px; width: 350px; padding: 25px 30px; height: 100%; display: block; background-color: #1B212F; z-index: 1020; -webkit-transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86); -webkit-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5); box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5); } @media only screen and (min-width: 576px) and (max-width: 767px) { .slide-bar { width: 350px; } } @media (max-width: 767px) { .slide-bar { width: 310px; padding: 25px 20px; } } .slide-bar.show { right: 0; } .open-mobile-menu { display: inline-block; } .open-mobile-menu a { display: block; width: 50px; height: 50px; background: #212121; text-align: center; line-height: 50px; font-size: 20px; margin-left: 20px; color: #fff; } .open-mobile-menu a:hover { background: #019145; } .open-mobile-menu a.active { background: #019145; } .close-mobile-menu a { color: #ffffff; position: relative; z-index: 2; font-size: 16px; top: -10px; left: 0; } .close-mobile-menu a:hover { color: #ff0000; } .on-side { overflow: hidden; } .body-overlay { background-color: rgba(0, 0, 0, 0.5); height: 100%; width: 100%; position: fixed; top: 0; z-index: 1010; left: 0; opacity: 0; display: none; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .body-overlay.active { opacity: 1; display: block; } .side-mobile-menu ul { list-style: none; margin: 0; padding: 0; } .side-mobile-menu ul li a { padding: 13px 0; display: block; border-bottom: 1px solid rgba(0, 0, 0, 0.05); font-size: 16px; color: #ffffff; font-weight: 700; text-transform: uppercase; position: relative; } .side-mobile-menu ul li a:hover { color: #019145; padding-left: 5px; } .side-mobile-menu ul li a[aria-expanded="true"] { color: #019145; } .side-mobile-menu ul li a[aria-expanded="true"]:before { background: #019145; border-color: #019145; } .side-mobile-menu ul li ul { padding-left: 0; list-style: none; } .side-mobile-menu ul li ul li { padding-left: 15px; } .side-mobile-menu ul li ul li:hover>a { color: #019145; padding-left: 20px; } .side-mobile-menu ul li ul li:hover>a:before { background: #019145; border-color: #019145; } .side-mobile-menu ul li ul li a { position: relative; padding-left: 15px; text-transform: capitalize; font-size: 16px; } .side-mobile-menu ul li ul li a:before { content: ""; width: 8px; height: 8px; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border: 2px solid #ffffff; border-radius: 50%; } .side-mobile-menu ul li ul li a[aria-expanded="true"] { padding-left: 20px; } .side-mobile-menu ul li.has-dropdown>a:after { position: absolute; content: ""; width: 8px; height: 8px; border-width: 2px 0 0 2px; border-style: solid; border-color: initial; right: 16px; top: 50%; -webkit-transform: rotate(-45deg) translateY(-50%); transform: rotate(-45deg) translateY(-50%); -webkit-transform-origin: top; transform-origin: top; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; } .side-mobile-menu ul li.has-dropdown a[aria-expanded="true"]:after { -webkit-transform: rotate(-135deg) translateY(-50%); transform: rotate(-135deg) translateY(-50%); } .offset-widget.offset-logo { border-bottom: 1px solid #eeecec; padding-bottom: 20px; } .offset-widget .info-widget .offset-title { font-size: 20px; font-weight: 800; color: #ffffff; } .offset-widget .info-widget p { color: #ffffff; } .offset-widget .info-widget.info-widget2 p { margin-bottom: 15px; } .offset-widget .info-widget.info-widget2 p i { margin-right: 7px; color: #ffffff; } /* Menu Search -------------------------------------------------------*/ .header-2-icon { color: #ffffff; } .nav-search.search-trigger.header-2-icon { color: #ffffff; display: inline-block; } .nav-search { position: relative; display: block; color: inherit; } .nav-search:hover { color: inherit; } .search-wrap { width: 100%; height: 100%; overflow: hidden; display: none; position: fixed; top: 0; left: 0; z-index: 121; background: rgba(0, 0, 0, 0.9); } .search-wrap .search-inner { position: relative; width: 100%; height: 100%; } .search-wrap .search-cell { position: absolute; top: 50%; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .search-wrap .search-field-holder { width: 50%; margin: auto; position: relative; -webkit-animation: slideInUp .3s; animation: slideInUp .3s; } .search-wrap .main-search-input { width: 100%; height: 70px; border: 0; padding: 0 50px; text-transform: uppercase; background: transparent; font-size: 25px; color: #fff; border-bottom: 2px solid #898989; text-align: center; letter-spacing: 2px; } .search-wrap input.form-control, .search-wrap input.form-control:focus { background-color: #fff; } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } input.main-search-input::-webkit-input-placeholder { color: #fff; font-size: 25px; } input.main-search-input:-moz-placeholder { color: #fff; opacity: 1; font-size: 25px; } input.main-search-input::-moz-placeholder { color: #fff; opacity: 1; font-size: 25px; } input.main-search-input:-ms-input-placeholder { color: #fff; font-size: 25px; } .search-close { position: absolute; top: 50px; right: 50px; font-size: 30px; color: #fff; cursor: pointer; } @-webkit-keyframes jump { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40% { -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes jump { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40% { -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes rotated { 0% { -webkit-transform: rotateY(0); transform: rotateY(0); } 100% { -webkit-transform: rotateY(360deg); transform: rotateY(360deg); } } @keyframes rotated { 0% { -webkit-transform: rotateY(0); transform: rotateY(0); } 100% { -webkit-transform: rotateY(360deg); transform: rotateY(360deg); } } @-webkit-keyframes rotatedHalf { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 50% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } @keyframes rotatedHalf { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 50% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } @-webkit-keyframes rotatedHalfTwo { 0% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } 100% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } } @keyframes rotatedHalfTwo { 0% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } 100% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } } @-webkit-keyframes scale-upOne { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.2); transform: scale(0.2); } } @keyframes scale-upOne { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.2); transform: scale(0.2); } } @-webkit-keyframes scale-right { 0% { -webkit-transform: translateX(-50%); transform: translateX(-50%); } 50% { -webkit-transform: translateX(50%); transform: translateX(50%); } 100% { -webkit-transform: translateX(-50%); transform: translateX(-50%); } } @keyframes scale-right { 0% { -webkit-transform: translateX(-50%); transform: translateX(-50%); } 50% { -webkit-transform: translateX(50%); transform: translateX(50%); } 100% { -webkit-transform: translateX(-50%); transform: translateX(-50%); } } @-webkit-keyframes fade-in { 0% { opacity: 0.5; } 40% { opacity: 1; } 100% { opacity: 0.7; } } @keyframes fade-in { 0% { opacity: 0.5; } 40% { opacity: 1; } 100% { opacity: 0.7; } } @-webkit-keyframes hvr-ripple-out { 0% { top: 0px; right: 0px; bottom: 0px; left: 0px; opacity: 1; } 100% { top: -6px; right: -6px; bottom: -6px; left: -6px; opacity: 0; } } @keyframes hvr-ripple-out { 0% { top: 0px; right: 0px; bottom: 0px; left: 0px; opacity: 1; } 100% { top: -6px; right: -6px; bottom: -6px; left: -6px; opacity: 0; } } @-webkit-keyframes hvr-ripple-out-two { 0% { top: 0; right: 0; bottom: 0; left: 0; opacity: 1; } 100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; } } @keyframes hvr-ripple-out-two { 0% { top: 0; right: 0; bottom: 0; left: 0; opacity: 1; } 100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; } } @-webkit-keyframes scale-up-one { 0% { -webkit-transform: scale(1); transform: scale(1); } 40% { -webkit-transform: scale(0.5); transform: scale(0.5); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes scale-up-one { 0% { -webkit-transform: scale(1); transform: scale(1); } 40% { -webkit-transform: scale(0.5); transform: scale(0.5); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes scale-up-one-1 { 0% { -webkit-transform: scale(1); transform: scale(1); } 40% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes scale-up-one-1 { 0% { -webkit-transform: scale(1); transform: scale(1); } 40% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes scale-up-two { 0% { -webkit-transform: scale(0.9); transform: scale(0.9); } 40% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(0.5); transform: scale(0.5); } } @keyframes scale-up-two { 0% { -webkit-transform: scale(0.9); transform: scale(0.9); } 40% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(0.5); transform: scale(0.5); } } @-webkit-keyframes scale-up-three { 0% { -webkit-transform: scale(0.7); transform: scale(0.7); } 40% { -webkit-transform: scale(0.4); transform: scale(0.4); } 100% { -webkit-transform: scale(0.7); transform: scale(0.7); } } @keyframes scale-up-three { 0% { -webkit-transform: scale(0.7); transform: scale(0.7); } 40% { -webkit-transform: scale(0.4); transform: scale(0.4); } 100% { -webkit-transform: scale(0.7); transform: scale(0.7); } } @-webkit-keyframes scale-up-four { 0% { -webkit-transform: scale(0.6); transform: scale(0.6); } 40% { -webkit-transform: scale(0.7); transform: scale(0.7); } 100% { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes scale-up-four { 0% { -webkit-transform: scale(0.6); transform: scale(0.6); } 40% { -webkit-transform: scale(0.7); transform: scale(0.7); } 100% { -webkit-transform: scale(0.9); transform: scale(0.9); } } @-webkit-keyframes scale-up-five { 0% { -webkit-transform: scale(1); transform: scale(1); } 40% { -webkit-transform: scale(0.4); transform: scale(0.4); } 100% { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes scale-up-five { 0% { -webkit-transform: scale(1); transform: scale(1); } 40% { -webkit-transform: scale(0.5); transform: scale(0.5); } 100% { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes animationFramesOne { 0% { -webkit-transform: translate(0px, 0px) rotate(0deg); transform: translate(0px, 0px) rotate(0deg); } 20% { -webkit-transform: translate(73px, -1px) rotate(36deg); transform: translate(73px, -1px) rotate(36deg); } 40% { -webkit-transform: translate(141px, 72px) rotate(72deg); transform: translate(141px, 72px) rotate(72deg); } 60% { -webkit-transform: translate(83px, 122px) rotate(108deg); transform: translate(83px, 122px) rotate(108deg); } 80% { -webkit-transform: translate(-40px, 72px) rotate(144deg); transform: translate(-40px, 72px) rotate(144deg); } 100% { -webkit-transform: translate(0px, 0px) rotate(0deg); transform: translate(0px, 0px) rotate(0deg); } } @-webkit-keyframes animationFramesOne { 0% { -webkit-transform: translate(0px, 0px) rotate(0deg); } 20% { -webkit-transform: translate(73px, -1px) rotate(36deg); } 40% { -webkit-transform: translate(141px, 72px) rotate(72deg); } 60% { -webkit-transform: translate(83px, 122px) rotate(108deg); } 80% { -webkit-transform: translate(-40px, 72px) rotate(144deg); } 100% { -webkit-transform: translate(0px, 0px) rotate(0deg); } } @keyframes animationFramesTwo { 0% { -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1); transform: translate(0px, 0px) rotate(0deg) scale(1); } 20% { -webkit-transform: translate(73px, -1px) rotate(36deg) scale(0.9); transform: translate(73px, -1px) rotate(36deg) scale(0.9); } 40% { -webkit-transform: translate(141px, 72px) rotate(72deg) scale(1); transform: translate(141px, 72px) rotate(72deg) scale(1); } 60% { -webkit-transform: translate(83px, 122px) rotate(108deg) scale(1.2); transform: translate(83px, 122px) rotate(108deg) scale(1.2); } 80% { -webkit-transform: translate(-40px, 72px) rotate(144deg) scale(1.1); transform: translate(-40px, 72px) rotate(144deg) scale(1.1); } 100% { -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1); transform: translate(0px, 0px) rotate(0deg) scale(1); } } @-webkit-keyframes animationFramesTwo { 0% { -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1); } 20% { -webkit-transform: translate(73px, -1px) rotate(36deg) scale(0.9); } 40% { -webkit-transform: translate(141px, 72px) rotate(72deg) scale(1); } 60% { -webkit-transform: translate(83px, 122px) rotate(108deg) scale(1.2); } 80% { -webkit-transform: translate(-40px, 72px) rotate(144deg) scale(1.1); } 100% { -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1); } } @keyframes animationFramesThree { 0% { -webkit-transform: translate(165px, -179px); transform: translate(165px, -179px); } 100% { -webkit-transform: translate(-346px, 617px); transform: translate(-346px, 617px); } } @-webkit-keyframes animationFramesThree { 0% { -webkit-transform: translate(165px, -179px); } 100% { -webkit-transform: translate(-346px, 617px); } } @keyframes animationFramesFour { 0% { -webkit-transform: translate(-200px, 151px) rotate(0deg); transform: translate(-200px, 151px) rotate(0deg); } 100% { -webkit-transform: translate(251px, -200px) rotate(180deg); transform: translate(251px, -200px) rotate(180deg); } } @-webkit-keyframes animationFramesFour { 0% { -webkit-transform: translate(-200px, 151px) rotate(0deg); } 100% { -webkit-transform: translate(251px, -200px) rotate(180deg); } } @keyframes animationFramesFive { 0% { -webkit-transform: translate(61px, -99px) rotate(0deg); transform: translate(61px, -99px) rotate(0deg); } 21% { -webkit-transform: translate(4px, -190px) rotate(38deg); transform: translate(4px, -190px) rotate(38deg); } 41% { -webkit-transform: translate(-139px, -200px) rotate(74deg); transform: translate(-139px, -200px) rotate(74deg); } 60% { -webkit-transform: translate(-263px, -164px) rotate(108deg); transform: translate(-263px, -164px) rotate(108deg); } 80% { -webkit-transform: translate(-195px, -49px) rotate(144deg); transform: translate(-195px, -49px) rotate(144deg); } 100% { -webkit-transform: translate(-1px, 0px) rotate(180deg); transform: translate(-1px, 0px) rotate(180deg); } } @-webkit-keyframes animationFramesFive { 0% { -webkit-transform: translate(61px, -99px) rotate(0deg); } 21% { -webkit-transform: translate(54px, -90px) rotate(38deg); } 41% { -webkit-transform: translate(-139px, -200px) rotate(74deg); } 60% { -webkit-transform: translate(-263px, -164px) rotate(108deg); } 80% { -webkit-transform: translate(-195px, -49px) rotate(144deg); } 100% { -webkit-transform: translate(-1px, 0px) rotate(180deg); } } @keyframes gradientBG { 0% { background-position: 0 0; } 50% { background-position: 300% 0; } 100% { background-position: 0 0; } } @-webkit-keyframes gradientBG { 0% { background-position: 0 0; } 50% { background-position: 300% 0; } 100% { background-position: 0 0; } } @-webkit-keyframes imageBgAnim { 0% { background-position: 0 0; } 50% { background-position: 120% 0; } 100% { background-position: 0 0; } } @keyframes imageBgAnim { 0% { background-position: 0 0; } 50% { background-position: 120% 0; } 100% { background-position: 0 0; } } @-webkit-keyframes gradientBG { 0% { background-position: 0 0; } 50% { background-position: 120% 0; } 100% { background-position: 0 0; } } /* Move frame*/ @keyframes moveRound { 0% { background-color: #eee3ff; left: -24px; top: 0px; } 25% { background-color: #feddfc; left: 100px; top: 0px; } 50% { background-color: #efe4ff; left: 100px; top: 100px; } 75% { background-color: #e2fcf4; left: -24px; top: 200px; } 100% { background-color: #eee3ff; left: -24px; top: 0px; } } @-webkit-keyframes moveRound { 0% { background-color: #eee3ff; left: -24px; top: 0px; } 25% { background-color: #feddfc; left: 100px; top: 0px; } 50% { background-color: #efe4ff; left: 100px; top: 200px; } 75% { background-color: #e2fcf4; left: -24px; top: 100px; } 100% { background-color: #eee3ff; left: -24px; top: 0px; } } @-webkit-keyframes moveShap { 0% { left: 0px; top: 0px; } 25% { left: 100px; top: 0px; } 50% { left: 100px; top: 100px; } 75% { left: 0px; top: 200px; } 100% { left: 0px; top: 0px; } } @keyframes moveShap { 0% { left: 0px; top: 0px; } 25% { left: 100px; top: 0px; } 50% { left: 100px; top: 100px; } 75% { left: 0px; top: 200px; } 100% { left: 0px; top: 0px; } } @-webkit-keyframes moveShap2 { 0% { right: 0px; top: 0px; } 25% { right: 100px; top: 0px; } 50% { right: 100px; top: 100px; } 75% { right: 0px; top: 200px; } 100% { right: 0px; top: 0px; } } @keyframes moveShap2 { 0% { right: 0px; top: 0px; } 25% { right: 100px; top: 0px; } 50% { right: 100px; top: 100px; } 75% { right: 0px; top: 200px; } 100% { right: 0px; top: 0px; } } /* Heartbeat frame*/ @-webkit-keyframes heartbeat { to { -webkit-transform: scale(1.2); transform: scale(1.2); } } @keyframes heartbeat { to { -webkit-transform: scale(1.2); transform: scale(1.2); } } /* Rotation frame*/ @-webkit-keyframes rotation { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotation { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* pulseBig */ @-webkit-keyframes pulseBig { 0% { -webkit-box-shadow: 0 0 0 0 #fff; box-shadow: 0 0 0 0 #fff; } 50% { -webkit-box-shadow: 0 0 0 30px rgba(1, 93, 199, 0); box-shadow: 0 0 0 30px rgba(1, 93, 199, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(1, 93, 199, 0); box-shadow: 0 0 0 0 rgba(1, 93, 199, 0); } } @keyframes pulseBig { 0% { -webkit-box-shadow: 0 0 0 0 #fff; box-shadow: 0 0 0 0 #fff; } 50% { -webkit-box-shadow: 0 0 0 30px rgba(1, 93, 199, 0); box-shadow: 0 0 0 30px rgba(1, 93, 199, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(1, 93, 199, 0); box-shadow: 0 0 0 0 rgba(1, 93, 199, 0); } } /* pulseBig2 */ @-webkit-keyframes pulseBig2 { 0% { -webkit-box-shadow: 0 0 0 0 #e5aa8f; box-shadow: 0 0 0 0 #e5aa8f; } 50% { -webkit-box-shadow: 0 0 0 20px rgba(1, 93, 199, 0); box-shadow: 0 0 0 20px rgba(1, 93, 199, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(1, 93, 199, 0); box-shadow: 0 0 0 0 rgba(1, 93, 199, 0); } } @keyframes pulseBig2 { 0% { -webkit-box-shadow: 0 0 0 0 #e5aa8f; box-shadow: 0 0 0 0 #e5aa8f; } 50% { -webkit-box-shadow: 0 0 0 20px rgba(1, 93, 199, 0); box-shadow: 0 0 0 20px rgba(1, 93, 199, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(1, 93, 199, 0); box-shadow: 0 0 0 0 rgba(1, 93, 199, 0); } } /* pulseBig2 */ @-webkit-keyframes pulseBig3 { 0% { -webkit-box-shadow: 0 0 0 0 #019145; box-shadow: 0 0 0 0 #019145; } 50% { -webkit-box-shadow: 0 0 0 10px rgba(1, 93, 199, 0); box-shadow: 0 0 0 10px rgba(1, 93, 199, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(1, 93, 199, 0); box-shadow: 0 0 0 0 rgba(1, 93, 199, 0); } } @keyframes pulseBig3 { 0% { -webkit-box-shadow: 0 0 0 0 #019145; box-shadow: 0 0 0 0 #019145; } 50% { -webkit-box-shadow: 0 0 0 10px rgba(1, 93, 199, 0); box-shadow: 0 0 0 10px rgba(1, 93, 199, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(1, 93, 199, 0); box-shadow: 0 0 0 0 rgba(1, 93, 199, 0); } } /* pulseBig2 */ @-webkit-keyframes pulseBig4 { 0% { -webkit-box-shadow: 0 0 0 0 #fc9ba4; box-shadow: 0 0 0 0 #fc9ba4; } 50% { -webkit-box-shadow: 0 0 0 10px rgba(1, 93, 199, 0); box-shadow: 0 0 0 10px rgba(1, 93, 199, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(1, 93, 199, 0); box-shadow: 0 0 0 0 rgba(1, 93, 199, 0); } } @keyframes pulseBig4 { 0% { -webkit-box-shadow: 0 0 0 0 #fc9ba4; box-shadow: 0 0 0 0 #fc9ba4; } 50% { -webkit-box-shadow: 0 0 0 10px rgba(1, 93, 199, 0); box-shadow: 0 0 0 10px rgba(1, 93, 199, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(1, 93, 199, 0); box-shadow: 0 0 0 0 rgba(1, 93, 199, 0); } } .scaleUp1 { -webkit-animation-name: scaleUp1; animation-name: scaleUp1; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } @-webkit-keyframes scaleUp1 { 0% { -webkit-transform: translateY(1); transform: translateY(1); } 20% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } 40% { -webkit-transform: translateY(1); transform: translateY(1); } 80% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } 100% { -webkit-transform: translateY(1); transform: translateY(1); } } @keyframes scaleUp1 { 0% { -webkit-transform: translateY(1); transform: translateY(1); } 20% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } 40% { -webkit-transform: translateY(1); transform: translateY(1); } 80% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } 100% { -webkit-transform: translateY(1); transform: translateY(1); } } @keyframes rail-line { 0% { -webkit-transform: translate(-150px); transform: translate(-150px); } 100% { -webkit-transform: translate(150px); transform: translate(150px); background: #019145; } } @-webkit-keyframes rail-line { 0% { -webkit-transform: translate(-50px); transform: translate(-50px); } 100% { -webkit-transform: translate(50px); transform: translate(50px); background: #019145; } } @keyframes type { 0% { width: 0ch; } 100% { width: 100%; } } @-webkit-keyframes type { 0% { width: 0ch; } 100% { width: 100%; } } @keyframes runs { 0% { -webkit-transform: translateY(0) rotate(90deg); transform: translateY(0) rotate(90deg); } 50% { -webkit-transform: translateY(300px) rotate(90deg); transform: translateY(300px) rotate(90deg); } 100% { -webkit-transform: translateY(-300px) rotate(180deg); transform: translateY(-300px) rotate(180deg); } } @-webkit-keyframes runs { 0% { -webkit-transform: translateY(0) rotate(90deg); transform: translateY(0) rotate(90deg); } 50% { -webkit-transform: translateY(300px) rotate(90deg); transform: translateY(300px) rotate(90deg); } 100% { -webkit-transform: translateY(-300px) rotate(180deg); transform: translateY(-300px) rotate(180deg); } } @keyframes zoomIncolor { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); } 50% { -webkit-transform: scale(1); transform: scale(1); background: #019145; opacity: 0.5; } 100% { -webkit-transform: scale(1.3); transform: scale(1.3); background: #019145; opacity: 0.8; } } @-webkit-keyframes zoomIncolor { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); } 50% { -webkit-transform: scale(1); transform: scale(1); background: #019145; opacity: 0.5; } 100% { -webkit-transform: scale(1.3); transform: scale(1.3); background: #019145; opacity: 0.8; } } @keyframes squareMove { 0% { -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 33% { -webkit-transform: translateY(-100px) rotate(180deg); transform: translateY(-100px) rotate(180deg); } 66% { -webkit-transform: translateX(200px) rotate(-90deg); transform: translateX(200px) rotate(-90deg); } 100% { -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @-webkit-keyframes squareMove { 0% { -webkit-transform: translateX(0px); transform: translateX(0px); } 33% { -webkit-transform: translateY(-100px); transform: translateY(-100px); } 66% { -webkit-transform: translateX(200px); transform: translateX(200px); } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); } } /*-- -theme-btn ----------------------------------------*/ .theme_btn { overflow: hidden; color: #ffffff; background: #019145; font-size: 16px; font-family: "Manrope", sans-serif; font-weight: 400; line-height: 1; padding: 18px 35px; display: inline-block; border-radius: 40px; position: relative; z-index: 1; cursor: pointer; text-decoration: none; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .theme_btn:hover { color: #565A6D; background: #EBFFF4; } .theme_btn_2 { overflow: hidden; color: #ffffff; background: #2E358B; font-size: 16px; font-family: "Manrope", sans-serif; font-weight: 400; line-height: 1; padding: 18px 35px; display: inline-block; border-radius: 40px; position: relative; z-index: 1; cursor: pointer; text-decoration: none; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .theme_btn_2:hover { color: #000; background: #E3E5FF; } .border_btn { background: transparent; border: 2px solid #019145; color: #019145; padding: 15px 38px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .border_btn:hover, .border_btn.active { color: #ffffff; -webkit-box-shadow: 5px 15px 60px rgba(255, 114, 58, 0.3); box-shadow: 5px 15px 60px rgba(255, 114, 58, 0.3); border-color: #e75115; } .border_btn.active { border-color: #019145; background-color: #019145; -webkit-box-shadow: 5px 15px 60px rgba(255, 114, 58, 0.3); box-shadow: 5px 15px 60px rgba(255, 114, 58, 0.3); } .border_btn.active:hover { color: #019145; background-color: transparent; -webkit-box-shadow: 0; box-shadow: 0; } .blog_btn { color: #1B212F; font-size: 16px; font-weight: 500; display: inline-block; border-bottom: 1px solid #1B212F; line-height: 1; } .blog_btn:hover { color: #019145; border-color: #019145; } .free_btn { padding: 17px 30px; } .custom-container-testimonial { max-width: 1400px; margin: 0 auto; } .sl-shape { position: absolute; z-index: 1; } .sl-shape.shape_01 { left: 8.54%; top: 210px; opacity: 0.3; -webkit-animation: float-bob-y infinite 5s linear; animation: float-bob-y infinite 5s linear; } @media (max-width: 767px) { .sl-shape.shape_01 { display: none; } } .sl-shape.shape_02 { right: 47.5%; top: 170px; -webkit-animation: float-bob-y infinite 3s linear; animation: float-bob-y infinite 3s linear; } @media (max-width: 767px) { .sl-shape.shape_02 { display: none; } } .sl-shape.shape_03 { right: 9.21%; top: 209px; -webkit-animation: float-bob-y infinite 4s linear; animation: float-bob-y infinite 4s linear; } @media (max-width: 767px) { .sl-shape.shape_03 { display: none; } } .sl-shape.shape_04 { left: 1%; top: 607px; -webkit-animation: float-bob-y infinite 5s linear; animation: float-bob-y infinite 5s linear; } @media (max-width: 767px) { .sl-shape.shape_04 { display: none; } } .sl-shape.shape_05 { right: 20%; top: 90%; opacity: 0.3; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .sl-shape.shape_05 { display: none; } } @media (max-width: 767px) { .sl-shape.shape_05 { display: none; } } .sl-shape.shape_06 { right: 24px; top: 562px; opacity: 0.3; } @media (max-width: 767px) { .sl-shape.shape_06 { display: none; } } .sl-shape.shape_07 { left: 20.30%; top: 10px; -webkit-animation: float-bob-x infinite 5s linear; animation: float-bob-x infinite 5s linear; } @media (max-width: 767px) { .sl-shape.shape_07 { display: none; } } .slider-img-box-2 { position: absolute; height: 500px; width: 487px; right: 0; top: 180px; z-index: 2; } .slider__img__box { position: relative; z-index: 1; } @media only screen and (min-width: 768px) and (max-width: 991px) { .slider__img__box { text-align: center; overflow: hidden; padding-right: 0; } } @media (max-width: 767px) { .slider__img__box { text-align: center; padding-right: 0; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .slider__img__box .img-one { width: 100%; padding-right: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .slider__img__box .img-one { padding-right: 0; } } .slider__img__box .slide-shape { position: absolute; z-index: 1; } @media (max-width: 767px) { .slider__img__box .img-one { padding-right: 0; width: 100%; margin-bottom: 50px; } .slider__img__box .slide-shape { position: unset; width: 80%; } .slider__img__box .slide-shape.img-six { display: none; } .slider__img__box .slide-shape.img-eight {} } .slider__img__box .slide-shape.img-one-dot { left: 0px; top: 26px; } .slider__img__box .slide-shape.img-four-dot { right: 0; bottom: 66px; } .slider__img__box .slide-shape.img-two { right: 68px; bottom: -26px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-animation: float-bob-y infinite 4s alternate; animation: float-bob-y infinite 4s alternate; } @media (max-width: 767px) { .slider__img__box .slide-shape.img-two { display: none; } } .slider__img__box .slide-shape.img-three { left: -108px; top: 53%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-animation: float-bob-y infinite 6s alternate; animation: float-bob-y infinite 6s alternate; } @media only screen and (min-width: 768px) and (max-width: 991px) { .slider__img__box .slide-shape.img-three { left: 0; } } @media (max-width: 767px) { .slider__img__box .slide-shape.img-three { display: none; } } .slider__img__box .slide-shape.img-four { left: 0; bottom: -66px; } @media (max-width: 767px) { .slider__img__box .slide-shape.img-four { display: none; } } .slider__img__box .slide-shape.img-five { right: 70px; top: 26px; } .slider__img__box .slide-shape.img-five-upper { right: 70px; top: 55px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-animation: float-bob-y infinite 4s alternate; animation: float-bob-y infinite 4s alternate; z-index: 10; } @media (max-width: 767px) { .slider__img__box .slide-shape.img-five { display: none; } } .slider__img__box .slide-shape.img-seven { position: absolute; z-index: 1; bottom: -113px; right: -228px; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .slider__img__box .slide-shape.img-seven { bottom: -75px; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .slider__img__box .slide-shape.img-seven { display: none; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .slider__img__box .slide-shape.img-seven { display: none; } } @media (max-width: 767px) { .slider__img__box .slide-shape.img-seven { display: none; } } .slider__img__box .slide-shape.img-eight { left: -29px; z-index: -1; bottom: -33px; -webkit-animation: rotation infinite 55s linear; animation: rotation infinite 55s linear; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .slider__img__box .slide-shape.img-eight { width: 100%; left: -10px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .slider__img__box .slide-shape.img-eight { left: -18px; right: 0; margin: 0 auto; } } .slider__content { position: relative; z-index: 8; } @media (max-width: 767px) { .slider__content { text-align: center; } } .text-italic { font-style: italic; } .great-deal-area .italic-weight600 { color: #000; font-style: italic; font-weight: 600; } .slider__content h5, .great-deal-area { color: #000; font-size: 20px; font-weight: 400; line-height: 1.7; } @media (max-width: 557px) { .slider__content h5, .great-deal-area { text-align: center; } } .slider__content .highlight-text { color: #1B212F; display: inline-block; } .slider__content .highlight-text span { color: #019145; } .main-title { color: #1B212F; font-size: 56px; line-height: 1.5; } @media (max-width: 767px) { .main-title { font-size: 30px; text-align: center; } } @media (max-width: 557px) { .main-title { font-size: 21px; text-align: center; } } .vec-shape { display: inline-block; position: relative; z-index: 1; padding-left: 50px; } .vec-shape::before { content: ''; position: absolute; background: url(../img/shape/line-border.svg) no-repeat; width: 366px; height: 99px; left: -11px; top: 0; z-index: -1; } @media (max-width: 767px) { .vec-shape::before { display: none; } } .search__area { background-color: rgba(255, 114, 58, 0.1); width: 100%; border-radius: 40px; } @media (max-width: 767px) { .search__area { background-color: transparent; } } .search__area li { width: 33%; } .search__area li:last-child { background-color: transparent; } @media (max-width: 767px) { .search__area li { width: 100%; margin-bottom: 15px; background-color: rgba(255, 114, 58, 0.1); border-radius: 40px; } } .search__area li .search_btn { -webkit-transform: translateX(7px); transform: translateX(7px); } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .search__area li .search_btn { margin-left: 0; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .search__area li .search_btn { margin-left: 0; font-size: 15px; padding: 29px 29px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .search__area li .search_btn { -webkit-transform: translateX(20px); transform: translateX(20px); } } @media (max-width: 767px) { .search__area li .search_btn { margin-left: 0; width: 100%; } } .widget__search { position: relative; z-index: 1; } .widget__search .input-form { position: relative; z-index: 1; } .widget__search .input-form input { border: 0; color: #707070; background: transparent; border-radius: 0; border-top-left-radius: 40px; border-bottom-left-radius: 40px; display: inline-block; position: relative; height: 65px; padding-left: 55px; width: 100%; z-index: 1; } .widget__search .search-icon { left: 0; border: 0; background: 0; font-size: 16px; position: absolute; left: 25px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .search_btn { border: 0; padding: 24px 41px; } .widget__select .nice-select { background: transparent; border: 0; width: 100%; height: 64px; border-radius: 0; line-height: 64px; font-size: 16px; font-weight: 400; color: #707070; } @media (max-width: 767px) { .widget__select .nice-select { width: 100%; background-color: rgba(255, 114, 58, 0.1); margin-bottom: 15px; border-radius: 40px; } } .widget__select .nice-select .list { width: 100%; } .widget__select .nice-select .list .option { width: 100%; border-radius: 0; background-color: #e2e7e6; margin-bottom: 0; } .widget__select .nice-select::before { content: '\f078'; font-family: 'Font Awesome 5 Pro'; color: #1B212F; font-size: 16px; display: block; pointer-events: none; position: absolute; left: 72px; -webkit-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .widget__select .nice-select::before { left: 10px; } } .widget__select .nice-select::after { display: none; } .widget__select .nice-select .current { color: #1B212F; padding-left: 80px; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .widget__select .nice-select .current { padding-left: 25px; } } .slider-gradient-bg { background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 114, 58, 0.07)), to(rgba(241, 77, 93, 0.01))); background: linear-gradient(rgba(255, 114, 58, 0.07) 0%, rgba(241, 77, 93, 0.01) 100%); } @media only screen and (min-width: 992px) and (max-width: 1200px) { .slider__content__02 { padding-top: 40px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .slider__content__02 { padding-top: 30px; } } @media (max-width: 767px) { .slider__content__02 { padding-top: 0; text-align: center; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .slider__content__02 .main-title { font-size: 45px; } } .slider__content__02 .left-line { color: #303030; font-weight: 500; display: inline-block; position: relative; z-index: 1; } .slider__content__02 .left-line::before { content: ''; position: absolute; width: 30px; height: 2px; background-color: #019145; left: 0; top: 16px; z-index: 1; } .slider__content__02 .search__area { background-color: #ffffff; width: 100%; border-radius: 5px; } @media (max-width: 767px) { .slider__content__02 .search__area { background-color: transparent; } } .slider__content__02 .search__area .widget__search .input-form input { background: #ffffff; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .slider__content__02 .search__area .search_btn { border-radius: 5px; } @media (max-width: 767px) { .slider__content__02 .search__area .search_btn { -webkit-transform: translateX(0); transform: translateX(0); } } @media (max-width: 767px) { .slider__content__02 .search__area li { border-radius: 5px; } } .slider__content__02 .search__area .widget__select .nice-select { background-color: #ffffff; border-radius: 5px; } .slider-img-box-two { position: relative; z-index: 3; } .slider-img-box-two .shape-avatar-bg { position: absolute; left: 30px; z-index: -2; top: 60px; -webkit-animation: rotation infinite 55s linear; animation: rotation infinite 55s linear; } @media only screen and (min-width: 1601px) and (max-width: 1800px) { .slider-img-box-two .shape-avatar-bg { width: 600px; height: 600px; } } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .slider-img-box-two .shape-avatar-bg { width: 400px; height: 400px; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .slider-img-box-two .shape-avatar-bg { top: 110px; width: 100%; -webkit-animation: unset; animation: unset; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .slider-img-box-two .shape-avatar-bg { top: 110px; width: 80%; } } @media (max-width: 767px) { .slider-img-box-two .shape-avatar-bg { top: 110px; width: 80%; -webkit-animation: unset; animation: unset; } } .slider-img-box-two .feature { color: #ffffff; border-radius: 20px; background: transparent; -webkit-box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.6); box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.6); z-index: 2; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .slider-img-box-two .feature { display: none; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .slider-img-box-two .feature { display: none; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .slider-img-box-two .feature { display: none; } } @media (max-width: 767px) { .slider-img-box-two .feature { display: none; } } .slider-img-box-two .feature.tag_01 { top: 220px; left: -12px; font-weight: 600; color: #ffffff; border-radius: 20px; background: transparent; -webkit-box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.6); box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.6); /* Note: currently only Safari supports backdrop-filter */ backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); -moz--backdrop-filter: blur(10px); -o--backdrop-filter: blur(10px); background-color: rgba(255, 255, 255, 0.03); /* (plus shape's fill blended on top as a separate layer with 20% opacity) */ } .slider-img-box-two .feature.tag_02 { right: 253px; top: 32px; font-weight: 600; color: #ffffff; border-radius: 20px; background: transparent; -webkit-box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.6); box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.6); /* Note: currently only Safari supports backdrop-filter */ backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); -moz-backdrop-filter: blur(10px); -o-backdrop-filter: blur(10px); background-color: rgba(255, 255, 255, 0.03); /* (plus shape's fill blended on top as a separate layer with 20% opacity) */ } .slider-img-box-two .feature.tag_03 { color: #ffffff; border-radius: 20px; left: auto; right: -210px; font-weight: 600; bottom: 250px; background: transparent; -webkit-box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.6); box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.6); /* Note: currently only Safari supports backdrop-filter */ backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); -moz-backdrop-filter: blur(10px); -o-backdrop-filter: blur(10px); background-color: rgba(255, 255, 255, 0.03); /* (plus shape's fill blended on top as a separate layer with 20% opacity) */ z-index: 2; } @media only screen and (min-width: 1601px) and (max-width: 1800px) { .slider-img-box-two .feature.tag_03 { right: -90px; } } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .slider-img-box-two .feature.tag_03 { right: 0px; bottom: 100px; } } .slider-img-box-two .coures-member { background-color: #ffffff; top: 213px; right: -184px; left: auto; border-radius: 20px; background: transparent; -webkit-box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.6); box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.6); /* Note: currently only Safari supports backdrop-filter */ backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); -moz-backdrop-filter: blur(10px); -o-backdrop-filter: blur(10px); background-color: rgba(255, 255, 255, 0.03); /* (plus shape's fill blended on top as a separate layer with 20% opacity) */ z-index: 3; } .slider-img-box-two .coures-member h5 { color: #ffffff; } @media only screen and (min-width: 1601px) and (max-width: 1800px) { .slider-img-box-two .coures-member { right: -100px; } } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .slider-img-box-two .coures-member { display: none; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .slider-img-box-two .coures-member { display: none; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .slider-img-box-two .coures-member { display: none; } } @media (max-width: 767px) { .slider-img-box-two .coures-member { display: none; } } .slider-img-box-two .chose-img-wrapper .chose_05 { margin-top: 120px; margin-left: -37px; } @media only screen and (min-width: 1601px) and (max-width: 1800px) { .slider-img-box-two .chose-img-wrapper .chose_05 { margin-left: -70px; } } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .slider-img-box-two .chose-img-wrapper .chose_05 { width: 100%; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .slider-img-box-two .chose-img-wrapper .chose_05 { width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .slider-img-box-two .chose-img-wrapper .chose_05 { width: 100%; } } @media (max-width: 767px) { .slider-img-box-two .chose-img-wrapper .chose_05 { width: 100%; } } .slider-img-box-two .chose-img-wrapper .chose_06 { position: absolute; left: -74px; bottom: 42px; z-index: 2; } @media only screen and (min-width: 768px) and (max-width: 991px) { .slider-img-box-two .chose-img-wrapper .chose_06 { display: none; } } @media (max-width: 767px) { .slider-img-box-two .chose-img-wrapper .chose_06 { display: none; } } .slider-img-box-two .chose-img-wrapper .video-wrapper { position: absolute; z-index: 1; right: auto; left: 62px; bottom: 178px; } @media (max-width: 767px) { .slider-img-box-two .chose-img-wrapper .video-wrapper { bottom: 55px; } } .slider-img-box-two .chose-img-wrapper .video-wrapper .popup-video { width: 90px; height: 90px; background: transparent; -webkit-filter: drop-shadow(5px 15px 60px rgba(27, 33, 47, 0.6)); filter: drop-shadow(5px 15px 60px rgba(27, 33, 47, 0.6)); /* Note: currently only Safari supports backdrop-filter */ backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); -moz-backdrop-filter: blur(10px); -o-backdrop-filter: blur(10px); background-color: rgba(255, 255, 255, 0.03); /* (plus shape's fill blended on top as a separate layer with 19% opacity) */ } .slider-three .sl-shape.shape_04 { left: 0; top: 511px; } .sl-shape.shape_s13 { left: 48px; top: 937px; -webkit-animation: rotation infinite 15s linear; animation: rotation infinite 15s linear; z-index: 1; } @media only screen and (min-width: 768px) and (max-width: 991px) { .slider__content__03 { padding-left: 0; padding-right: 0; } } @media (max-width: 767px) { .slider__content__03 { padding: 45px 0 0 0; } } .slider__content__03 .main-title { font-size: 64px; line-height: 1.32; } @media only screen and (min-width: 768px) and (max-width: 991px) { .slider__content__03 .main-title { font-size: 52px; } } @media (max-width: 767px) { .slider__content__03 .main-title { font-size: 50px; } } .slider__content__03 .search__area { background-color: #ffffff; border-radius: 40px; max-width: 777px; } @media (max-width: 767px) { .slider__content__03 .search__area { background-color: transparent; } } .slider__content__03 .search__area li .search_btn { -webkit-transform: translateX(0px); transform: translateX(0px); padding: 15px 35px; } @media (max-width: 767px) { .slider__content__03 .search__area .widget__search .input-form input { background-color: #ffffff; border-radius: 40px; } } @media (max-width: 767px) { .slider__content__03 .search__area .widget__select .nice-select { background-color: #ffffff; } } .slider-blur { width: 819px; height: 871px; background: #f14d5d; opacity: 0.03; filter: blur(50px); -webkit-filter: blur(50px); -moz-filter: blur(50px); position: absolute; right: 280px; top: 185px; z-index: -1; } @media only screen and (min-width: 768px) and (max-width: 991px) { .slider-blur { display: none; } } @media (max-width: 767px) { .slider-blur { display: none; } } .slider-img-area { position: relative; z-index: 1; } .slider-img-area .popup-video { width: 120px; height: 120px; line-height: 120px; font-size: 21px; position: absolute; bottom: 55px; left: 50px; background: #ffffff; color: #019145; } .slider-img-area::before { content: ''; position: absolute; background: url(../img/shape/round-dot.svg) no-repeat; width: 113px; height: 107px; left: -70px; top: 137px; z-index: -1; -webkit-animation: rotation infinite 15s linear; animation: rotation infinite 15s linear; } .slider-img-area::after { content: ''; position: absolute; background: url(../img/shape/dot-box-4.svg) no-repeat; width: 139px; height: 132px; right: -93px; top: 30px; z-index: -1; animation: float-bob-y infinite 3s alternate-reverse; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .slider-img-area::after { display: none; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .slider-img-area::after { display: none; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .slider-img-area::after { display: none; } } @media (max-width: 767px) { .slider-img-area::after { display: none; } } .slider-img-box-three { width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; min-height: 600px; border-radius: 10px; position: relative; -webkit-transform: translateY(-65px); transform: translateY(-65px); z-index: 1; } @media only screen and (min-width: 768px) and (max-width: 991px) { .slider-img-box-three { -webkit-transform: translateY(0); transform: translateY(0); min-height: 500px; } } @media (max-width: 767px) { .slider-img-box-three { -webkit-transform: translateY(0); transform: translateY(0); min-height: 500px; } } .deal-box h2 { font-size: 40px; line-height: 1.4; } .deal-box h2 b { display: block; } .single-box { background-color: rgba(255, 114, 58, 0.05); padding: 30px 30px; border-radius: 10px; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .single-box { padding: 30px 15px; } } @media (max-width: 767px) { .single-box { padding: 30px 15px; } } .single-box__icon { width: 83px; height: 83px; background: #019145; text-align: center; line-height: 78px; display: inline-block; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .single-box__icon img { display: inline-block !important; width: 51px; height: 50px; } .single-box.s-box2 { background-color: rgba(241, 77, 93, 0.05); } .single-box.s-box2 .single-box__icon { background-color: #F14D5D; } .single-box.s-box3 { background-color: rgba(142, 102, 255, 0.05); } .single-box.s-box3 .single-box__icon { background-color: #8E66FF; } .owl-nav { position: absolute; z-index: 2; left: -330px; bottom: 35px; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .owl-nav { left: -288px; bottom: 10px; } } .owl-nav .owl-prev { background: transparent; border: 0; padding: 0; margin-right: 10px; cursor: pointer; } .owl-nav .owl-prev i { color: #2E358B; font-size: 30px; } .owl-nav .owl-next { background: transparent; border: 0; padding: 0; margin-right: 10px; cursor: pointer; } .owl-nav .owl-next i { color: #2E358B; font-size: 30px; opacity: 0.2; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .owl-nav .owl-next:hover i { opacity: 1; } .s-box-2 { padding: 30px 20px; } .s-box-2 .single-box__icon { width: 75px; height: 75px; line-height: 75px; float: left; margin-right: 20px; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .s-box-2 .single-box__icon { float: none; } } @media (max-width: 767px) { .s-box-2 .single-box__icon { float: none; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .s-box-2 .single-box__icon { float: left; } } .s-box-2 .single-box__icon img { width: 30px; height: 28px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .s-box-2 .sub-title { font-size: 22px; } } .s-box-2 .icon_02 { background-color: #F14D5D; } .s-box-2 .icon_03 { background-color: #8E66FF; } .sb-box-01 { background-color: rgba(241, 77, 93, 0.05); } .sb-box-02 { background-color: rgba(142, 102, 255, 0.05); } .what-blur-shape-one { width: 569px; height: 569px; background: #f14d5d; opacity: 0.05; filter: 50px; -webkit-filter: blur(50px); -moz-filter: blur(50px); position: absolute; left: 26%; z-index: -1; top: 170px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .what-blur-shape-one { display: none; } } @media (max-width: 767px) { .what-blur-shape-one { display: none; } } .what-blur-shape-two { width: 569px; height: 569px; background: #8e66ff; opacity: 0.05; filter: 50px; -webkit-filter: blur(50px); -moz-filter: blur(50px); position: absolute; right: 19%; z-index: -1; bottom: 133px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .what-blur-shape-two { display: none; } } @media (max-width: 767px) { .what-blur-shape-two { display: none; } } .what-look-bg { margin: 0 100px 0 100px; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .what-look-bg { margin: 0 0 0 0; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .what-look-bg { margin: 0 0 0 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .what-look-bg { margin: 0 0 0 0; } } @media (max-width: 767px) { .what-look-bg { margin: 0 0 0 0; } } .what-box { background-color: #ffffff; border-radius: 10px; padding: 50px 45px; min-height: 35rem; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .what-box { padding: 50px 40px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .what-box { padding: 50px 15px; } } @media (max-width: 767px) { .what-box { padding: 50px 15px; min-height: auto; } } .what-box__icon { display: inline-block; position: relative; z-index: 1; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .what-box__icon::before { position: absolute; content: ''; width: 75px; height: 75px; background: rgba(27, 33, 47, 0.1); border-radius: 50%; left: -12px; bottom: 0; z-index: -1; } .what-box h3 { font-size: 34px; margin-bottom: 25px; } .what-box h4 { font-size: 20px; margin-bottom: 25px; } @media (max-width: 767px) { .what-box h4 { text-align: center; } } @media (max-width: 767px) { .what-box h3 { font-size: 32px; line-height: 1.4; } } .what-box p { margin-bottom: 30px; } .what-box p:last-child { margin-bottom: 0; } @media (max-width: 767px) { .what-box p { text-align: center; } } .what-box:hover .what-box__icon { -webkit-transform: translateY(-10px); transform: translateY(-10px); } .wb-icon-2::before { display: none; } .what-blur-bg-three { width: 851px; height: 851px; background: #f14d5d; opacity: 0.03; filter: blur(50px); -webkit-filter: blur(50px); -moz-filter: blur(50px); -o-filter: blur(50px); position: absolute; left: 18%; top: 110px; z-index: -1; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .what-blur-bg-three { display: none; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .what-blur-bg-three { display: none; } } @media (max-width: 767px) { .what-blur-bg-three { display: none; } } .single-category { border-radius: 5px; background: #ffffff; -webkit-box-shadow: 5px 15px 30px rgba(27, 33, 47, 0.05); box-shadow: 5px 15px 30px rgba(27, 33, 47, 0.05); padding: 35px 0 30px 0; } .single-category .sub-title a { text-decoration: none; } .single-category .sub-title a:hover { color: #019145; } .feature-blur-one { width: 1109px; height: 1109px; background: -webkit-gradient(linear, left top, left bottom, from(red), color-stop(0%, #fd020b), color-stop(30.95%, #d822de), color-stop(65.27%, #6051af), to(#07f6ff)); background: linear-gradient(red 0%, #fd020b 0%, #d822de 30.95%, #6051af 65.27%, #07f6ff 100%); opacity: 0.03; -webkit-filter: blur(50px); filter: blur(50px); position: absolute; left: 85px; top: 251px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .feature-blur-one { display: none; } } @media (max-width: 767px) { .feature-blur-one { display: none; } } .feature-blur-two { width: 789px; height: 789px; background: -webkit-gradient(linear, left top, left bottom, from(red), color-stop(0%, #fd020b), color-stop(30.95%, #d822de), color-stop(65.27%, #6051af), to(#07f6ff)); background: linear-gradient(red 0%, #fd020b 0%, #d822de 30.95%, #6051af 65.27%, #07f6ff 100%); opacity: 0.03; -webkit-filter: blur(50px); filter: blur(50px); position: absolute; right: -250px; bottom: 280px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .feature-blur-two { display: none; } } @media (max-width: 767px) { .feature-blur-two { display: none; } } .gf_btn { border: 0; padding: 0; background: 0; color: #019145; text-transform: uppercase; font-size: 16px; line-height: 1; font-family: "Manrope", sans-serif; font-weight: 500; margin: 10px 10px; display: inline-block; position: relative; background-color: rgba(255, 114, 58, 0.1); border-radius: 40px; padding: 19px 39px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } @media (max-width: 767px) { .gf_btn { margin: 10px 2px; font-size: 14px; padding: 19px 25px; } } .gf_btn:hover, .gf_btn.active { color: #ffffff; background-color: #019145; } .gf_btn:hover::before, .gf_btn.active::before { width: 100%; } .course__tag span { font-size: 14px; display: inline-block; padding: 15px 22px; line-height: 1; border-radius: 40px; } .course__tag span:first-child { color: #F14D5D; background-color: rgba(241, 77, 93, 0.1); } .course__tag span:nth-child(2) { color: #FF9F66; background-color: rgba(255, 159, 102, 0.2); } .z-gallery { border-radius: 10px; background: #ffffff; -webkit-box-shadow: 5px 10px 60px rgba(27, 33, 47, 0.05); box-shadow: 5px 10px 60px rgba(27, 33, 47, 0.05); padding: 10px; } @media (max-width: 767px) { .z-gallery { padding: 0; } } .z-gallery__thumb { overflow: hidden; border-radius: 5px; position: relative; z-index: 1; } .z-gallery__thumb img { width: 100%; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .z-gallery__thumb .feedback-tag { color: #ffffff; font-size: 14px; font-weight: 400; background-color: #2878EB; display: inline-block; padding: 10px 11px; position: absolute; top: 20px; left: 20px; border-radius: 5px; line-height: 1; } .z-gallery__thumb .heart-icon { color: #019145; font-size: 15px; background-color: #ffffff; display: inline-block; width: 30px; height: 30px; border-radius: 5px; position: absolute; right: 20px; top: 20px; text-align: center; line-height: 30px; z-index: 1; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .z-gallery__thumb .heart-icon:hover { color: #2878EB; -webkit-transform: scale(1.2); transform: scale(1.2); } .z-gallery__content { padding: 0 15px 30px 15px; } .z-gallery__content .sub-title { line-height: 1.4; font-weight: 700; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .z-gallery__content .sub-title { font-size: 20px; } } .z-gallery__content .sub-title a { text-decoration: none; } .z-gallery:hover .z-gallery__thumb img { -webkit-transform: scale(1.1); transform: scale(1.1); } .z-gallery:hover .z-gallery__content .sub-title a { color: #019145; } .course__meta span { color: #1B212F; font-size: 16px; font-weight: 700; display: inline-block; margin-right: 20px; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .course__meta span { font-size: 15px; margin-right: 4px; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .course__meta span { margin-bottom: 10px; } } @media (max-width: 767px) { .course__meta span { font-size: 14px; margin-right: 5px; margin-bottom: 10px; } } .course__meta span:last-child { color: #019145; font-weight: 600; margin-right: 0; } .course__meta span img { -webkit-filter: grayscale(1); filter: grayscale(1); margin-right: 5px; } @media (max-width: 767px) { .course__cat__list { text-align: center; margin: 0 auto; } } .course__cat__list li { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 10px 4px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .course__cat__list li a { color: #1B212F; font-size: 20px; font-weight: 600; line-height: 1; display: inline-block; border: 2px solid rgba(27, 33, 47, 0.08); border-radius: 5px; padding: 19px 48px; width: 100%; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .course__cat__list li a { padding: 15px 35px; } } @media (max-width: 767px) { .course__cat__list li a { font-size: 18px; padding: 19px 20px; width: 280px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .course__cat__list li a { width: unset; } } .course__cat__list li a span { margin-right: 20px; } .course__cat__list li a span [class*="icon-"] { max-height: 44px; } @media (max-width: 767px) { .course__cat__list li a span { margin-right: 10px; } } .course__cat__list li a svg:hover { fill: #ffffff; } .course__cat__list li a .icon-01 { -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -webkit-transform: scale(1); transform: scale(1); } .course__cat__list li a .icon-02 { -webkit-transform: scale(0); transform: scale(0); opacity: 0; visibility: hidden; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; display: none; } .course__cat__list li a .arrow-box { margin-right: 0; } .course__cat__list li a .arrows-icon { margin-left: 30px; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } @media (max-width: 767px) { .course__cat__list li a .arrows-icon { margin-left: 10px; } } .course__cat__list li a .arrows-icon-white { margin-left: 30px; -webkit-transform: scale(0); transform: scale(0); opacity: 0; visibility: hidden; display: none; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .course__cat__list li a:hover, .course__cat__list li a.active { color: #ffffff; border-color: #019145; background-color: #019145; } .course__cat__list li a:hover .icon-01, .course__cat__list li a.active .icon-01 { -webkit-transform: scale(0); transform: scale(0); display: none; opacity: 0; visibility: hidden; } .course__cat__list li a:hover .icon-02, .course__cat__list li a.active .icon-02 { opacity: 1; visibility: visible; -webkit-transform: scale(1); transform: scale(1); display: inline-block; } .course__cat__list li a:hover .arrows-icon-white, .course__cat__list li a.active .arrows-icon-white { -webkit-transform: scaleX(1); transform: scaleX(1); opacity: 1; visibility: visible; display: inline-block; } .course__cat__list li a:hover .arrows-icon, .course__cat__list li a.active .arrows-icon { -webkit-transform: scaleX(0); transform: scaleX(0); display: none; } .portfolio-menu-two .gf_btn { margin: 0px 3px; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .portfolio-menu-two .gf_btn { margin: 0px 1px; padding: 19px 29px; } } @media (max-width: 767px) { .portfolio-menu-two .gf_btn { margin-bottom: 10px; } } .z-gallery-two .z-gallery__content { padding: 0 5px 30px 5px; } @media (max-width: 767px) { .z-gallery-two .z-gallery__content { padding: 0 15px 30px 15px; } } .z-gallery__content .price-tag { color: #ffffff; text-align: center; line-height: 70px; position: absolute; background: #019145; font-size: 18px; font-weight: 600; width: 70px; height: 70px; display: inline-block; border-radius: 50%; top: -57px; right: 20px; z-index: 2; } .course__tag__two span { border-radius: 5px; margin-right: 5px; } .course__authors p { color: #505050; border-left: 1px solid rgba(27, 33, 47, 0.1); padding-left: 33px; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .course__authors p { padding-left: 25px; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .course__authors p { margin-top: 10px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .course__authors p { margin-top: 10px; } } @media (max-width: 767px) { .course__authors p { margin-top: 10px; } } .course__authors p span { color: #019145; } .course__authors-box-text h5 { font-weight: 600; } .course__authors-box-text span { font-size: 14px; } .online__course__cat .courses_link { text-align: center; border-radius: 5px; background: #ffffff; -webkit-box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.05); box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.05); padding: 40px 20px; } .online__course__cat .courses_link .icon-01 { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; height: 62px; } .online__course__cat .courses_link .arrows-icon { -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; } .online__course__cat .courses_link .arrows-icon:hover { -webkit-transform: rotateY(360deg); transform: rotateY(360deg); } .online__course__cat .courses_link:hover .icon-01 { -webkit-transform: translateY(10px); transform: translateY(10px); } .gallery-03 { padding: 0; position: relative; z-index: 1; } .gallery-03 .z-gallery__thumb .heart-icon { top: 20px; right: 30px; line-height: 32px; } .gallery-03 .z-gallery__content { padding: 0 30px 25px 30px; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .gallery-03 .z-gallery__content { padding: 0 10px 25px 10px; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .gallery-03 .z-gallery__content { padding: 0 20px 25px 20px; } } @media (max-width: 767px) { .gallery-03 .z-gallery__content { padding: 0 15px 25px 15px; } } .gallery-03 .z-gallery__content .course__meta span { color: #303030; font-size: 14px; } .gallery-03 .z-gallery__content .feedback-tag { border-top: 1px solid rgba(27, 33, 47, 0.1); } .gallery-03 .z-gallery__content .feedback-tag span { color: #019145; font-size: 14px; line-height: 1; } .gallery-03 .z-gallery__content .feedback-tag span b { font-weight: 400; color: #707070; } .gallery-03 .z-gallery__content .feedback-tag .read_more { color: #1B212F; font-weight: 500; font-size: 14px; text-decoration: underline; } .gallery-03 .z-gallery__content .feedback-tag .read_more:hover { color: #019145; } .research-tag { position: absolute; top: 20px; left: 30px; z-index: 2; } .research-tag span { color: #ffffff; font-size: 14px; font-weight: 400; line-height: 1; display: inline-block; background: #2878EB; border-radius: 5px; padding: 11px 13px; margin-right: 10px; } .research-tag span:last-child { background-color: #F14D5D; } .courses-details-wrapper h5 { color: #707070; font-weight: 500; margin-bottom: 20px; } .courses-title { font-size: 32px; } .course-details-img { width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 5px; min-height: 464px; text-align: center; position: relative; z-index: 1; } .course-details-img .popup-video { width: 70px; height: 70px; line-height: 71px; background-color: #ffffff; color: #019145; font-size: 13px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; } .courses-tag-btn a { color: #1B212F; font-size: 15px; font-weight: 500; line-height: 1; border: 1px solid rgba(112, 112, 112, 0.2); display: inline-block; padding: 15px 30px; border-radius: 30px; margin-right: 8px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } @media (max-width: 767px) { .courses-tag-btn a { margin-bottom: 10px; width: 100%; text-align: center; margin-right: 2px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .courses-tag-btn a { margin-bottom: 10px; width: unset; text-align: unset; } } .courses-tag-btn a:hover { color: #ffffff; border-color: #019145; background-color: #019145; } .price-list h5 { color: #707070; font-size: 20px; font-weight: 600; } .price-list h5 span { text-decoration: line-through; } .price-list .sub-title { color: #1B212F; font-weight: 700; margin-left: 10px; } .courses-cart-video .popup-video { width: 50px; height: 50px; line-height: 50px; font-size: 11px; background-color: #2878EB; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .courses-cart-video .popup-video:hover { background-color: #019145; } .cart-list-tag li { display: inline-block; margin-right: 10px; } @media (max-width: 767px) { .cart-list-tag li { display: block; margin-bottom: 10px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .cart-list-tag li { margin-bottom: 0; } } .learn-box h5 { color: #1B212F; font-size: 20px; border-bottom: 1px solid rgba(164, 157, 157, 0.2); padding-bottom: 20px; margin-bottom: 20px; } .learn-list { overflow-y: scroll; height: 440px; margin-right: 20px; /* Handle */ } @media (max-width: 767px) { .learn-list { margin-right: 5px; } } .learn-list ::-webkit-scrollbar-thumb { background: #707070; } .learn-list li { margin-bottom: 25px; padding-right: 55px; } @media (max-width: 767px) { .learn-list li { padding-right: 5px; } } .learn-list li a { color: #505050; font-size: 16px; line-height: 1; display: block; } @media (max-width: 767px) { .learn-list li a { font-size: 15px; } } .learn-list li a .play-video { -webkit-transform: translateY(-2px); transform: translateY(-2px); display: inline-block; margin-right: 8px; } @media (max-width: 767px) { .learn-list li a .play-video { margin-right: 1px; } } .learn-list li a .play-video i { color: #1B212F; font-size: 20px; margin-right: 3px; } .seller-rating li:first-child { margin-right: 20px; } .seller-rating li:last-child { margin-left: 90px; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .seller-rating li:last-child { margin-left: 5px; } } @media (max-width: 767px) { .seller-rating li:last-child { margin-left: 5px; } } .seller-rating li .theme_btn { padding: 15px 25px; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .seller-rating li .star-icon a { font-size: 16px; } } .project-details h5 { color: #2878EB; font-weight: 500; } .project-details h5 span { color: #1B212F; margin-right: 20px; } .date-lang span { color: #1B212F; font-weight: 500; } @media (max-width: 767px) { .date-lang span { font-size: 15px; } } .date-lang span:first-child { margin-right: 45px; } @media (max-width: 767px) { .date-lang span:first-child { margin-right: 5px; } } .date-lang span b { color: #000; } .teachers-content { overflow: hidden; } .teachers-content .teacher_01 { float: left; margin-right: 24px; } .teachers-content__text { overflow: hidden; margin-top: 15px; } .teachers-content__text h5 { font-size: 20px; font-weight: 600; margin-bottom: 10px; } .teachers-content__text p { color: #2878EB; } @media (max-width: 767px) { .project-box img { width: 100%; } } .skill-area .courses-tag-btn a { padding: 14px 30px; margin-bottom: 10px; } @media (max-width: 767px) { .skill-area .courses-tag-btn a { padding: 18px 24px; } } .courses-ingredients { border-radius: 5px; background-color: #ffffff; -webkit-box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.05); box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.05); padding: 30px 35px 10px 35px; margin-left: 75px; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .courses-ingredients { padding: 30px 15px 10px 15px; margin-left: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .courses-ingredients { margin-left: 0; } } @media (max-width: 767px) { .courses-ingredients { padding: 30px 15px 10px 15px; margin-left: 0; } } .courses-item li { color: #1B212F; font-size: 18px; margin-bottom: 30px; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .courses-item li { font-size: 16px; } } .courses-item li img { margin-right: 12px; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .why-chose-section-wrapper { margin-left: 0; margin-right: 0; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .why-chose-section-wrapper { margin-left: 0; margin-right: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .why-chose-section-wrapper { margin-left: 0; margin-right: 0; } } @media (max-width: 767px) { .why-chose-section-wrapper { margin-left: 0; margin-right: 0; } } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .why-chose-us { margin-right: 0; margin-left: 0; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .why-chose-us { margin-right: 0; margin-left: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .why-chose-us { margin-right: 0; margin-left: 0; } } @media (max-width: 767px) { .why-chose-us { margin-right: 0; margin-left: 0; } } .text-list li { color: #1B212F; font-weight: 500; padding-left: 35px; margin-bottom: 23px; position: relative; z-index: 1; } .text-list li::before { content: '\f00c'; font-family: 'Font Awesome 5 pro'; font-size: 12px; color: #ffffff; position: absolute; width: 25px; height: 25px; background-color: #019145; display: inline-block; border-radius: 50%; z-index: 1; left: 0; top: 0; text-align: center; line-height: 25px; } .text-list li:nth-child(2n)::before { background-color: #2E358B; } .chose-img-wrapper .chose { position: absolute; } .chose-img-wrapper .chose.chose_06 { bottom: -70px; right: 40px; z-index: 2; -webkit-animation: float-bob-y infinite 5s linear; animation: float-bob-y infinite 5s linear; } @media (max-width: 767px) { .chose-img-wrapper .chose.chose_06 { display: none; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .chose-img-wrapper .chose_05 { width: 100%; } } @media (max-width: 767px) { .chose-img-wrapper .chose_05 { width: 100%; padding-left: 0; } } .chose-img-wrapper .video-wrapper { position: absolute; z-index: 222; right: 82px; bottom: 133px; } .chose-img-wrapper .video-wrapper .popup-video { color: #019145; width: 90px; height: 90px; line-height: 90px; background: #ffffff; -webkit-filter: drop-shadow(5px 15px 60px rgba(27, 33, 47, 0.1)); filter: drop-shadow(5px 15px 60px rgba(27, 33, 47, 0.1)); } .coures-member { width: 257px; background: #ffffff; -webkit-box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.1); box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.1); display: inline-block; padding: 20px 30px 20px 20px; border-radius: 20px; position: absolute; top: 360px; left: -32px; z-index: 2; } @media (max-width: 767px) { .coures-member { display: none; } } .coures-member h5 { font-size: 20px; font-weight: 600; margin-bottom: 20px; } .coures-member span { color: #ffffff; font-size: 14px; font-weight: 600; background: #019145; width: 60px; height: 60px; display: inline-block; border-radius: 50%; text-align: center; line-height: 60px; position: absolute; right: 20px; z-index: 7; } .coures-member .choses { border-radius: 50%; border: 1px solid #ffffff; } .coures-member .choses.chose_02 { -webkit-transform: translateX(-25px); transform: translateX(-25px); position: relative; z-index: 3; } .coures-member .choses.chose_03 { -webkit-transform: translateX(-50px); transform: translateX(-50px); position: relative; z-index: 4; } .coures-member .choses.chose_04 { position: absolute; right: 55px; z-index: 6; } .feature { border-radius: 20px; background: #ffffff; -webkit-box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.1); box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.1); font-size: 20px; color: #1B212F; font-weight: 600; display: inline-block; padding: 20px 30px 20px 20px; position: absolute; z-index: 444; } .img-bg img { position: relative; z-index: 222; } @media (max-width: 767px) { .feature { display: none; } } .feature span { width: 50px; height: 50px; border-radius: 50%; display: inline-block; text-align: center; line-height: 50px; background-color: #019145; margin-right: 23px; } .feature span i { color: #ffffff; } .feature.tag_01 { top: 60px; left: -32px; font-weight: 600; } .feature.tag_01 span { background-color: #F14D5D; } .feature.tag_02 { right: 10px; top: 152px; font-weight: 600; } .feature.tag_02 span { background-color: #8E66FF; } .feature.tag_03 { left: 128px; font-size: 17px; bottom: -60px; font-weight: 600; } .feature.tag_03 span { background-color: #41C485; } .feature.tag_04 { left: -5rem; font-size: 17px; bottom: 260px; font-weight: 600; } .feature.tag_04 span { background-color: #3f51b5; } @media only screen and (min-width: 768px) and (max-width: 991px) { .feature.tag_03 { bottom: 0; } } @media (max-width: 767px) { .feature.tag_03 { display: none; } } .overlay-box-1 { background: #2E358B; margin-top: -220px; border-radius: 10px; color: white; padding: 3rem; } @media (max-width: 767px) { .overlay-box-1 { margin: 0; } } .overlay-box-1 .title { color: white; } .overlay-box-1 .subtitle { color: white; } .overlay-box-1 .overlay-box-btn { background: #FFFFFF; border: 2px solid #FFFFFF; color: #2E358B; font-weight: 600; padding: 15px 38px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .why-chose-blur-bg { width: 833px; height: 833px; background: #f14d5d; opacity: 0.03; filter: blur(50px); position: absolute; -webkit-filter: blur(50px); -moz-filter: blur(50px); -o-filter: blur(50px); left: 27%; top: 325px; z-index: -1; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .why-chose-blur-bg { display: none; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .why-chose-blur-bg { display: none; } } @media (max-width: 767px) { .why-chose-blur-bg { display: none; } } .img-bg::before { content: ''; position: absolute; width: 572px; height: 479px; background-color: #2E358B; border-radius: 40px; left: 63px; top: auto; bottom: 0; z-index: 111; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .img-bg::before { width: 100%; left: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .img-bg::before { width: 100%; left: 0; } } @media (max-width: 767px) { .img-bg::before { display: none; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .text-list-box li { float: left; width: 31%; margin: 0 10px; } } .text-list-box li .single-box { background: #ffffff; -webkit-box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.03); box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.03); } .chose-img-wrapper-03.chose-img-full { width: 650px; min-height: 750px; margin-left: 75px; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; z-index: 2; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .chose-img-wrapper-03.chose-img-full { width: 100%; margin-left: 0; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .chose-img-wrapper-03.chose-img-full { margin-left: 0; width: 100%; min-height: 550px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .chose-img-wrapper-03.chose-img-full { margin-left: 0; width: 100%; min-height: 450px; } } @media (max-width: 767px) { .chose-img-wrapper-03.chose-img-full { margin-left: 0; width: 100%; min-height: 400px; } } .chose-img-wrapper-03 .feature { width: 277px; max-width: 100%; border-radius: 3px; padding: 25px 25px 25px 30px; } .chose-img-wrapper-03 .feature span { position: absolute; left: -15px; top: -15px; z-index: 2; } .chose-img-wrapper-03 .feature h5 { color: #1B212F; font-size: 20px; font-weight: 700; margin-bottom: 15px; } .chose-img-wrapper-03 .feature p { color: #707070; font-size: 14px; } .chose-img-wrapper-03 .feature.tag_01 { top: -70px; left: 179px; font-weight: 600; -webkit-animation: float-bob-x infinite 5s linear; animation: float-bob-x infinite 5s linear; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .chose-img-wrapper-03 .feature.tag_01 { top: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .chose-img-wrapper-03 .feature.tag_01 { top: 0; } } @media (max-width: 767px) { .chose-img-wrapper-03 .feature.tag_01 { top: 0; } } .chose-img-wrapper-03 .feature.tag_03 { left: -75px; bottom: 30px; -webkit-animation: float-bob-y infinite 5s linear; animation: float-bob-y infinite 5s linear; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .chose-img-wrapper-03 .feature.tag_03 { left: 0; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .chose-img-wrapper-03 .feature.tag_03 { left: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .chose-img-wrapper-03 .feature.tag_03 { left: 0; } } @media (max-width: 767px) { .chose-img-wrapper-03 .feature.tag_03 { left: 0; } } .chose-img-wrapper-03 .feature.tag_03 span { background-color: #8e66ff; } .chose-round-bg { position: relative; z-index: 1; } .chose-round-bg::before { content: ''; position: absolute; background-color: #019145; width: 526px; height: 526px; border-radius: 50%; right: 190px; top: 106px; z-index: 1; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .chose-round-bg::before { display: none; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .chose-round-bg::before { display: none; } } @media (max-width: 767px) { .chose-round-bg::before { display: none; } } .course-blur-shape { width: 569px; height: 569px; background: #8e66ff; opacity: 0.05; -webkit-filter: 50px; filter: 50px; position: absolute; -webkit-filter: blur(50px); right: 13%; top: 150px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .course-blur-shape { display: none; } } @media (max-width: 767px) { .course-blur-shape { display: none; } } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .course-instructor { margin: 0 0 0 0; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .course-instructor { margin: 0 0 0 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .course-instructor { margin: 0 0 0 0; } } @media (max-width: 767px) { .course-instructor { margin: 0 0 0 0; } } .z-instructors__thumb { border-radius: 5px; overflow: hidden; position: relative; z-index: 1; } .z-instructors__thumb img { width: 100%; } .z-instructors__thumb .social-media { position: absolute; z-index: 1; bottom: 0; width: 100%; padding: 27px 20px; left: 0; right: 0; margin: 0 auto; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .z-instructors__thumb .social-media { padding: 27px 10px; } } .z-instructors__thumb .social-media a { -webkit-transform: translateY(80px); transform: translateY(80px); } .z-instructors__thumb .social-media a:first-child { -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .z-instructors__thumb .social-media a:nth-child(2) { -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; } .z-instructors__thumb .social-media a:nth-child(3) { -webkit-transition: all 0.9s ease 0s; transition: all 0.9s ease 0s; } .z-instructors__thumb .social-media a:last-child { -webkit-transition: all 1.2s ease 0s; transition: all 1.2s ease 0s; } .z-instructors__thumb .social-media a:hover { color: #ffffff; background-color: #019145; } .z-instructors:hover .social-media { border-radius: 5px; background: transparent; /* Note: currently only Safari supports backdrop-filter */ backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); -moz-backdrop-filter: blur(10px); background-color: rgba(255, 255, 255, 0.05); /* (plus shape's fill blended on top as a separate layer with 5% opacity) */ } .z-instructors:hover .social-media a { -webkit-transform: translateY(0); transform: translateY(0); } .social-media a { color: #2E358B; font-size: 19px; background-color: #ffffff; width: 45px; height: 45px; display: inline-block; margin: 0 5px; text-align: center; line-height: 45px; border-radius: 50%; } @media (max-width: 767px) { .social-media a { width: 40px; height: 40px; margin: 0 3px; line-height: 40px; } } .nav-style-two .owl-nav { position: absolute; z-index: 2; left: auto; bottom: auto; top: -120px; right: 55px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .nav-style-two .owl-nav { left: 0; bottom: 0; top: auto; right: 0; margin: 0 auto; text-align: center; } } @media (max-width: 767px) { .nav-style-two .owl-nav { left: 0; bottom: 0; top: auto; right: 0; margin: 0 auto; text-align: center; } } .nav-style-two .owl-nav button.owl-prev, .nav-style-two .owl-nav button.owl-next { color: #ffffff; width: 60px; height: 60px; background: #ebffeb; border-radius: 50%; text-align: center; line-height: 65px; display: inline-block; position: absolute; z-index: 1; } .nav-style-two .owl-nav button.owl-prev i, .nav-style-two .owl-nav button.owl-next i { color: #ffffff; font-size: 18px; } .nav-style-two .owl-nav button.owl-prev:hover, .nav-style-two .owl-nav button.owl-next:hover { background-color: #019145; } .nav-style-two .owl-nav button.owl-prev:hover i, .nav-style-two .owl-nav button.owl-next:hover i { color: #019145; } .nav-style-two .owl-nav .owl-prev { right: 0; background-color: #EBFFF4 !important; } .nav-style-two .owl-nav .owl-prev i { color: #019145 !important; } .nav-style-two .owl-nav .owl-prev:hover { background-color: #019145 !important; } .nav-style-two .owl-nav .owl-prev:hover i { color: #ffffff !important; } .nav-style-two .owl-nav .owl-next i { color: #ffffff !important; opacity: 1 !important; } .nav-style .owl-nav { position: absolute; z-index: 2; top: 0; right: 0; left: auto; } .z-instructors-02 .z-instructors__content { background: #019145; padding: 70px 0 25px 0; border-top-right-radius: 50%; border-top-left-radius: 50%; position: absolute; left: 0; right: 0; bottom: -194px; opacity: 0; visibility: hidden; z-index: 2; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .z-instructors-02 .z-instructors__content .semi-title { color: #ffffff; } .z-instructors-02 .z-instructors__content p { color: #ffffff; margin-bottom: 10px; } .z-instructors-02 .z-instructors__content p span { border-left: 1px solid #ffffff; padding-left: 15px; margin-left: 15px; } .z-instructors-02 .z-instructors__content .social-media a { color: #ffffff; font-size: 19px; background-color: transparent; width: unset; height: unset; margin: 0 12px; } .z-instructors-02 .z-instructors__content .social-media a:hover { color: #2878EB; } .z-instructors-02:hover .social-media { background-color: transparent; } .z-instructors-02:hover .z-instructors__content { opacity: 1; visibility: visible; bottom: 30px; } .nav-style-three .owl-nav { left: 0; right: 0; top: 39%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; z-index: 1; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .nav-style-three .owl-nav { display: none; } } .nav-style-three .owl-nav .owl-prev { left: -90px; background-color: rgba(255, 114, 58, 0.2); } .nav-style-three .owl-nav .owl-prev:hover { background-color: rgba(255, 114, 58, 0.2); } .nav-style-three .owl-nav .owl-prev:hover i { color: #ffffff; } .nav-style-three .owl-nav .owl-next { left: auto; right: -90px; } .instructor-profile-img { width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; min-height: 582px; border-radius: 10px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .instructor-profile-img { min-height: 450px; } } @media (max-width: 767px) { .instructor-profile-img { min-height: 400px; } } .instructor-profile h2 { font-size: 32px; border-bottom: 1px solid rgba(164, 157, 157, 0.2); padding-bottom: 25px; margin-bottom: 40px; } .instructor-profile .star-icon a { color: #019145; font-size: 25px; } .profile-list { overflow: hidden; } .profile-list li { font-size: 18px; float: left; width: 48%; margin-bottom: 20px; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .profile-list li { font-size: 16px; } } @media (max-width: 767px) { .profile-list li { width: 100%; } } .profile-list li span { color: #1B212F; } .profile-list .social-media a { font-size: 15px; background-color: rgba(255, 114, 58, 0.1); width: 30px; height: 30px; display: inline-block; margin: 0 2px; line-height: 30px; } .profile-list .social-media a:hover { color: #ffffff; background-color: #019145; } .work-progress li { display: inline-block; margin-right: 40px; } .work-progress li:last-child { margin-right: 0; } @media (max-width: 767px) { .work-progress li { margin-right: 0; margin: 0 10px; } } .chart1 { position: relative; z-index: 1; display: inline-block; } .progress-content { text-align: center; position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .progress-content h6 { color: #1B212F; font-size: 16px; } .progress-content b { font-size: 16px; color: #1B212F; } .total-stu { border-top: 1px solid rgba(164, 157, 157, 0.2); } @media (max-width: 767px) { .total-stu span { display: block; margin-bottom: 15px; } } .total-stu img { -webkit-transform: translateY(-2px); transform: translateY(-2px); margin-right: 5px; } .testimonia-active .owl-carousel .owl-stage-outer { padding: 50px 100px; } .testimonial-authors__avatar { width: 85px; height: 85px; float: left; display: inline-block; margin-right: 15px; } .testimonial-authors__avatar img { display: inline-block; } @media (max-width: 767px) { .testimonial-authors__avatar { float: none; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .testimonial-authors__avatar { float: left; } } .testimonial-authors__content { overflow: hidden; } .testimonial-authors__content .sub-title { font-weight: 500; } .testimonial-authors__content p { color: #019145; font-weight: 500; } .testimonial-wrapper { border-radius: 10px; background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.04); padding: 25px 30px 25px 30px; margin: 25px 15px 50px 15px; } .testimonial-wrapper .quote-icon { display: inline-block; } .testimonial-wrapper .quote-icon img { width: 42px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .testimonial-wrapper { padding: 25px 10px 25px 20px; } } @media (max-width: 767px) { .testimonial-wrapper { padding: 25px 10px 25px 15px; } } .testimonial-pad .testimonial-wrapper { -webkit-box-shadow: none; box-shadow: none; border: 1px solid rgba(0, 0, 0, 0.09); } .slick-dots { position: absolute; z-index: 7; left: 0; right: 0; margin: 0 auto; text-align: center; bottom: -30px; } .slick-dots li { display: inline-block; } .slick-dots li button { text-indent: -10000px; padding: 0; background: 0; border: 2px solid #019145 !important; width: 12px; height: 12px; border-radius: 50%; display: inline-block; margin: 0 3px; } .slick-dots li.active button { background-color: #019145; } .owl-dots { position: absolute; z-index: 7; left: 0; right: 0; margin: 0 auto; text-align: center; bottom: 0; } .owl-dots .owl-dot { padding: 0; background: 0; border: 2px solid #E3E5FF !important; width: 12px; height: 12px; border-radius: 50%; display: inline-block; margin: 0 3px; } .owl-dots .owl-dot.active { background-color: #2E358B; } .testimonial-bg { background: url(../img/testimonial/map-dot.png) no-repeat; background-size: contain; background-position: center; width: 100%; height: 100%; } .test-wrapper-full { -webkit-box-shadow: none; box-shadow: none; padding-right: 55px; padding-left: 55px; margin-bottom: 0; } @media (max-width: 767px) { .test-wrapper-full { padding-right: 15px; padding-left: 15px; margin: 30px 0px 60px 0px; } } .test-wrapper-full h5 { font-size: 20px; line-height: 1.7; font-weight: 400; } @media (max-width: 767px) { .test-wrapper-full h5 { font-size: 18px; } } .test-wrapper-full .testimonial-authors__content p { color: #707070; } .testimonial-authors-img-list { height: 300px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .testimonial-authors-img-list { display: none; } } @media (max-width: 767px) { .testimonial-authors-img-list { display: none; } } .testimonial-authors-img-list .testi { position: absolute; } .testimonial-authors-img-list .testi.t-img-01 { left: 221px; top: 0; } .testimonial-authors-img-list .testi.t-img-02 { left: 0; right: 0; margin: 0 auto; top: 20px; } .testimonial-authors-img-list .testi.t-img-03 { right: 250px; top: 20px; } .testimonial-authors-img-list .testi.t-img-04 { left: 40px; top: 180px; } .testimonial-authors-img-list .testi.t-img-05 { left: 368px; top: 135px; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .testimonial-authors-img-list .testi.t-img-05 { left: 300px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .testimonial-authors-img-list .testi.t-img-05 { left: 200px; } } .testimonial-authors-img-list .testi.t-img-06 { right: 380px; top: 170px; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .testimonial-authors-img-list .testi.t-img-06 { right: 310px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .testimonial-authors-img-list .testi.t-img-06 { right: 210px; } } .testimonial-authors-img-list .testi.t-img-08 { right: 40px; top: 147px; } .nav-style-chevron .owl-nav { position: absolute; z-index: 2; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; } .nav-style-chevron .owl-nav button.owl-prev, .nav-style-chevron .owl-nav button.owl-next { width: 60px; height: 60px; border-radius: 50%; display: inline-block; background-color: #019145 !important; line-height: 60px; position: absolute; } .nav-style-chevron .owl-nav button.owl-prev i, .nav-style-chevron .owl-nav button.owl-next i { color: #ffffff; font-size: 20px; } .nav-style-chevron .owl-nav .owl-prev { left: -85px; top: 50px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .nav-style-chevron .owl-nav .owl-prev { left: -30px; } } .nav-style-chevron .owl-nav .owl-next { top: 50px; left: auto; right: -85px !important; background-color: #EBFFF4; } .nav-style-chevron .owl-nav .owl-next i { color: #ffffff !important; opacity: 1 !important; } @media only screen and (min-width: 768px) and (max-width: 991px) { .nav-style-chevron .owl-nav .owl-next { right: -30px !important; } } .nav-style-chevron .owl-nav .owl-prev:hover, .nav-style-chevron .owl-nav .owl-next:hover { background-color: #EBFFF4 !important; } .nav-style-chevron .owl-nav .owl-prev:hover i, .nav-style-chevron .owl-nav .owl-next:hover i { color: #019145 !important; } .instructor-blur { width: 583px; height: 624px; background: #f14d5d; opacity: 0.05; filter: blur(50px); -webkit-filter: blur(50px); -moz-filter: blur(50px); -o-filter: blur(50px); position: absolute; left: 18%; top: 130px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .instructor-blur { display: none; } } @media (max-width: 767px) { .instructor-blur { display: none; } } .test-wrapper-3 { padding: 47px 30px 13px 30px; margin-top: 50px; } @media (max-width: 767px) { .test-wrapper-3 { padding: 47px 15px 13px 15px; margin: 50px 1px 60px 1px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .test-wrapper-3 { padding: 47px 15px 13px 15px; margin: 50px 10px 60px 10px; } } .test-wrapper-3 .quote-icon { display: inline-block; position: absolute; right: 50px; top: 15px; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .test-wrapper-3 .testimonial-authors__content .sub-title { font-size: 22px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .test-wrapper-3 .testimonial-authors__content .sub-title { font-size: 20px; } } @media (max-width: 767px) { .test-wrapper-3 .testimonial-authors__content .sub-title { font-size: 20px; } } .star-icon a { color: #FDC25C; font-size: 15px; margin-right: 3px; display: inline-block; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .blog-area { margin: 0 0 0 0; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .blog-area { margin: 0 0 0 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .blog-area { margin: 0 0 0 0; } } @media (max-width: 767px) { .blog-area { margin: 0 0 0 0; } } .z-blogs { border-radius: 10px; background: #ffffff; -webkit-box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.05); box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.05); } .z-blogs__thumb { overflow: hidden; border-radius: 10px; } .z-blogs__thumb img { -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } @media (max-width: 767px) { .z-blogs__thumb img { width: 100%; } } .z-blogs h5 { color: #019145; font-weight: 500; text-transform: uppercase; } .z-blogs .sub-title { color: #1B212F; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .z-blogs .sub-title { font-size: 22px; } } @media (max-width: 767px) { .z-blogs .sub-title { font-size: 22px; } } .z-blogs__meta { border-top: 1px solid rgba(27, 33, 47, 0.1); } .z-blogs__meta span { color: #1B212F; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .z-blogs__meta span { font-size: 15px; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .z-blogs__meta span { font-size: 15px; } } @media (max-width: 767px) { .z-blogs__meta span { font-size: 15px; } } .z-blogs__content { padding: 0 25px 30px 25px; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .z-blogs__content { padding: 0 15px 30px 15px; } } @media (max-width: 767px) { .z-blogs__content { padding: 0 15px 30px 15px; } } .z-blogs:hover .z-blogs__thumb img { -webkit-transform: scale(1.1); transform: scale(1.1); } .z-blogs:hover .sub-title { color: #019145; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .blog-bg { padding-left: 0; padding-right: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .blog-bg { padding-left: 0; padding-right: 0; } } @media (max-width: 767px) { .blog-bg { padding-left: 0; padding-right: 0; } } .z-blogs__content-02 { padding: 0 30px 25px 30px; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .z-blogs__content-02 { padding: 0 15px 25px 15px; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .z-blogs__content-02 { padding: 0 15px 25px 15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .z-blogs__content-02 { padding: 0 15px 25px 15px; } } @media (max-width: 767px) { .z-blogs__content-02 { padding: 0 15px 25px 15px; } } .z-blogs__content-02 .z-blogs__meta { border: 0; } .z-blogs__content-02 .z-blogs__meta span { color: #707070; } .z-blogs__content-02 .z-blogs__meta span img { -webkit-transform: translateY(-2px); transform: translateY(-2px); } .z-blogs__content-02 .sub-title { font-weight: 700; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .z-blogs__content-02 .sub-title { font-size: 22px; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .z-blogs__content-02 .sub-title { font-size: 20px; } } .z-blogs-3 .blog__tags span { color: #019145; font-size: 16px; line-height: 1; background-color: rgba(255, 114, 58, 0.1); padding: 14px 29px; border-radius: 40px; display: inline-block; margin-right: 7px; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .z-blogs-3 .blog__tags span { margin-right: 3px; padding: 14px 20px; } } @media (max-width: 767px) { .z-blogs-3 .blog__tags span { margin-right: 4px; padding: 14px 25px; } } .z-blogs-3 .blog__tags span:last-child { color: #F14D5D; background-color: rgba(241, 77, 93, 0.1); } @media only screen and (min-width: 992px) and (max-width: 1200px) { .z-blogs-3 .z-blogs__content { padding: 0 15px 30px 15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .z-blogs-3 .z-blogs__content { padding: 0 20px 30px 20px; } } @media (max-width: 767px) { .z-blogs-3 .z-blogs__content { padding: 0 15px 30px 15px; } } .z-blogs-3 .z-blogs__content .sub-title { padding-bottom: 10px; border-bottom: 1px solid rgba(27, 33, 47, 0.1); } .z-blogs-3 .z-blogs__content .z-blogs__meta { border: 0; } .z-blogs-3 .z-blogs__content .z-blogs__meta span { color: #1B212F; font-weight: 500; } .z-blogs-3 .z-blogs__content .z-blogs__meta span img { -webkit-transform: translateY(-2px); transform: translateY(-2px); } .blog-details-box h2 { font-size: 46px; line-height: 1.4; margin-bottom: 15px; } @media (max-width: 767px) { .blog-details-box h2 { font-size: 30px; } } .blog-details-box .blogs__meta { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .blog-details-box .blogs__meta li { margin-right: 40px; margin-bottom: 10px; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .blog-details-box .blogs__meta li { margin-right: 10px; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .blog-details-box .blogs__meta li { margin-right: 0px; -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; } } .blog-details-box .blogs__meta .blog-author { color: #1B212F; font-size: 20px; font-weight: 700; } .blog-details-box .blogs__meta span { color: #707070; font-size: 18px; } .blog-details-box .blogs__meta span img { margin-right: 7px; } .blog-details-box .blog-details-img { display: inline-block; border-radius: 5px; } .blog-details-social a { font-size: 20px; padding-left: 28px; width: unset; height: unset; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .blog-details-social a { padding-left: 10px; } } .blog-details-social a:hover { color: #019145; } .blog-details-social a:first-child { color: #516EAB; } .blog-details-social a:nth-child(2) { color: #F62968; } .blog-details-social a:nth-child(3) { color: #CA212A; } .blog-details-social a:last-child { color: #29C5F6; } .blog-details-title { font-size: 30px; } @media (max-width: 767px) { .blog-details-title { font-size: 25px; } } .blog-quote-box { background-color: rgba(255, 114, 58, 0.05); padding: 30px 80px 30px 40px; } @media (max-width: 767px) { .blog-quote-box { padding: 30px 15px 30px 15px; } } .blog-quote-box .quote-icon { float: left; margin-right: 20px; } @media (max-width: 767px) { .blog-quote-box .quote-icon { float: none; margin-bottom: 15px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .blog-quote-box .quote-icon { float: left; } } .blog-quote-box .quote__text { overflow: hidden; } .blog-quote-box .quote__text p { margin-bottom: 20px; } .video-details-area { width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; min-height: 403px; border-radius: 5px; position: relative; z-index: 1; } .video-details-area .popup-video { width: 65px; height: 65px; line-height: 65px; font-size: 11px; position: absolute; top: 50%; text-align: center; margin: 0 auto; left: 0; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .video-details-area .popup-video:hover { background-color: #2878EB; } .blog-details-list li { color: #1B212F; font-size: 16px; margin-bottom: 24px; text-decoration: underline; padding-left: 28px; position: relative; z-index: 1; } .blog-details-list li::before { content: ''; position: absolute; background-color: #019145; width: 8px; height: 8px; display: inline-block; border-radius: 50%; left: 0; top: 22px; z-index: 1; } .blog-details-img-box { border-radius: 5px; } .author__box { overflow: hidden; } .author__box .author-img { width: 120px; height: 120px; border-radius: 50%; float: left; margin-right: 30px; border: 3px solid #019145; } @media (max-width: 767px) { .author__box .author-img { margin-right: 10px; } } .author__box-text { margin-top: 35px; } .author__box-text .sub-tilte { font-weight: 700; color: #1B212F; margin-bottom: 8px; } .author__box-text p { color: #019145; } .blog-details-author { border: 1px solid rgba(112, 112, 112, 0.1); border-radius: 5px; padding: 30px 40px 0 40px; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .blog-details-author { padding: 30px 0 0 0; } } @media (max-width: 767px) { .blog-details-author { padding: 30px 0 0 0; } } @media (max-width: 767px) { .blog-details-author .blog-details-social { padding-left: 0; } } .blog-details-author .blog-details-social a { font-size: 24px; } .blog-details-author .blog-details-social a:hover { color: #019145; } .comments__author img { width: 90px; height: 90px; border-radius: 50%; float: left; border: 3px solid #019145; margin-right: 20px; } @media (max-width: 767px) { .comments__author img { float: none; margin-bottom: 20px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .comments__author img { float: left; margin-bottom: 0; } } .single-comments { border: 1px solid rgba(112, 112, 112, 0.1); padding: 30px 50px 30px 20px; } @media (max-width: 767px) { .single-comments { padding: 30px 15px 30px 15px; } } .single-comments .comments__text { overflow: hidden; } .single-comments .comments__text .sub-tilte { font-weight: 700; } .single-comments .comments__text .date-text { font-size: 16px; font-weight: 400; color: #707070; } @media (max-width: 767px) { .single-comments .comments__text .date-text { font-size: 15px; -webkit-transform: translateY(10px); transform: translateY(10px); } } .single-comments .comments__text .reply { color: #019145; font-weight: 500; font-size: 16px; text-transform: uppercase; display: inline-block; } .comments-form-area { border: 1px solid rgba(112, 112, 112, 0.2); padding: 35px 40px; } @media (max-width: 767px) { .comments-form-area { padding: 35px 15px; } } .comments-form-area h2 { font-size: 36px; margin-bottom: 40px; } .comments-form input { color: #707070; font-size: 16px; height: 60px; width: 100%; border-radius: 5px; border: 1px solid rgba(112, 112, 112, 0.2); padding-left: 30px; display: inline-block; } .comments-form input:focus { border-color: #019145; } .comments-form textarea { color: #707070; font-size: 16px; height: 250px; width: 100%; border-radius: 5px; border: 1px solid rgba(112, 112, 112, 0.2); padding-top: 28px; padding-left: 30px; display: inline-block; resize: none; } .comments-form textarea:focus { border-color: #019145; } .comment_btn { border: 0; font-size: 14px; font-weight: 700; text-transform: uppercase; } .widget { border: 1px solid rgba(112, 112, 112, 0.1); border-radius: 5px; } .widget .sub-title { font-weight: 700; border: 1px solid rgba(112, 112, 112, 0.1); padding-left: 20px; } .blog-search-widget { padding: 60px 20px; } @media (max-width: 767px) { .blog-search-widget { padding: 60px 15px; } } .blog-search-widget input { height: 50px; border-radius: 25px; background: #ffffff; -webkit-box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.08); box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.08); border: 0; } .cat-btn { padding: 0 10px 20px 10px; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .cat-btn { padding: 0 5px 20px 5px; } } .cat-btn a { color: #707070; font-size: 14px; line-height: 1; padding: 14px 20px !important; border-width: 2px; display: inline-block; margin: 10px 5px !important; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .cat-btn a { padding: 14px 15px !important; } } .blog-recent-post { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .blog-recent-post li { padding: 10px 12px; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } @media only screen and (min-width: 768px) and (max-width: 991px) { .blog-recent-post li { -webkit-box-flex: 0; -ms-flex: 0 0 33%; flex: 0 0 33%; max-width: 33%; } } @media (max-width: 767px) { .blog-recent-post li { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } .posts__thumb { display: block; border-radius: 5px; position: relative; z-index: 1; } .posts__thumb::before { content: ''; position: absolute; background-color: #1B212F; width: 100%; height: 100%; left: 0; top: 0; border-radius: 5px; opacity: 0.3; -webkit-transform: scale(0); transform: scale(0); z-index: 1; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .posts__thumb img { width: 100%; } .posts p { margin-bottom: 4px; } .posts h6 { font-weight: 600; line-height: 1.6; } .posts h6:hover { color: #019145; } .posts:hover .posts__thumb::before { -webkit-transform: scale(1); transform: scale(1); } .blog-social-widget { padding-left: 20px; } .blog-social-widget .social-media a { font-size: 17px; background-color: rgba(255, 114, 58, 0.1); width: 40px; height: 40px; line-height: 40px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .blog-social-widget .social-media a:hover { color: #ffffff; background-color: #019145; } .subscribe-wrapper h2 { font-size: 50px; margin-bottom: 45px; } @media (max-width: 767px) { .subscribe-wrapper h2 { font-size: 35px; } } .subscribe-form input { color: #AFAFAF; font-size: 16px; width: 650.5px; height: 60px; border-radius: 30px; background-color: #ffffff; -webkit-box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.1); box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.1); border: 0; padding-left: 40px; position: relative; z-index: 1; } @media (max-width: 767px) { .subscribe-form input { width: 100%; margin-bottom: 15px; } } .subscribe-form-box { display: inline-block; } @media (max-width: 767px) { .subscribe-form-box { display: block; } } .subscribe-form-box .sub_btn { border: 0; color: #ffffff; font-size: 14px; font-weight: 700; padding: 19px 31px; display: inline-block; background-color: #2E358B; border-radius: 40px; line-height: 1; text-transform: uppercase; position: absolute; right: 5px; top: 4px; z-index: 1; } @media (max-width: 767px) { .subscribe-form-box .sub_btn { position: relative; width: 100%; } } .subscribe-form-box .sub_btn:hover { color: #000; background-color: #E3E5FF; } .subscribe-two { padding: 75px 75px 30px 75px; border-radius: 10px; -webkit-box-shadow: 25px 55px 70px rgba(255, 114, 58, 0.25); box-shadow: 25px 55px 70px rgba(255, 114, 58, 0.25); position: relative; z-index: 5; margin-bottom: -125px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .subscribe-two { margin-bottom: 0; } } @media (max-width: 767px) { .subscribe-two { padding: 75px 15px 30px 15px; margin-bottom: 0; } } .subscribe-two .subscribe-wrapper { position: relative; z-index: 2; } .subscribe-two .subscribe-wrapper h2 { color: #ffffff; font-size: 36px; line-height: 1.5; } .cta-shape { position: absolute; z-index: 1; } .cta-shape.shape_01 { right: 58px; top: 0; } .cta-shape.shape_02 { left: 27%; bottom: 10px; -webkit-animation: zoomInUp infinite 5s linear; animation: zoomInUp infinite 5s linear; } .cta-shape.shape_03 { right: 45%; top: 53px; } .cta-shape.shape_04 { right: 25%; bottom: 17px; } .cta-shape.shape_05 { left: 13.5%; top: 0; } @media (max-width: 767px) { .cta-shape.shape_05 { display: none; } } .cta-shape.shape_06 { left: 113px; top: 50px; -webkit-animation: rotateme infinite 5s linear; animation: rotateme infinite 5s linear; } .cta-shape.shape_07 { right: 37px; bottom: 44px; } .cta-shape.shape_08 { top: 53px; left: 113px; } .sub-form-2 input { width: 495px; max-width: 100%; margin-left: 65px; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .sub-form-2 input { margin-left: 0; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .sub-form-2 input { margin-left: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .sub-form-2 input { margin-left: 0; } } @media (max-width: 767px) { .sub-form-2 input { margin-left: 0; } } .contact-img { position: relative; z-index: 1; } .contact-img::before { content: ''; position: absolute; background-color: rgba(255, 114, 58, 0.1); width: 475px; height: 475px; border-radius: 50%; left: -98px; top: -55px; z-index: -1; } @media (max-width: 767px) { .contact-img::before { width: 100%; height: 100%; left: 0; } } .contact-img-02::before { width: 364px; height: 316px; -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%); clip-path: polygon(50% 0%, 0% 100%, 100% 100%); border-radius: 0; right: -60px; left: auto; top: -115px; -webkit-transform: rotate(-48deg); transform: rotate(-48deg); } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .contact-img-02::before { right: 0; -webkit-transform: rotate(0); transform: rotate(0); } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .contact-img-02::before { right: 0; -webkit-transform: rotate(0); transform: rotate(0); } } @media only screen and (min-width: 768px) and (max-width: 991px) { .contact-img-02::before { right: 0; -webkit-transform: rotate(0); transform: rotate(0); } } @media (max-width: 767px) { .contact-img-02::before { right: 0; -webkit-transform: rotate(0); transform: rotate(0); } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .contact-wrapper { padding-left: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .contact-wrapper { padding-left: 0; } } @media (max-width: 767px) { .contact-wrapper { padding-left: 0; } } .single-contact-box { background-color: rgba(142, 102, 255, 0.05); padding: 45px 115px; border-radius: 5px; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .single-contact-box { padding: 45px 50px; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .single-contact-box { padding: 45px 50px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .single-contact-box { padding: 45px 50px; } } @media (max-width: 767px) { .single-contact-box { padding: 45px 15px; } } .single-contact-box .contact__iocn { background: #8E66FF; width: 60px; height: 60px; text-align: center; border-radius: 50%; line-height: 59px; margin-right: 30px; display: inline-block; float: left; } @media (max-width: 767px) { .single-contact-box .contact__iocn { float: none; margin-bottom: 15px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .single-contact-box .contact__iocn { float: left; margin-bottom: 0; } } .single-contact-box .contact__text h5 { color: #1B212F; font-size: 20px; font-weight: 400; line-height: 1.5; } .cb-2 { background-color: rgba(241, 77, 93, 0.05); } .cb-2 .contact__iocn { background-color: #F14D5D; } .cb-3 { background-color: rgba(255, 114, 58, 0.05); } .cb-3 .contact__iocn { background-color: #019145; } .conatct-map iframe { width: 100%; min-height: 600px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .conatct-map iframe { min-height: 450px; } } @media (max-width: 767px) { .conatct-map iframe { min-height: 400px; } } .contact-form input { font-weight: 600; } .contact-form textarea { font-weight: 600; } .contact-form-wrapper .message_btn { border: 0; font-size: 16px; font-weight: 700; text-transform: uppercase; padding: 24px 84px; border-radius: 5px; } @media (max-width: 767px) { .contact-form-wrapper .message_btn { padding: 24px 70px; } } .popular-videos-area .owl-carousel .owl-stage { position: relative; padding: 0 0 100px 15px; } .popular-videos-area.nav-style-two .slick-list { padding-bottom: 100px; padding-left: 15px; } .popular-videos-area.nav-style-two .slick-slider button { border: 0; background: #019145; width: 50px; height: 50px; border-radius: 50%; color: #ffffff; display: inline-block; padding: 0; position: absolute; z-index: 3; bottom: 60px; } .popular-videos-area.nav-style-two .slick-slider button.slick-prev.slick-arrow { position: absolute; left: 345px; background-color: rgba(255, 114, 58, 0.2); color: #019145; } .popular-videos-area.nav-style-two .slick-slider button.slick-prev.slick-arrow:hover { color: #ffffff; background-color: #019145; } .popular-videos-area.nav-style-two .slick-slider button.slick-next.slick-arrow { position: absolute; left: 406px; } .popular-videos-area.nav-style-two .slick-slider button.slick-next.slick-arrow:hover { background-color: rgba(255, 114, 58, 0.2); color: #019145; } .video__content { display: inline-block; width: 324px; border-radius: 5px; background: #ffffff; -webkit-box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.08); box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.08); padding: 40px 30px 32px 30px; position: absolute; left: -12px; bottom: -38px; z-index: 1; } .video__content h4 { font-weight: 600; line-height: 1.5; margin-bottom: 15px; } .video__content p { margin-bottom: 30px; } .video__thumb img { border-radius: 5px; } .video__thumb .popup-video { width: 54px; height: 54px; line-height: 54px; position: absolute; left: 18px; bottom: 18px; background: #ffffff; color: #019145; } .video__thumb .popup-video:hover { color: #ffffff; background-color: #019145; } .popular-videos-wrapper .video__thumb { background-size: cover; background-position: center; min-height: 630px; width: 100%; background-repeat: no-repeat; border-radius: 5px; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .popular-videos-wrapper .video__thumb { min-height: 440px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .popular-videos-wrapper .video__thumb { min-height: 400px; } } @media (max-width: 767px) { .popular-videos-wrapper .video__thumb { min-height: 400px; } } .popular-videos-wrapper .video__thumb img { width: 100%; -o-object-fit: cover; object-fit: cover; } .popular-videos-wrapper .video__thumb .popup-video { width: 70px; height: 70px; line-height: 70px; left: auto; bottom: auto; top: 30px; right: 30px; } .counters { background-color: rgba(255, 114, 58, 0.1); border-radius: 5px; padding: 40px 40px; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .counters { padding: 40px 25px; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .counters { padding: 40px 25px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .counters { padding: 40px 25px; } } @media (max-width: 767px) { .counters { padding: 40px 15px; } } .counters h2 { color: #019145; font-size: 46px; margin-bottom: 20px; } .counters h5 { font-size: 20px; line-height: 1.4; } .count-1 { background-color: rgba(142, 102, 255, 0.1); } .count-1 h2 { color: #8E66FF; } .count-2 { background-color: rgba(241, 77, 93, 0.1); } .count-2 h2 { color: #F14D5D; } .count-3 { background-color: rgba(40, 120, 235, 0.1); } .count-3 h2 { color: #2878EB; } .video__thumb-width img { width: 100%; } .faq-blur-bg { width: 707px; height: 758px; background: #f14d5d; opacity: 0.05; filter: blur(50px); -webkit-filter: blur(50px); -moz-filter: blur(50px); -o-filter: blur(50px); position: absolute; left: 17.70%; top: 130px; z-index: -1; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .faq-blur-bg { display: none; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .faq-blur-bg { display: none; } } @media (max-width: 767px) { .faq-blur-bg { display: none; } } .faq-img-wrapper { -webkit-animation: float-bob-y infinite 5s linear; animation: float-bob-y infinite 5s linear; } .faq-img-wrapper .faq_01 { position: relative; z-index: 2; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .faq-img-wrapper .faq_01 { width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .faq-img-wrapper .faq_01 { width: 100%; } } @media (max-width: 767px) { .faq-img-wrapper .faq_01 { width: 100%; } } .faq-img-wrapper .faq_02 { position: absolute; bottom: 0; z-index: -1; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .faq-img-wrapper .faq_02 { width: 100%; left: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .faq-img-wrapper .faq_02 { width: 100%; left: 0; } } @media (max-width: 767px) { .faq-img-wrapper .faq_02 { width: 100%; left: 0; } } .faq-que-list { position: relative; z-index: 1; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .faq-que-list { padding-left: 0; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .faq-que-list { padding-left: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .faq-que-list { padding-left: 0; } } @media (max-width: 767px) { .faq-que-list { padding-left: 0; } } .accordion .accordion-item { background-color: #fff; border: 0; } .accordion .accordion-button { font-size: 16px; color: #303030; text-align: left; background-color: #fff; border: 0; border-radius: 0; -webkit-transition: unset; transition: unset; font-weight: 500; border-radius: 5px; -webkit-box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.05); box-shadow: 5px 15px 60px rgba(27, 33, 47, 0.05); padding: 20px 40px; position: relative; } .accordion .accordion-button:focus { z-index: 3; border-color: #86b7fe; outline: 0; -webkit-box-shadow: none; box-shadow: none; } .accordion .accordion-button::after { -ms-flex-negative: 0; flex-shrink: 0; width: unset; height: unset; margin-left: auto; content: "\f067"; position: absolute; font-family: "Font Awesome 5 pro"; font-size: 13px; background-image: unset; background-repeat: no-repeat; background-size: unset; -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; right: 25px; top: 40%; z-index: 1; } .accordion .accordion-button:not(.collapsed)::after { content: "\f068"; background-image: unset; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .accordion-two .collapsed { border: 1px solid rgba(255, 114, 58, 0.2) !important; border-radius: 5px; background-color: transparent !important; } .accordion-two .accordion-button { color: #1B212F; font-size: 22px !important; font-weight: 600; background-color: rgba(255, 114, 58, 0.05); border-color: rgba(255, 114, 58, 0.05); border-radius: 5px; padding-left: 40px; -webkit-box-shadow: none; box-shadow: none; } .accordion-two .accordion-button::after { color: #019145; content: "\f078"; left: auto; right: 25px; } .accordion-two .accordion-button:not(.collapsed)::after { content: "\f078"; } .accordion-two .accordion-body { background-color: rgba(255, 114, 58, 0.05); padding-top: 0; } .accordion-two .accordion-body p { font-size: 18px; padding: 0 65px 0 20px; } .faq_btn { border-radius: 5px; } .faq-accord .accordion-item>.accordion-header { border-bottom: 1px solid #E3E5FF; } .about-section-wrapper .what-blur-shape-two { width: 731px; height: 697px; right: 9%; z-index: -1; bottom: 160px; } .student-story-active .owl-dots .owl-dot { border-radius: 0% !important; height: auto !important; width: 24px !important; } .student-story-active .owl-dots .active { background-color: black; border-color: black !important; } .student-story-active .owl-nav .owl-prev { position: absolute; top: -13rem; right: -20rem; } .student-story-active .owl-nav .owl-next { /* position: absolute; top: -13rem; right: -72rem; */ } .student-story-active .owl-nav .owl-prev i, .student-story-active .owl-nav .owl-next i { font-size: 4rem; opacity: 0.5 !important; } .student-story-active .owl-nav .owl-prev i:hover, .student-story-active .owl-nav .owl-next i:hover { opacity: 1 !important; } @media only screen and (min-width: 768px) and (max-width: 991px) { .about-section-wrapper .what-blur-shape-two { display: none; } } @media (max-width: 767px) { .about-section-wrapper .what-blur-shape-two { display: none; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .about-main-thumb { padding-left: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .about-main-thumb { padding-left: 0; } } @media (max-width: 767px) { .about-main-thumb { padding-left: 0; width: 100%; } } .about__img__box { position: relative; z-index: 1; } .about__img__box .about-img { position: absolute; } .about__img__box .about-img.about_01 { right: 40px; bottom: -30px; z-index: 1; } @media (max-width: 767px) { .about__img__box .about-img.about_01 { display: none; } } .about__img__box .about-img.about_02 { left: 0; top: 270px; } @media (max-width: 767px) { .about__img__box .about-img.about_02 { display: none; } } .about__img__box .about-img.about_03 { left: 79px; bottom: -32px; z-index: -1; -webkit-animation: rotateme infinite 15s linear; animation: rotateme infinite 15s linear; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .about__img__box .about-img.about_03 { left: -26px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .about__img__box .about-img.about_03 { left: -26px; } } @media (max-width: 767px) { .about__img__box .about-img.about_03 { display: none; } } @media (max-width: 767px) { .about-wrapper { flex-wrap: wrap-reverse; justify-content: center; } .about-wrapper-content { text-align: center; margin-top: 15px; } } @media (max-width: 767px) { .about-wrapper .section-title-4 h2 { font-size: 25px !important; } } .plan { background-color: #8E66FF; padding: 50px 50px 30px 50px; border-radius: 5px; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .plan { padding: 50px 15px 30px 15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .plan { padding: 50px 25px 30px 25px; } } @media (max-width: 767px) { .plan { padding: 50px 15px 30px 15px; } } .plan .pr__header { border-bottom: 2px solid rgba(168, 165, 165, 0.2); } .plan .pr__header h2 { color: #ffffff; font-size: 46px; margin-bottom: 25px; } .plan .pr__header h5 { color: #ffffff; font-size: 20px; margin-bottom: 30px; } .plan .pr__header .pr-icon { margin-bottom: 25px; } .plan .pr__body .old-price { color: rgba(255, 255, 255, 0.15); font-size: 30px; font-weight: 500; text-decoration: line-through; } .plan .pr__body h2 b { color: #ffffff; font-size: 40px; } .plan .pr__body h2 b sup { font-size: 14px; top: -17px; } .plan .pr__body h2 b .new-price { font-size: 16px; font-weight: 500; } .plan .pr__body .price-list { text-align: left; } .plan .pr__body .price-list li { color: #ffffff; font-size: 16px; margin-bottom: 22px; padding-left: 42px; position: relative; z-index: 1; } .plan .pr__body .price-list li::before { content: '\f00c'; position: absolute; font-family: 'Font Awesome 5 pro'; font-size: 18px; left: 0; top: 0; z-index: 1; } .price_btn { background: transparent; border: 2px solid #ffffff; padding: 16px 78px; font-weight: 500; text-transform: uppercase; } .price_btn:hover, .price_btn.active { color: #019145; background-color: #ffffff; } .price_btn.active:hover { color: #ffffff; background-color: transparent; } .plan-2 { background-color: #019145; } .plan-2a { background-color: #F14D5D; } .plan-tab .nav-tabs { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 0; } .plan-tab .nav-tabs .nav-link { margin-bottom: -1px; background: 0 0; border: 1px solid transparent; border-top-left-radius: 40px; border-top-right-radius: 40px; background-color: rgba(255, 114, 58, 0.1); border: 0; color: #019145; text-transform: uppercase; padding: 19px 39px; margin: 10px 10px; } .plan-tab .nav-tabs .nav-link.active { color: #ffffff; background-color: #019145; } .footer__social a { background-color: #F3F4FF; width: 39px; height: 39px; font-size: 25px; line-height: 39px; } .footer__social a:hover { color: #ffffff; background-color: #2E358B; } .footer__widget .widget-title { font-size: 18px; font-weight: 600; text-transform: uppercase; } .fot-list a { color: #707070; display: inline-block; margin-bottom: 20px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .fot-list a:hover { color: #019145; } .copy-right-area.border-bot { border: 0; border-top: 1px solid rgba(112, 112, 112, 0.1); } .copy-right-area .copyright h5 { font-size: 16px; font-weight: 400; line-height: 1.4; } .copy-right-area .copyright h5 a { font-weight: 700; } .border-bot { border-bottom: 1px solid rgba(112, 112, 112, 0.1); } .border-bot-2 { border-bottom: 1px solid rgba(255, 114, 58, 0.2); } .footer-area-2 { position: relative; z-index: 1; } .footer-area-2::before { content: ''; position: absolute; width: 515px; height: 552px; background: #f14d5d; opacity: 0.03; filter: 50px; -webkit-filter: blur(50px); -moz-filter: blur(50px); -o-filter: blur(50px); right: 20.57%; bottom: 65px; z-index: -1; } .footer-area-2 .widget-title { text-transform: capitalize; } .footer__widget__two .mail-to { color: #019145; font-size: 20px; font-weight: 500; } .footer__widget__two .phone-num { color: #1B212F; } .footer__widget__two .subscribe-form-box .subscribe-form input { font-size: 14px; color: #707070; width: 300px; height: 50px; padding-left: 30px; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .footer__widget__two .subscribe-form-box .subscribe-form input { width: 100%; } } @media (max-width: 767px) { .footer__widget__two .subscribe-form-box .subscribe-form input { width: 100%; } } .footer__widget__two .subscribe-form-box .sub_btn { padding: 19px 51px; background-color: #019145; position: unset; width: 300px; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .footer__widget__two .subscribe-form-box .sub_btn { width: 100%; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .footer__widget__two .subscribe-form-box .sub_btn { width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .footer__widget__two .subscribe-form-box .sub_btn { width: 100%; } } @media (max-width: 767px) { .footer__widget__two .subscribe-form-box .sub_btn { width: 100%; } } .footer__widget__two .footer__social a { background-color: #ffffff; } .footer__widget__two .footer__social a:hover { color: #ffffff; background-color: #019145; } .border-bot-top { border-top: 1px solid rgba(255, 114, 58, 0.2); } .copyright .fot-list li { display: inline-block; margin-left: 55px; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .copyright .fot-list li { margin-left: 40px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .copyright .fot-list li { margin-left: 20px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .copyright .fot-list li { margin-left: 0px; margin-right: 5px; } } @media (max-width: 767px) { .copyright .fot-list li { margin-left: 0px; margin-right: 20px; } } .copyright .fot-list li a { color: #303030; } .footer-bg { background-color: rgba(255, 114, 58, 0.03); } .footer-area { position: relative; z-index: 1; } .footer-area .footer-blur { width: 583px; height: 619px; background: #f14d5d; opacity: 0.05; filter: blur(50px); -webkit-filter: blur(50px); -moz-filter: blur(50px); -o-filter: blur(50px); position: absolute; right: 0; bottom: 25px; border-radius: 50%; } .footer-area-2 .footer-blur-bg { width: 515px; height: 552px; background: #f14d5d; opacity: 0.03; filter: blur(50px); -webkit-filter: blur(50px); -moz-filter: blur(50px); -o-filter: blur(50px); position: absolute; right: 20.57%; bottom: 65px; z-index: -1; } /*# sourceMappingURL=main.css.map */ /* About us css */ .about-hero-section { display: flex; height: 100%; /* align-items: center; */ padding: 0 15px 0px 100px; } .about-hero-section h2 { text-transform: uppercase; font-size: 3.5rem; line-height: 60px; margin-bottom: 10px; } .about-hero-section p { font-size: 1.2rem; line-height: 2rem; max-width: 450px; } .about-hero-section p { font-size: 1.4rem; line-height: 2rem; max-width: 460px; color: #000; } strong { font-weight: bold; color: #000; } .bg-gray { background-color: #f0f0f0; } .gray-section { margin-top: -100px; padding: 100px 0; } .traiing-gray-section { margin-top: -130px; padding-top: 130px; } .gray-section-content { max-width: 92%; width: 100%; margin: auto; margin-top: 50px; } .gray-section-content p { font-size: 1.5rem; margin-bottom: 20px; line-height: 1.4em; font-weight: 300; position: relative; font-style: normal; } .section-spacing { padding: 80px 0; } .section-title { text-transform: uppercase; font-size: 2.9rem; text-align: center; margin-bottom: 30px; font-weight: bold; } .social-media-item .social-link { height: 40px; width: 40px; background-color: #019145; border: 1px solid #019145; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 18px; color: #fff; margin-right: 10px; margin-bottom: 20px; } .social-media-item .social-link:hover { background-color: transparent; color: #019145; border: 1px solid #019145; } .team { width: 75%; margin-left: auto; margin-right: auto; } .team .team-img { border: 1px solid #ddd; margin-bottom: 20px; box-shadow: 0 8px 17px 2px rgb(0 0 0 / 14%), 0 3px 14px 2px rgb(0 0 0 / 12%), 0 5px 5px -8px rgb(0 0 0 / 20%)!important; border-radius: 60px; } .team-title { font-weight: normal; font-size: 1.3rem; line-height: 1.7rem; margin-bottom: 15px; } .team-content p { margin-bottom: 20px; font-size: 1.25rem; font-weight: normal; color: rgb(51, 51, 51); line-height: 1.880rem; } .team-desc { min-height: 130px; } .teamusers .team-item { margin-bottom: 30px; } .contact-us-section { max-width: 92%; width: 100%; margin: auto; margin-bottom: 20px; padding: 50px 25px; background-color: #fff; border-radius: 10px; box-shadow: 0 8px 17px 2px rgb(0 0 0 / 14%), 0 3px 14px 2px rgb(0 0 0 / 12%), 0 5px 5px -3px rgb(0 0 0 / 20%)!important; } .contact-us-section h4 { font-weight: 500; margin-bottom: 50px; font-size: 1.65rem; } .contact-icon { font-size: 2.3rem; margin-bottom: 15px; color: #000; } .contact-icon-title { font-size: 1.5rem; font-weight: 900; margin-bottom: 5px; color: #000; } .contact-link { font-weight: 600; font-size: 1rem; margin-bottom: 20px; color: #000; } /* Features */ .features-item { display: flex; width: 85%; margin-left: auto; margin-right: auto; margin-top: 50px; } .features-item img { width: 150px; margin-bottom: 20px; } .features-item .features-content p { font-size: 25px; } .our-packages { background-image: url(../img/training/bg-packages8.jpg); background-size: cover; background-position: top center; } .our-packages .secttion-title-desc { width: 65%; margin: auto; text-align: center; font-size: 1.6rem; font-weight: lighter; line-height: 2rem; } .package-list { margin-top: 60px; } .package-list .package-item { background-color: rgb(255, 255, 255); border-radius: 10px; border-color: rgb(51, 51, 51); margin-bottom: 40px; padding: 40px; } .package-list .package-item .package-img { margin: auto; margin-bottom: 20px; width: 60px; height: 60px; } .text-underline { text-decoration: underline; } .package-list .package-item .package-title { font-size: 21px; margin: 16px auto; } .package-list .package-item .package-desc { font-size: 1rem; color: #333; } .package-list .package-item button { margin-top: 20px; margin-bottom: 15px; } /* grc page css */ .font-weight-think { font-weight: 300; } .grc-hero-section { background-image: url(../img/grc/arc-hero-img.jpg); left: 0; top: 130px; bottom: 0; right: 0; overflow: hidden; width: 100%; height: 1080px; background-size: cover; background-repeat: no-repeat; background-position: center center; margin-top: 2px; } .hero-content { padding: 60px 40px 60px 0; color: #fff; } .hero-content h2 { line-height: 3.8rem; letter-spacing: normal; text-transform: uppercase; font-size: 3.0rem; color: #fff; margin-bottom: 20px; } .hero-content .hero-desc { color: #fff; font-size: 25px; line-height: 33px; margin-bottom: 40px; font-weight: 300; } .grc-form { border-radius: 10px; background-color: #fff; padding: 25px 25px 0px; } .grc-form .form-group { position: relative; margin-top: 15px; margin-bottom: 15px; } .grc-form .form-control { height: 56px; color: #949494; font-size: 18px; font-weight: 400; padding: 8px 55px 8px 15px; position: relative; } .grc-form .form-icon { color: #949494; font-size: 26px; position: absolute; right: 10px; top: 15px; } .grc-form .form-icon span.text-danger { font-size: 24px; position: relative; top: -5px; } .about-user-section { background-image: url(../img/grc/about-user.jpg); left: 0; top: 0; overflow: hidden; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; margin-top: 0px; height: 750px; } .grc-about-section { display: flex; height: 100%; align-items: center; } .grc-about-content { padding: 0px 40px 0px 60px; } .grc-about-content p { font-size: 1.6rem; font-weight: 400; color: #333; line-height: 2.1rem; } .grc-section-title p { display: block; position: relative; color: #000; text-transform: uppercase; font-size: 18px; padding: 0 25px 15px 25px; z-index: 1; background: #fff; } .grc-section-title .grc-hr:after { content: ''; height: 1px; width: 100%; left: 0; position: absolute; background: #000; top: 10px; } .brand-item .brand-img { margin-top: 40px; margin-bottom: 40px; } .border-bottom-1px { border-bottom: 1px solid #ddd; } .grc-form .form-group .form-icon span.text-danger { top: -10px; right: -5px; } .grc-form .select { position: relative; margin-bottom: 15px; border: 1px solid #ddd; } .grc-form .select .selectBtn { background: var(--bg1); padding: 10px; box-sizing: border-box; border-radius: 3px; width: 100%; cursor: pointer; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: #fff; } .grc-form .select .selectBtn.toggle { border-radius: 3px 3px 0 0; } .grc-form .select .selectBtn.toggle:after { -webkit-transform: translateY(-50%) rotate(-135deg); transform: translateY(-50%) rotate(-135deg); } .grc-form .select .selectDropdown { z-index: 111 !important; position: absolute; top: 100%; width: 100%; border-radius: 0 0 3px 3px; overflow: hidden; background: var(--bg1); border-top: 1px solid #eee; z-index: 1; background: #fff; -webkit-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: top center; transform-origin: top center; visibility: hidden; transition: 0.2s ease; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); } .grc-form .select .selectDropdown .option { padding: 10px; box-sizing: border-box; cursor: pointer; } .grc-form .select .selectDropdown .option:hover { background: #f8f8f8; } .grc-form .select .selectDropdown.toggle { visibility: visible; -webkit-transform: scale(1, 1); transform: scale(1, 1); } .mobile-device { display: none; background-color: #f0f0f0; } /* Media Query*/ @media only screen and (max-width: 1100px) { .about-hero-section { padding-left: 0; } .grc-about-content p { font-size: 23px; } .grc-about-content { padding-left: 15px; padding-right: 15px; } } @media only screen and (max-width: 992px) { .section-title { font-size: 2.4rem; } .package-list .package-item { padding: 30px; } .our-packages .secttion-title-desc { width: 95%; } .about-hero-section { justify-content: center; margin-bottom: 40px; text-align: center; } } @media only screen and (max-width: 768px) { /* our traiing page */ .package-list .package-item { padding: 30px; } .features-item { text-align: center; width: 100%; } .our-packages .secttion-title-desc { width: 100%; font-size: 1.4rem; } .gray-section { margin-top: 40px; padding-top: 40px; padding-bottom: 40px; } .gray-section-content { margin-top: 0; } .about-hero-section { padding-left: 15px; } .gray-section-content p { font-size: 1.2rem; } .section-spacing { padding: 30px 0; } .section-title { font-size: 2rem; } } @media only screen and (max-width: 767px) { .page-grc { padding-top: 115px; } .grc-form { margin-bottom: 80px; } .hero-content h2 { line-height: 2.5rem; font-size: 1.8rem; } .grc-hero-section { height: auto; padding-top: 50px; } .hero-content { text-align: center; padding: 0; } .about-user-section { background-image: url(../img/grc/about-user-mobile.png); height: auto; } .grc-about-section { display: none; } .mobile-device { display: block; padding: 30px 15px; text-align: center; } .mobile-device p { font-size: 21px; } .features-item .features-content p { font-size: 21px; } .gray-section { padding: 50px 0px; } .contact-us-section, .row.team, .gray-section-content { max-width: 100%; } .gray-section { margin-top: 0px; } .features-item img { width: 100px; } .features-item { margin-top: 30px; } .hero-content .hero-desc { font-size: 20px; line-height: 22px; } } @media only screen and (max-width: 575px) { .features-item { margin-top: 20px; } .features-item img { width: 80px; } .section-title { font-size: 1.5rem; } .our-packages .secttion-title-desc { font-size: 1.3rem; } .package-list .package-item .package-title { font-size: 18px; } .package-list .package-item button { width: 100%; } .features-item .features-content p { font-size: 18px; } .mobile-device p { font-size: 16px; } .hero-content h2 { line-height: 2.2rem; font-size: 1.5rem; } .hero-content .hero-desc { font-size: 18px; line-height: 22px; } .hero-content .hero-desc span { display: inline-block !important; } } @media only screen and (max-width: 375px) { .features-item .features-content p { font-size: 17px; } .section-title { font-size: 1.2rem; margin-bottom: 15px; } .our-packages .secttion-title-desc { font-size: 1.1rem; line-height: normal; } .package-list { margin-top: 30px; } .package-list .package-item { padding: 15px; } } .student-story-active .owl-dots .owl-dot { border-radius: 0% !important; height: auto !important; width: 24px !important; } .student-story-active .owl-dots .active { background-color: black; border-color: black !important; } .student-story-active .owl-nav .owl-prev { position: absolute; top: -13rem; right: -20rem; } .student-story-active .owl-nav .owl-next { position: absolute; top: -13rem; right: -72rem; } .student-story-active .owl-nav .owl-prev i, .student-story-active .owl-nav .owl-next i { font-size: 4rem; opacity: 0.5 !important; } .student-story-active .owl-nav .owl-prev i:hover, .student-story-active .owl-nav .owl-next i:hover { opacity: 1 !important; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .owl-nav { left: -288px; bottom: 10px; } } @media only screen and (max-width: 991px) { .student-story-active .owl-nav .owl-next { right: -60rem; } .student-story-active .owl-nav .owl-prev { right: -30rem; } .main-title { font-size: 30px; } } @media only screen and (max-width: 1366px) { .about-main-thumb { padding-left: 0px; max-width: 100%; } .slider__img__box .slide-shape.img-seven { bottom: -190px; } .slider__img__box .slide-shape.img-six { display: none; } .slider__img__box .slide-shape.img-five-upper { right: -10px; top: 100px; height: 200px; width: 200px; } } @media only screen and (max-width: 1024px) { .slider__img__box .slide-shape.img-five-upper { right: 0px; top: 90px; height: 180px; width: 180px; } .slider__img__box .slide-shape.img-three { height: 150px; width: 150px; left: -20px; top: 70%; } .slider__img__box .slide-shape.img-two { height: 150px; width: 150px; } } @media only screen and (max-width: 991px) { .about-page .slider-area { padding-top: 100px; } .slider__img__box .slide-shape.img-five-upper { right: 80px; } .about-page .slider__img__box { overflow: visible; } .great-deal-area { padding-top: 70px !important; } .testimonial-area { padding-bottom: 220px; } .feature.tag_04 { left: -2rem; } .about-main-thumb { height: auto !important; } .about__img__box { text-align: center; } .gray-section { padding: 75px 0; } .gray-section-content { margin-top: 0; } .gray-section-content p { font-size: 21px; } .team-title { font-size: 18px; text-align: center; } .team-content p { font-size: 18px; } .page-grc.pt-130 { padding-top: 115px !important; } .grc-hero-section .hero-content { padding-bottom: 0px; } .vec-shape::before { display: none; padding-left: 0; } .vec-shape { padding-left: 5px; } .slider__img__box .slide-shape.img-three { left: 0px !important; } .slider__content { text-align: center; } .contact-us-item a, .contact-us-item .contact-link { font-size: 14px; } } @media only screen and (max-width: 768px) { .about-hero-section .hero-content { padding: 0; } .slider__img__box .slide-shape.img-three { left: 30px; } .gray-section-content p { font-size: 21px; } .testimonial-area { padding-bottom: 250px; } .vec-shape::before { display: none; } .feature.tag_04 { left: 0; } .hero-content { text-align: center; } .about-hero-button { text-align: center; margin-top: 40px; } .great-deal-area { padding-top: 0 !important; } .vec-shape { padding-left: 0px; } } @media only screen and (max-width: 767px) { .student-story-active .owl-nav .owl-prev { right: -20rem !important; } .student-story-active .owl-nav .owl-next { right: -55rem !important; } .slider__img__box .slide-shape.img-eight { position: absolute; width: 100%; bottom: 20px; left: -30px; margin: auto; } .slider__img__box .img-one { width: 95%; } .row.team { width: 100%; } .testimonial-area { padding-bottom: 0; } .about-main-thumb { height: auto !important; } .slider__img__box .slide-shape.img-five-upper, .slider__img__box .slide-shape.img-four-dot, .slider__img__box .slide-shape.img-one-dot { display: none; } .contact-us-item { margin-bottom: 20px; } .about-hero-section p:first-child { font-size: 2.5rem !important; } .contact-icon-title { font-size: 1rem; } .contact-icon { font-size: 2.5rem; } .contact-us-section h4 { font-size: 1.5rem; margin-bottom: 30px; } } @media only screen and (max-width: 575px) { .about-page .slider__img__box, .our-training-page .slider__img__box { margin-bottom: 0; } .our-training-page .slider__img__box .slide-shape.img-eight { width: 80%; } .slider__img__box .slide-shape.img-eight { width: 85%; left: 0; right: 0; margin: auto; } .student-story-active .owl-nav .owl-prev, .student-story-active .owl-nav .owl-next { display: none; } .contact-us-section h4 { font-size: 1.2rem; margin-bottom: 15px; } .contact-icon { font-size: 1.8rem; } .team-desc p, .team-content p { text-align: center; } .about-hero-section p:first-child { font-size: 2rem !important; } .gray-section-content p { font-size: 18px; } .testimonial-area { padding-top: 75px; } .about-wrapper-content p { font-weight: 600 !important; } .about-us-area { padding-top: 75px; } .slider__img__box .img-one { width: 80%; } .slider__img__box .slide-shape { width: 75%; } }