/* Css For Bullion */ /************ TABLE OF CONTENTS *************** 1. Fonts 2. Reset 3. Global 4. Main Header/style-one/style-two 5. Main Slider/style-one/style-two 6. Intro Section 7. Welcome Section 9. Cta Section 8. Research Fields 10. Testimonial Section 11. Researches Section 12. Team Section 14. Video 15. Fact Counter 16. News Section 19. Clients Section 20. Main Footer 21. Footer Bottom 22. Research Style Two 23. Innovative Solution 24. Discover Section 25. Experience section 26. Chooseus Section 27. News Style Two 28. Page Title 29. Research Page Section 30. Research Details 31. Professor Page Section 32. Professor Details 33. About Section 34. Error Section 35. Blog Page Section 36. Blog Details 37. Blog Sidebar 38. Contact Section 39. Google Map **********************************************/ /*** ==================================================================== Reset ==================================================================== ***/ * { margin:0px; padding:0px; border:none; outline:none; } /*** ==================================================================== Global Settings ==================================================================== ***/ :root{ --theme-color: #ed991f; --theme-color-two: #26ba5e; --theme-color-three: #ed991f; --secondary-color: #1b1e31; --text-color: #6e6e6e; --title-color: #1b1e31; --text-font: 'Mulish', sans-serif; --title-font: 'Syne', sans-serif; } body { font-size:17px; color:#6e6e6e; line-height:28px; font-weight:400; background:#ffffff; font-family: var(--text-font); background-size:cover; background-repeat:no-repeat; background-position:center top; -webkit-font-smoothing: antialiased; } @media (min-width:1200px) { .container { max-width: 1200px; padding: 0px 15px; } } .large-container{ max-width: 1450px; padding: 0px 15px; margin: 0 auto; } .container-fluid{ padding: 0px; } .auto-container{ position:static; max-width:1200px; padding:0px 15px; margin:0 auto; } .small-container{ max-width:680px; margin:0 auto; } .boxed_wrapper{ position: relative; margin: 0 auto; overflow: hidden !important; width: 100%; min-width: 300px; } a{ font-family: var(--title-font); text-decoration:none; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } a:hover{ text-decoration:none; outline:none; } input,button,select,textarea{ font-family: var(--text-font); font-weight: 400; font-size: 16px; background: transparent; } ::-webkit-input-placeholder { color: inherit; } ::-moz-input-placeholder { color: inherit; } ::-ms-input-placeholder { color: inherit; } ul,li{ list-style:none; padding:0px; margin:0px; } input{ transition: all 500ms ease; } button:focus, input:focus, textarea:focus{ outline: none; box-shadow: none; transition: all 500ms ease; } p{ position: relative; font-family: var(--text-font); color: var(--text-color); font-weight: 400; margin: 0px; transition: all 500ms ease; } h1,h2,h3,h4,h5,h6{ position:relative; font-family: var(--title-font); font-weight: 400; color: var(--title-color); margin: 0px; transition: all 500ms ease; } /* Preloader */ .handle-preloader { align-items: center; -webkit-align-items: center; display: flex; display: -ms-flexbox; height: 100%; justify-content: center; -webkit-justify-content: center; position: fixed; background: var(--secondary-color); left: 0; top: 0; width: 100%; z-index: 9999999; } .preloader-close{ position: fixed; z-index: 99999999; font-size: 26px; background: #fff; width: 40px; height: 40px; line-height: 36px; text-align: center; border-radius: 50%; cursor: pointer; right: 30px; top: 30px; } .handle-preloader .animation-preloader { position: absolute; z-index: 100; } .handle-preloader .animation-preloader .spinner{ animation: spinner 1s infinite linear; border-radius: 50%; height: 150px; margin: 0 auto 45px auto; width: 150px; } .handle-preloader .animation-preloader .txt-loading { text-align: center; user-select: none; } .handle-preloader .animation-preloader .txt-loading .letters-loading:before{ animation: letters-loading 4s infinite; content: attr(data-text-preloader); left: 0; opacity: 0; top:0; position: absolute; } .handle-preloader .animation-preloader .txt-loading .letters-loading{ font-family: var(--title-font); font-weight: 600; letter-spacing: 15px; display: inline-block; position: relative; font-size: 70px; line-height: 70px; text-transform: uppercase; } .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {animation-delay: 0.2s;} .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {animation-delay: 0.4s;} .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {animation-delay: 0.6s;} .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {animation-delay: 0.8s;} .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before { animation-delay: 1s;} .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before { animation-delay: 1.2s;} .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before { animation-delay: 1.4s;} .handle-preloader .loader-section { background-color: #ffffff; height: 100%; position: fixed; top: 0; width: calc(50% + 1px); } .preloader .loaded .animation-preloader { opacity: 0; transition: 0.3s ease-out; } .handle-preloader .animation-preloader .txt-loading .letters-loading{ color: #ffffff; } .handle-preloader .animation-preloader .txt-loading .letters-loading:before{ color: #ffffff; } .handle-preloader .animation-preloader .spinner{ border: 3px solid #ffffff; border-top-color: rgba(255, 255, 255, 0.5); } /* Animación del preloader */ @keyframes spinner { to { transform: rotateZ(360deg); } } @keyframes letters-loading { 0%, 75%, 100% { opacity: 0; transform: rotateY(-90deg); } 25%, 50% { opacity: 1; transform: rotateY(0deg); } } @media screen and (max-width: 767px) { .handle-preloader .animation-preloader .spinner { height: 8em; width: 8em; } } @media screen and (max-width: 500px) { .handle-preloader .animation-preloader .spinner { height: 7em; width: 7em; } .handle-preloader .animation-preloader .txt-loading .letters-loading {font-size: 30px; letter-spacing: 10px;} } .centred{ text-align: center; } .pull-left{ float: left; } .pull-right{ float: right; } figure{ margin: 0px; } img { display: inline-block; max-width: 100%; height: auto; transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .7s; transition-property: all; } /** button **/ .theme-btn{ position: relative; display: inline-block; overflow: hidden; vertical-align: middle; font-size: 17px; line-height: 28px; font-weight: 600; font-family: var(--title-font); color: #fff; text-align: center; padding: 11px 28px; border-radius: 5px; z-index: 1; transition: all 500ms ease; } .theme-btn:hover{ color: #fff; } .theme-btn.btn-one{ background: var(--theme-color); } .theme-btn.btn-one:hover{ background: var(--secondary-color); } .theme-btn span{ position: relative; padding-right: 25px; } .theme-btn span:before{ position: absolute; content: "\f101"; font-family: 'flaticon'; top: -2px; right: 0px; font-size: 20px; } .theme-btn.btn-two{ background: transparent; border: 1px solid var(--theme-color); padding: 17px 37px; } .theme-btn.btn-two:hover{ background: var(--theme-color); } .theme-btn.btn-three{ background: var(--secondary-color); padding: 15px 37px; } .theme-btn.btn-three:hover{ background: var(--theme-color); } .row{ --bs-gutter-x: 30px; } .pagination{ position: relative; display: block; } .pagination li{ position: relative; display: inline-block; margin-right: 25px; } .pagination li:first-child{ margin-right: 30px; } .pagination li:last-child{ margin-right: 0px !important; padding-left: 5px; } .pagination li a{ position: relative; display: inline-block; font-size: 20px; line-height: 30px; font-weight: 600; font-family: var(--title-font); color: #a8a9b3; z-index: 1; transition: all 500ms ease; } .pagination li a:hover, .pagination li a.current{ color: #1b1e31; } .pagination li i{ position: relative; font-size: 30px; color: #1b1e31; top: 12px; transition: all 500ms ease; } .pagination li a:hover i{ color: var(--theme-color); } .pagination li a span{ position: relative; } .pagination li a span:before{ position: absolute; content: ''; background: #a8a9b3; width: 6px; height: 1px; top: 14px; right: -18px; } .pagination li:nth-child(4) a span:before{ display: none; } .sec-pad{ padding: 113px 0px 120px 0px; } .mr-0{ margin: 0px !important; } .scroll-top { width: 58px; height: 58px; line-height: 66px; position: fixed; bottom: 105%; right: 50px; font-size: 30px; z-index: 99; color: #fff; background: var(--secondary-color); border: 1px solid #32364f; text-align: center; border-radius: 50%; cursor: pointer; transition: 1s ease; } .scroll-top.open { bottom: 30px; } .scroll-top:hover{ background: var(--theme-color); border-color: var(--theme-color); } .sec-title{ position: relative; display: block; margin-bottom: 49px; } .sec-title .sub-title{ position: relative; display: block; font-size: 18px; line-height: 28px; font-family: var(--title-font); color: var(--text-color); font-weight: 600; margin-bottom: 12px; text-transform: capitalize; } .sec-title h2{ position: relative; display: block; font-size: 40px; line-height: 50px; font-weight: 700; margin: 0px; } .sec-title h2 span{ color: var(--theme-color); } .home_2 .sec-title h2 span{ color: var(--theme-color-two); } .sec-title.light .sub-title{ color: #a8a9b3; } .sec-title.light h2{ color: #fff; } .owl-dots-none .owl-dots, .owl-nav-none .owl-nav{ display: none !important; } /*** ==================================================================== Home-Page-One ==================================================================== ***/ /** main-header **/ .main-header{ position:relative; left:0px; top:0px; right: 0px; z-index:999; width:100%; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .sticky-header{ position:fixed; opacity:0; visibility:hidden; left:0px; top:0px; width:100%; z-index:0; background-color: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.10); transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .fixed-header .sticky-header{ z-index:999; opacity:1; visibility:visible; -ms-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -op-animation-name: fadeInDown; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -ms-animation-duration: 500ms; -moz-animation-duration: 500ms; -op-animation-duration: 500ms; -webkit-animation-duration: 500ms; animation-duration: 500ms; -ms-animation-timing-function: linear; -moz-animation-timing-function: linear; -op-animation-timing-function: linear; -webkit-animation-timing-function: linear; animation-timing-function: linear; -ms-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -op-animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /*** Search Popup ***/ .search-popup { position: fixed; left: 0; top: 0px; width: 100%; height: 100%; z-index: 99999; visibility: hidden; opacity: 0; overflow: auto; background: rgba(0, 0, 0, 0.80); -webkit-transform: translateY(101%); -ms-transform: translateY(101%); transform: translateY(101%); transition: all 700ms ease; -moz-transition: all 700ms ease; -webkit-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; } .search-popup.popup-visible { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); visibility: visible; opacity: 1; } .search-popup .popup-inner{ width: 100%; background: #fff; height: 100%; } .search-popup .upper-box{ position: relative; padding: 70px 70px; z-index: 1; } .search-popup .overlay-layer { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; display: block; } .search-popup .close-search { position: relative; font-size: 22px; color: #141417; cursor: pointer; z-index: 5; top: 11px; transition: all 500ms ease; } .search-popup .close-search:hover { color: red; } .search-popup .search-form { position: relative; width: 100%; padding: 100px 0px 250px 0px; } .search-popup .search-form .form-group{ position: relative; margin: 0px; } .search-popup .search-form fieldset input[type="search"] { position: relative; height: 90px; padding: 20px 0px; background: #ffffff; line-height: 30px; font-size: 20px; color: #808080; border: none; font-weight: 400; border-radius: 0px; padding-right: 50px; border-bottom: 1px solid #e5e5e5; } .search-popup .search-form fieldset button[type="submit"] { position: absolute; top: 35px; right: 0px; font-size: 22px; color: #141417; cursor: pointer; transition: all 500ms ease; } .search-popup .search-form fieldset input[type="search"]:focus{ border-color: #141417; } .search-popup .form-control:focus{ box-shadow: none !important; } /** header-top **/ .header-top{ position: relative; background: var(--secondary-color); padding: 11px 0px; } .header-top .outer-container{ position: relative; display: flex; align-items: center; justify-content: space-between; padding: 0px 50px; } .header-top p, .header-top a{ color: #a8a9b3; } .header-top a:hover, .header-top a span{ color: var(--theme-color); } .header-top a span{ text-decoration: underline; transition: all 500ms ease; } .header-top a:hover span{ color: #fff; } .header-top .support-box, .header-top .text{ position: relative; display: block; padding-left: 25px; } .header-top .text{ padding-left: 29px; } .header-top .support-box .icon-box, .header-top .text .icon-box{ position: absolute; left: 0px; top: 0px; } .header-top .text .icon-box{ top: -2px; } .header-top .right-column{ position: relative; display: flex; align-items: center; } .header-top .guide-box{ position: relative; padding-left: 22px; margin-right: 30px; } .header-top .guide-box .icon-box{ position: absolute; left: 0px; top: 0px; } .header-top .help-center{ position: relative; padding-left: 26px; margin-right: 30px; } .header-top .help-center .icon-box{ position: absolute; left: 0px; top: 0px; } .header-top .language-box{ position: relative; padding-left: 28px; } .header-top .language-box .icon-box{ position: absolute; left: 0px; top: -2px; } .header-top .language-box .nice-select{ position: relative; font-size: 16px; color: #a8a9b3; font-family: var(--text-font); font-weight: 400; text-transform: capitalize; } .header-top .language-box .nice-select:after{ width: 6px; height: 6px; border-bottom: 2px solid #a8a9b3; border-right: 2px solid #a8a9b3; top: 12px; right: 5px; margin: 0px; } .nice-select .list{ min-width: 100px; } .header-top .language-box .nice-select .list{ left: inherit !important; right: 0px !important; } /** header-lower **/ .main-header .outer-box{ position: relative; display: flex; align-items: center; justify-content: space-between; padding: 0px 50px; } .main-header .menu-area{ position: relative; display: flex; align-items: center; } .main-header .logo-box{ position: relative; padding: 26px 0px; margin-right: 80px; } .main-header .menu-right-content{ position: relative; display: flex; align-items: center; } .main-header .menu-right-content .search-box-outer{ position: relative; display: inline-block; font-size: 25px; color: var(--secondary-color); margin-right: 80px; cursor: pointer; top: 2px; transition: all 500ms ease; } .main-header .menu-right-content .search-box-outer:hover{ color: var(--theme-color); } .main-header .menu-right-content .search-box-outer:before{ position: absolute; content: ''; background: #e8e8e8; width: 1px; height: 50px; top: -12px; right: -40px; } .main-header .menu-right-content .clients-box{ position: relative; padding: 11px 0px 11px 65px; margin-right: 40px; } .main-header .menu-right-content .clients-box .icon-box{ position: absolute; display: inline-block; left: 0px; top: 0px; width: 50px; height: 50px; line-height: 50px; background: #f4f4f4; text-align: center; border-radius: 50%; } .main-header .menu-right-content .clients-box a{ position: relative; display: inline-block; font-size: 17px; font-family: var(--title-font); color: var(--secondary-color); font-weight: 600; padding-right: 24px; } .main-header .menu-right-content .clients-box a i{ position: absolute; display: inline-block; top: 2px; right: 0px; font-size: 20px; color: var(--text-color); transition: all 500ms ease; } .main-header .menu-right-content .clients-box a:hover, .main-header .menu-right-content .clients-box a:hover i{ color: var(--theme-color); } .main-header .menu-right-content .clients-box a:hover i{ transform: rotate(-45deg); } /** main-menu **/ .main-menu{ float: left; } .main-menu .navbar-collapse{ padding:0px; display:block !important; } .main-menu .navigation{ margin:0px; } .main-menu .navigation > li{ position:inherit; float:left; z-index:2; margin: 0px 20px; -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease; } .main-menu .navigation > li:last-child{ margin-right:0px !important; } .main-menu .navigation > li:first-child{ margin-left: 0px !important; } .main-menu .navigation > li > a{ position:relative; display:block; text-align:center; font-size:17px; line-height:30px; font-family: var(--title-font); padding: 32px 0px; padding-right: 24px; font-weight:600; opacity:1; color: var(--secondary-color); z-index:1; text-transform: capitalize; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; } .main-menu .navigation > li > a:before{ position: absolute; content: "\f101"; font-family: 'flaticon'; font-size: 18px; top: 31px; right: 0px; color: #a8a9b3; transition: all 500ms ease; } .main-menu .navigation > li.current > a, .main-menu .navigation > li:hover > a, .main-menu .navigation > li.current > a:before, .main-menu .navigation > li:hover > a:before{ color: var(--theme-color); } .main-menu .navigation > li > ul, .main-menu .navigation > li > .megamenu{ position:absolute; left: inherit; top:100%; width:240px; z-index:100; background: #fff; display:none; opacity: 0; padding: 16px 0px; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10); visibility: hidden; border-radius: 5px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .main-menu .navigation > li > ul:before, .main-menu .navigation > li > .megamenu:before{ position: absolute; content: ''; width: 100%; height: 10px; left: 0px; top: -10px; background: transparent; } .main-menu .navigation > li > .megamenu{ background: #212226; } .main-menu .navigation > li > .megamenu a{ display: inline-block !important; } .main-menu .navigation > li > ul.from-right{ left:auto; right:0px; } .main-menu .navigation > li > ul > li{ position:relative; width:100%; padding: 8px 30px; padding-right: 0px; } .main-menu .navigation > li > ul > li > a, .main-menu .navigation > li > .megamenu li > a{ position:relative; display:block; line-height:24px; font-weight:400; font-size:17px; font-family: var(--text-font); color: var(--text-color); text-align: left; text-transform: capitalize; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .main-menu .navigation > li > ul > li:last-child a{ border-bottom: none; } .main-menu .navigation > li > .megamenu li > a{ padding-left: 0px; padding-right: 0px; } .main-menu .navigation > li > .megamenu h4{ display: block; font-size: 20px; line-height: 30px; } .main-menu .navigation > li > ul > li > a:hover, .main-menu .navigation > li > .megamenu li > a:hover{ padding-left: 17px; color: var(--theme-color); } .main-menu .navigation > li > ul > li > a:before{ position: absolute; content: ''; background: var(--theme-color); width: 2px; height: 16px; left: 0px; top: 4px; opacity: 0; transition: all 500ms ease; } .main-menu .navigation > li > ul > li > a:after{ position: absolute; content: ''; background: var(--theme-color); width: 6px; height: 8px; left: -2px; top: 8px; opacity: 0; transition: all 500ms ease; } .main-menu .navigation > li > ul > li > a:hover:before, .main-menu .navigation > li > ul > li > a:hover:after{ opacity: 1; } .main-menu .navigation > li > ul > li:last-child > a, .main-menu .navigation > li > .megamenu li:last-child > a{ border-bottom: none; } .main-menu .navigation > li > ul > li.dropdown:after{ content: "\f101"; font-family: 'flaticon'; position:absolute; right:23px; top:6px; color: #a8a9b3; display:block; font-size:20px; font-weight:400; text-align:center; z-index:5; transition: all 500ms ease; } .main-menu .navigation > li > ul > li.dropdown.current:after, .main-menu .navigation > li > ul > li.dropdown:hover:after{ color: var(--theme-color); } .main-menu .navigation > li > ul > li > ul{ position:absolute; left:100%; top:0%; margin-top: 15px; margin-left: 10px; width:240px; z-index:100; display:none; border-radius: 5px; padding: 16px 0px; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10); background: #fff; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .main-menu .navigation > li > ul > li > ul:before{ position: absolute; content: ''; left: -10px; top: 0px; width: 10px; height: 100%; } .main-menu .navigation > li > ul > li > ul.from-right{ left:auto; right:0px; } .main-menu .navigation > li > ul > li > ul > li{ position:relative; width:100%; padding: 8px 30px; padding-right: 0px; } .main-menu .navigation > li > ul > li > ul > li:last-child{ border-bottom:none; } .main-menu .navigation > li > ul > li > ul > li > a{ position:relative; display:block; line-height:24px; font-weight:400; font-size:17px; font-family: var(--text-font); color: var(--text-color); text-align: left; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .main-menu .navigation > li > ul > li > ul > li > a:before{ position: absolute; content: ''; background: var(--theme-color); width: 2px; height: 16px; left: 0px; top: 4px; opacity: 0; transition: all 500ms ease; } .main-menu .navigation > li > ul > li > ul > li > a:after{ position: absolute; content: ''; background: var(--theme-color); width: 6px; height: 8px; left: -2px; top: 8px; opacity: 0; transition: all 500ms ease; } .main-menu .navigation > li > ul > li > ul > li > a:hover:before, .main-menu .navigation > li > ul > li > ul > li > a:hover:after{ opacity: 1; } .main-menu .navigation > li > ul > li > ul > li > a:hover{ padding-left: 17px; color: var(--theme-color); } .main-menu .navigation > li > ul > li > ul > li.dropdown > a:after{ font-family: 'Font Awesome 5 Pro'; content: "\f105"; position:absolute; right:20px; top:12px; display:block; line-height:24px; font-size:16px; font-weight:900; z-index:5; } .main-menu .navigation > li.dropdown:hover > ul, .main-menu .navigation > li.dropdown:hover > .megamenu{ visibility:visible; opacity:1; margin-top: -15px; top: 100%; } .main-menu .navigation li > ul > li.dropdown:hover > ul{ visibility:visible; opacity:1; top: 0%; margin-top: 0px; } .main-menu .navigation li.dropdown .dropdown-btn{ position:absolute; right:-32px; top:66px; width:34px; height:30px; text-align:center; font-size:18px; line-height:26px; color:#3b3b3b; cursor:pointer; display: none; z-index:5; transition: all 500ms ease; } .main-menu .navigation li.current.dropdown .dropdown-btn, .main-menu .navigation li:hover .dropdown-btn{ } .main-menu .navigation li.dropdown ul li.dropdown .dropdown-btn{ display: none; } .menu-area .mobile-nav-toggler { position: relative; float: right; font-size: 40px; line-height: 50px; cursor: pointer; color: #3786ff; display: none; } .menu-area .mobile-nav-toggler .icon-bar{ position: relative; height: 2px; width: 30px; display: block; margin-bottom: 5px; background-color: #1c1c1c; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .menu-area .mobile-nav-toggler .icon-bar:last-child{ margin-bottom: 0px; } /** megamenu-style **/ .main-menu .navigation > li.dropdown > .megamenu{ position: absolute; width: 100%; padding: 30px 50px; left: 0px; } .main-menu .navigation li.dropdown .megamenu li h4{ margin-bottom: 10px; } /** mobile-menu **/ .nav-outer .mobile-nav-toggler{ position: relative; float: right; font-size: 40px; line-height: 50px; cursor: pointer; color:#3786ff; display: none; } .mobile-menu{ position: fixed; right: 0; top: 0; width: 300px; padding-right:30px; max-width:100%; height: 100%; opacity: 0; visibility: hidden; z-index: 999999; transition: all 900ms ease; } .mobile-menu .navbar-collapse{ display:block !important; } .mobile-menu .nav-logo{ position:relative; padding:50px 25px; text-align:left; padding-bottom: 100px; } .mobile-menu-visible{ overflow: hidden; } .mobile-menu-visible .mobile-menu{ opacity: 1; visibility: visible; } .mobile-menu .menu-backdrop{ position: fixed; left: 0%; top: 0; width: 100%; height: 100%; z-index: 1; transition: all 900ms ease; background-color: #000; } .mobile-menu-visible .mobile-menu .menu-backdrop{ opacity: 0.70; visibility: visible; right: 100%; -webkit-transition: all .8s ease-out 0s; -o-transition: all .8s ease-out 0s } .mobile-menu .menu-box{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; max-height: 100%; overflow-y: auto; background: #0a0807; padding: 0px 0px; z-index: 5; opacity: 0; visibility: hidden; border-radius: 0px; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); transition: all 900ms ease !important; } .mobile-menu-visible .mobile-menu .menu-box{ opacity: 1; visibility: visible; -webkit-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .mobile-menu .close-btn{ position: absolute; right: 25px; top: 10px; line-height: 30px; width: 24px; text-align: center; font-size: 16px; color: #ffffff; cursor: pointer; z-index: 10; -webkit-transition:all 0.9s ease; -moz-transition:all 0.9s ease; -ms-transition:all 0.9s ease; -o-transition:all 0.9s ease; transition:all 0.9s ease; } .mobile-menu-visible .mobile-menu .close-btn{ -webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg); } .mobile-menu .close-btn:hover{ -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); } .mobile-menu .navigation{ position: relative; display: block; width: 100%; float: none; } .mobile-menu .navigation li{ position: relative; display: block; border-top: 1px solid rgba(255,255,255,0.10); } .mobile-menu .navigation:last-child{ border-bottom: 1px solid rgba(255,255,255,0.10); } .mobile-menu .navigation li > ul > li:first-child{ border-top: 1px solid rgba(255,255,255,0.10); } .mobile-menu .navigation li > a{ position: relative; display: block; line-height: 24px; padding: 10px 25px; font-size: 15px; font-weight: 500; color: #ffffff; text-transform: uppercase; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .mobile-menu .navigation li ul li > a{ font-size: 16px; margin-left: 20px; text-transform: capitalize; } .mobile-menu .navigation li > a:before{ content:''; position:absolute; left:0; top:0; height:0; border-left:5px solid #fff; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .mobile-menu .navigation li.current > a:before{ height:100%; } .mobile-menu .navigation li.dropdown .dropdown-btn{ position:absolute; right:6px; top:6px; width:32px; height:32px; text-align:center; font-size:16px; line-height:32px; color:#ffffff; background:rgba(255,255,255,0.10); cursor:pointer; border-radius:2px; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; z-index:5; } .mobile-menu .navigation li.dropdown .dropdown-btn.open{ color: #ffffff; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); } .mobile-menu .navigation li > ul, .mobile-menu .navigation li > ul > li > ul, .mobile-menu .navigation > li.dropdown > .megamenu{ display: none; } .mobile-menu .social-links{ position:relative; padding:0px 25px; } .mobile-menu .social-links li{ position:relative; display:inline-block; margin:0px 10px 10px; } .mobile-menu .social-links li a{ position:relative; line-height:32px; font-size:16px; color:#ffffff; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .mobile-menu .social-links li a:hover{ } div#mCSB_1_container{ top: 0px !important; } .mobile-menu .contact-info { position: relative; padding: 120px 30px 20px 30px; } .mobile-menu .contact-info h4 { position: relative; font-size: 20px; color: #ffffff; font-weight: 700; margin-bottom: 20px; } .mobile-menu .contact-info ul li { position: relative; display: block; font-size: 15px; color: rgba(255,255,255,0.80); margin-bottom: 3px; } .mobile-menu .contact-info ul li a{ color: rgba(255,255,255,0.80); } .mobile-menu .contact-info ul li a:hover{ } .mobile-menu .contact-info ul li:last-child{ margin-bottom: 0px; } .main-header .outer-box{ position: relative; } .nice-select{ position: relative; background: transparent; border: none; font-size: 15px; font-weight: 400; text-transform: uppercase; padding: 0px; color: #d4c0cd; padding-right: 21px; height: auto; line-height: 28px; } .tabs-box .tab{ position:relative; display:none; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; } .tabs-box .tab.active-tab{ display:block; } .tabs-box .tab{ transform:scale(0.9,0.9) translateY(0px); } .tabs-box .tab.active-tab{ transform:scale(1) translateY(0px); } .special-text{ font-family: 'Carattere', cursive; } /** banner-section **/ .banner-section{ position: relative; overflow: hidden; } .banner-carousel .slide-item{ position: relative; } .banner-carousel .slide-item:before{ position: absolute; content: ''; width: 50%; height: 100%; background: var(--secondary-color); top: 0px; left: 0px; opacity: 0.95; z-index: 1; } .banner-carousel .slide-item .bg-layer{ position: absolute; left:0; top:0; width:100%; height:100%; background-repeat: no-repeat; background-position: center; background-size: cover; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all 8000ms linear; -moz-transition: all 8000ms linear; -ms-transition: all 8000ms linear; -o-transition: all 8000ms linear; transition: all 8000ms linear; } .banner-carousel .active .slide-item .bg-layer{ -webkit-transform:scale(1.25); -ms-transform:scale(1.25); transform:scale(1.25); } .banner-carousel .slide-item .image-layer{ position: absolute; top: 0px; right: 0px; width: 50%; height: 100%; z-index: 1; background-repeat: no-repeat; background-size: cover; } .banner-carousel .content-box{ position: relative; max-width: 600px; padding: 155px 0px 290px 0px; width: 100%; z-index: 5; } .banner-carousel .content-box h2{ position: relative; display: block; font-size: 72px; line-height: 82px; font-weight: 700; color: #fff; margin-bottom: 15px; opacity: 0; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .banner-carousel .active .content-box h2{ opacity: 1; -webkit-transition-delay: 700ms; -moz-transition-delay: 700ms; -ms-transition-delay: 700ms; -o-transition-delay: 700ms; transition-delay: 700ms; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .banner-carousel .content-box h2 span{ color: var(--theme-color); } .banner-carousel .content-box p{ position: relative; display: block; font-size: 20px; line-height: 30px; font-weight: 700; color: #a8a9b3; margin-bottom: 42px; opacity: 0; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .banner-carousel .active .content-box p{ opacity: 1; -webkit-transition-delay: 1000ms; -moz-transition-delay: 1000ms; -ms-transition-delay: 1000ms; -o-transition-delay: 1000ms; transition-delay: 1000ms; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .banner-carousel .content-box .btn-box{ opacity: 0; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .banner-carousel .active .content-box .btn-box{ opacity: 1; -webkit-transition-delay: 1300ms; -moz-transition-delay: 1300ms; -ms-transition-delay: 1300ms; -o-transition-delay: 1300ms; transition-delay: 1300ms; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .banner-carousel .owl-dots{ position: absolute; left: 50%; bottom: 83px; margin-left: 93px; } .banner-carousel .owl-dots .owl-dot span{ position: relative; display: inline-block; margin: 0px 10px; width: 14px; height: 14px; border: 2px solid #fff; border-radius: 50%; background: transparent; cursor: pointer; transition: all 500ms ease; } .banner-carousel .owl-dots .owl-dot.active span{ background: var(--theme-color); border-color: var(--theme-color); } .banner-carousel .owl-dots .owl-dot span:before{ position: absolute; content: ''; background: #fff; width: 6px; height: 6px; left: 2px; top: 2px; border-radius: 50%; transform: scale(0,0); transition: all 500ms ease; } .banner-carousel .owl-dots .owl-dot.active span:before{ transform: scale(1,1); } .banner-carousel .owl-nav{ position: absolute; top: 50%; right: 50px; margin-top: -70px; } .owl-carousel .owl-nav button span{ font-family: 'flaticon'; } .nav-style-one .owl-nav button{ position: relative; display: inline-block; width: 60px; height: 60px; line-height: 60px; font-size: 30px; background: #fff; color: var(--secondary-color); cursor: pointer; border-radius: 50%; transition: all 500ms ease; } .nav-style-one .owl-nav button:hover{ color: #fff; background: var(--theme-color); } .banner-carousel .owl-nav button{ display: block; } .banner-carousel .owl-nav button.owl-prev{ margin-bottom: 20px; } .banner-section .social-links{ position: absolute; left: 50px; top: 160px; z-index: 1; writing-mode: vertical-lr; transform: rotate(-180deg); } .banner-section .social-links li{ position: relative; display: inline-block; margin-top: 50px; } .banner-section .social-links li:first-child{ margin: 0px !important; } .banner-section .social-links li a{ position: relative; display: inline-block; font-size: 17px; line-height: 28px; font-family: var(--title-font); color: #fff; font-weight: 600; padding-bottom: 23px; } .banner-section .social-links li a:hover{ color: var(--theme-color); } .banner-section .social-links li a i{ position: absolute; left: 3px; bottom: 0px; } .banner-section .highlights-box{ position: absolute; left: 0px; bottom: 0px; width: 710px; background: #f4f4f4; border-radius: 5px 5px 0px 5px; } .banner-section .highlights-box .single-item{ position: relative; display: flex; align-items: center; justify-content: space-between; padding: 32px 50px 32px 125px; } .banner-section .highlights-box .single-item .count-text{ position: absolute; left: 28px; top: 17px; font-size: 36px; line-height: 40px; font-family: var(--title-font); font-weight: 600; color: var(--theme-color); } .banner-section .highlights-box .single-item h3{ position: relative; display: block; font-size: 24px; line-height: 32px; font-weight: 600; padding-right: 80px; } .banner-section .highlights-box .single-item h3:before{ position: absolute; content: ''; background: #d8d8d8; width: 1px; height: 80px; top: -25px; right: 40px; } .banner-section .highlights-box .single-item a{ position: absolute; right: -185px; bottom: 0px; width: 185px; text-align: center; background: #f4f4f4; padding: 21px 15px; font-size: 17px; line-height: 28px; font-family: var(--title-font); color: var(--title-color); font-weight: 600; border-top-right-radius: 5px; } .banner-section .highlights-box .single-item a span{ position: relative; padding-right: 25px; } .banner-section .highlights-box .single-item a span:before { position: absolute; content: "\f101"; font-family: 'flaticon'; top: -2px; right: 0px; font-size: 20px; } .banner-section .highlights-box .single-item a:hover{ color: #fff; background: var(--theme-color); } /** about-section **/ .about-section{ position: relative; padding: 120px 0px; } .about-section .image-box{ position: relative; display: block; margin-right: 30px; overflow: hidden; border-radius: 5px; } .about-section .image-box img{ width: 100%; border-radius: 5px; } .about-section .image-box:before{ position: absolute; top: 0; left: -80%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3))); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); -webkit-transform: skewX(-25deg); -ms-transform: skewX(-25deg); transform: skewX(-25deg); z-index: 1; } .about-section .image-box:hover:before { -webkit-animation: shine 1s; animation: shine 1s; } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } .about-section .content-box{ position: relative; display: block; margin-top: -5px; } .about-section .content-box .sec-title{ margin-bottom: 31px; } .about-section .content-box .quote-box{ position: relative; display: block; background: var(--secondary-color); padding: 22px 30px 22px 35px; border-left: 5px solid var(--theme-color); border-radius: 5px; margin-top: 32px; margin-bottom: 33px; } .about-section .content-box .quote-box h4{ display: block; font-size: 20px; line-height: 30px; color: #fff; font-weight: 600; } .about-section .content-box .list-item{ position: relative; display: block; margin-top: 30px; } .about-section .content-box .list-item li{ position: relative; display: inline-block; float: left; margin-right: 30px; padding-left: 35px; font-size: 20px; line-height: 26px; font-family: var(--title-font); font-weight: 600; color: var(--title-color); margin-bottom: 25px; } .about-section .content-box .list-item li:last-child{ margin: 0px; } .about-section .content-box .list-item li:before{ position: absolute; content: "\f00c"; font-family: 'Font Awesome 6 Free'; background: #ececec; width: 22px; height: 26px; line-height: 26px; text-align: center; clip-path: polygon(0 0, 100% 0%, 100% 75%, 50% 100%, 0 75%); left: 0px; top: 0px; font-weight: 900; font-size: 14px; color: var(--theme-color); border-radius: 3px; } /** trading-section **/ .trading-section{ position: relative; background: var(--secondary-color); } .trading-block-one .inner-box{ position: relative; display: block; background: #303449; border-radius: 5px; overflow: hidden; padding-top: 15px; transition: all 500ms ease; } .trading-block-one .inner-box:hover{ transform: translateY(-10px); } .trading-block-one .inner-box .text{ position: relative; display: block; border-radius: 5px; background: #24283c; padding: 33px 100px 33px 40px; } .trading-block-one .inner-box .text:before{ position: absolute; content: ''; background: #35394f; width: 1px; height: calc(100% - 80px); top: 40px; right: 70px; } .trading-block-one .inner-box .icon-box{ position: absolute; top: 54px; right: 20px; z-index: 1; transition: all 500ms ease; } .trading-block-one .inner-box .overlay-icon{ position: absolute; top: 54px; right: 20px; transform: scale(0,0); z-index: 1; transition: all 500ms ease; } .trading-block-one .inner-box:hover .icon-box{ transform: scale(0,0); } .trading-block-one .inner-box:hover .overlay-icon{ transform: scale(1,1); } .trading-block-one .inner-box h3{ position: relative; display: block; font-size: 22px; line-height: 32px; font-weight: 600; margin-bottom: 16px; } .trading-block-one .inner-box h3 a{ display: inline-block; color: #fff; } .trading-block-one .inner-box h3 a:hover{ color: var(--theme-color); } .trading-block-one .inner-box p{ color: #a8a9b3; } .trading-block-one .inner-box .link-box{ position: absolute; right: 7px; bottom: 103px; writing-mode: vertical-lr; transform: rotate(-180deg); } .trading-block-one .inner-box .link-box a{ position: relative; display: inline-block; font-size: 17px; line-height: 28px; font-weight: 600; color: #fff; } .trading-block-one .inner-box .link-box a:hover{ color: var(--theme-color); } .trading-block-one .inner-box .link-box a span{ position: absolute; padding-bottom: 24px; padding-right: 0px; } .trading-block-one .inner-box .link-box a span:before{ position: absolute; content: "\f10e"; font-family: 'flaticon'; left: -2px; bottom: 0px; top: inherit; font-size: 20px; transform: rotate(180deg); transition: all 500ms ease; } .trading-block-one .inner-box .link-box a:hover span:before{ transform: rotate(135deg); } .trading-block-one .inner-box .lower-text{ position: relative; padding: 19px 40px 17px 40px; } .trading-block-one .inner-box .lower-text h6{ font-size: 15px; line-height: 26px; color: #fff; font-weight: 600; } .trading-block-one .inner-box .lower-text h6 span{ color: var(--theme-color); } .trading-section .pattern-layer .pattern-1{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; } .trading-section .pattern-layer .pattern-2{ position: absolute; left: 0px; top: 0px; height: 100%; width: 928px; background-size: cover; background-repeat: no-repeat; } .bg-color-1{ background-color: #f4f4f4; } /** account-section **/ .account-section{ position: relative; padding: 112px 0px 265px 0px; } .account-block-one{ padding-right: 25px; } .account-block-one .inner-box{ position: relative; display: block; background: #fff; border-radius: 5px; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10); } .account-block-one .inner-box .image-box{ position: relative; display: block; } .account-block-one .inner-box .image-box .image{ position: relative; display: block; overflow: hidden; border-radius: 5px 5px 0px 0px; } .account-block-one .inner-box .image-box .image img{ width: 100%; border-radius: 5px 5px 0px 0px; transition: all 500ms ease; } .account-block-one .inner-box:hover .image-box .image img{ transform: scale(1.05); } .account-block-one .inner-box .image-box .title-text{ position: absolute; bottom: 25px; right: -25px; width: 100%; background: #fff; border-radius: 5px; overflow: hidden; padding: 15px 0px 15px 20px; } .account-block-one .inner-box .image-box .title-text h3{ display: block; font-size: 22px; line-height: 30px; font-weight: 600; } .account-block-one .inner-box .image-box .title-text h3 a{ display: inline-block; color: var(--secondary-color); } .account-block-one .inner-box .image-box .title-text h3 a:hover{ color: var(--theme-color); } .account-block-one .inner-box .image-box .title-text .icon-box{ position: absolute; top: 0px; right: 0px; width: 85px; height: 60px; line-height: 60px; text-align: center; background: var(--secondary-color); clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 0% 50%); } .account-block-one .inner-box .image-box .title-text .icon-box img{ position: relative; display: inline-block; left: 8px; filter: grayscale(100%); transition: all 500ms ease; } .account-block-one .inner-box:hover .image-box .title-text .icon-box img{ filter: grayscale(0%); } .account-block-one .inner-box .lower-content{ position: relative; } .account-block-one .inner-box .lower-content .text-box{ padding: 17px 25px; border-bottom: 1px solid #e8e8e8; } .account-block-one .inner-box .lower-content .link-box{ position: relative; padding: 14px 25px; } .link-box a, .link-box button{ position: relative; display: inline-block; font-size: 17px; line-height: 28px; color: var(--secondary-color); font-weight: 600; transition: all 500ms ease; } .link-box a:hover, .link-box button:hover{ color: var(--theme-color); } .home_2 .link-box a:hover{ color: var(--theme-color-two); } .link-box a span, .link-box button span{ position: relative; padding-right: 27px; } .link-box a span:before, .link-box button span:before{ position: absolute; content: "\f101"; font-family: 'flaticon'; bottom: -3px; right: 0px; font-size: 20px; font-weight: 40; transition: all 500ms ease; } .link-box a:hover span:before, .link-box button:hover span:before{ transform: rotate(-45deg); } .account-section .owl-nav{ position: relative; display: block; text-align: center; margin-top: 50px; } .account-section .owl-nav button{ box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10); } .account-section .owl-nav .owl-prev{ margin-right: 10px; } .account-section .owl-carousel .owl-stage-outer{ overflow: visible; } .account-section .owl-carousel .owl-stage-outer .owl-item{ opacity: 0; visibility: hidden; } .account-section .owl-carousel .owl-stage-outer .owl-item.active{ opacity: 1; visibility: visible; } /** clients-section **/ .clients-section{ position: relative; } .clients-section .inner-container{ position: relative; display: block; background: #fff; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10); border-radius: 5px; padding: 43px 50px 50px 50px; margin-top: -146px; z-index: 1; } .clients-section .sec-title{ margin-bottom: 0px; } .clients-section .title-box{ position: relative; display: flex; align-items: center; justify-content: space-between; padding-bottom: 28px; border-bottom: 1px solid #e8e8e8; } .clients-section .clients-box{ position: relative; display: flex; align-items: center; justify-content: space-between; } .clients-section .clients-box .clients-logo{ position: relative; display: block; padding-top: 40px; min-height: 80px; } .clients-section .clients-box .clients-logo:before{ position: absolute; content: ''; background: var(--theme-color); width: 100%; height: 3px; left: 0px; top: -2px; transform: scale(0,0); transition: all 500ms ease; } .clients-section .clients-box .clients-logo:hover:before{ transform: scale(1,1); } .clients-section .clients-box .clients-logo img{ position: relative; display: inline-block; filter: grayscale(100%); transition: all 500ms ease; } .clients-section .clients-box .clients-logo:hover img{ filter: grayscale(0%); } /** pricing-section **/ .pricing-section{ position: relative; padding-bottom: 110px; } .pricing-section .tab-btn-box{ position: relative; padding-left: 336px; margin-bottom: 20px; } .pricing-section .tab-btn-box .tab-btns{ position: absolute; left: 0px; top: 0px; } .pricing-section .tab-btn-box .tab-btns li{ position: relative; display: inline-block; float: left; width: 158px; margin-right: 10px; padding: 13px 15px 15px 15px; text-align: center; border: 1px solid #e8e8e8; border-radius: 5px; cursor: pointer; transition: all 500ms ease; } .pricing-section .tab-btn-box .tab-btns li:last-child{ margin: 0px !important; } .pricing-section .tab-btn-box .tab-btns li.active-btn{ background: #fff; border-color: #fff; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10); } .pricing-section .tab-btn-box .tab-btns li h5{ position: relative; display: inline-block; font-size: 18px; line-height: 26px; color: #6e6e6e; font-weight: 700; padding-left: 26px; transition: all 500ms ease; } .pricing-section .tab-btn-box .tab-btns li.active-btn h5{ color: var(--secondary-color); } .pricing-section .tab-btn-box .tab-btns li h5:before{ position: absolute; content: ''; background: var(--theme-color); width: 16px; height: 16px; border-radius: 50%; left: 0px; top: 6px; } .pricing-section .tab-btn-box .tab-btns li h5:after{ position: absolute; content: ''; background: #fff; width: 8px; height: 8px; border-radius: 50%; left: 4px; top: 10px; transition: all 500ms ease; } .pricing-section .tab-btn-box .tab-btns li.active-btn h5:after{ transform: scale(0,0); } .pricing-section .search-inner .form-group{ position: relative; margin: 0px; } .pricing-section .search-inner .form-group input[type='search']{ position: relative; display: block; width: 100%; height: 58px; border: 1px solid #e8e8e8; border-radius: 5px; font-size: 17px; color: var(--text-color); padding: 10px 50px 10px 20px; transition: all 500ms ease; } .pricing-section .search-inner .form-group input:focus{ border-color: var(--theme-color); } .pricing-section .search-inner .form-group button[type='submit']{ position: absolute; top: 18px; right: 20px; font-size: 18px; color: #6e6e6e; cursor: pointer; transition: all 500ms ease; } .pricing-section .search-inner .form-group input:focus + button, .pricing-section .search-inner .form-group button:hover{ color: var(--theme-color); } .pricing-section .table-outer { overflow-x: auto; position: relative; width: 100%; border: 1px solid var(--secondary-color); border-radius: 5px; box-shadow: 0px 10px 10px 0px #f0f0f0; background: #fff; } .pricing-section .pricing-table { min-width: 1170px; width: 100%; } .pricing-section .pricing-table thead{ position: relative; background: var(--secondary-color); } .pricing-section .pricing-table thead th{ padding: 19px 40px; font-size: 18px; line-height: 28px; font-family: var(--title-font); color: #fff; font-weight: 600; } .pricing-section .pricing-table tr td{ position: relative; padding: 0px 40px; } .pricing-section .pricing-table tr td .name-box{ padding: 19px 0px; } .pricing-section .pricing-table tbody tr:nth-child(2n+1){ background: #f4f4f4; } .pricing-section .pricing-table tr td .name-box p{ font-size: 14px; line-height: 26px; color: var(--secondary-color); font-weight: 600; text-transform: uppercase; } .pricing-section .pricing-table tr td .name-box p i{ position: relative; display: inline-block; margin: 0px 10px; color: #a8a9b3; font-size: 20px; top: 5px; } .pricing-section .pricing-table tr td{ font-size: 15px; line-height: 26px; } .pricing-section .pricing-table tr td .red{ color: #e82e2e; } .pricing-section .pricing-table tr td .green{ color: #44aa20; } .pricing-section .pricing-table tr td a{ position: relative; display: inline-block; font-size: 20px; color: #a8a9b3; } .pricing-section .pricing-table tr td a:hover{ color: var(--theme-color); } .pricing-section .pricing-table tr td a:hover{ transform: rotate(-45deg); } .pricing-section .link-box{ margin-top: 41px; } .pricing-section .pattern-layer{ position: absolute; left: 0px; bottom: 0px; width: 100%; height: calc(100% + 146px); background-size: cover; background-repeat: no-repeat; } /** tools-section **/ .tools-section{ position: relative; background: var(--secondary-color); padding: 120px 0px; } .tools-section .image-box{ position: relative; display: block; overflow: hidden; border-radius: 5px; margin-right: 30px !important; } .tools-section .image-box:before{ position: absolute; top: 0; left: -80%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3))); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); -webkit-transform: skewX(-25deg); -ms-transform: skewX(-25deg); transform: skewX(-25deg); z-index: 1; } .tools-section .image-box:hover:before { -webkit-animation: shine 1s; animation: shine 1s; } .tools-section .image-box img{ width: 100%; border-radius: 5px; } .tools-block-one{ max-width: 370px; } .tools-block-one .inner-box{ position: relative; display: block; background: #24283c; border: 1px solid #35394f; border-radius: 5px; padding: 50px 40px 40px 40px; } .tools-block-one .inner-box .icon-box{ position: relative; display: block; text-align: center; margin-bottom: 31px; } .tools-block-one .inner-box .icon-box .icon{ position: relative; display: inline-block; padding-left: 12px; } .tools-block-one .inner-box .icon-box .icon:before{ position: absolute; content: ''; background: #303449; width: 54px; height: 70px; left: -10px; top: -10px; clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); } .tools-block-one .inner-box .title-box{ position: relative; display: block; padding-top: 17px; padding-bottom: 16px; border-top: 1px solid #35394f; border-bottom: 1px solid #35394f; margin-bottom: 36px; } .tools-block-one .inner-box .title-box h3{ font-size: 22px; line-height: 32px; font-weight: 600; max-width: 170px; } .tools-block-one .inner-box .title-box h3 a{ display: inline-block; color: #fff; } .tools-block-one .inner-box .title-box h3 a:hover{ color: var(--theme-color); } .tools-block-one .inner-box .title-box .count-text{ position: absolute; top: 10px; right: 0px; font-size: 30px; line-height: 40px; font-family: var(--title-font); font-weight: 600; color: var(--theme-color); } .tools-block-one .inner-box .text-box{ margin-bottom: 26px; } .tools-block-one .inner-box .text-box p{ color: #a8a9b3; } .tools-block-one .inner-box .link-box a{ color: #fff; } .tools-block-one .inner-box .link-box a:hover{ color: var(--theme-color); } .tools-section .content-box{ position: relative; display: block; } .tools-section .content-box:before{ position: absolute; content: ''; background: #32364f; width: calc(100% - 78px); height: 1px; left: 0px; bottom: -50px; } .tools-section .owl-carousel .owl-stage-outer .owl-item{ transform: scaleX(0); transform-origin: left; transition: all 500ms ease; } .tools-section .owl-carousel .owl-stage-outer .owl-item.active{ transform: scaleX(1); } .tools-block-one .inner-box .overlay-title{ position: absolute; top: 30px; right: -100px; width: 100px; height: calc(100% - 60px); background: #303449; border: 1px solid #35394f; border-radius: 0px 5px 5px 0px; padding-top: 28px; padding-bottom: 40px; text-align: center; z-index: 2; transition: all 500ms ease; } .tools-block-one .inner-box .overlay-title.style-two{ right: -201px; width: 200px; background: #24283c; border-left: none; top: 61px; z-index: 1; border-bottom-left-radius: 0px; padding-left: 100px; } .tools-block-one .inner-box .overlay-title .count-text{ position: relative; display: block; font-size: 20px; line-height: 30px; color: #a8a9b3; font-family: var(--title-font); font-weight: 600; margin-bottom: 32px; z-index: 1; } .tools-block-one .inner-box .overlay-title.style-two:before{ position: absolute; content: ''; background: #35394f; width: 10px; height: 1px; left: -3px; bottom: -1px; } .tools-block-one .inner-box .overlay-title h3{ position: relative; display: block; font-size: 22px; line-height: 32px; color: #a8a9b3; font-weight: 700; writing-mode: vertical-lr; left: 34px; } .tools-section .owl-nav{ position: absolute; right: -6px; bottom: -74px; } .tools-section .owl-nav button{ position: relative; display: inline-block; font-size: 32px; color: #fff; margin: 0px; cursor: pointer; transition: all 500ms ease; } .tools-section .owl-nav button.owl-prev{ margin-right: 6px; } .tools-section .owl-nav button:hover{ color: var(--theme-color); } /** working-section **/ .working-section{ position: relative; } .working-section .working-block-one{ position: relative; float: left; width: 25%; } .working-block-one .inner-box{ position: relative; display: block; width: 292px; height: 292px; border-radius: 50%; background: #f4f4f4; border: 1px solid #e9e9e9; overflow: hidden; } .working-block-one .inner-box .static-content{ position: relative; padding-top: 40px; } .working-block-one .inner-box .icon-box{ position: relative; display: block; margin-bottom: 22px; } .working-block-one .inner-box h4{ position: relative; display: block; font-size: 20px; line-height: 30px; font-weight: 700; margin-bottom: 10px; } .working-block-one .inner-box .count-text{ position: absolute; left: 50%; top: 230px; transform: translateX(-50%); display: inline-block; width: 100%; height: 100%; background: #fff; text-align: center; border-radius: 50%; font-size: 18px; line-height: 28px; font-family: var(--title-font); color: var(--secondary-color); font-weight: 600; padding-top: 20px; transition: all 500ms ease; } .working-block-one .inner-box:hover .count-text{ color: #fff; background: #303449; } .working-block-one .link{ position: absolute; top: 50%; transform: translateY(-50%); right: -26px; z-index: 1; } .working-block-one .link a{ position: relative; display: inline-block; width: 52px; height: 52px; line-height: 60px; background: #fff; border: 1px dashed #d8d8d8; border-radius: 50%; text-align: center; font-size: 24px; color: var(--secondary-color); } .working-block-one .link a:hover{ color: #fff; background: var(--theme-color); border-color: var(--theme-color); } .working-block-one .inner-box .overlay-content{ position: absolute; left: 0px; top: 0px; border-radius: 50%; background: var(--secondary-color); width: 100%; height: 100%; padding: 40px 40px 0px 40px; transform: scale(0,0); transition: all 500ms ease; } .working-block-one .inner-box:hover .overlay-content{ transform: scale(1,1); } .working-block-one .inner-box .overlay-content h4{ color: #fff; } .working-block-one .inner-box .overlay-content p{ color: #a8a9b3; } .working-section .lower-content p{ margin-bottom: 20px; } .working-section .lower-content a{ position: relative; display: inline-block; font-size: 17px; line-height: 26px; font-weight: 600; color: var(--secondary-color); padding: 0px 0px 0px 36px; } .working-section .lower-content a:hover{ color: var(--theme-color); } .working-section .lower-content a i{ position: absolute; display: inline-block; left: 0px; top: 0px; width: 26px; height: 26px; line-height: 30px; text-align: center; font-size: 12px; color: #fff; background: var(--theme-color); border-radius: 50%; } .working-section .lower-content{ margin-top: 50px; } /** chooseus-section **/ .chooseus-section{ position: relative; background: var(--secondary-color); padding: 113px 0px 90px 0px; } .chooseus-section .bg-layer{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .chooseus-section .bg-layer:before{ position: absolute; content: ''; width: 100%; height: 100%; background: -webkit-linear-gradient(0deg, rgba(27,30,49,1) 50%, rgba(27,30,49,0.05) 100%); top: 0px; right: 0px; } .chooseus-block-one .inner-box{ position: relative; display: block; text-align: center; padding: 33px 30px 153px 30px; margin-bottom: 30px; } .chooseus-block-one .inner-box .shape .shape-1{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .chooseus-block-one{ max-width: 370px; margin: 0 auto; } .chooseus-block-one .inner-box .shape .shape-2{ position: absolute; left: 29px; bottom: 0px; width: 312px; height: 121px; background-repeat: no-repeat; z-index: 1; } .chooseus-block-one .inner-box .shape .shape-3{ position: absolute; left: 30px; bottom: 0px; width: 340px; height: 120px; background-repeat: no-repeat; opacity: 0.15; filter: grayscale(100%); transition: all 500ms ease; } .chooseus-block-one .inner-box:hover .shape .shape-3{ filter: grayscale(0%); opacity: 1; } .chooseus-block-one .inner-box h3{ position: relative; display: block; font-size: 22px; line-height: 32px; font-weight: 600; margin-bottom: 9px; } .chooseus-block-one .inner-box h3 a{ display: inline-block; color: var(--title-color); } .chooseus-block-one .inner-box h3 a:hover{ color: var(--theme-color); } .chooseus-block-one .inner-box .icon-box{ position: absolute; left: 50%; bottom: 30px; transform: translateX(-50%); z-index: 2; } .chooseus-block-one .inner-box .icon-box img{ filter: grayscale(100%); transition: all 500ms ease; } .chooseus-block-one .inner-box:hover .icon-box img{ filter: grayscale(0%); } /** news-section **/ .news-section{ position: relative; } .news-block-one .inner-box{ position: relative; display: block; } .news-block-one .inner-box .image-box{ position: relative; display: block; } .news-block-one .inner-box .image-box .image{ position: relative; display: block; overflow: hidden; border-radius: 5px; background: var(--theme-color); } .news-block-one .inner-box .image-box .image img{ width: 100%; border-radius: 5px; transition: all 500ms ease; } .news-block-one .inner-box:hover .image-box .image img{ opacity: 0.2; transform: scale(1.05); } .news-block-one .inner-box .image-box .image:before{ position: absolute; content: ''; background: var(--secondary-color); width: 70px; height: 100%; top: 0px; right: 0px; opacity: 0.95; z-index: 1; transition: all 500ms ease; } .news-block-one .inner-box .image-box .post-date{ position: absolute; top: 50%; transform: translateY(-50%); right: 35px; width: 70px; height: 70px; background: #fff; text-align: center; border-radius: 50%; padding: 12px 0px; font-size: 20px; line-height: 20px; font-family: var(--title-font); color: var(--secondary-color); font-weight: 700; z-index: 2; transition: all 500ms ease; } .news-block-one .inner-box .lower-content{ position: relative; display: block; padding-top: 23px; } .news-block-one .inner-box .lower-content h3{ position: relative; display: block; font-size: 22px; line-height: 32px; font-weight: 600; margin-bottom: 9px; } .news-block-one .inner-box .lower-content h3 a{ display: inline-block; color: var(--title-color); } .news-block-one .inner-box .lower-content h3 a:hover{ color: var(--theme-color); } .news-block-one .inner-box .lower-content p{ position: relative; display: block; padding-bottom: 17px; margin-bottom: 25px; border-bottom: 1px solid #e3e6e5; } .news-block-one .inner-box .lower-content .author-box{ position: relative; display: block; padding-left: 60px; } .news-block-one .inner-box .lower-content .author-box .author-thumb{ position: absolute; left: 0px; top: 0px; width: 46px; height: 46px; border-radius: 50%; } .news-block-one .inner-box .lower-content .author-box .author-thumb img{ width: 100%; border-radius: 50%; } .news-block-one .inner-box .lower-content .author-box h6{ position: relative; display: block; padding-left: 20px; font-size: 14px; line-height: 16px; text-transform: uppercase; font-weight: 700; margin-bottom: 3px; } .news-block-one .inner-box .lower-content .author-box h6:before{ position: absolute; content: ''; background: var(--theme-color); width: 12px; height: 9px; left: 0px; top: 3px; border-radius: 2px; } .news-block-one .inner-box .lower-content .author-box .post-info li{ position: relative; display: inline-block; font-size: 16px; line-height: 16px; font-family: var(--title-font); font-weight: 600; color: #6e6e6e; } .news-block-one .inner-box .lower-content .author-box .post-info li span{ color: var(--secondary-color); } .news-block-one .inner-box .lower-content .author-box .post-info li a{ color: #6e6e6e; } .news-block-one .inner-box .lower-content .author-box .post-info li a:hover{ color: var(--secondary-color); } /** apps-section **/ .apps-section{ position: relative; padding: 120px 0px; } .apps-section .image-box{ position: relative; display: block; margin-right: 30px; } .apps-section .image-box .image{ position: relative; display: block; border-radius: 5px; } .apps-section .image-box .image img{ width: 100%; border-radius: 5px; } .apps-section .image-box .image-content{ position: absolute; left: 25px; bottom: 25px; background: #fff; border-radius: 5px; width: 200px; } .apps-section .image-box .image-content .text-box{ padding: 9px 25px 17px 25px; } .apps-section .image-box .image-content h2{ position: relative; display: block; font-size: 48px; line-height: 50px; font-weight: 600; margin-bottom: 1px; } .apps-section .image-box .image-content h2 span{ font-size: 18px; position: relative; top: 7px; } .apps-section .image-box .image-content .rating{ position: relative; display: block; background: var(--theme-color); padding: 7px 25px 5px 25px; border-radius: 5px; } .apps-section .image-box .image-content .rating li{ position: relative; display: inline-block; font-size: 17px; line-height: 28px; color: #fff; font-weight: 500; float: left; margin-right: 5px; } .apps-section .image-box .image-content .rating li:last-child{ margin: 0px; } .apps-section .content-box{ position: relative; display: block; margin-top: -7px; } .apps-section .content-box .sec-title{ margin-bottom: 31px; } .apps-section .content-box .text-box{ margin-bottom: 34px; } .apps-section .content-box .inner-box{ margin-bottom: 44px; } .apps-section .content-box .inner-box .single-item{ position: relative; display: block; padding: 0px 0px 0px 80px; margin-bottom: 36px; } .apps-section .content-box .inner-box .single-item:last-child{ margin-bottom: 0px; } .apps-section .content-box .inner-box .single-item .icon-box{ position: absolute; display: inline-block; left: 0px; top: 8px; width: 52px; height: 52px; line-height: 52px; background: var(--theme-color); text-align: center; border-radius: 50%; } .apps-section .content-box .inner-box .single-item .icon-box:before{ position: absolute; content: ''; background: var(--theme-color); width: 110px; height: 2px; top: 25px; right: 52px; } .apps-section .content-box .inner-box .single-item .icon-box:after{ position: absolute; content: ''; background: var(--theme-color); width: 10px; height: 10px; border-radius: 50%; top: 21px; right: 162px; } .apps-section .content-box .inner-box .single-item h3{ position: relative; display: block; font-size: 22px; line-height: 32px; font-weight: 600; margin-bottom: 6px; } .apps-section .pattern-layer{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: bottom center; } /** faq-section **/ .faq-section{ position: relative; } .faq-section .inner-box{ position: relative; display: block; max-width: 770px; margin: 0 auto; } .accordion-box .block .acc-content{ position:relative; display:none; } .accordion-box .block .acc-content.current{ display:block; } .accordion{ position: relative; display: block; border-radius: 5px; border: 1px solid #f4f4f4; margin-bottom: 10px; } .accordion:last-child{ margin-bottom: 0px; } .accordion.active-block{ background: #f4f4f4; } .accordion .acc-btn{ position: relative; display: block; cursor: pointer; padding: 22px 60px 21px 110px; } .accordion .acc-btn.active{ padding-bottom: 0px; } .accordion .acc-btn span{ position: absolute; display: inline-block; left: 29px; top: 29px; width: 48px; height: 48px; line-height: 48px; background: #f4f4f4; text-align: center; border-radius: 50%; font-size: 20px; font-family: var(--title-font); color: #6e6e6e; font-weight: 600; } .accordion .acc-btn.active span{ background: var(--theme-color); color: #fff; } .accordion .acc-btn .icon-box{ position: absolute; top: 40px; right: 30px; font-size: 20px; color: var(--secondary-color); font-weight: 700; } .accordion .acc-btn.active .icon-box i{ opacity: 0; } .accordion .acc-btn .icon-box:before{ position: absolute; content: "\f105"; font-family: 'flaticon'; opacity: 0; font-weight: 400; } .accordion .acc-btn.active .icon-box:before{ opacity: 1; } .accordion .acc-btn.active p{ display: none; } .accordion .acc-btn h4{ position: relative; display: block; font-size: 20px; line-height: 30px; font-weight: 600; margin-bottom: 6px; } .accordion .acc-content{ padding: 0px 60px 30px 110px; } .faq-section .link-box{ margin-top: 45px; } /** main-footer **/ .main-footer{ position: relative; background: var(--secondary-color); } .main-footer .widget-section{ position: relative; padding: 112px 0px 103px 0px; border-bottom: 1px solid #32364f; } .main-footer .widget-title{ position: relative; display: block; padding-left: 17px; margin-bottom: 14px; } .main-footer .widget-title:before{ position: absolute; content: ''; background: var(--theme-color); width: 2px; height: 16px; left: 2px; top: 7px; } .main-footer .widget-title:after{ position: absolute; content: ''; background: var(--theme-color); width: 6px; height: 8px; left: 0px; top: 11px; } .main-footer h3{ display: block; font-size: 22px; line-height: 32px; color: #fff; font-weight: 600; } .main-footer p, .main-footer a{ color: #a8a9b3; font-family: var(--text-font); } .main-footer a:hover{ color: var(--theme-color); } .main-footer .contact-widget{ margin-right: 30px; } .main-footer .contact-widget p{ margin-bottom: 22px; } .main-footer .contact-widget form{ margin-bottom: 33px; } .main-footer .contact-widget form .form-group{ position: relative; display: block; margin-bottom: 0px; } .main-footer .contact-widget form .form-group input[type='email']{ position: relative; display: block; width: 100%; height: 60px; background: #fff; border-radius: 5px; font-size: 17px; color: #6e6e6e; padding: 10px 70px 10px 20px; border-bottom: 4px solid var(--theme-color); } .main-footer .contact-widget form .form-group button[type='submit']{ position: absolute; top: 0px; right: 0px; width: 60px; height: 60px; line-height: 60px; background: var(--theme-color); border-radius: 0px 5px 5px 0px; cursor: pointer; transition: all 500ms ease; } .main-footer .contact-widget .widget-content h3{ margin-bottom: 14px; } .main-footer .social-links li{ position: relative; display: inline-block; float: left; margin-right: 30px; } .main-footer .social-links li:last-child{ margin: 0px !important; } .main-footer .social-links li a{ position: relative; display: inline-block; font-size: 24px; color: #a8a9b3; } .main-footer .social-links li a:hover{ color: var(--theme-color); } .main-footer .links-widget .links-list li{ position: relative; display: block; margin-bottom: 10px; } .main-footer .assistance-widget .widget-content{ position: relative; display: block; background: #24283c; border: 1px solid #35394f; border-radius: 5px; padding: 22px 29px 29px 29px; margin-top: 8px; } .main-footer .assistance-widget .widget-content h3{ margin-bottom: 9px; } .main-footer .assistance-widget .widget-content p{ margin-bottom: 22px; } .main-footer .assistance-widget .widget-content .assistance-box{ position: relative; display: block; background: #1b1e31; border-radius: 5px; padding: 22px 20px 22px 105px; } .main-footer .assistance-widget .widget-content .assistance-box .assistance-thumb{ position: absolute; left: 20px; top: 20px; width: 60px; height: 60px; border-radius: 50%; } .main-footer .assistance-widget .widget-content .assistance-box .assistance-thumb:before{ position: absolute; content: ''; width: 30px; height: 30px; line-height: 30px; background: var(--theme-color); background-repeat: no-repeat; background-position: center; background-image: url(../images/icons/icon-28.png); border-radius: 50%; top: 0px; right: -10px; } .main-footer .assistance-widget .widget-content .assistance-box .assistance-thumb img{ width: 100%; border-radius: 50%; } .main-footer .assistance-widget .widget-content .assistance-box h5{ position: relative; display: block; font-size: 17px; line-height: 28px; color: #fff; font-weight: 600; } .footer-bottom{ position: relative; width: 100%; padding: 8px 0px; } .footer-bottom .bottom-inner{ position: relative; display: flex; align-items: center; justify-content: space-between; } .footer-bottom .bottom-inner .copyright p span{ color: var(--theme-color); } .footer-bottom .bottom-inner .copyright a{ color: var(--theme-color); } .footer-bottom .bottom-inner .copyright a:hover{ text-decoration: underline; } .footer-bottom .footer-card{ position: relative; top: 5px; } .footer-bottom .footer-card li{ position: relative; display: inline-block; float: left; margin-right: 10px; } .footer-bottom .footer-card li:last-child{ margin: 0px; } .footer-bottom .footer-card li a{ position: relative; display: inline-block; font-size: 46px; color: #a8a9b3; } .footer-bottom .footer-card li a:hover{ color: var(--theme-color); } /*** ==================================================================== Home-Page-Two ==================================================================== ***/ /** header-style-two **/ .header-style-two{ position: relative; } .header-style-two .header-top{ background: #fff; } .header-top .left-column{ position: relative; display: flex; align-items: center; } .header-style-two .header-top .language-box{ margin-right: 60px; } .header-style-two .header-top .language-box:before{ position: absolute; content: ''; background: #e6ebe9; width: 1px; height: 20px; top: 4px; right: -30px; } .header-top .links-list li{ position: relative; display: inline-block; margin-right: 30px; } .header-top .links-list li:last-child{ margin: 0px !important; } .header-top .links-list li a{ position: relative; display: inline-block; font-size: 16px; color: #7b7c7b; } .header-top .links-list li a:hover{ color: var(--theme-color-two); } .header-style-two .header-top .language-box .nice-select{ color: #7b7c7b; } .header-style-two .right-column{ position: relative; display: flex; align-items: center; } .header-style-two .right-column .support-box{ position: relative; display: block; padding-left: 26px; margin-right: 60px; } .header-style-two .right-column .support-box:before{ position: absolute; content: ''; background: #e6ebe9; width: 1px; height: 20px; top: 4px; right: -30px; } .header-style-two .right-column .support-box .icon-box{ position: absolute; left: 0px; top: -3px; } .header-style-two .right-column .support-box a{ display: inline-block; font-size: 16px; font-family: var(--text-font); color: #7b7c7b; } .header-style-two .right-column .support-box a:hover{ color: var(--theme-color-two); } .header-style-two .right-column .social-links li{ position: relative; display: inline-block; float: left; margin-right: 30px; } .header-style-two .right-column .social-links li:last-child{ margin: 0px !important; } .header-style-two .right-column .social-links li a{ position: relative; display: inline-block; font-size: 16px; font-family: var(--text-font); color: #7b7c7b; padding-left: 29px; } .header-style-two .right-column .social-links li a i{ position: absolute; left: 0px; top: 3px; font-size: 24px; background: -webkit-linear-gradient(-90deg, #25b85d, #058b38 50%); color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .header-style-two .right-column .social-links li a:hover{ color: var(--theme-color-two); } .header-style-two .header-top .language-box .icon-box{ top: -1px; } .header-style-two .header-lower{ position: relative; width: 100%; } .header-style-two .header-lower .outer-container{ position: absolute; left: 0px; top: 0px; width: 100%; background: rgba(27, 29, 36, 0.90); border-radius: 30px 30px 0px 0px; } .header-style-two .main-menu .navigation > li.current > a, .header-style-two .main-menu .navigation > li:hover > a, .header-style-two .main-menu .navigation > li.current > a:before, .header-style-two .main-menu .navigation > li:hover > a:before{ color: var(--theme-color-two); } .header-style-two .main-menu .navigation > li > a{ color: #fff; padding-top: 25px; padding-bottom: 25px; } .header-style-two .main-menu .navigation > li > a:before{ top: 27px; } .header-style-two .header-top .outer-container{ padding-left: 300px; } .header-style-two .header-lower .logo-box{ padding: 13px 30px 25px 30px; background: #fff; margin-top: -38px; border-radius: 5px; } .header-style-two .sticky-header .logo-box{ padding: 19px 0px; } .header-style-two .sticky-header{ background: #1b1d24; border-bottom: 1px solid rgba(255, 255, 255, 0.10); } .header-style-two .main-menu .navigation > li > ul > li > a:hover, .header-style-two .main-menu .navigation > li > .megamenu li > a:hover{ color: var(--theme-color-two); } .header-style-two .main-menu .navigation > li > ul > li > a:before, .header-style-two .main-menu .navigation > li > ul > li > a:after{ background: var(--theme-color-two); } .header-style-two .menu-right-content .search-box-outer{ color: #fff; } .header-style-two .menu-right-content .search-box-outer:hover{ color: var(--theme-color-two); } .header-style-two .menu-right-content .search-box-outer:before{ background: #32343d; } .header-style-two .menu-right-content .clients-box .icon-box{ background: #fff; } .header-style-two .menu-right-content .clients-box a, .header-style-two .menu-right-content .clients-box a i{ color: #fff; } .header-style-two .menu-right-content .clients-box a:hover, .header-style-two .menu-right-content .clients-box a:hover i{ color: var(--theme-color-two); } .header-style-two .header-lower .outer-box{ padding-right: 0px; } .home_2 .theme-btn.btn-one{ background: var(--theme-color-two); } .home_2 .theme-btn.btn-one:hover{ background: #1b1d24; } .header-style-two .header-lower .outer-box .theme-btn{ padding: 25px 38px; border-radius: 0px 30px 0px 0px; } .header-style-two .outer-box .theme-btn:hover{ background: #fff; color: var(--theme-color-two); } .header-style-two .main-menu .navigation > li > ul > li.dropdown:hover:after{ color: var(--theme-color-two); } .header-style-two .main-menu .navigation > li > ul > li > ul > li > a:hover{ color: var(--theme-color-two); } .header-style-two .main-menu .navigation > li > ul > li > ul > li > a:before, .header-style-two .main-menu .navigation > li > ul > li > ul > li > a:after{ background: var(--theme-color-two); } /** banner-style-two **/ .banner-style-two{ position: relative; background: #fff; } .banner-style-two .banner-carousel .slide-item{ border-radius: 30px 30px 0px 0px; overflow: hidden; padding: 260px 0px 210px 0px; } .banner-style-two .banner-carousel .slide-item:before{ width: 100%; opacity: 1; background: -webkit-linear-gradient(90deg, rgba(27,29,36,1) 10%, rgba(27,29,36,0.40) 100%); } .banner-style-two .banner-carousel .content-box{ max-width: 100%; padding: 0px; } .banner-carousel .content-box .video-btn{ position: relative; display: block; opacity: 0; margin-bottom: 15px; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .banner-carousel .active .content-box .video-btn{ opacity: 1; -webkit-transition-delay: 700ms; -moz-transition-delay: 700ms; -ms-transition-delay: 700ms; -o-transition-delay: 700ms; transition-delay: 700ms; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .banner-carousel .content-box .video-btn a{ position: relative; display: inline-block; font-size: 17px; line-height: 26px; color: #fff; font-weight: 600; padding-left: 36px; } .banner-carousel .content-box .video-btn a i{ position: absolute; left: 0px; top: 0px; width: 26px; height: 26px; line-height: 30px; background: var(--theme-color-two); color: #fff; font-size: 12px; text-align: center; border-radius: 50%; } .banner-carousel .content-box .video-btn a:hover{ color: var(--theme-color-two); } .banner-style-two .banner-carousel .content-box p{ font-weight: 400; color: #fff; } .banner-style-two .banner-carousel .content-box .theme-btn{ padding: 18px 38px; background: -webkit-linear-gradient(0deg, #038735 0%, #26ba5e 100%); } .banner-style-two .banner-carousel .content-box .theme-btn:hover{ background: -webkit-linear-gradient(0deg, #1b1e31 0%, #1b1e31 100%); } .banner-style-two .banner-carousel .owl-nav{ width: 100%; margin-top: -30px; right: 0px; } .banner-style-two .banner-carousel .owl-nav .owl-prev{ left: 60px; } .banner-style-two .banner-carousel .owl-nav .owl-next{ right: 60px; } .banner-style-two .banner-carousel .owl-nav button{ display: inline-block; position: absolute; color: #fff; background: transparent; z-index: 1; } .banner-style-two .banner-carousel .owl-nav button:before{ position: absolute; content: ''; background: #fff; width: 100%; height: 100%; left: 0px; top: 0px; border-radius: 50%; opacity: 0.1; z-index: -1; transition: all 500ms ease; } .banner-style-two .banner-carousel .owl-nav button:hover:before{ background: var(--theme-color-two); opacity: 1; } .banner-style-two .pattern-layer{ position: absolute; left: 0px; bottom: 0px; width: 100%; height: 28px; background-size: cover; background-repeat: no-repeat; background-position: center; z-index: 2; } /** funfact-section **/ .funfact-section{ position: relative; } .funfact-section .inner-box{ position: relative; display: flex; align-items: center; justify-content: space-between; } .funfact-block-one{ position: relative; width: 210px; padding: 19px 20px 117px 20px; } .funfact-block-one .shape .shape-1{ position: absolute; left: 0px; top: 0px; width: 210px; height: 100%; background-repeat: no-repeat; } .funfact-block-one .shape .shape-2{ position: absolute; right: 1px; bottom: 1px; width: 208px; height: 89px; background-repeat: no-repeat; transition: all 500ms ease; } .funfact-block-one:hover .shape .shape-2{ opacity: 0; } .funfact-block-one .shape .shape-3{ position: absolute; right: 1px; bottom: 1px; width: 208px; height: 89px; background-repeat: no-repeat; opacity: 0; transition: all 500ms ease; } .funfact-block-one:hover .shape .shape-3{ opacity: 1; } .funfact-block-one .count-outer{ position: relative; display: inline-block; font-size: 48px; line-height: 50px; font-family: var(--title-font); color: #1b1d24; font-weight: 600; margin-bottom: 1px; min-height: 59px; } .funfact-block-one .count-outer .small-text{ position: relative; right: 0px; bottom: -10px; font-size: 18px; } .funfact-block-one p{ display: block; } .funfact-block-one .icon-box{ position: absolute; left: 50%; transform: translateX(-50%); bottom: 26px; } .funfact-section .funfact-block-one:first-child, .funfact-section .funfact-block-one:last-child{ top: 60px; } .funfact-section .funfact-block-one:nth-child(2), .funfact-section .funfact-block-one:nth-child(4){ top: 30px; } .funfact-section .lower-box{ position: relative; display: inline-block; padding-left: 160px; text-align: left; margin-top: 88px; } .funfact-section .lower-box .author-box{ position: absolute; left: 0px; top: 0px; } .funfact-section .lower-box .author-box:before{ position: absolute; content: "\f10d"; font-family: 'flaticon'; font-size: 16px; color: #fff; width: 22px; height: 22px; line-height: 22px; text-align: center; border-radius: 50%; top: 0px; right: -12px; z-index: 1; } .home_2 .funfact-section .lower-box .author-box:before{ background: var(--theme-color-two); } .funfact-section .lower-box .author-box li{ position: relative; display: inline-block; float: left; width: 52px; height: 52px; border-radius: 50%; border: 4px solid #f5f8f7; margin-right: -12px; } .funfact-section .lower-box .author-box li img{ width: 100%; border-radius: 50%; } .funfact-section .lower-box h5{ position: relative; display: block; font-size: 18px; line-height: 28px; font-weight: 600; } .bg-color-2{ background-color: #1b1d24; } /** pricing-style-two **/ .pricing-style-two{ position: relative; padding-bottom: 112px; } .pricing-style-two .pattern-layer{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .pricing-style-two .title-box{ position: relative; display: flex; align-items: center; justify-content: space-between; margin-bottom: 50px; } .pricing-style-two .sec-title{ margin-bottom: 0px; } .pricing-style-two .chat-box{ position: relative; padding: 2px 0px 2px 86px; } .pricing-style-two .chat-box .thumb-box{ position: absolute; left: 0px; top: 0px; width: 60px; height: 60px; border-radius: 50%; } .pricing-style-two .chat-box .thumb-box:before { position: absolute; content: ''; width: 30px; height: 30px; line-height: 30px; background-repeat: no-repeat; background-position: center; background-color: var(--theme-color-two); background-image: url(../images/icons/icon-28.png); border-radius: 50%; top: 0px; right: -10px; } .pricing-style-two .chat-box .thumb-box img{ width: 100%; border-radius: 50%; } .pricing-style-two .chat-box .link-box a{ color: #fff; } .home_2 .pricing-style-two .chat-box .link-box a:hover{ color: var(--theme-color-two); } .pricing-block-one .inner-box{ position: relative; display: block; overflow: hidden; border-radius: 5px; background: #31333c; } .pricing-block-one .inner-box .currency-box{ position: relative; padding: 12px 25px; } .pricing-block-one .inner-box .currency-box:before{ position: absolute; content: ''; left: 50%; top: 0px; width: 1px; height: 100%; background: #464852; } .pricing-block-one .inner-box .currency-box:after{ position: absolute; content: "\f104"; font-family: 'flaticon'; background: #31333c; width: 36px; height: 26px; line-height: 26px; font-size: 20px; border: 1px solid #464852; color: #a8aaaf; border-radius: 20px; text-align: center; left: 50%; top: 50%; transform: translate(-50%,-50%); } .pricing-block-one .inner-box .currency-box .list-item{ position: relative; display: flex; align-items: center; justify-content: space-between; } .pricing-block-one .inner-box .currency-box .list-item li{ position: relative; display: inline-block; padding-left: 36px; font-size: 16px; line-height: 26px; color: #ffffff; font-weight: 600; text-transform: uppercase; } .pricing-block-one .inner-box .currency-box .list-item li img{ position: absolute; left: 0px; top: 0px; border-radius: 50%; } .pricing-block-one .inner-box .content-box{ position: relative; display: block; overflow: hidden; background: #292b33; border-radius: 5px; padding: 18px 25px; } .pricing-block-one .inner-box .content-box .list-item li{ position: relative; display: block; font-size: 17px; line-height: 28px; color: #a8aaaf; } .pricing-block-one .inner-box .content-box .list-item li span{ float: right; } .pricing-block-one .inner-box .content-box .list-item li:last-child span{ float: none; } .pricing-block-one .inner-box .content-box .list-item li .green{ color: #26ba5e; } .pricing-block-one .inner-box .content-box .list-item .red{ color: #d83730; } .pricing-block-one .inner-box .content-box .list-item .yellow{ color: #ed912e; } .pricing-block-one .inner-box .content-box .list-item li a{ position: absolute; top: 11px; right: 0px; display: inline-block; font-size: 17px; line-height: 26px; color: #fff; font-weight: 600; text-align: center; padding: 2px 14px; border: 1px solid var(--theme-color-two); border-radius: 4px; z-index: 1; } .pricing-block-one .inner-box .content-box .list-item li a:hover{ background: var(--theme-color-two); } .pricing-block-one .inner-box .graph-box{ position: relative; display: flex; align-items: center; justify-content: center; padding: 10px 20px; min-height: 72px; } .pricing-style-two .link-box.centred{ position: relative; display: block; margin-top: 41px; } .pricing-style-two .link-box a{ color: #fff; } .home_2 .pricing-style-two .link-box a:hover{ color: var(--theme-color-two); } /** account-style-two **/ .account-style-two{ position: relative; background: #f5f8f7; } .account-block-two .inner-box{ position: relative; display: block; background: #f5f8f7; border: 1px solid #dbdfdd; border-radius: 5px; overflow: hidden; } .account-block-two .inner-box .upper-box{ position: relative; display: block; padding: 31px 30px 153px 30px; } .account-block-two .inner-box .upper-box h3{ display: block; font-size: 22px; line-height: 32px; font-weight: 600; margin-bottom: 4px; } .account-block-two .inner-box .upper-box .icon-box{ position: absolute; left: 50%; bottom: 30px; transform: translateX(-50%); } .account-block-two{ position: relative; max-width: 370px; margin: 0 auto; margin-top: 40px; } .account-block-two .inner-box .upper-box .shape{ position: absolute; left: -1px; bottom: 1px; width: 370px; height: 248px; background-repeat: no-repeat; } .account-block-two .inner-box .content-box .list-item li{ position: relative; display: block; font-size: 17px; color: #1b1d24; padding: 13px 25px; background: #e7ecea; } .account-block-two .inner-box .content-box .list-item li:nth-child(2n+1){ background: #f5f8f7; } .account-block-two .inner-box .content-box .list-item li span{ float: right; color: #7b7c7b; } .account-block-two .inner-box .lower-box{ position: relative; display: flex; align-items: center; border-top: 1px solid #dbdfdd; } .account-block-two .inner-box .lower-box .link-box a{ position: relative; display: inline-block; color: #fff; background: #1b1d24; padding: 14px 21px; } .account-block-two .inner-box .lower-box .link-box a:hover{ background: var(--theme-color); } .home_2 .account-block-two .inner-box .lower-box .link-box a:hover{ background: var(--theme-color-two); } .account-block-two .inner-box .lower-box .more-link a{ position: relative; display: inline-block; font-size: 17px; line-height: 28px; color: #1b1d24; font-weight: 600; } .account-block-two .inner-box .lower-box .more-link a:hover{ color: var(--theme-color); } .home_2 .account-block-two .inner-box .lower-box .more-link a:hover{ color: var(--theme-color-two); } .account-block-two .inner-box .lower-box .more-link{ padding: 0px 24px; } .account-block-two .recommended-box{ position: absolute; left: 0px; top: -40px; width: 100%; border: 1px solid #dbdfdd; border-radius: 5px 5px 0px 0px; border-bottom: none; padding: 5.5px 15px; padding-bottom: 8px; text-align: center; } .account-block-two .recommended-box h6{ position: relative; display: inline-block; font-size: 16px; line-height: 26px; font-weight: 600; color: #7b7c7b; padding-left: 26px; } .account-block-two .recommended-box h6:before{ position: absolute; content: "\f10d"; font-family: 'flaticon'; font-size: 18px; left: 0px; top: 0px; background: -webkit-linear-gradient(-90deg, #25b85d, #058b38 100%); color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /** platform-section **/ .platform-section{ position: relative; } .platform-section .content-box{ position: relative; display: block; } .platform-section .content-box .sec-title{ margin-bottom: 31px; } .platform-section .content-box .text-box{ margin-bottom: 35px; } .platform-section .content-box .list-item li{ position: relative; display: block; margin-bottom: 14px; padding-left: 20px; } .platform-section .content-box .list-item li:last-child{ margin-bottom: 0px; } .platform-section .content-box .list-item li:before{ position: absolute; content: ''; background: var(--theme-color); width: 2px; height: 14px; left: 2px; top: 8px; } .home_2 .platform-section .content-box .list-item li:before{ background: var(--theme-color-two); } .platform-section .content-box .list-item li:after{ position: absolute; content: ''; background: var(--theme-color); width: 6px; height: 8px; left: 0px; top: 11px; } .home_2 .platform-section .content-box .list-item li:after{ background: var(--theme-color-two); } .platform-section .content-box .list-item li h4{ position: relative; display: inline-block; font-size: 20px; line-height: 30px; font-weight: 600; padding-right: 26px; } .platform-section .content-box .list-item li h4 span{ position: absolute; top: -13px; right: 0px; color: var(--theme-color); } .home_2 .platform-section .content-box .list-item li h4 span{ color: var(--theme-color-two); } .platform-section .content-box .lower-box{ position: relative; display: flex; align-items: center; margin-top: 42px; } .platform-section .content-box .lower-box .theme-btn{ background: #1b1d24; padding: 15px 37px; } .platform-section .content-box .lower-box .theme-btn:hover{ background: var(--theme-color); } .home_2 .platform-section .content-box .lower-box .theme-btn:hover{ background: var(--theme-color-two); } .platform-section .content-box .lower-box .btn-box{ margin-right: 30px; } .platform-section .content-box .download-apps li{ position: relative; display: inline-block; float: left; margin-right: 10px; } .platform-section .content-box .download-apps li:last-child{ margin: 0px !important; } .platform-section .content-box .download-apps li a{ position: relative; display: inline-block; width: 50px; height: 50px; line-height: 50px; font-size: 20px; color: #abaeab; border: 1px solid #e7ebea; border-radius: 50%; text-align: center; } .platform-section .content-box .download-apps li a:hover{ color: #fff; background: var(--theme-color); border-color: var(--theme-color); } .home_2 .platform-section .content-box .download-apps li a:hover{ background: var(--theme-color-two); border-color: var(--theme-color-two); } .platform-section .image-box{ position: relative; display: block; } .platform-section .image-box img{ position: relative; width: 100%; } .platform-section .image-box .image-shape .shape-1{ position: absolute; left: 0px; top: -88px; width: 570px; height: 570px; background: #f5f8f7; border-radius: 50%; } .platform-section .image-box .image-shape .shape-2{ position: absolute; left: 0px; top: -88px; width: 570px; height: 570px; border-radius: 50%; background-repeat: no-repeat; } .rotate-me { animation-name: rotateme; animation-duration: 30s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: rotateme; -webkit-animation-duration: 30s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: rotateme; -moz-animation-duration: 30s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: rotateme; -ms-animation-duration: 30s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: rotateme; -o-animation-duration: 30s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } /** chooseus-style-two **/ .chooseus-style-two{ position: relative; background: #1b1d24; } .chooseus-style-two .image-layer{ position: absolute; left: 50%; transform: translateX(-50%); bottom: 0px; } .chooseus-style-two .inner-box{ position: relative; display: flex; align-items: center; justify-content: space-between; } .chooseus-style-two .inner-box .left-column, .chooseus-style-two .inner-box .right-column{ max-width: 310px; } .chooseus-style-two .single-item{ position: relative; display: block; margin-bottom: 63px; } .chooseus-style-two .single-item:last-child{ margin-bottom: 0px; } .chooseus-style-two .single-item .icon-box{ position: relative; display: inline-block; width: 70px; height: 70px; line-height: 70px; background: #292b33; text-align: center; border-radius: 50%; z-index: 1; } .chooseus-style-two .single-item:first-child .icon-box{ margin-bottom: 23px; } .chooseus-style-two .single-item:last-child .icon-box{ margin-top: 23px; } .chooseus-style-two .single-item .icon-box:before{ position: absolute; content: ''; background-image: url(../../assets/images/shape/shape-15.png); width: 56px; height: 59px; left: 0px; bottom: 0px; background-repeat: no-repeat; transition: all 500ms ease; } .chooseus-style-two .single-item:hover .icon-box:before{ opacity: 0; } .chooseus-style-two .single-item .icon-box img{ position: relative; } .chooseus-style-two .single-item .icon-box:after{ position: absolute; content: ''; width: 100%; height: 100%; left: 0px; top: 0px; border-radius: 50%; opacity: 0; z-index: -1; transition: all 500ms ease; } .home_2 .chooseus-style-two .single-item .icon-box:after{ background: -webkit-linear-gradient(-90deg, #038735, #26ba5e 100%); } .home_3 .chooseus-style-two .single-item .icon-box:after{ background: -webkit-linear-gradient(-90deg, #89103d, #ce193c 100%); } .chooseus-style-two .single-item:hover .icon-box:after{ opacity: 1; } .chooseus-style-two .single-item .icon-box .image{ position: relative; z-index: 1; } .chooseus-style-two .single-item h3{ position: relative; display: inline-block; font-size: 22px; line-height: 32px; color: #fff; font-weight: 600; margin-bottom: 9px; } .chooseus-style-two .left-column .single-item h3{ padding-right: 30px; } .chooseus-style-two .right-column .single-item h3{ padding-left: 30px; } .chooseus-style-two .single-item h3 span{ position: absolute; top: -13px; } .home_2 .chooseus-style-two .single-item h3 span{ color: var(--theme-color-two); } .home_3 .chooseus-style-two .single-item h3 span{ color: var(--theme-color-three); } .chooseus-style-two .left-column .single-item h3 span{ right: 0px; } .chooseus-style-two .right-column .single-item h3 span{ left: 0px; } .chooseus-style-two .single-item p{ color: #a8aaaf; } .chooseus-style-two .single-item .shape{ position: absolute; width: 165px; height: 59px; background-repeat: no-repeat; } .chooseus-style-two .left-column .single-item .shape{ left: 170px; } .chooseus-style-two .single-item:first-child .shape{ top: 34px; } .chooseus-style-two .single-item:last-child .shape{ bottom: 38px; } .chooseus-style-two .right-column .single-item .shape{ right: 170px; } .chooseus-style-two .single-item .shape:before{ position: absolute; content: ''; width: 30px; height: 30px; border: 1px solid #31333c; border-radius: 50%; } .chooseus-style-two .left-column .single-item:first-child .shape:before{ right: -36px; bottom: -28px; } .chooseus-style-two .single-item .shape:after{ position: absolute; content: ''; width: 16px; height: 16px; background: #31333c; border-radius: 50%; } .chooseus-style-two .left-column .single-item:first-child .shape:after{ right: -29px; bottom: -21px; } .chooseus-style-two .left-column .single-item:last-child .shape:before{ right: -36px; top: -28px; } .chooseus-style-two .left-column .single-item:last-child .shape:after{ right: -29px; top: -21px; } .chooseus-style-two .right-column{ text-align: right; } .chooseus-style-two .right-column .single-item:first-child .shape:before { left: -36px; bottom: -28px; } .chooseus-style-two .right-column .single-item:first-child .shape:after { left: -29px; bottom: -21px; } .chooseus-style-two .right-column .single-item:last-child .shape:before { left: -36px; top: -28px; } .chooseus-style-two .right-column .single-item:last-child .shape:after { left: -29px; top: -21px; } .chooseus-style-two .sec-title{ margin-bottom: 90px; } .chooseus-style-two .pattern-layer{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: repeat-x; background-position: center; } /** news-style-two **/ .news-style-two{ position: relative; } .news-style-two .sec-title .link-box{ position: absolute; right: 0px; bottom: 3px; z-index: 1; } .news-block-one .inner-box .lower-content h4{ position: relative; display: block; font-size: 20px; line-height: 30px; font-weight: 600; margin-bottom: 10px; } .news-block-one .inner-box .lower-content h4 a{ display: inline-block; color: var(--secondary-color); } .home_2 .news-block-one .inner-box .lower-content h4 a:hover{ color: var(--theme-color-two); } .home_2 .news-style-two .news-block-one .inner-box .image-box .image{ background: var(--theme-color-two); } .news-style-two .news-block-one .inner-box .lower-content .author-box{ padding-left: 0px; } .news-style-two .news-block-one .inner-box .lower-content .author-box .post-info li span{ margin-right: 3px; } .news-style-two .news-block-one .inner-box .lower-content .author-box .post-info li span{ color: var(--theme-color); } .home_2 .news-style-two .news-block-one .inner-box .lower-content .author-box .post-info li span{ color: var(--theme-color-two); } .home_2 .news-block-one .inner-box .lower-content .author-box h6:before{ background: var(--theme-color-two); } /** testimonial-section **/ .testimonial-section{ position: relative; background: #f5f8f7; padding: 112px 0px; } .testimonial-section .testimonial-block{ position: relative; display: block; padding-left: 300px; max-width: 870px; margin-bottom: 40px; } .testimonial-section .testimonial-block:last-child{ margin-bottom: 0px; margin-left: 200px; padding-left: 200px; max-width: 100%; } .testimonial-section .testimonial-block:first-child{ padding-left: 300px; } .testimonial-section .testimonial-block:last-child{ padding-right: 300px; } .testimonial-section .testimonial-block:first-child .image-box{ position: absolute; left: 0px; top: -92px; } .testimonial-section .testimonial-block:last-child .image-box{ position: absolute; right: 0px; top: -206px; } .testimonial-section .testimonial-block .content-box{ position: relative; display: block; width: 370px; background: #f5f8f7; border: 1px solid #dbdfdd; border-radius: 5px; padding: 25px 20px 21px 30px; } .testimonial-section .testimonial-block .content-box h3{ position: relative; display: block; font-size: 22px; line-height: 32px; font-weight: 600; margin-bottom: 15px; padding-left: 37px; } .testimonial-section .testimonial-block .content-box h3 img{ position: absolute; left: 0px; top: 4px; } .testimonial-section .testimonial-block .content-box p{ margin-bottom: 20px; } .testimonial-section .testimonial-block .content-box .rating li{ position: relative; display: inline-block; float: left; font-size: 18px; margin-right: 5px; } .home_2 .testimonial-section .testimonial-block .content-box .rating li{ color: var(--theme-color-two); } .testimonial-section .testimonial-block .content-box .rating li span{ position: relative; display: inline-block; font-size: 17px; color: #1b1d24; font-weight: 500; padding-left: 5px; top: -5px; } .testimonial-section .testimonial-block .content-box .date{ position: relative; display: block; } .testimonial-section .testimonial-block:first-child .author-box{ position: absolute; top: 30px; right: 27px; } .testimonial-section .testimonial-block .author-box .thumb-box{ position: relative; display: inline-block; border-radius: 50%; margin-bottom: 18px; } .testimonial-section .testimonial-block .author-box .thumb-box img{ width: 100%; border-radius: 50%; } .testimonial-section .testimonial-block .author-box h4{ display: block; font-size: 20px; line-height: 28px; font-weight: 600; } .testimonial-section .testimonial-block .author-box .designation{ position: relative; display: block; } .home_2 .testimonial-section .testimonial-block .author-box .designation{ color: var(--theme-color-two); } .testimonial-section .testimonial-block:last-child .author-box{ position: absolute; left: 0px; bottom: 25px; text-align: right; } .testimonial-section .testimonial-block:first-child .content-box:before{ position: absolute; content: ''; background: #f5f8f7; width: 20px; height: 20px; top: 44px; right: -10px; transform: rotate(45deg); box-shadow: 1px -1px 0px 0px #dbdfdd; } .testimonial-section .testimonial-block:last-child .content-box:before{ position: absolute; content: ''; background: #f5f8f7; width: 20px; height: 20px; bottom: 40px; left: -10px; transform: rotate(45deg); box-shadow: -1px 1px 0px 0px #dbdfdd; } .testimonial-section .link-box{ position: relative; display: block; margin-top: 42px; } /** location-section **/ .location-section{ position: relative; } .location-section .content-box{ position: relative; display: block; } .location-section .content-box .theme-btn{ background: #1b1d24; padding: 15px 37px; } .home_2 .location-section .content-box .theme-btn:hover{ background: var(--theme-color-two); } .location-section .content-box .sec-title{ margin-bottom: 21px; } .location-section .content-box p{ margin-bottom: 32px; } .location-section .location-inner{ position: relative; min-height: 376px; } .location-section .location-inner .map{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .location-section .location-inner .single-location{ position: absolute; } .location-section .location-inner .single-location:first-child{ left: 135px; top: 75px; } .location-section .location-inner .single-location:nth-child(2){ left: 200px; bottom: 100px; } .location-section .location-inner .single-location:nth-child(3){ top: 25px; right: 270px; } .location-section .location-inner .single-location:nth-child(4){ top: 115px; right: 200px; } .location-section .location-inner .single-location:last-child{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } .location-section .upper-box{ margin-bottom: 60px; } .location-section .lower-box .form-inner .form-group{ position: relative; margin-bottom: 0px; } .location-section .lower-box .form-inner .form-group input[type='email']{ position: relative; display: block; width: 100%; height: 80px; border: 1px solid #e6ebe9; border-radius: 5px; font-size: 18px; font-family: var(--title-font); color: #1b1d24; font-weight: 600; padding: 10px 85px; transition: all 500ms ease; } .home_2 .location-section .lower-box .form-inner .form-group input:focus{ border-color: var(--theme-color-two); } .location-section .lower-box .form-inner .form-group .icon{ position: absolute; left: 30px; top: 24px; z-index: 1; } .location-section .lower-box .form-inner .form-group button[type='submit']{ position: absolute; display: inline-block; width: 44px; height: 44px; line-height: 52px; background: #f5f8f7; font-size: 30px; color: #1b1d24; text-align: center; border-radius: 50%; cursor: pointer; top: 18px; right: 30px; transition: all 500ms ease; } .location-section .lower-box .form-inner .form-group input:focus + button[type='submit'], .location-section .lower-box .form-inner .form-group button[type='submit']:hover{ color: #fff; } .home_2 .location-section .lower-box .form-inner .form-group input:focus + button[type='submit'], .home_2 .location-section .lower-box .form-inner .form-group button[type='submit']:hover{ background: var(--theme-color-two); } .location-section .lower-box .single-link button, .location-section .lower-box .single-link a{ position: relative; display: block; width: 100%; font-size: 18px; line-height: 28px; font-family: var(--title-font); color: #7b7c7b; font-weight: 600; border: 1px solid #e6ebe9; border-radius: 5px; padding: 25px 30px; cursor: pointer; text-align: center; transition: all 500ms ease; } .location-section .lower-box .single-link button:hover, .location-section .lower-box .single-link a:hover{ color: #fff; } .home_2 .location-section .lower-box .single-link button:hover, .home_2 .location-section .lower-box .single-link a:hover{ background: var(--theme-color-two); border-color: var(--theme-color-two); } /** clients-style-two **/ .clients-style-two{ position: relative; padding: 112px 0px; background: #f5f8f7; } .clients-style-two .clients-logo-list li{ position: relative; display: block; float: left; width: 25%; } .clients-style-two .clients-logo-list li .clients-box{ position: relative; padding: 37px 0px; border-right: 1px solid #dbdfdd; } .clients-style-two .clients-logo-list li:nth-child(4) .clients-box, .clients-style-two .clients-logo-list li:last-child .clients-box{ border-right: none; } .clients-style-two .clients-logo-list{ position: relative; } .clients-style-two .clients-logo-list:before{ position: absolute; content: ''; background: #dbdfdd; width: 100%; height: 1px; left: 0px; top: 50%; } .clients-style-two .clients-logo-list li .clients-box img{ position: relative; display: block; width: auto; max-width: 100%; margin: 0 auto; transition: all 500ms ease; } .clients-style-two .clients-logo-list li .clients-box img:hover{ transform: scale(1.05); } .clients-style-two .link-box{ margin-top: 41px; } /** awards-section **/ .awards-section{ position: relative; padding: 110px 0px 130px 0px; } .awards-section .title-inner{ position: relative; display: flex; align-items: center; justify-content: space-between; margin-bottom: 50px; } .awards-block-one .inner-box{ position: relative; display: block; overflow: hidden; border-radius: 5px; background: #1b1d24; padding: 40px 40px 32px 40px; } .awards-block-one .inner-box .icon-box{ position: relative; display: block; margin-bottom: 22px; } .awards-block-one .inner-box h3{ display: block; font-size: 22px; line-height: 32px; color: #fff; font-weight: 600; margin-bottom: 19px; padding-bottom: 32px; } .awards-block-one .inner-box h3:before{ position: absolute; content: ''; width: 50px; height: 1px; left: 0px; bottom: 0px; } .home_2 .awards-block-one .inner-box h3:before{ background: var(--theme-color-two); } .awards-block-one .inner-box p{ color: #a8aaaf; } .awards-block-one .inner-box .shape{ position: absolute; top: 0px; right: 0px; width: 205px; height: 100%; background-size: cover; background-repeat: no-repeat; } .awards-section .owl-dots{ position: relative; display: block; text-align: center; margin-top: 20px; } .awards-section .owl-dots button span{ display: none !important; } .awards-section .owl-dots button{ position: relative; display: inline-block; font-size: 20px; line-height: 30px; font-family: var(--title-font); color: #abaeab; font-weight: 600; margin: 0px 20px; margin-left: 15px; } .awards-section .owl-dots button:before{ position: absolute; } .awards-section .owl-dots button:first-child:before{ content: '1'; } .awards-section .owl-dots button:nth-child(2):before{ content: '2'; } .awards-section .owl-dots button:nth-child(3):before{ content: '3'; } .awards-section .owl-dots button:nth-child(4):before{ content: '4'; } .awards-section .owl-dots button:nth-child(5):before{ content: '5'; } .awards-section .owl-dots button:last-child(6):before{ content: '6'; } .awards-section .owl-dots button.active{ color: #1b1d24; } .awards-section .owl-dots button:after{ position: absolute; content: ''; background: #abaeab; width: 6px; height: 1px; left: -17px; top: 17px; } .awards-section .owl-dots button:first-child:after{ display: none; } .awards-section .owl-nav{ position: absolute; left: 50%; bottom: 4px; transform: translateX(-50%); width: 205px; margin: 0 auto; } .awards-section .owl-nav button{ position: absolute; display: inline-block; font-size: 30px; line-height: 30px; color: #1b1d24; transition: all 500ms ease; } .awards-section .owl-nav button.owl-prev{ left: 0px; } .awards-section .owl-nav button.owl-next{ right: 0px; } .home_2 .awards-section .owl-nav button:hover{ color: var(--theme-color-two); } /** cta-section **/ .cta-section{ position: relative; padding: 180px 0px 120px 0px; } .cta-section h2{ position: relative; display: block; font-size: 40px; line-height: 50px; font-weight: 700; margin-bottom: 10px; } .cta-section p{ margin-bottom: 31px; } .cta-section .theme-btn{ background: #1b1d24; padding: 15px 37px; } .home_2 .cta-section .theme-btn:hover{ background: var(--theme-color-two); } .cta-section .theme-btn:hover{ background: var(--theme-color); } .cta-section .pattern-layer{ position: absolute; left: 0px; bottom: 0px; width: 100%; height: 380px; background-size: cover; background-repeat: repeat-x; } .cta-section .big-text{ position: absolute; left: 50%; top: 0px; transform: translateX(-50%); font-size: 250px; line-height: 200px; font-family: var(--title-font); color: #f5f8f7; font-weight: 700; text-transform: capitalize; } /** footer-style-two **/ .footer-style-two{ position: relative; } .footer-style-two .widget-section{ background: #1b1d24; padding: 113px 0px 111px 0px; border-radius: 0px 0px 20px 20px; } .footer-style-two .logo-widget{ margin-top: 7px; } .footer-style-two .logo-widget .footer-logo{ margin-bottom: 27px; } .footer-style-two .logo-widget .year-box{ position: relative; display: block; padding-bottom: 21px; margin-bottom: 23px; } .footer-style-two .logo-widget .year-box:before{ position: absolute; content: ''; width: 100%; height: 5px; left: 0px; bottom: 0px; border-radius: 5px; } .home_2 .footer-style-two .logo-widget .year-box:before{ border-bottom: 5px solid var(--theme-color-two); } .footer-style-two .logo-widget .text-box p{ color: #a8aaaf; } .footer-style-two .logo-widget .year-box h4{ position: relative; display: block; font-size: 20px; line-height: 20px; color: #fff; font-weight: 600; } .footer-style-two .logo-widget .year-box h2{ position: relative; display: block; font-size: 60px; line-height: 50px; color: #fff; font-weight: 600; } .footer-style-two .logo-widget .year-box .link-box{ position: absolute; right: 0px; bottom: 17px; } .footer-style-two .logo-widget .year-box .link-box a{ color: #fff; } .home_2 .footer-style-two .logo-widget .year-box .link-box a:hover{ color: var(--theme-color-two); } .footer-style-two .widget-title{ position: relative; display: block; margin-bottom: 14px; } .footer-style-two .widget-title h3{ display: block; font-size: 22px; line-height: 32px; color: #fff; font-weight: 600; } .footer-style-two .links-widget .links-list li{ position: relative; display: block; margin-bottom: 9px; } .footer-style-two .links-widget .links-list li:last-child{ margin-bottom: 0px; } .footer-style-two .links-widget .links-list li a{ position: relative; display: inline-block; font-size: 17px; color: #a8aaaf; } .home_2 .footer-style-two .links-widget .links-list li a:hover{ color: var(--theme-color-two); } .ml_60{ margin-left: 60px; } .ml_15{ margin-left: 15px; } .ml_80{ margin-left: 80px; } .footer-style-two .footer-column{ position: relative; } .footer-style-two .footer-column:before{ position: absolute; content: ''; background: #32343d; width: 1px; height: calc(100% - 8px); top: 7px; right: -15px; min-height: 259px; } .footer-style-two .footer-column:last-child:before{ display: none; } .footer-style-two .footer-column:nth-child(2):before{ right: 30px; } /** footer-bottom-two **/ .footer-bottom-two{ position: relative; padding: 21px 0px; } .footer-bottom-two .bottom-inner{ position: relative; display: flex; align-items: center; justify-content: space-between; } .footer-bottom-two .bottom-inner .guide-box h5{ position: relative; display: block; font-size: 17px; line-height: 24px; padding-left: 65px; } .footer-bottom-two .bottom-inner .guide-box h5 a{ color: #1b1d24; } .home_2 .footer-bottom-two .bottom-inner .guide-box h5 a:hover{ color: var(--theme-color-two); } .footer-bottom-two .bottom-inner .guide-box h5 i{ position: absolute; display: inline-block; left: 0px; top: 0px; width: 50px; height: 50px; line-height: 58px; font-size: 26px; color: #abaeab; border: 1px solid #e6ebe9; border-radius: 50%; text-align: center; transition: all 500ms ease; } .footer-bottom-two .bottom-inner .guide-box h5 a:hover i{ color: #fff; } .home_2 .footer-bottom-two .bottom-inner .guide-box h5 a:hover i{ background: var(--theme-color-two); border-color: var(--theme-color-two); } .footer-bottom-two .bottom-inner .copyright-box{ position: relative; display: block; text-align: center; } .footer-bottom-two .bottom-inner .copyright-box p{ color: #1b1d24; margin-bottom: 9px; } .home_2 .footer-bottom-two .bottom-inner .copyright-box p span, .home_2 .footer-bottom-two .bottom-inner .copyright-box p a{ color: var(--theme-color-two); } .footer-bottom-two .bottom-inner .copyright-box p a:hover{ text-decoration: underline; } .footer-bottom-two .bottom-inner .copyright-box .footer-nav li{ position: relative; display: inline-block; margin: 0px 20px; } .footer-bottom-two .bottom-inner .copyright-box .footer-nav li a{ display: inline-block; color: #7b7c7b; } .home_2 .footer-bottom-two .bottom-inner .copyright-box .footer-nav li a:hover{ color: var(--theme-color-two); } .footer-bottom-two .bottom-inner .copyright-box .footer-nav li:before{ position: absolute; content: '..'; font-size: 17px; right: -25px; bottom: 1px; color: var(--theme-color-two); } .footer-bottom-two .bottom-inner .copyright-box .footer-nav li:last-child:before{ display: none; } .footer-bottom-two .social-links li{ position: relative; display: inline-block; float: left; margin-right: 10px; } .footer-bottom-two .social-links li:last-child{ margin: 0px; } .footer-bottom-two .social-links li a, .footer-bottom-two .social-links li.scroll-to-target{ position: relative; display: inline-block; width: 50px; height: 50px; line-height: 50px; border: 1px solid #e7ecea; border-radius: 50%; font-size: 22px; color: #abaeab; text-align: center; } .footer-bottom-two .social-links li a:hover{ color: #fff; background: var(--theme-color-two); border-color: var(--theme-color-two); } .footer-bottom-two .social-links li.scroll-to-target{ font-size: 30px; color: var(--theme-color-two); line-height: 60px; cursor: pointer; transition: all 500ms ease; } .footer-bottom-two .social-links li.scroll-to-target:hover{ border-color: var(--theme-color-two); } /*** ==================================================================== Home-Page-Three ==================================================================== ***/ /** header-style-three **/ .header-style-three{ position: absolute; left: 0px; top: 0px; width: 100%; } .header-style-three .header-top{ background: transparent; border-bottom: 1px solid #dbdad9; padding: 10px 0px; } .header-top .top-inner{ position: relative; display: flex; align-items: center; justify-content: space-between; } .header-style-three .header-top p, .header-style-three .header-top a{ color: #7c7b7a; font-family: var(--text-font); } .header-style-three .header-top a:hover{ color: var(--theme-color-three); } .header-style-three .header-top a span{ text-decoration: none; color: #1b1d24; font-weight: 700; padding-right: 20px; } .home_3 .header-style-three .header-top a:hover span{ color: var(--theme-color-three); } .header-style-three .header-top a span:before{ position: absolute; content: "\f101"; font-family: 'flaticon'; font-size: 20px; top: 0px; right: 0px; font-weight: 400; transition: all 500ms ease; } .header-style-three .header-top a:hover span:before{ transform: rotate(-45deg); } .header-style-three .header-top .language-box{ position: relative; margin-right: 40px; } .header-style-three .header-top .language-box:before, .header-top .registration-box:before{ position: absolute; content: ''; background: #dbdad9; width: 1px; height: 16px; top: 7px; right: -20px; } .header-top .registration-box{ position: relative; margin-right: 40px; } .header-top .registration-box li{ position: relative; display: inline-block; float: left; margin-right: 18px; padding-left: 25px; } .header-top .registration-box li:last-child{ margin: 0px !important; } .header-top .registration-box li .icon{ position: absolute; left: 0px; top: -1px; } .header-top .registration-box li a{ display: inline-block; color: #7c7b7a; } .header-top .registration-box li a:hover{ color: var(--theme-color-three); } .header-style-three .header-top .social-links li{ position: relative; display: inline-block; float: left; margin-right: 20px; top: 2px; } .header-style-three .header-top .social-links li:last-child{ margin: 0px; } .header-style-three .header-top .social-links li a{ position: relative; display: inline-block; font-size: 18px; color: #a6a4a1; } .header-style-three .header-top .social-links li a:hover{ color: var(--theme-color-three); } .header-style-three .outer-box{ padding: 0px; } .header-style-three .logo-box{ margin-right: 0px; } .header-style-three .main-menu .navigation > li.current > a, .header-style-three .main-menu .navigation > li:hover > a, .header-style-three .main-menu .navigation > li.current > a:before, .header-style-three .main-menu .navigation > li:hover > a:before{ color: var(--theme-color-three); } .header-style-three .main-menu .navigation > li > ul > li > a:hover, .header-style-three .main-menu .navigation > li > .megamenu li > a:hover{ color: var(--theme-color-three); } .header-style-three .main-menu .navigation > li > ul > li > a:before, .header-style-three .main-menu .navigation > li > ul > li > a:after, .header-style-three .main-menu .navigation > li > ul > li > ul > li > a:before, .header-style-three .main-menu .navigation > li > ul > li > ul > li > a:after{ background: var(--theme-color-three); } .header-style-three .main-menu .navigation > li > ul > li.dropdown.current:after, .header-style-three .main-menu .navigation > li > ul > li.dropdown:hover:after{ color: var(--theme-color-three); } .header-style-three .main-menu .navigation > li > ul > li > ul > li > a:hover{ color: var(--theme-color-three); } .header-style-three .menu-right-content .search-box-outer{ margin-right: 30px; margin-left: 60px; } .header-style-three .menu-right-content .search-box-outer:before{ right: inherit; left: -30px; } .header-style-three .menu-right-content .search-box-outer:hover{ color: var(--theme-color-three); } .home_3 .theme-btn.btn-one{ background: var(--theme-color-three); } .home_3 .theme-btn.btn-one:hover{ background: #1b1d24; } /** banner-style-three **/ .banner-style-three{ position: relative; padding: 270px 0px 75px 0px; } .banner-style-three .pattern-layer .pattern-1{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: top center; } .banner-style-three .pattern-layer .pattern-2{ position: absolute; left: 0px; top: 0px; width: 100%; height: 1180px; background-size: cover; background-repeat: repeat-x; z-index: 1; } .banner-style-three .content-box{ position: relative; z-index: 5; } .banner-style-three .upper-box h2{ position: relative; display: block; font-size: 60px; line-height: 70px; font-weight: 700; margin-bottom: 20px; } .banner-style-three .upper-box h2 span{ color: var(--theme-color-three); } .banner-style-three p{ margin-bottom: 34px; } .banner-style-three .theme-btn{ background: #1b1d24; padding: 18px 37px; } .banner-style-three .theme-btn:hover{ background: var(--theme-color-three); } .banner-style-three .upper-box{ margin-bottom: 160px; } .banner-style-three .lower-box .icon-box{ position: relative; display: inline-block; width: 70px; height: 70px; line-height: 70px; background: #fff; text-align: center; border-radius: 50%; box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.20); margin-bottom: 27px; } .banner-style-three .lower-box .rating li{ position: relative; display: inline-block; font-size: 18px; color: var(--theme-color-three); } .banner-style-three .lower-box p{ position: relative; display: block; margin-top: 4px; } .banner-style-three .lower-box p a{ position: relative; display: inline-block; font-size: 17px; color: #1b1d24; font-weight: 600; } .banner-style-three .lower-box p a span{ position: relative; padding-right: 20px; } .banner-style-three .lower-box p a span:before{ position: absolute; content: "\f101"; font-family: 'flaticon'; bottom: -3px; right: 0px; font-size: 20px; font-weight: 40; transition: all 500ms ease; } .banner-style-three .lower-box p a:hover span:before{ transform: rotate(-45deg); } .banner-style-three .lower-box p a:hover{ color: var(--theme-color-three); } .banner-style-three .content-box .inner-box{ position: absolute; left: 100px; top: 50%; transform: translateY(-50%); width: 170px; background: #fff; border-radius: 5px; padding: 20px 20px 25px 20px; box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.10); } .banner-style-three .content-box .inner-box h5{ display: block; font-size: 18px; line-height: 24px; font-weight: 600; margin-bottom: 3px; } .banner-style-three .content-box .inner-box h2{ display: block; font-size: 48px; line-height: 50px; font-weight: 600; color: var(--theme-color-three); margin-bottom: 18px; } .banner-style-three .content-box .inner-box h2 span{ position: relative; font-size: 20px; top: 12px; right: 10px; } .banner-style-three .image-layer .image-1{ position: absolute; left: 30px; bottom: 0px; } .banner-style-three .image-layer .image-2{ position: absolute; top: 180px; right: 290px; } .banner-style-three .image-layer .image-3{ position: absolute; right: 160px; top: 430px; z-index: 1; } .banner-style-three .image-layer .image-4{ position: absolute; right: 340px; bottom: 220px; z-index: 1; } .float-bob-y { animation-name: float-bob-y; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: float-bob-y; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: float-bob-y; -moz-animation-duration: 2s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: float-bob-y; -ms-animation-duration: 2s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: float-bob-y; -o-animation-duration: 2s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } .float-bob-x{ animation-name: float-bob-x; animation-duration: 15s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: float-bob-x; -webkit-animation-duration: 15s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: float-bob-x; -moz-animation-duration: 15s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: float-bob-x; -ms-animation-duration: 15s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: float-bob-x; -o-animation-duration: 15s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } /** feature-section **/ .feature-section{ position: relative; padding-bottom: 120px; z-index: 1; } .feature-block-one .inner-box{ position: relative; display: block; overflow: hidden; border-radius: 5px; border: 1px solid #eae8e5; background: #fff; padding: 69px 30px 31px 29px; transition: all 500ms ease; } .feature-block-one .inner-box:hover{ border-color: transparent; } .feature-block-one .inner-box:before{ position: absolute; content: ''; background: -webkit-linear-gradient(-90deg, #890f3d 0%, #ce193d 100%); width: 100%; height: 0%; left: 0px; top: 0px; border-radius: 5px; transition: all 500ms ease; } .feature-block-one .inner-box:hover:before{ height: 100%; } .feature-block-one .inner-box .icon-inner{ position: relative; display: inline-block; margin-bottom: 33px; } .feature-block-one .inner-box .icon-box{ position: relative; display: inline-block; width: 70px; height: 70px; line-height: 70px; background: #fff; text-align: center; border-radius: 50%; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10); } .feature-block-one .inner-box .icon-inner .shape{ position: absolute; width: 110px; height: 110px; top: -30px; right: -30px; background-repeat: no-repeat; transition: all 500ms ease; } .feature-block-one .inner-box:hover .icon-inner .shape{ opacity: 0.2; } .feature-block-one .inner-box h6{ display: block; font-size: 14px; line-height: 24px; font-weight: 700; text-transform: uppercase; margin-bottom: 3px; transition: all 500ms ease; } .home_3 .feature-block-one .inner-box h6{ color: var(--theme-color-three); } .feature-block-one .inner-box:hover h6{ color: #fff; } .feature-block-one .inner-box h3{ display: block; font-size: 22px; line-height: 32px; font-weight: 600; margin-bottom: 14px; } .feature-block-one .inner-box h3 a{ display: inline-block; color: #1b1d24; } .feature-block-one .inner-box h3 a:hover{ text-decoration: underline; } .feature-block-one .inner-box:hover h3 a, .feature-block-one .inner-box:hover p{ color: #fff; } .feature-block-one .inner-box p{ margin-bottom: 19px; transition: all 500ms ease; } .feature-block-one .inner-box:hover .link-box a{ color: #fff; } /** pricing-style-three **/ .pricing-style-three{ position: relative; padding: 112px 0px 112px 0px; background: #f6f4f2; } .home_3 .sec-title h2 span{ color: var(--theme-color-three); } .pricing-block-two .inner-box{ position: relative; display: block; background: #fff; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10); border-radius: 5px; padding: 16px 20px 15px 65px; margin-bottom: 30px; } .pricing-block-two .inner-box .link{ position: absolute; left: 20px; top: 20px; } .pricing-block-two .inner-box .link a{ position: relative; display: inline-block; width: 30px; height: 30px; line-height: 40px; font-size: 24px; background: #f5f3f1; text-align: center; border-radius: 50%; } .pricing-block-two .inner-box .link.red a{ color: #ec404c; } .pricing-block-two .inner-box .link.green a{ color: #51b662; } .pricing-block-two .inner-box .link a:hover{ background: #1b1d24; } .pricing-block-two .inner-box .currency-box{ position: relative; display: flex; align-items: center; justify-content: space-between; } .pricing-block-two .inner-box .currency-box .list-item li{ position: relative; display: inline-block; float: left; font-size: 14px; line-height: 24px; color: #1b1d24; font-weight: 700; text-transform: uppercase; margin-right: 10px; } .pricing-block-two .inner-box .currency-box .list-item li:last-child{ margin: 0px !important; } .pricing-block-two .inner-box .currency-box .list-item li i{ position: relative; font-size: 20px; color: #a6a4a1; top: 2px; } .pricing-block-two .inner-box .red{ color: #ec404c; } .pricing-block-two .inner-box .green{ color: #51b662; } .pricing-block-two .inner-box p{ position: relative; display: flex; align-items: center; justify-content: space-between; font-size: 15px; line-height: 24px; margin-top: 6px; } .pricing-block-two .inner-box .currency-rate{ position: relative; font-size: 15px; line-height: 24px; top: -2px; } .home_3 .link-box a:hover{ color: var(--theme-color-three); } .pricing-style-three .link-box{ padding-top: 12px; } .pricing-style-three .pattern-layer{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } /** markets-section **/ .markets-section{ position: relative; } .markets-section .owl-carousel .owl-stage-outer{ overflow: visible; } .markets-section .owl-carousel .owl-stage-outer .owl-item{ opacity: 0; } .markets-section .owl-carousel .owl-stage-outer .owl-item.active{ opacity: 1; } .markets-block-one{ padding: 0px 20px; max-width: 370px; margin: 0 auto; } .markets-block-one .inner-box{ position: relative; display: block; background: #f5f3f1; border-radius: 5px; text-align: center; } .markets-block-one .inner-box .image-box{ position: relative; display: block; overflow: hidden; } .markets-block-one .inner-box .image-box .image{ position: relative; display: block; border-radius: 5px 5px 0px 0px; overflow: hidden; } .markets-block-one .inner-box .image-box .image img{ width: 100%; border-radius: 5px 5px 0px 0px; transition: all 500ms ease; } .markets-block-one .inner-box:hover .image-box .image img{ transform: scale(1.05); } .markets-block-one .inner-box .image-box .shape{ position: absolute; left: 0px; bottom: -30px; width: 100%; height: 122px; background-size: cover; background-repeat: no-repeat; opacity: 0; transition: all 500ms ease; } .markets-block-one .inner-box:hover .image-box .shape{ bottom: 0px; opacity: 1; } .markets-block-one .inner-box .lower-content{ position: relative; display: block; padding: 0px 30px 26px 30px; } .markets-block-one .inner-box .lower-content h3{ position: relative; display: block; font-size: 22px; line-height: 32px; font-weight: 600; padding: 14px 15px; z-index: 1; margin-bottom: 28px; } .markets-block-one .inner-box .lower-content h3:before{ position: absolute; content: ''; background: #fff; width: calc(100% + 100px); height: 100%; left: -50px; top: 0px; border-radius: 5px; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10); z-index: -1; } .markets-block-one .inner-box .lower-content h3 a{ display: inline-block; color: #1b1d24; } .markets-block-one .inner-box .lower-content h3 a:hover{ color: var(--theme-color); } .home_3 .markets-block-one .inner-box .lower-content h3 a:hover{ color: var(--theme-color-three); } .markets-block-one .inner-box .lower-content p{ margin-bottom: 14px; } .markets-section .owl-nav{ position: absolute; top: -118px; right: 0px; } .markets-section .owl-nav button{ border: 1px solid #eae8e5; width: 58px; height: 58px; line-height: 58px; } .markets-section .owl-nav button.owl-prev{ margin-right: 10px; } .markets-section .owl-nav button:hover{ background: var(--theme-color-three); border-color: var(--theme-color-three); } /** ebook-section **/ .ebook-section{ position: relative; background: #f5f3f1; padding: 120px 0px; } .ebook-section .image-box{ position: relative; display: block; margin-right: 38px; } .ebook-section .image-box img{ position: relative; width: 100%; } .ebook-section .image-box .image-shape{ position: absolute; left: -60px; top: 0px; width: 508px; height: 508px; background-repeat: no-repeat; } .ebook-section .content-box{ position: relative; display: block; margin-top: -6px; } .ebook-section .content-box .sec-title{ margin-bottom: 31px; } .ebook-section .content-box .text-box{ margin-bottom: 22px; } .ebook-section .content-box h6{ position: relative; display: inline-block; font-size: 14px; line-height: 18px; font-weight: 700; text-transform: uppercase; border-bottom: 2px solid var(--theme-color); margin-bottom: 22px; } .home_3 .ebook-section .content-box h6{ border-bottom: 2px solid var(--theme-color-three); } .ebook-section .content-box .list-item li{ position: relative; display: block; margin-bottom: 10px; } .ebook-section .content-box .list-item li{ position: relative; display: block; margin-bottom: 14px; padding-left: 20px; } .ebook-section .content-box .list-item li:last-child{ margin-bottom: 0px; } .ebook-section .content-box .list-item li:before{ position: absolute; content: ''; width: 2px; height: 14px; left: 2px; top: 8px; background: var(--theme-color); } .ebook-section .content-box .list-item li:after{ position: absolute; content: ''; width: 6px; height: 8px; left: 0px; top: 11px; background: var(--theme-color); } .home_3 .ebook-section .content-box .list-item li:after, .home_3 .ebook-section .content-box .list-item li:before{ background: var(--theme-color-three); } .ebook-section .content-box .list-item li h4{ position: relative; display: inline-block; font-size: 20px; line-height: 30px; font-weight: 600; padding-right: 26px; } .ebook-section .content-box .list-item li h4 span{ position: absolute; top: -13px; right: 0px; } .home_3 .ebook-section .content-box .list-item li h4 span{ color: var(--theme-color-three); } .ebook-section .content-box .list-item{ margin-bottom: 42px; } .ebook-section .content-box .btn-box .theme-btn{ background: #1b1d24; padding: 15px 37px; } .home_3 .ebook-section .content-box .btn-box .theme-btn:hover{ background: var(--theme-color-three); } .ebook-section .content-box .btn-box .theme-btn:hover{ background: var(--theme-color); } /** platform-style-two **/ .platform-style-two{ position: relative; padding: 113px 0px 90px 0px; } .platform-style-two .image-box{ position: relative; display: block; margin-right: 30px; padding-right: 85px; } .platform-style-two .image-box img{ position: relative; width: 100%; } .platform-style-two .image-box .image-shape{ position: absolute; top: -60px; right: 0px; width: 480px; height: 480px; background-repeat: no-repeat; } .platform-style-two .content-box{ position: relative; display: block; } .platform-style-two .content-box .sec-title{ margin-bottom: 31px; } .platform-style-two .content-box .text-box{ margin-bottom: 32px; } .platform-style-two .content-box .download-list li{ position: relative; display: block; margin-bottom: 21px; padding-left: 60px; } .platform-style-two .content-box .download-list li:last-child{ margin-bottom: 0px; } .platform-style-two .content-box .download-list li .icon-box{ position: absolute; left: 0px; top: 2px; font-size: 24px; width: 21px; color: var(--theme-color); } .home_3 .platform-style-two .content-box .download-list li .icon-box{ color: var(--theme-color-three); } .platform-style-two .content-box .download-list li .icon-box:before{ position: absolute; content: ''; background: #eae8e5; width: 1px; height: 30px; top: 0px; right: -18px; } .platform-style-two .upper-box{ margin-bottom: 100px; } .platform-style-two .single-item{ position: relative; display: block; overflow: hidden; margin-bottom: 30px; } .platform-style-two .single-item .static-content{ position: relative; display: block; border: 1px solid #eae8e5; border-radius: 5px; padding: 24px 30px; background: #fff; } .platform-style-two .single-item .static-content h4{ position: relative; display: inline-block; font-size: 20px; line-height: 30px; font-weight: 600; padding-left: 45px; padding-right: 25px; } .platform-style-two .single-item .static-content h4 img{ position: absolute; left: 0px; top: 2px; } .platform-style-two .single-item .static-content h4 span{ position: absolute; top: -13px; right: 0px; color: #a6a4a1; } .platform-style-two .single-item .overlay-content{ position: absolute; left: 0px; top: 20px; width: 100%; height: 100%; background: #1b1d24; border-radius: 5px; padding: 12px 30px; opacity: 0; z-index: 1; transition: all 500ms ease; } .platform-style-two .single-item .overlay-content p{ color: #a8aaaf; } .platform-style-two .single-item:hover .overlay-content{ top: 0px; opacity: 1; } .platform-style-two .lower-box{ position: relative; } .platform-style-two .lower-box .shape{ position: absolute; left: 0px; bottom: -30px; width: 100%; height: 466px; background-size: cover; background-repeat: no-repeat; z-index: -1; } /** benefits-section **/ .benefits-section{ position: relative; padding: 120px 0px; overflow: hidden; } .benefits-section .bg-layer{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed; } .benefits-section .bg-layer:before{ position: absolute; content: ''; background: #1b1d24; width: 100%; height: 100%; left: 0px; top: 0px; opacity: 0.9; } .benefits-section .content-box{ position: relative; display: block; background: #fff; padding: 39px 50px 50px 50px; border-radius: 5px; overflow: hidden; } .benefits-section .content-box .sec-title{ margin-bottom: 30px; } .benefits-section .content-box h3{ position: relative; display: inline-block; font-size: 26px; line-height: 36px; font-weight: 600; padding-right: 28px; margin-bottom: 13px; } .benefits-section .content-box h3 span{ position: absolute; top: -11px; right: 0px; color: var(--theme-color-three); font-size: 20px; } .benefits-section .content-box .list-item li{ position: relative; display: block; padding-left: 34px; margin-bottom: 11px; } .benefits-section .content-box .list-item li:last-child{ margin-bottom: 0px; } .benefits-section .content-box .list-item li:before{ position: absolute; content: ''; background-image: url(../../assets/images/icons/icon-55.png); left: 0px; top: 9px; width: 14px; height: 12px; background-repeat: no-repeat; } .benefits-section .content-box .list-item{ margin-bottom: 33px; } .benefits-section .owl-nav{ position: absolute; right: 50px; bottom: 50px; } .benefits-section .owl-nav button{ border: 1px solid #eae8e5; } .benefits-section .owl-nav button.owl-prev{ margin-right: 10px; } .home_3 .benefits-section .owl-nav button:hover{ background: var(--theme-color-three); border-color: var(--theme-color-three); } .benefits-section .content-box .theme-btn{ background: #1b1d24; padding: 15px 37px; } .home_3 .benefits-section .content-box .theme-btn:hover{ background: var(--theme-color-three); } .benefits-section .content-box .shape{ position: absolute; left: 0px; bottom: 0px; width: 100%; height: 312px; background-size: cover; background-repeat: no-repeat; } .benefits-section .pattern-layer{ position: absolute; left: 0px; bottom: 0px; width: 1543px; height: 519px; background-repeat: no-repeat; } /** news-style-three **/ .news-style-three{ position: relative; padding: 112px 0px 80px 0px; } .news-style-three .sec-title h2{ margin-bottom: 13px; } .news-style-three .sec-title p{ margin-bottom: 21px; } .news-style-three .subscribe-box{ position: relative; display: block; border: 2px solid var(--theme-color-three); border-radius: 5px; padding: 26px 30px 33px 30px; } .news-style-three .subscribe-box h3{ display: block; font-size: 22px; line-height: 32px; font-weight: 600; margin-bottom: 4px; } .news-style-three .subscribe-box p{ position: relative; display: block; margin-bottom: 22px; } .news-style-three .form-inner .form-group{ position: relative; display: block; margin-bottom: 14px; } .news-style-three .form-inner .form-group:last-child{ margin-bottom: 0px; } .news-style-three .form-inner .form-group input[type='email']{ position: relative; display: block; width: 100%; height: 58px; background: #f5f3f1; border: 1px solid #f5f3f1; border-radius: 5px; padding: 10px 50px 10px 20px; font-size: 17px; color: #7c7b7a; transition: all 500ms ease; } .home_3 .news-style-three .form-inner .form-group input[type='email']:focus{ border-color: var(--theme-color-three); } .news-style-three .form-inner .form-group .icon{ position: absolute; top: 15px; right: 20px; font-size: 18px; color: var(--theme-color-three); z-index: 1; } .news-style-three .form-inner .form-group button[type='submit']{ background: #1b1d24; padding: 15px 37px; } .home_3 .news-style-three .form-inner .form-group button[type='submit']:hover{ background: var(--theme-color-three); } .news-style-three .sec-title{ margin-bottom: 68px; } .news-style-three .news-block-one .inner-box{ padding-left: 400px; margin-bottom: 40px; } .news-style-three .news-block-one .inner-box .image-box{ position: absolute; left: 0px; top: 0px; } .news-style-three .news-block-one .inner-box .lower-content{ padding: 0px !important; top: -4px; } .home_3 .news-block-one .inner-box .image-box .image{ background: var(--theme-color-three); } .news-style-three .news-block-one .inner-box .lower-content h3{ font-size: 24px; line-height: 34px; } .home_3 .news-block-one .inner-box .lower-content h3 a:hover{ color: var(--theme-color-three); } .home_3 .news-block-one .inner-box .lower-content .author-box h6:before{ background: var(--theme-color-three); } .home_3 .news-block-one .inner-box .lower-content .author-box .post-info li span.dots{ color: var(--theme-color-three); } .news-style-three .news-block-one .inner-box .lower-content .author-box .post-info li span.dots{ margin-right: 3px; } .news-block-one .inner-box .lower-content .link-box{ margin-top: 27px; } .news-style-three .left-content{ margin-top: -7px; } /** contact-section **/ .contact-section{ position: relative; background: #1b1d24; } /** language-switcher **/ .language-picker label{ display: none; } .language-picker .nice-select{ display: none; } .language-picker{ position: absolute; top: 10px; right: 10px; } .language-picker .language-picker__button{ background: #262830; border-radius: 5px; padding: 9.5px 15px; z-index: 9999999; text-align: left; width: 78px; } .language-picker .language-picker__button:before{ position: absolute; content: '\f0d7'; font-family: 'Font Awesome 6 Free'; font-size: 16px; top: 11px; right: 15px; color: #a8a9b3; font-weight: 900; } .language-picker__button .icon { display: none; } .language-picker__dropdown { position: absolute; left: 0; top: 100%; width: 78px; background-color: #262830; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10); padding: 15px 15px; border-radius: 5px; text-align: center; visibility: hidden; opacity: 0; z-index: 2; transition: visibility 0s .2s, opacity .2s, -webkit-transform .2s ease-out; transition: visibility 0s .2s, opacity .2s, transform .2s ease-out; transition: visibility 0s .2s, opacity .2s, transform .2s ease-out, -webkit-transform .2s ease-out } .language-picker__button[aria-expanded=true]+.language-picker__dropdown { visibility: visible; opacity: 1; -webkit-transform: translateY(4px); -ms-transform: translateY(4px); transform: translateY(4px); transition: opacity .2s, -webkit-transform .2s ease-out; transition: opacity .2s, transform .2s ease-out; transition: opacity .2s, transform .2s ease-out, -webkit-transform .2s ease-out } .language-picker__item span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .language-picker__item:hover { } .language-picker__button{ border: none !important; padding: 0px; } .language-picker__flag { position: relative; display: inline-block; width: 26px; height: 26px; border-radius: 50%; } .language-picker__flag em{ font-style: normal; } .language-picker__flag::before { position: absolute; content: ''; height: 26px; width: 26px; top: 4px; left: 0px; border-radius: 50%; background-repeat: no-repeat; background-size: cover; background-position: center; } .language-picker__flag.language-picker__label:before{ top: 3px; left: 0px; } .language-picker__dropdown .language-picker__flag::before { margin-right: .5rem; margin-right: var(--space-xs) } .language-picker__flag--deutsch::before { background-image: url(../images/icons/flag-deutsch.png); } .language-picker__flag--english::before { background-image: url(../images/icons/flag-english.png); } .language-picker__flag--francais::before { background-image: url(../images/icons/flag-francais.png); } .language-picker__flag--italiano::before { background-image: url(../images/icons/flag-italiano.png); } .language-picker--hide-label .language-picker__button .icon { margin-left: 0 } .language-picker--hide-label .language-picker__button em { display: none } .language-picker--hide-label .language-picker__button .language-picker__flag::before { margin-right: .25rem; margin-right: var(--space-xxxs) } .language-picker__flag.language-picker__label:after{ position: absolute; content: "\f13c"; font-family: 'flaticon'; font-size: 20px; right: 0px; top: -4px; font-weight: 400; } .contact-section .left-content{ position: relative; display: block; border: 1px solid #353840; border-radius: 5px; } .contact-section .form-group{ position: relative; border-bottom: 1px solid #353840; } .contact-section .form-group:last-child{ border-bottom: none; } .contact-section .form-group input[type='text'], .contact-section .form-group input[type='email'], .contact-section .form-group textarea{ position: relative; display: block; width: 100%; height: 72px; text-align: left; font-size: 17px; color: #a8a9b3; padding: 10px 100px 10px 30px; transition: all 500ms ease; } .contact-section .form-group input:focus, .contact-section .form-group textarea:focus{ color: #fff; } .contact-section .form-group textarea{ height: 293px; border: 1px solid #353840; border-radius: 5px; resize: none; padding-top: 15px; } .contact-section .check-box{ margin-top: 42px; margin-bottom: 25px; } .check-box input { display: none; } .check-box label { position: relative; font-size: 17px; color: #a8a9b3; padding-left: 24px; display: inline-block; cursor: pointer; margin-bottom: 0px; } .check-box label:before{ position: absolute; content: ''; left: 0px; top: 7px; width: 15px; height: 15px; border-radius: 3px; border-style: solid; border-width: 1px; border-color: #353840; background: transparent; } .check-box label:after { position: absolute; content: ''; left: 4px; top: 11px; width: 7px; height: 7px; border-radius: 2px; background: var(--theme-color); opacity: 0; transition: all 500ms ease; } .home_3 .check-box label:after{ background: var(--theme-color-three); } .check-box input:checked + label:after { opacity: 1; } .home_3 .contact-section .message-btn .theme-btn{ background: #fff; color: #1b1d24; padding: 15px 37px; } .home_3 .contact-section .message-btn .theme-btn:hover{ background: var(--theme-color-three); } .contact-section .message-btn .theme-btn:hover{ color: #fff; } .contact-section .pattern-layer{ position: absolute; right: 0px; bottom: 0px; width: 100%; height: 100%; background-repeat: no-repeat; background-position: bottom right; } /** footer-style-three **/ .footer-style-three{ position: relative; background: #fff; } .footer-style-three .widget-section{ position: relative; padding: 112px 0px 110px 0px; border-bottom: 1px solid #eae8e5; } .footer-style-three .logo-widget .footer-logo{ margin-bottom: 22px; } .footer-style-three h3{ position: relative; display: block; font-size: 22px; line-height: 32px; font-weight: 600; } .footer-style-three .logo-widget{ margin-top: 8px; } .footer-style-three .logo-widget h3{ margin-bottom: 9px; } .footer-style-three .logo-widget p{ display: block; margin-bottom: 20px; } .footer-style-three a{ display: inline-block; color: #7c7b7a; font-family: var(--text-font); } .footer-style-three p{ color: #7c7b7a; } .footer-style-three a:hover{ color: var(--theme-color-three); } .footer-style-three .social-links li{ position: relative; display: inline-block; float: left; margin-right: 20px; } .footer-style-three .social-links li:last-child{ margin: 0px !important; } .footer-style-three .social-links li a{ position: relative; display: inline-block; font-size: 24px; color: #a6a4a1; } .footer-style-three .social-links li a:hover{ color: var(--theme-color-three); } .footer-style-three .widget-title{ position: relative; display: block; padding-left: 17px; margin-bottom: 15px; } .footer-style-three .widget-title:before{ position: absolute; content: ''; background: var(--theme-color-three); width: 2px; height: 16px; left: 2px; top: 7px; } .footer-style-three .widget-title:after{ position: absolute; content: ''; background: var(--theme-color-three); width: 6px; height: 8px; left: 0px; top: 11px; } .footer-style-three .links-widget .links-list li{ margin-bottom: 10px; } .footer-style-three .links-widget .links-list li:last-child{ margin-bottom: 0px; } .footer-style-three .apps-widget p{ color: #1b1d24; margin-bottom: 11px; } .footer-style-three .apps-widget .download-apps li{ position: relative; display: inline-block; float: left; margin-right: 8px; } .footer-style-three .apps-widget .download-apps li:last-child{ margin: 0px !important; } .footer-style-three .apps-widget .download-apps li a{ position: relative; display: inline-block; width: 50px; height: 50px; line-height: 50px; font-size: 20px; color: #abaeab; border: 1px solid #e7ebea; border-radius: 50%; text-align: center; } .footer-style-three .apps-widget .download-apps li a:hover{ color: #fff; background: var(--theme-color-three); border-color: var(--theme-color-three); } .footer-style-three .apps-widget .list-item li{ position: relative; display: block; margin-bottom: 10px; padding-left: 30px; } .footer-style-three .apps-widget .list-item li:last-child{ margin-bottom: 0px; } .footer-style-three .apps-widget .list-item{ margin-bottom: 22px; } .footer-style-three .apps-widget .list-item li:before{ position: absolute; content: "\f00c"; font-family: 'Font Awesome 6 Free'; left: 0px; top: 0px; color: var(--theme-color-three); font-weight: 900; } .footer-bottom-three{ padding: 22px 0px; } .footer-bottom-three p a{ color: var(--theme-color-three); } .footer-bottom-three p a:hover{ text-decoration: underline; } .footer-style-three .pattern-layer{ position: absolute; left: 0px; bottom: 0px; width: 100%; height: 155px; background-repeat: repeat-x; } /** page-title **/ .page-title{ position: relative; padding: 137px 0px 31px 0px; } .page-title .bg-layer{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .page-title .bg-layer:before{ position: absolute; content: ''; background: #1b1e31; width: 100%; height: 100%; left: 0px; top: 0px; opacity: 0.6; } .page-title h1{ position: relative; display: block; font-size: 60px; line-height: 70px; color: #fff; font-weight: 700; margin-bottom: 5px; } .page-title p{ display: block; color: #ceced6; margin-bottom: 134px; } .page-title .bread-crumb li{ position: relative; display: inline-block; float: left; font-size: 17px; line-height: 28px; color: #fff; font-family: var(--title-font); font-weight: 600; margin-right: 36px; } .page-title .bread-crumb li:last-child{ margin: 0px !important; } .page-title .bread-crumb li a{ display: inline-block; color: #fff; } .page-title .bread-crumb li a:hover{ color: var(--theme-color); } .page-title .bread-crumb li:before{ position: absolute; content: "\f103"; font-family: 'flaticon'; font-size: 20px; top: 0px; right: -27px; color: var(--theme-color); font-weight: 400; } .page-title .bread-crumb li:last-child:before{ display: none; } /** markets-page-section **/ .markets-page-section{ position: relative; padding-top: 120px; padding-bottom: 68px; } .markets-page-section .markets-block-one .inner-box{ margin-bottom: 50px; } .markets-page-section .markets-block-one .inner-box .image-box .shape{ width: calc(100% + 4px); left: -2px; bottom: -2px; opacity: 1; } .markets-page-section .markets-block-one .inner-box:hover .image-box .shape{ opacity: 0; bottom: -30px; } /** markets-style-two **/ .markets-style-two{ position: relative; padding-top: 120px; } .markets-style-two .inner-container{ position: relative; width: 100%; padding: 100px 0px; z-index: 1; } .markets-style-two .inner-container:before{ position: absolute; content: ''; background: #1b1e31; width: calc(100% + 200px); height: 100%; left: -100px; top: 0px; border-radius: 5px; } .markets-style-two .content-box{ position: relative; display: block; margin-top: -7px; } .markets-style-two .content-box .sec-title{ margin-bottom: 30px; } .markets-style-two .content-box .text-box{ position: relative; margin-bottom: 42px; } .markets-style-two .content-box .text-box h4{ position: relative; display: block; font-size: 20px; line-height: 30px; color: #fff; font-weight: 600; margin-bottom: 15px; } .markets-style-two .content-box .text-box p{ color: #a8a9b3; } .markets-style-two .content-box .btn-inner{ position: relative; display: flex; align-items: center; } .markets-style-two .content-box .btn-inner .btn-box{ margin-right: 30px; } .markets-style-two .content-box .btn-inner .link-box a{ color: #fff; } .markets-style-two .content-box .btn-inner .btn-box .theme-btn{ padding: 15px 37px; } .markets-style-two .content-box .btn-inner .theme-btn:hover{ background: #fff; color: var(--theme-color); } .markets-style-two .image-box{ position: relative; display: block; overflow: hidden; border-radius: 5px; } .markets-style-two .image-box:before{ position: absolute; top: 0; left: -80%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3))); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); -webkit-transform: skewX(-25deg); -ms-transform: skewX(-25deg); transform: skewX(-25deg); z-index: 1; } .markets-style-two .image-box:hover:before { -webkit-animation: shine 1s; animation: shine 1s; } .markets-style-two .image-box img{ width: 100%; border-radius: 5px; } .markets-style-two .shape{ position: absolute; left: -100px; top: 0px; width: calc(100% + 200px); height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .chooseus-section .owl-nav{ position: absolute; top: -118px; right: 0px; } .chooseus-section .owl-nav button{ background: transparent; border: 1px solid #32364f; color: #fff; } .chooseus-section .owl-nav button.owl-prev{ margin-right: 10px; } .chooseus-section.market-details-page .chooseus-block-one .inner-box h3 a{ color: #fff; } .chooseus-section.market-details-page .chooseus-block-one .inner-box h3 a:hover{ color: var(--theme-color); } .chooseus-section.market-details-page .chooseus-block-one .inner-box p{ color: #a8a9b3; } /** video-section **/ .video-section{ position: relative; padding: 120px 0px; } .video-section .video-inner{ position: relative; display: block; width: 100%; text-align: center; padding: 163px 0px; max-width: 540px; background-size: cover; background-repeat: no-repeat; background-position: center; } .video-section .video-inner .video-btn a{ position: relative; display: inline-block; } .video-section .content-box{ position: relative; display: block; } .video-section .content-box .sec-title{ margin-bottom: 30px; } .video-section .content-box .text-box p{ margin-bottom: 30px; } .home_3 .scroll-top:hover{ background: var(--theme-color-three); border-color: var(--theme-color-three); } .video-section .content-box .text-box a{ position: relative; display: inline-block; padding-left: 36px; font-size: 17px; line-height: 26px; color: #1b1e31; font-weight: 600; } .video-section .content-box .text-box a:hover{ color: var(--theme-color); } .video-section .content-box .text-box a i{ position: absolute; display: inline-block; left: 0px; top: 0px; width: 26px; height: 26px; line-height: 30px; font-size: 12px; color: #fff; background: var(--theme-color); text-align: center; border-radius: 50%; } .video-section .pattern-layer .pattern-1{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .video-section .pattern-layer .pattern-2{ position: absolute; left: 0px; top: 0px; height: 100%; width: 1147px; background-size: cover; background-repeat: no-repeat; } .faq-section{ padding-bottom: 110px; } .platform-style-two.alternat-2 .image-box{ padding-right: 0px; } .platform-style-two.alternat-2 .image-box .image-shape{ right: 120px; } .platform-style-two .pattern-layer{ position: absolute; left: 0px; bottom: 0px; width: 100%; height: 379px; background-repeat: repeat-x; } .account-section.account-page{ padding-bottom: 120px; } .account-style-two.account-page{ background: #fff; } .account-style-two.account-page .account-block-two .recommended-box h6:before{ background: -webkit-linear-gradient(-90deg, #ed991f, #ed991f 100%); -webkit-background-clip: text; } .account-block-two .inner-box .upper-box .overlay-shape { position: absolute; left: -1px; bottom: 1px; width: 370px; height: 248px; background-repeat: no-repeat; opacity: 0; transition: all 500ms ease; } .account-block-two .inner-box:hover .upper-box .overlay-shape{ opacity: 1; } /** account-details **/ .account-details{ position: relative; } .account-details .sidebar-side{ position: relative; padding-top: 113px; padding-bottom: 70px; } .account-details .sidebar-side:before{ position: absolute; content: ''; background: #f4f4f4; width: 5000px; height: 100%; top: 0px; right: 35px; } .account-sidebar{ position: relative; display: block; margin-right: 100px; } .account-sidebar .widget-title{ position: relative; display: block; padding-left: 17px; margin-bottom: 22px; } .account-sidebar .widget-title:before{ position: absolute; content: ''; background: var(--theme-color); width: 2px; height: 16px; left: 2px; top: 7px; } .account-sidebar .widget-title:after{ position: absolute; content: ''; background: var(--theme-color); width: 6px; height: 8px; left: 0px; top: 11px; } .account-sidebar .widget-title h3{ font-size: 22px; line-height: 32px; font-weight: 600; } .account-sidebar .category-widget .widget-content li{ position: relative; display: block; margin-bottom: 10px; } .account-sidebar .category-widget .widget-content li:last-child{ margin-bottom: 0px; } .account-sidebar .category-widget .widget-content li a{ position: relative; display: block; background: #fff; padding: 15px 20px; border-radius: 5px; border: 1px solid #fff; } .account-sidebar .category-widget .widget-content li a:hover, .account-sidebar .category-widget .widget-content li a.current{ background: transparent; border-color: var(--theme-color); } .account-sidebar .category-widget .widget-content li a h5{ display: block; font-size: 18px; line-height: 28px; font-weight: 600; padding-right: 25px; transition: all 500ms ease; } .account-sidebar .category-widget .widget-content li a:hover h5, .account-sidebar .category-widget .widget-content li a.current h5{ color: var(--theme-color); } .account-sidebar .category-widget .widget-content li a h5:before{ position: absolute; content: "\f101"; font-family: 'flaticon'; top: 0px; right: 0px; font-size: 20px; font-weight: 400; color: #a1a1a1; transition: all 500ms ease; } .account-sidebar .category-widget .widget-content li a:hover h5:before, .account-sidebar .category-widget .widget-content li a.current h5:before{ transform: rotate(-45deg); color: var(--theme-color); } .account-sidebar .category-widget{ margin-bottom: 42px; } .account-sidebar .contact-widget .widget-content{ position: relative; display: block; background: #1b1e31; padding: 23px 20px 34px 20px; border-radius: 5px; } .account-sidebar .contact-widget .text-box{ padding-bottom: 22px; border-bottom: 1px solid #32364f; } .account-sidebar .contact-widget .text-box p{ color: #afb0bd; } .account-sidebar .contact-widget .info-list li{ position: relative; display: block; padding: 18px 0px 18px 35px; border-bottom: 1px solid #32364f; } .account-sidebar .contact-widget .info-list li .icon{ position: absolute; left: 0px; top: 18px; } .account-sidebar .contact-widget .info-list li a{ color: #afb0bd; font-family: var(--text-font); } .account-sidebar .contact-widget .info-list li a:hover{ color: var(--theme-color); } .account-sidebar .contact-widget .assistance-box{ position: relative; display: block; padding: 1px 0px 3px 85px; margin-top: 30px; } .account-sidebar .contact-widget .assistance-box .assistance-thumb{ position: absolute; left: 0px; top: 0px; width: 60px; height: 60px; border-radius: 50%; } .account-sidebar .contact-widget .assistance-box .assistance-thumb:before{ position: absolute; content: ''; width: 30px; height: 30px; line-height: 30px; background: var(--theme-color); background-repeat: no-repeat; background-position: center; background-image: url(../images/icons/icon-28.png); border-radius: 50%; top: 0px; right: -10px; } .account-sidebar .contact-widget .assistance-box .assistance-thumb img{ width: 100%; border-radius: 50%; } .account-sidebar .contact-widget .assistance-box .link-box a{ color: #fff; } .account-sidebar .contact-widget .assistance-box .link-box a:hover{ color: var(--theme-color); } .account-sidebar .contact-widget{ margin-bottom: 50px; } .account-sidebar .download-widget{ position: relative; display: block; background: #fff; border-radius: 5px; overflow: hidden; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10); text-align: center; } .account-sidebar .download-widget .image-box{ position: relative; display: block; } .account-sidebar .download-widget .image-box img{ width: 100%; } .account-sidebar .download-widget .content-box{ position: relative; display: block; padding: 25px 30px 30px 30px; } .account-sidebar .download-widget .content-box h4{ display: block; font-size: 20px; line-height: 24px; font-weight: 600; margin-bottom: 8px; } .account-sidebar .download-widget .content-box h6{ position: relative; display: block; font-size: 14px; line-height: 24px; font-weight: 700; text-transform: uppercase; color: var(--theme-color); margin-bottom: 17px; } .account-sidebar .download-widget .content-box .theme-btn{ background: #1b1d24; padding: 15px 37px; } .account-sidebar .download-widget .content-box .theme-btn:hover{ background: var(--theme-color); } .account-details-content{ position: relative; display: block; padding: 113px 0px 80px 0px; } .account-details-content h2{ display: block; font-size: 40px; line-height: 50px; font-weight: 700; margin-bottom: 21px; } .account-details-content .content-one{ position: relative; margin-top: 45px; margin-bottom: 43px; } .account-details-content .content-one .image-box{ position: relative; display: block; margin-top: 8px; } .account-details-content .content-one .image-box img{ width: 100%; } .account-details-content .accordion-box .accordion .acc-btn, .account-details-content .accordion-box .block .acc-content{ padding: 0px; } .account-details-content .accordion .acc-btn.active p{ display: block; } .account-details-content .accordion-box .accordion{ border: none; background: transparent; margin-bottom: 24px; } .account-details-content .accordion-box .accordion:last-child{ margin-bottom: 0px; } .account-details-content .accordion-box .accordion h3{ position: relative; display: block; font-size: 22px; line-height: 32px; font-weight: 600; margin-bottom: 9px; } .account-details-content .accordion .acc-btn{ position: relative; padding-left: 26px !important; } .account-details-content .accordion .acc-btn:before{ position: absolute; content: ''; background: var(--theme-color); width: 2px; height: 16px; left: 2px; top: 7px; } .account-details-content .accordion .acc-btn:after{ position: absolute; content: ''; background: var(--theme-color); width: 6px; height: 8px; left: 0px; top: 11px; } .account-details-content .accordion .acc-content{ position: relative; padding-top: 10px !important; } .account-details-content .accordion .acc-content .list-item li{ position: relative; display: block; padding-left: 40px; margin-bottom: 8px; } .account-details-content .accordion .acc-content .list-item li:last-child{ margin-bottom: 0px; } .account-details-content .accordion .acc-content .list-item li:before{ position: absolute; content: ''; background: #dce0df; width: 26px; height: 1px; left: 0px; top: 14px; } .account-details-content h3{ position: relative; display: block; font-size: 26px; line-height: 36px; font-weight: 700; margin-bottom: 9px; } .account-details-content .content-two .text-box{ margin-bottom: 32px; } .account-details-content .content-two .list-item li{ position: relative; display: block; font-size: 17px; line-height: 28px; color: #1b1e31; padding: 13px 25px 13px 50px; border: 1px solid #e8e8e8; border-radius: 5px; margin-bottom: 20px; } .account-details-content .content-two .list-column:first-child .list-item li:nth-child(2), .account-details-content .content-two .list-column:last-child .list-item li:first-child, .account-details-content .content-two .list-column:last-child .list-item li:last-child{ background: #f4f4f4; border-color: #f4f4f4; } .account-details-content .content-two .list-item li .icon-box{ position: absolute; left: 17px; top: 13px; font-size: 14px; color: var(--theme-color); font-weight: 700; } .account-details-content .content-two .list-item li .icon-box i:first-child{ color: #ffb9a2; margin-right: -3px; } .account-details-content .content-two .list-item li span{ float: right; color: #6e6e6e; } .account-details-content .content-two .list-column{ padding: 0px 10px; } .account-details-content .content-two .list-item{ margin: 0px 5px; } .account-details-content .content-two{ padding-bottom: 32px; } .account-details-content .content-three .single-item{ position: relative; display: block; max-width: 300px; margin-bottom: 32px; } .account-details-content .content-three .text-box{ margin-bottom: 33px; } .account-details-content .content-three .single-item .icon-box{ position: relative; display: inline-block; width: 70px; height: 70px; line-height: 70px; border: 1px solid #e2e3e6; border-radius: 50%; text-align: center; margin-bottom: 23px; transition: all 500ms ease; } .account-details-content .content-three .single-item:hover .icon-box{ border-color: var(--theme-color); } .account-details-content .content-three .single-item .icon-box .shape{ position: absolute; top: 0px; right: 0px; width: 62px; height: 65px; background-repeat: no-repeat; z-index: -1; } .account-details-content .content-three .single-item h3{ position: relative; display: inline-block; font-size: 22px; line-height: 32px; font-weight: 600; padding-right: 25px; margin-bottom: 9px; } .account-details-content .content-three .single-item h3 span{ position: absolute; top: -13px; right: 0px; } .ebook-section.education-page{ background: #f4f4f4; } /** courses-section **/ .courses-section{ position: relative; padding: 113px 0px 140px 0px; } .courses-tab .p-tab { position: absolute; left: 0px; top: 0px; width: 100%; height: auto; opacity: 0; visibility: hidden; } .courses-tab .p-tab.active-tab { position: relative; visibility: visible; opacity: 1; z-index: 5; } .courses-tab .p-tabs-content { position: relative; display: block; } .courses-tab .p-tab.active-tab .content-inner { opacity: 1; top: 0px; -webkit-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .courses-tab .p-tab .content-inner { opacity: 0; top: 10px; } .courses-tab .courses-tab-btns .p-tab-btn{ position: relative; display: inline-block; margin-right: 80px; cursor: pointer; transition: all 500ms ease; } .courses-tab .courses-tab-btns .p-tab-btn:last-child{ margin: 0px !important; } .courses-tab .courses-tab-btns .p-tab-btn h5{ position: relative; font-size: 18px; line-height: 28px; color: #6e6e6e; font-weight: 700; transition: all 500ms ease; } .courses-tab .courses-tab-btns .p-tab-btn.active-btn h5{ color: #1b1e31; } .courses-tab .courses-tab-btns{ position: relative; width: 100%; padding-bottom: 22px; margin-bottom: 53px; border-bottom: 1px solid #e8e8e8; } .courses-tab .courses-tab-btns .p-tab-btn .bar{ position: absolute; background: #d8d8d8; width: 3px; border-radius: 3px; bottom: 8px; transition: all 500ms ease; } .courses-tab .courses-tab-btns .p-tab-btn.active-btn .bar{ background: var(--theme-color); } .courses-tab .courses-tab-btns .p-tab-btn .bar.bar-one{ left: -8px; height: 13px; } .courses-tab .courses-tab-btns .p-tab-btn .bar.bar-two{ height: 13px; left: -19px; } .courses-tab .courses-tab-btns .p-tab-btn .bar.bar-three{ height: 16px; left: -13px; } .courses-tab .courses-tab-btns .p-tab-btn .bar.bar-four{ left: -24px; height: 13px; } .courses-tab .courses-tab-btns .p-tab-btn .bar.bar-five{ left: -19px; height: 16px; } .courses-tab .courses-tab-btns .p-tab-btn .bar.bar-six{ left: -13px; height: 19px; } .courses-block-one .inner-box{ position: relative; display: block; padding: 0px 30px; } .courses-block-one .inner-box h3{ display: block; font-size: 22px; line-height: 32px; font-weight: 600; margin-bottom: 29px; } .courses-block-one .inner-box h3 a{ display: inline-block; color: #1b1e31; } .courses-block-one .inner-box h3 a:hover{ color: var(--theme-color); } .courses-block-one .inner-box .video-inner{ position: relative; max-width: 269px; width: 100%; margin: 0 auto; margin-bottom: 33px; padding: 77.5px 0px; background-size: cover; background-repeat: no-repeat; background-position: center; text-align: center; } .courses-block-one .inner-box .video-inner .video-btn a img{ display: inline-block; } .courses-block-one .inner-box p{ margin-bottom: 11px; } .courses-section .owl-dots{ position: relative; display: block; text-align: center; margin-top: 20px; } .courses-section .owl-dots button span{ display: none !important; } .courses-section .owl-dots button{ position: relative; display: inline-block; font-size: 20px; line-height: 30px; font-family: var(--title-font); color: #abaeab; font-weight: 600; margin: 0px 20px; margin-left: 15px; } .courses-section .owl-dots button:before{ position: absolute; } .courses-section .owl-dots button:first-child:before{ content: '1'; } .courses-section .owl-dots button:nth-child(2):before{ content: '2'; } .courses-section .owl-dots button:nth-child(3):before{ content: '3'; } .courses-section .owl-dots button:nth-child(4):before{ content: '4'; } .courses-section .owl-dots button:nth-child(5):before{ content: '5'; } .courses-section .owl-dots button:last-child(6):before{ content: '6'; } .courses-section .owl-dots button.active{ color: #1b1d24; } .courses-section .owl-dots button:after{ position: absolute; content: ''; background: #abaeab; width: 6px; height: 1px; left: -17px; top: 17px; } .courses-section .owl-dots button:first-child:after{ display: none; } .courses-section .owl-nav{ position: absolute; left: 50%; bottom: 4px; transform: translateX(-50%); width: 205px; margin: 0 auto; } .courses-section .owl-nav button{ position: absolute; display: inline-block; font-size: 30px; line-height: 30px; color: #1b1d24; transition: all 500ms ease; } .courses-section .owl-nav button.owl-prev{ left: 0px; } .courses-section .owl-nav button.owl-next{ right: 0px; } .courses-section .owl-nav button:hover{ color: var(--theme-color); } /** education-details **/ .education-details{ position: relative; } .education-details-content{ position: relative; display: block; } .education-details-content .upper-box .info-box li{ position: relative; display: inline-block; float: left; margin-right: 20px; padding-left: 27px; padding-top: 2px; } .education-details-content .upper-box .info-box li:last-child{ margin: 0px !important; padding-left: 32px; } .education-details-content .upper-box .info-box li .icon-box{ position: absolute; left: 0px; top: 0px; } .education-details-content .upper-box .info-box{ margin-bottom: 15px; } .education-details-content .upper-box h2{ display: block; font-size: 40px; line-height: 50px; font-weight: 700; max-width: 650px; margin-bottom: 19px; } .education-details-content .upper-box .author-box{ position: relative; display: block; padding-left: 61px; } .education-details-content .upper-box .author-box .author-thumb{ position: absolute; left: 0px; top: -1px; width: 46px; height: 46px; border-radius: 50%; } .education-details-content .upper-box .author-box .author-thumb img{ width: 100%; border-radius: 50%; } .education-details-content .upper-box .author-box h5{ display: block; font-size: 18px; line-height: 20px; font-weight: 600; } .education-details-content .upper-box .author-box .designation{ position: relative; display: block; } .education-details-content .upper-box .links-list{ position: absolute; right: 0px; bottom: 3px; z-index: 1; } .education-details-content .upper-box .links-list li{ position: relative; display: inline-block; float: left; margin-right: 20px; } .education-details-content .upper-box .links-list li:last-child{ margin: 0px !important; } .education-details-content .upper-box .links-list li button, .education-details-content .upper-box .links-list li a{ position: relative; display: inline-block; width: 46px; height: 46px; line-height: 46px; border: 1px solid #e8e8e8; border-radius: 50%; text-align: center; font-size: 18px; color: #a8a9b3; transition: all 500ms ease; } .education-details-content .upper-box .links-list li button:hover, .education-details-content .upper-box .links-list li a:hover{ color: #fff; background: var(--theme-color); border-color: var(--theme-color); } .education-details-content .upper-box{ position: relative; margin-bottom: 47px; } .education-details-content .tabs-box .tab-btns{ position: relative; width: 100%; padding: 9px; border: 1px solid #e8e8e8; border-radius: 5px; margin-bottom: 42px; } .education-details-content .tabs-box .tab-btns li{ position: relative; display: inline-block; float: left; width: 33.333%; padding: 11px 15px; text-align: center; cursor: pointer; background: transparent; border-radius: 5px; transition: all 500ms ease; } .education-details-content .tabs-box .tab-btns li.active-btn{ background: var(--theme-color); } .education-details-content .tabs-box .tab-btns li h5{ display: block; font-size: 18px; line-height: 28px; color: #6e6e6e; font-weight: 600; transition: all 500ms ease; } .education-details-content .tabs-box .tab-btns li.active-btn h5{ color: #fff; } .education-details-content h3{ display: block; font-size: 26px; line-height: 36px; font-weight: 600; margin-bottom: 8px; } .education-details-content .course-content .text-box p{ position: relative; display: block; padding-left: 26px; } .education-details-content .course-content .text-box p i{ position: absolute; left: 0px; top: 2px; font-size: 16px; color: var(--theme-color); } .education-details-content .course-content .text-box{ margin-bottom: 23px; } .education-details-content .course-content .download-list{ position: relative; display: block; border: 1px solid #e8e8e8; border-radius: 5px; margin-bottom: 43px; } .education-details-content .course-content .download-list li{ position: relative; display: block; padding: 24px 30px; border-bottom: 1px solid #e8e8e8; } .education-details-content .course-content .download-list li:last-child{ border-bottom: none; } .education-details-content .course-content .download-list li button{ position: relative; display: block; width: 100%; padding-left: 40px; font-size: 17px; color: #6e6e6e; cursor: pointer; text-align: left; transition: all 500ms ease; } .education-details-content .course-content .download-list li button i{ position: absolute; left: 0px; top: 2px; font-size: 24px; color: #a8a9b3; } .education-details-content .course-content .download-list li button.downloaded{ color: #1b1e31; font-weight: 700; } .education-details-content .course-content .download-list li button span{ position: absolute; top: 0px; right: 0px; color: #6e6e6e; font-weight: 400; padding-right: 40px; } .education-details-content .course-content .download-list li button span:before{ position: absolute; content: "\f107"; font-family: 'Font Awesome 6 Free'; font-weight: 900; color: #a8a9b3; top: -1px; right: 0px; font-size: 18px; } .education-details-content .course-content .download-list li button.downloaded span:before{ top: -5px; color: #ffbba5; } .education-details-content .course-content .download-list li button.downloaded span:after{ position: absolute; content: "\f107"; font-family: 'Font Awesome 6 Free'; font-weight: 900; color: var(--theme-color); top: 3px; right: 0px; font-size: 18px; } .education-details-content .course-content .content-two p{ margin-bottom: 24px; } .education-details-content .content-two h3{ margin-bottom: 17px; } .education-details-content h4{ display: block; font-size: 20px; line-height: 30px; font-weight: 600; margin-bottom: 15px; } .list-style-one li{ position: relative; display: block; padding-left: 20px; margin-bottom: 8px; } .list-style-one li:last-child{ margin-bottom: 0px; } .list-style-one li:before{ position: absolute; content: ''; background: var(--theme-color); width: 2px; height: 14px; left: 2px; top: 8px; } .list-style-one li:after{ position: absolute; content: ''; background: var(--theme-color); width: 6px; height: 8px; left: 0px; top: 11px; } .education-details-content .tabs-box .list-style-one{ margin-bottom: 43px; } .education-details-content .course-content .video-inner{ position: relative; width: 100%; padding: 178px 0px; background-size: cover; background-repeat: no-repeat; background-position: center; text-align: center; border-radius: 5px; } .theme-btn.btn-three{ background: #1b1e31; padding: 15px 37px; } .theme-btn.btn-three:hover{ color: var(--theme-color); color: #fff; } .education-details-content .review-content .single-comment-box{ position: relative; display: block; padding-left: 100px; } .education-details-content .review-content .single-comment-box .comment-thumb{ position: absolute; left: 0px; top: 5px; width: 70px; height: 70px; border-radius: 50%; } .education-details-content .review-content .single-comment-box .comment-thumb img{ width: 100%; border-radius: 50%; } .education-details-content .review-content .single-comment-box h4{ position: relative; display: block; font-size: 20px; line-height: 30px; font-weight: 600; margin-bottom: 10px; } .education-details-content .review-content .single-comment-box h4 span{ position: absolute; top: 0px; right: 0px; font-size: 16px; color: #6e6e6e; } .education-details-content .review-content .single-comment-box p{ display: block; margin-bottom: 9px; } .education-details-content .review-content .single-comment-box .rating li{ position: relative; display: inline-block; float: left; font-size: 18px; color: var(--theme-color); margin-right: 5px; } .education-details-content .review-content .single-comment-box .rating li:last-child{ margin: 0px !important; } .education-details-content .review-content .single-comment-box{ margin-bottom: 23px; } .education-details-content .review-content .single-comment-box:last-child{ margin-bottom: 0px; } .education-details-content .review-content .comment-box{ margin-bottom: 33px; } .education-details-content .review-content .comment-form .text-box{ margin-bottom: 32px; } .education-details-content .review-content .comment-form form{ position: relative; margin: 0px 5px; } .education-details-content .review-content .comment-form .text-box p span{ color: var(--theme-color); } .education-details-content .tabs-box .review-content h3{ margin-bottom: 25px; } .education-details-content .review-content .comment-form h3{ margin-bottom: 3px; } .default-form .form-group{ position: relative; margin-bottom: 20px; padding: 0px 10px; } .default-form .form-group:last-child{ margin-bottom: 0px; } .default-form .form-group input[type='text'], .default-form .form-group input[type='email'], .default-form .form-group textarea{ position: relative; display: block; width: 100%; height: 60px; border: 1px solid #e8e8e8; border-radius: 5px; font-size: 17px; color: #6e6e6e; padding: 10px 20px; transition: all 500ms ease; } .default-form .form-group textarea{ display: block; height: 120px; resize: none; } .default-form .form-group input:focus, .default-form .form-group textarea:focus{ border-color: var(--theme-color); } .default-form .check-box label:before{ border-color: #e8e8e8; background: #f4f4f4; } .default-form .check-box{ padding-bottom: 6px; } .education-details-content .accordion-inner h3{ margin-bottom: 30px; } .education-details-content .tabs-box .accordion .acc-btn h4{ margin-bottom: 5px; } .education-sidebar{ position: relative; display: block; margin-left: 30px; border: 2px solid var(--theme-color); border-radius: 5px; padding: 30px 28px 38px 28px; } .education-sidebar .upper-box{ margin-bottom: 20px; } .education-sidebar .upper-box h3{ display: block; font-size: 22px; line-height: 32px; font-weight: 600; margin-bottom: 8px; } .education-sidebar .upper-box h3 del{ color: #a8a9b3; margin-left: 8px; } .education-sidebar .upper-box p{ margin-bottom: 12px; } .education-sidebar .upper-box .rating li{ position: relative; display: inline-block; float: left; font-size: 14px; color: #767877; margin-right: 5px; } .education-sidebar .upper-box .rating li:last-child{ margin: 0px !important; } .education-sidebar .upper-box .rating li i{ position: relative; top: 2px; color: var(--theme-color); font-size: 18px; } .education-sidebar .upper-box .rating li span{ font-size: 17px; font-weight: 600; color: #1b1e31; } .education-sidebar .upper-box .rating{ margin-bottom: 8px; } .education-sidebar .info-list li{ position: relative; display: block; border-bottom: 1px solid #e8e8e8; padding: 16px 0px; padding-left: 27px; font-size: 16px; line-height: 26px; font-family: var(--title-font); color: #1b1e31; font-weight: 600; } .education-sidebar .info-list li:last-child{ border-bottom: none; } .education-sidebar .info-list li i{ position: absolute; left: 0px; top: 19px; font-size: 18px; color: #b5b5be; font-weight: 400; } .education-sidebar .info-list li span{ position: relative; float: right; font-size: 17px; font-family: var(--text-font); color: #6e6e6e; font-weight: 400; } .education-sidebar .info-list{ margin-bottom: 19px; } .education-sidebar .btn-box .theme-btn{ width: 100%; } .education-sidebar .btn-box{ margin-bottom: 40px; } .education-sidebar .social-links li{ position: relative; display: inline-block; margin: 0px 3px; } .education-sidebar .social-links li a{ position: relative; display: inline-block; width: 46px; height: 46px; line-height: 46px; border: 1px solid #e9e9e9; border-radius: 50%; text-align: center; font-size: 20px; color: #a8a9b3; } .education-sidebar .social-links li a:hover{ color: #fff; border-color: var(--theme-color); background: var(--theme-color); } /** about-style-two **/ .about-style-two{ position: relative; padding: 120px 0px; } .about-style-two .image-box{ position: relative; display: block; margin-right: 20px; border-radius: 5px; overflow: hidden; } .about-style-two .image-box img{ width: 100%; } .about-style-two .image-box:before{ position: absolute; top: 0; left: -80%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3))); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); -webkit-transform: skewX(-25deg); -ms-transform: skewX(-25deg); transform: skewX(-25deg); z-index: 1; } .about-style-two .image-box:hover:before { -webkit-animation: shine 1s; animation: shine 1s; } .about-style-two .content-box{ position: relative; display: block; margin-top: -7px; } .about-style-two .content-box .sec-title{ margin-bottom: 31px; } .about-style-two .content-box .inner-box{ position: relative; display: block; margin-top: 29px; margin-bottom: 23px; padding-bottom: 20px; } .about-style-two .content-box .inner-box:before{ position: absolute; content: ''; background: var(--theme-color); width: 100%; height: 5px; left: 0px; bottom: 0px; border-radius: 5px; } .about-style-two .content-box .inner-box h4{ display: block; font-size: 20px; line-height: 20px; font-weight: 600; } .about-style-two .content-box .inner-box h2{ display: block; font-size: 60px; line-height: 50px; font-weight: 600; } .about-style-two .content-box .inner-box .link-box{ position: absolute; right: 0px; bottom: 16px; } .about-style-two .content-box .btn-box{ display: block; margin-top: 42px; } /** statements-section **/ .statements-section{ position: relative; padding: 120px 0px; } .statements-section .tabs-box{ position: relative; width: 100%; padding-left: 200px; } .statements-section .tabs-box .tab-btn-box{ position: absolute; left: 0px; top: 0px; } .statements-section .tabs-content .inner-box{ position: relative; padding-right: 420px; } .statements-section .tabs-content .inner-box .image-box{ position: absolute; top: 0px; right: 0px; border-radius: 5px; } .statements-section .tabs-content .inner-box .image-box img{ width: 100%; border-radius: 5px; } .statements-section .tabs-content .content-box{ position: relative; display: block; background: #fff; padding: 70px 80px 80px 80px; border-radius: 5px; box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.10); z-index: 1; } .statements-section .tabs-content .content-box .sec-title{ margin-bottom: 21px; } .statements-section .tabs-content .content-box p{ margin-bottom: 26px; } .statements-section .tabs-content .content-box .list-style-one{ margin-bottom: 33px; } .statements-section .tabs-content .content-box .link-box{ position: relative; padding: 9px 0px 9px 60px; } .statements-section .tabs-content .content-box .link-box .icon-box{ position: absolute; left: 0px; top: 0px; display: inline-block; width: 46px; height: 46px; line-height: 42px; background: #1b1e31; text-align: center; border-radius: 50%; } .statements-section .tab-btns li{ position: relative; display: block; width: 150px; height: 170px; text-align: center; margin-bottom: 20px; z-index: 1; cursor: pointer; transition: all 500ms ease; } .statements-section .tab-btns li:before{ position: absolute; content: ''; background-image: url(../../assets/images/shape/shape-46.png); width: 150px; height: 170px; left: 0px; top: 0px; background-repeat: no-repeat; transition: all 500ms ease; } .statements-section .tab-btns li.active-btn:before{ opacity: 0; } .statements-section .tab-btns li:after{ position: absolute; content: ''; background-image: url(../../assets/images/shape/shape-47.png); width: 150px; height: 170px; left: 0px; top: 0px; background-repeat: no-repeat; opacity: 0; transition: all 500ms ease; } .statements-section .tab-btns li.active-btn:after{ opacity: 1; } .statements-section .tab-btns li:last-child{ margin-bottom: 0px; } .statements-section .tab-btns li span{ position: absolute; left: 7px; top: 0px; height: 170px; text-align: center; display: block; font-size: 17px; font-weight: 700; color: #1b1e31; writing-mode: vertical-lr; transform: rotate(180deg); transition: all 500ms ease; z-index: 1; } .statements-section .tab-btns li.active-btn span{ color: #fff; } .statements-section .tab-btns li .icon-box{ position: absolute; top: 14px; right: 0px; width: 107px; height: 142px; line-height: 142px; text-align: center; z-index: 1; transition: all 500ms ease; } .statements-section .tab-btns li .icon-box img{ filter: grayscale(100%); opacity: 0.5; transition: all 500ms ease; } .statements-section .tab-btns li.active-btn .icon-box img{ filter: grayscale(0%); opacity: 1; } .chooseus-style-two .single-item .icon-box:after{ background: var(--theme-color); } .chooseus-style-two .single-item h3 span{ color: var(--theme-color); } .home_2 .awards-section .owl-nav button:hover{ color: var(--theme-color-two); } .awards-section .owl-nav button:hover{ color: var(--theme-color); } /** team-section **/ .team-section{ position: relative; padding: 113px 0px 112px 0px; background: #f4f4f4; } .team-block-one{ max-width: 250px; margin: 0 auto; } .team-block-one .inner-box{ position: relative; display: block; text-align: center; margin-bottom: 43px; } .team-block-one .inner-box .image-box{ position: relative; display: inline-block; width: 250px; height: 250px; background: #fff; border-radius: 50%; padding: 16px; z-index: 1; } .team-block-one .inner-box .image-box .image{ position: relative; display: block; border-radius: 50%; overflow: hidden; background: #fff; padding: 20px; border: 1px solid var(--theme-color); z-index: 1; } .team-block-one .inner-box .image-box .image img{ width: 100%; border-radius: 50%; transition: all 500ms ease; } .team-block-one .inner-box .image-box .share-box{ position: absolute; top: 0px; right: 0px; } .team-block-one .inner-box .image-box .share-box:before{ position: absolute; content: ''; background: var(--theme-color); width: 100px; height: 60px; border-radius: 0px 50px 50px 0px; transform: rotate(-45deg); top: 14px; right: -6px; } .team-block-one .inner-box .image-box .share-box .share-icon{ position: relative; display: inline-block; width: 44px; height: 44px; line-height: 44px; background: #fff; text-align: center; border-radius: 50%; cursor: pointer; top: 7px; right: 7px; transition: all 500ms ease; } .team-block-one .inner-box .image-box .share-box .share-icon img{ position: relative; filter: grayscale(100%); opacity: 0.5; transition: all 500ms ease; } .team-block-one .inner-box .image-box .share-box:hover .share-icon img{ filter: grayscale(0%); opacity: 1; } .team-block-one .inner-box .image-box .share-box .share-links{ position: absolute; top: 80px; right: 0px; width: 44px; z-index: 2; transform-origin: top center; transform: scaleY(0); opacity: 0; transition: all 500ms ease; } .team-block-one .inner-box .image-box .share-box .share-links:before{ position: absolute; content: ''; background: transparent; width: 100%; height: 20px; left: 0px; top: -20px; } .team-block-one .inner-box .image-box .share-box:hover .share-links{ transform: scaleY(1); opacity: 1; } .team-block-one .inner-box .image-box .share-box .share-links li{ position: relative; display: block; margin-bottom: 10px; } .team-block-one .inner-box .image-box .share-box .share-links li:last-child{ margin-bottom: 0px; } .team-block-one .inner-box .image-box .share-box .share-links li a{ position: relative; display: inline-block; width: 44px; height: 44px; line-height: 44px; text-align: center; border-radius: 50%; font-size: 16px; color: #fff; } .team-block-one .inner-box .image-box .share-box .share-links li:first-child a{ background: #3b5998; } .team-block-one .inner-box .image-box .share-box .share-links li:nth-child(2) a{ background: #55acee; } .team-block-one .inner-box .image-box .share-box .share-links li:last-child a{ background: #3f729b; } .team-block-one .inner-box .lower-content{ position: relative; display: block; padding-top: 23px; } .team-block-one .inner-box .lower-content h3{ position: relative; display: block; font-size: 22px; line-height: 32px; font-weight: 600; margin-bottom: 2px; } .team-block-one .inner-box .lower-content h3 a{ display: inline-block; color: #1b1e31; } .team-block-one .inner-box .lower-content h3 a:hover{ color: var(--theme-color); } .team-block-one .inner-box .lower-content .designation{ position: relative; display: block; font-weight: 600; } .team-section .owl-nav{ position: absolute; top: -118px; right: 0px; } .team-section .owl-nav .owl-prev{ margin-right: 10px; } .team-section .owl-nav button{ box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10); } .funfact-section .lower-box .author-box:before{ background: var(--theme-color); } /** growth-section **/ .growth-section{ position: relative; background: #1b1e31; padding: 114px 0px 157px 0px; } .growth-section .content-box{ position: relative; display: block; margin-right: 70px; } .growth-section .content-box .sec-title{ margin-bottom: 21px; } .growth-section .content-box .text-box p{ color: #a8a9b3; margin-bottom: 32px; } .growth-section .content-box .theme-btn{ padding: 15px 37px; } .growth-section .content-box .theme-btn:hover{ background: #fff; color: var(--theme-color); } .progress-box{ position: relative; display: block; margin-bottom: 38px; } .progress-box:last-child{ margin-bottom: 0px; } .progress-box .bar{ position:relative; width:100%; height:8px; background: #24283c; } .progress-box .bar-inner{ position:relative; display:block; background: -webkit-linear-gradient(0deg, #1b1e31, #ed991f 100%); width:0px; height:8px; -webkit-transition:all 1500ms ease; -ms-transition:all 1500ms ease; -o-transition:all 1500ms ease; -moz-transition:all 1500ms ease; transition:all 1500ms ease; } .progress-box .bar-inner:before{ position: absolute; content: ''; background: var(--theme-color); width: 15px; height: 16px; top: -4px; right: -14px; clip-path: polygon(0% 0%, 100% 50%, 100% 50%, 0% 100%, 0% 0%); } .progress-box .count-text{ position: absolute; top: -39px; right: 19px; font-size: 18px; line-height: 26px; font-family: var(--title-font); font-weight: 600; color: #fff; } .progress-box h6{ display: block; font-size: 18px; line-height: 28px; color: #fff; font-weight: 600; margin-bottom: 12px; margin-left: 20px; } .growth-section .growth-content{ position: relative; display: block; } .growth-section .growth-content h5{ position: relative; display: block; font-size: 18px; line-height: 28px; color: #fff; font-weight: 600; padding-left: 20px; margin-bottom: 55px; } .growth-section .growth-content h5:before{ position: absolute; content: ''; background: var(--theme-color); width: 10px; height: 10px; border-radius: 50%; left: 0px; top: 10px; } .growth-section .progress-inner{ position: relative; padding-bottom: 34px; } .growth-section .progress-inner .link-box{ position: absolute; left: 0px; bottom: 0px; width: 100%; min-height: 278px; } .growth-section .progress-inner .link-box .line{ position: absolute; bottom: 0px; width: 1px; height: 100%; background: #32364f; } .growth-section .progress-inner .link-box .line-1{ z-index: 1; } .growth-section .progress-inner .link-box .line-2{ left: 20%; } .growth-section .progress-inner .link-box .line-3{ left: 40%; } .growth-section .progress-inner .link-box .line-4{ left: 60%; } .growth-section .progress-inner .link-box .line-5{ left: 80%; } .growth-section .progress-inner .link-box .line-6{ left: 100%; z-index: 1; } .growth-section .progress-inner .bar-text{ position: absolute; left: 0px; bottom: 0px; width: 100%; } .growth-section .progress-inner .bar-text .text{ position: absolute; display: inline-block; text-align: center; font-size: 17px; color: #a8a9b3; bottom: -40px; } .growth-section .progress-inner .bar-text .text-2{ left: 19%; } .growth-section .progress-inner .bar-text .text-3{ left: 39%; } .growth-section .progress-inner .bar-text .text-4{ left: 59%; } .growth-section .progress-inner .bar-text .text-5{ left: 79%; } .growth-section .progress-inner .bar-text .text-6{ left: 95%; } .awards-block-one .inner-box .icon-box img{ filter: grayscale(100%); transition: all 500ms ease; } .awards-block-one .inner-box:hover .icon-box img{ filter: grayscale(0%); } /** history-section **/ .history-section{ position: relative; padding: 120px 0px 120px 0px; } .history-section .inner-box{ position: relative; display: block; max-width: 770px; width: 100%; margin: 0 auto; margin-bottom: 45px; } .history-section .inner-box:last-child{ margin-bottom: 0px; } .history-section .image-box{ position: relative; display: block; border-radius: 5px; } .history-section .image-box img{ width: 100%; border-radius: 5px; } .mr_30{ margin-right: 30px; } .ml_30{ margin-left: 30px; } .history-section .content-box{ position: relative; display: block; } .history-section .content-box h2{ position: relative; display: block; font-size: 30px; line-height: 40px; font-weight: 600; margin-bottom: 33px; } .history-section .inner-box .content-box h2:before{ position: absolute; content: ''; background: var(--theme-color); width: 2px; height: 50px; top: 30px; left: -46px; } .history-section .inner-box:nth-child(2n+1) .content-box h2:before{ right: -46px; left: inherit; } .history-section .inner-box .content-box h2:after{ position: absolute; content: ''; background: var(--theme-color); width: 26px; height: 30px; top: 8px; left: -46px; clip-path: polygon(0% 0%, 100% 50%, 100% 50%, 0% 100%, 0% 0%); } .history-section .inner-box:nth-child(2n+1) .content-box h2:after{ right: -46px; left: inherit; clip-path: polygon(0% 50%, 100% 0%, 100% 100%, 0% 50%, 0% 0%); } .history-section .content-box h5{ position: relative; display: block; font-size: 18px; line-height: 28px; font-weight: 600; color: var(--theme-color); margin-bottom: 4px; } .history-section .content-box h3{ position: relative; display: block; font-size: 22px; line-height: 32px; font-weight: 600; margin-bottom: 9px; } .history-section .content-box p{ margin-bottom: 24px; } .history-section .inner-container{ position: relative; padding-top: 62px; padding-bottom: 62px; } .history-section .inner-container .line-box{ position: absolute; background: #e8e8e8; width: 2px; height: 100%; left: 50%; top: 0px; margin-left: -1px; } .history-section .inner-container .line-box:before{ position: absolute; content: ''; background: #fff; border: 2px solid var(--theme-color); border-radius: 50%; left: -5px; top: 0px; width: 12px; height: 12px; } .history-section .inner-container .line-box:after{ position: absolute; content: ''; background: #fff; border: 2px solid var(--theme-color); border-radius: 50%; left: -5px; bottom: 0px; width: 12px; height: 12px; } .team-page-section{ position: relative; padding: 120px 0px 40px 0px; background: #f4f4f4; } .team-page-section .team-block-one .inner-box{ margin-bottom: 72px; } /** blog-grid **/ .blog-grid{ position: relative; padding: 120px 0px 118px 0px; } .blog-grid .news-block-one .inner-box:hover .image-box .image:before{ width: 100%; } .blog-grid .news-block-one .inner-box .image-box .image{ background: transparent; } .blog-grid .news-block-one .inner-box:hover .image-box .post-date{ opacity: 0; } .news-block-one .inner-box .image-box .link{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; } .news-block-one .inner-box .image-box .link a{ position: relative; display: inline-block; width: 70px; height: 70px; line-height: 80px; font-size: 30px; color: #fff; background: var(--theme-color); border-radius: 50%; text-align: center; transform: scale(0,0); } .news-block-one .inner-box .image-box .link a:hover{ background: #fff; color: var(--theme-color); } .news-block-one .inner-box:hover .image-box .link a{ transform: scale(1,1); } .blog-grid .news-block-one .inner-box{ margin-bottom: 50px; } /** sidebar-page-container **/ .sidebar-page-container{ position: relative; padding: 120px 0px; } .blog-sidebar{ position: relative; display: block; } .blog-sidebar .search-widget{ margin-bottom: 42px; } .blog-sidebar .search-widget .search-form .form-group{ position: relative; margin: 0px; } .blog-sidebar .search-widget .search-form .form-group input[type='search']{ position: relative; display: block; width: 100%; height: 56px; border: 1px solid #e8e8e8; border-radius: 5px; font-size: 17px; color: #6e6e6e; padding: 10px 70px 10px 20px; transition: all 500ms ease; } .blog-sidebar .search-widget .search-form .form-group input[type='search']:focus{ border-color: var(--theme-color); } .blog-sidebar .search-widget .search-form .form-group button[type='submit']{ position: absolute; display: inline-block; top: 5px; right: 5px; width: 46px; height: 46px; line-height: 46px; background: #f4f4f4; border-radius: 5px; text-align: center; cursor: pointer; transition: all 500ms ease; } .blog-sidebar .widget-title{ position: relative; display: block; margin-bottom: 22px; padding-left: 18px; } .blog-sidebar .widget-title:before{ position: absolute; content: ''; background: var(--theme-color); width: 2px; height: 16px; left: 2px; top: 8px; } .blog-sidebar .widget-title:after{ position: absolute; content: ''; background: var(--theme-color); width: 6px; height: 8px; left: 0px; top: 12px; } .blog-sidebar .widget-title h3{ display: block; font-size: 22px; line-height: 32px; font-weight: 600; } .blog-sidebar .author-widget .image-box{ position: relative; display: inline-block; width: 150px; height: 150px; border-radius: 50%; margin-bottom: 24px; } .blog-sidebar .author-widget .image-box .image{ position: relative; display: inline-block; width: 150px; height: 150px; background: #fff; border-radius: 50%; padding: 10px; border: 1px solid var(--theme-color); z-index: 1; } .blog-sidebar .author-widget .image-box .image img{ width: 100%; border-radius: 50%; transition: all 500ms ease; } .blog-sidebar .author-widget .image-box .share-box{ position: absolute; top: 0px; right: 0px; } .blog-sidebar .author-widget .image-box .share-box:before{ position: absolute; content: ''; background: var(--theme-color); width: 100px; height: 54px; border-radius: 0px 50px 50px 0px; transform: rotate(-45deg); top: -4px; right: -27px; } .blog-sidebar .author-widget .image-box .share-box .share-icon a{ position: relative; display: inline-block; width: 36px; height: 36px; line-height: 36px; background: #fff; text-align: center; border-radius: 50%; cursor: pointer; top: -12px; right: -12px; transition: all 500ms ease; } .blog-sidebar .author-widget .image-box .share-box .share-icon img{ position: relative; filter: grayscale(100%); opacity: 0.5; transition: all 500ms ease; } .blog-sidebar .author-widget .image-box .share-box .share-icon a:hover img{ filter: grayscale(0%); opacity: 1; } .blog-sidebar .author-widget .widget-content{ position: relative; display: block; background: #f4f4f4; padding: 50px 20px 31px 20px; border-radius: 5px; } .blog-sidebar .author-widget .widget-content h3{ display: block; font-size: 22px; line-height: 30px; font-weight: 600; } .blog-sidebar .author-widget .widget-content h5{ display: block; font-size: 18px; line-height: 24px; font-weight: 600; margin-bottom: 14px; } .blog-sidebar .author-widget .widget-content p{ line-height: 24px; margin-bottom: 16px; } .blog-sidebar .author-widget{ margin-bottom: 43px; } .blog-sidebar .category-widget .category-list li{ position: relative; display: block; padding: 10px 0px; border-bottom: 1px solid #e8e8e8; } .blog-sidebar .category-widget .widget-content{ position: relative; display: block; border: 1px solid #e8e8e8; border-radius: 5px; padding: 12px 30px 11px 30px; } .blog-sidebar .category-widget .category-list li:last-child{ border-bottom: none; } .blog-sidebar .category-widget .category-list li a{ position: relative; display: block; font-size: 14px; line-height: 25px; color: #6e6e6e; font-weight: 700; text-transform: uppercase; } .blog-sidebar .category-widget .category-list li a span{ position: relative; display: inline-block; float: right; width: 25px; height: 25px; line-height: 25px; color: #fff; background: var(--theme-color); text-align: center; border-radius: 50%; opacity: 0; transition: all 500ms ease; } .blog-sidebar .category-widget .category-list li a:hover span{ opacity: 1; } .blog-sidebar .category-widget .category-list li a:hover{ padding-left: 20px; color: #1b1e31; } .blog-sidebar .category-widget .category-list li a:before{ position: absolute; content: ''; background: var(--theme-color); width: 12px; height: 9px; left: 0px; top: 8px; border-radius: 2px; opacity: 0; transition: all 500ms ease; } .blog-sidebar .category-widget .category-list li a:hover:before{ opacity: 1; } .blog-sidebar .category-widget{ margin-bottom: 44px; } .blog-sidebar .post-widget .widget-title{ margin-bottom: 25px; } .blog-sidebar .post-widget .post{ position: relative; display: block; margin-bottom: 25px; } .blog-sidebar .post-widget .post:last-child{ margin-bottom: 0px; } .blog-sidebar .post-widget .post h6{ position: relative; display: block; font-size: 14px; line-height: 24px; font-weight: 700; padding-left: 20px; text-transform: uppercase; margin-bottom: 12px; } .blog-sidebar .post-widget .post h6:before{ position: absolute; content: ''; background: var(--theme-color); width: 12px; height: 9px; left: 0px; top: 7px; border-radius: 2px; } .blog-sidebar .post-widget .post .image-box{ position: relative; display: block; border-radius: 5px; margin-bottom: 13px !important; overflow: hidden; } .blog-sidebar .post-widget .post .image-box img{ width: 100%; border-radius: 5px; transition: all 500ms ease; } .blog-sidebar .post-widget .post:hover .image-box img{ transform: scale(1.05); } .blog-sidebar .post-widget .post h5{ display: block; font-size: 18px; line-height: 28px; font-weight: 600; } .blog-sidebar .post-widget .post h5 a{ display: inline-block; color: #1b1e31; } .blog-sidebar .post-widget .post h5 a:hover{ color: var(--theme-color); } .blog-sidebar .post-widget .owl-nav{ position: relative; display: block; margin-top: 17px; left: -6px; } .blog-sidebar .post-widget .owl-nav button{ position: relative; display: inline-block; font-size: 30px; color: #1b1d24; cursor: pointer; margin: 0px; transition: all 500ms ease; } .blog-sidebar .post-widget .owl-nav button:hover{ color: var(--theme-color); } .blog-sidebar .post-widget{ margin-bottom: 26px; } .blog-sidebar .tags-widget .tags-list li{ position: relative; display: inline-block; float: left; margin-right: 5px; margin-bottom: 5px; } .blog-sidebar .tags-widget .tags-list li a{ position: relative; display: inline-block; font-size: 17px; line-height: 28px; font-family: var(--text-font); color: #6e6e6e; background: #f4f4f4; padding: 6px 10px; border-radius: 5px; } .blog-sidebar .tags-widget .tags-list li a:hover{ color: #fff; background: var(--theme-color); } .blog-sidebar .tags-widget .widget-title{ margin-bottom: 30px; } .blog-sidebar .tags-widget{ margin-bottom: 45px; } .blog-sidebar .banner-widget .widget-content{ position: relative; display: block; background: #1b1e31; padding: 31px 20px 40px 20px; text-align: center; border-radius: 5px; overflow: hidden; } .blog-sidebar .banner-widget .widget-content h3{ display: block; font-size: 22px; line-height: 32px; color: #fff; font-weight: 600; margin-bottom: 7px; } .blog-sidebar .banner-widget .widget-content p{ display: block; color: #a8a9b3; margin-bottom: 207px; } .blog-sidebar .banner-widget .widget-content .theme-btn{ padding: 14px 36px; } .blog-sidebar .banner-widget .widget-content .bg-layer{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .blog-grid-content .news-block-one .inner-box{ margin-bottom: 42px; } .blog-list .content-side{ position: relative; } .blog-list .content-side:before{ position: absolute; content: ''; background: #e8e8e8; width: 1px; height: calc(100% + 240px); top: -120px; right: 50px; } .blog-list-content{ position: relative; display: block; padding-right: 100px; } .news-block-one .inner-box .lower-content h2{ display: block; font-size: 30px; line-height: 40px; font-weight: 600; margin-bottom: 13px; } .news-block-one .inner-box .lower-content h2 a{ display: inline-block; color: #1b1e31; } .news-block-one .inner-box .lower-content h2 a:hover{ color: var(--theme-color); } .news-block-one .inner-box .lower-content .author-box .post-info li.dots{ color: var(--theme-color); } .news-block-one .inner-box .lower-content .author-box .share-box{ position: absolute; right: 0px; bottom: 1px; } .news-block-one .inner-box .lower-content .author-box .share-box a{ position: relative; display: inline-block; width: 46px; height: 46px; line-height: 46px; border: 1px solid #e8e8e8; border-radius: 50%; text-align: center; z-index: 1; } .news-block-one .inner-box .lower-content .author-box .share-box a:hover{ border-color: var(--theme-color); } .news-block-one .inner-box .lower-content .author-box .share-box a img{ display: inline-block; width: 42px; height: 40px; border-radius: 50%; filter: grayscale(100%); opacity: 0.6; transition: all 500ms ease; } .news-block-one .inner-box .lower-content .author-box .share-box a:hover img{ opacity: 1; filter: grayscale(0%); } .blog-list-content .news-block-one .inner-box .lower-content{ padding-top: 26px; } .blog-list-content .news-block-one .inner-box .lower-content p{ padding-bottom: 22px; margin-bottom: 30px; } .blog-list-content .news-block-one .inner-box{ margin-bottom: 60px; } .blog-list-content .news-block-one .inner-box .lower-content .author-box .post-info li span.dots{ color: var(--text-color); } /** blog-details **/ .blog-details-content{ position: relative; margin-right: 100px; } .blog-details .content-side{ position: relative; } .blog-details .content-side:before{ position: absolute; content: ''; background: #e8e8e8; width: 1px; height: calc(100% + 240px); top: -120px; right: 50px; } .blog-details-content .news-block-one .inner-box .lower-content{ padding-top: 0px; padding-bottom: 28px; } .blog-details-content .news-block-one .inner-box .lower-content h2{ font-size: 40px; line-height: 50px; margin-bottom: 0px; margin-top: 22px; } .blog-details-content .news-block-one .inner-box:hover .image-box .image img{ opacity: 1; transform: scale(1); } .blog-details-content .news-block-one .inner-box{ margin-bottom: 53px; } .blog-details-content .content-one p{ margin-bottom: 19px; } .blog-details-content .content-one p:last-child{ margin-bottom: 0px; } .blog-details-content .content-one p:first-child{ margin-bottom: 0px; padding-left: 55px; } .blog-details-content .content-one p span{ position: absolute; left: 0px; top: 7px; width: 40px; height: 40px; line-height: 40px; background: var(--theme-color); border-radius: 5px; text-align: center; font-size: 30px; font-family: var(--title-font); color: #fff; font-weight: 600; text-transform: uppercase; } .blog-details-content .content-one{ margin-bottom: 34px; } .blog-details-content h3{ display: block; font-size: 26px; line-height: 36px; font-weight: 700; margin-bottom: 18px; } .blog-details-content .content-two blockquote{ position: relative; display: block; padding: 32px 50px 32px 140px; margin: 42px 0px 53px 0px; z-index: 1; } .blog-details-content .content-two blockquote:before{ position: absolute; content: ''; background: #f4f4f4; width: 100%; height: 100%; left: 0px; top: 0px; border-radius: 5px; z-index: -1; transform: skew(-10deg); } .blog-details-content .content-two blockquote:after{ position: absolute; content: ''; border: 1px solid var(--theme-color); width: 100%; height: 100%; left: 10px; top: 10px; border-radius: 5px; z-index: -2; transform: skew(-10deg); } .blog-details-content .content-two blockquote .icon-box{ position: absolute; left: 50px; top: 38px; width: 60px; height: 60px; line-height: 60px; background: var(--theme-color); text-align: center; border-radius: 50%; } .blog-details-content .content-two blockquote h3{ display: block; font-size: 22px; line-height: 32px; font-weight: 600; margin-bottom: 10px; margin-bottom: 14px; } .blog-details-content .content-two blockquote h6{ position: relative; display: block; font-size: 14px; line-height: 24px; font-weight: 700; text-transform: uppercase; color: #6e6e6e; padding-left: 21px; } .blog-details-content .content-two blockquote h6:before{ position: absolute; content: ''; background: var(--theme-color); width: 12px; height: 9px; left: 0px; top: 7px; border-radius: 2px; } .blog-details-content .content-two{ margin-bottom: 34px; } .blog-details-content .content-three p{ margin-bottom: 19px; } .blog-details-content .content-three p:last-child{ margin-bottom: 0px; } .blog-details-content .content-three h4{ display: block; font-size: 20px; line-height: 30px; font-weight: 600; margin-bottom: 15px; } .blog-details-content .content-three .list-style-one{ margin-bottom: 21px; } .blog-details-content .content-three{ margin-bottom: 52px; } .blog-details-content .post-tags{ position: relative; display: block; padding-bottom: 30px; margin-bottom: 52px; border-bottom: 1px solid #e8e8e8; } .blog-details-content .post-tags .tags-list li{ position: relative; display: inline-block; float: left; margin-right: 4px; } .blog-details-content .post-tags .tags-list li:last-child{ margin: 0px !important; } .blog-details-content .post-tags .tags-list li h6{ display: block; font-size: 15px; line-height: 40px; font-weight: 700; text-transform: uppercase; margin-right: 14px; } .blog-details-content .post-tags .tags-list li a{ position: relative; display: inline-block; font-size: 17px; line-height: 28px; font-family: var(--text-font); color: #6e6e6e; background: #f4f4f4; border-radius: 5px; padding: 6px 10px; } .blog-details-content .post-tags .tags-list li a:hover{ color: #fff; background: var(--theme-color); } .blog-details-content .post-nav-btn{ position: relative; display: flex; align-items: center; justify-content: space-between; } .blog-details-content .post-nav-btn{ position: relative; display: flex; align-items: center; justify-content: space-between; margin-bottom: 22px; } .blog-details-content .post-nav-btn h5{ position: relative; display: block; font-size: 17px; line-height: 28px; font-weight: 600; margin-bottom: 7px; } .blog-details-content .post-nav-btn h5 a{ position: relative; display: inline-block; color: #6e6e6e; } .blog-details-content .post-nav-btn h5 a:hover{ color: var(--theme-color); } .blog-details-content .post-nav-btn h5 a i{ position: relative; display: inline-block; font-size: 20px; margin-left: 5px; top: 5px; } .blog-details-content .post-nav-btn h4{ display: block; font-size: 20px; line-height: 30px; font-weight: 600; } .blog-details-content .post-nav-btn h4 a{ display: inline-block; color: #1b1e31; } .blog-details-content .post-nav-btn h4 a:hover{ color: var(--theme-color); } .blog-details-content .post-nav-btn .right-btn{ text-align: right; } .blog-details-content .post-nav .btn-box a{ position: relative; display: block; width: 100%; font-size: 17px; line-height: 28px; font-family: var(--title-font); color: #1b1e31; text-align: center; padding: 12px 30px; border: 1px solid var(--theme-color); border-radius: 5px; transition: all 500ms ease; } .blog-details-content .post-nav .btn-box a:hover{ color: #fff; background: var(--theme-color); } .blog-details-content .post-nav .btn-box a span{ position: relative; padding-left: 25px; } .blog-details-content .post-nav .btn-box a span:before{ position: absolute; content: "\f110"; font-family: 'flaticon'; font-size: 20px; color: var(--theme-color); left: 0px; top: -3px; transition: all 500ms ease; } .blog-details-content .post-nav .btn-box a:hover span:before{ color: #fff; } .blog-details-content .post-nav{ margin-bottom: 50px; } .blog-details .group-title{ position: relative; display: block; margin-bottom: 25px; } .blog-details .group-title h2{ display: block; font-size: 30px; line-height: 40px; font-weight: 600; margin-bottom: 0px; } .blog-details-content .comment-box .comment{ position: relative; display: block; padding-left: 100px; margin-bottom: 24px; } .blog-details-content .comment-box .comment .comment-thumb{ position: absolute; display: inline-block; left: 0px; top: 5px; width: 70px; height: 70px; border-radius: 50%; } .blog-details-content .comment-box .comment .comment-thumb img{ width: 100%; border-radius: 50%; } .blog-details-content .comment-box .comment h4{ position: relative; display: block; font-size: 20px; line-height: 30px; font-weight: 600; margin-bottom: 10px; } .blog-details-content .comment-box .comment .post-date{ position: absolute; top: 3px; right: 0px; font-size: 16px; line-height: 26px; font-family: var(--title-font); color: #6e6e6e; font-weight: 600; } .blog-details-content .comment-box .comment p{ margin-bottom: 8px; } .blog-details-content .comment-box{ margin-bottom: 51px; } .blog-details-content .comment-form-box{ position: relative; display: block; background: #fff; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10); border-radius: 5px; padding: 41px 50px 50px 50px; } .blog-details .group-title p{ margin-top: 3px; } .blog-details-content .comment-form-box .comment-form .form-group{ position: relative; padding: 0px 10px; margin-bottom: 20px; } .blog-details-content .comment-form-box .comment-form .form-group:last-child{ margin-bottom: 0px; } .blog-details-content .comment-form-box .comment-form form{ position: relative; margin: 0px 5px; } .blog-details-content .comment-form-box .comment-form .form-group input[type='text'], .blog-details-content .comment-form-box .comment-form .form-group input[type='email'], .blog-details-content .comment-form-box .comment-form .form-group textarea{ } .blog-details-content .comment-form-box .group-title{ margin-bottom: 32px; } .blog-details-content{ margin-bottom: 51px; } .blog-details .related-post{ margin-right: 100px; } /** contact-style-two **/ .contact-style-two{ position: relative; } .contact-style-two .sec-title p{ margin-top: 21px; } .contact-style-two .sec-title{ margin-bottom: 42px; } .info-block-one .inner-box{ position: relative; display: block; background: #fff; padding: 49px 30px 41px 30px; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10); border-radius: 5px; text-align: center; transition: all 500ms ease; } .info-block-one .inner-box:hover{ transform: translateY(-10px); } .info-block-one .inner-box .icon-box{ position: relative; display: block; margin-bottom: 22px; } .info-block-one .inner-box h4{ display: block; font-size: 20px; line-height: 30px; font-weight: 600; margin-bottom: 10px; } .info-block-one .inner-box p{ position: relative; display: block; margin-bottom: 13px; } .contact-style-two .inner-content{ position: relative; display: block; background: #1b1e31; padding: 35px 30px 40px 30px; border-radius: 5px; margin-top: 4px; } .contact-style-two .inner-content h3{ position: relative; display: block; font-size: 22px; line-height: 32px; color: #fff; font-weight: 600; margin-bottom: 1px; } .contact-style-two .inner-content .info-list li{ position: relative; display: block; padding: 18px 0px 18px 45px; border-bottom: 1px solid #32364f; } .contact-style-two .inner-content .info-list li .icon-box{ position: absolute; left: 0px; top: 16px; } .contact-style-two .inner-content .info-list li:first-child .icon-box{ top: 22px; } .contact-style-two .inner-content .info-list li p{ color: #a8a9b3; } .contact-style-two .inner-content .info-list li a{ display: inline-block; color: #a8a9b3; font-family: var(--text-font); } .contact-style-two .inner-content .info-list li a:hover{ color: var(--theme-color); } .contact-style-two .inner-content .info-list{ margin-bottom: 28px; } .contact-style-two .inner-content .social-links li{ position: relative; display: inline-block; float: left; margin-right: 30px; } .contact-style-two .inner-content .social-links li:last-child{ margin: 0px !important; } .contact-style-two .inner-content .social-links li a{ position: relative; display: inline-block; font-size: 24px; color: #a8a9b3; } .contact-style-two .inner-content .social-links li a:hover{ color: var(--theme-color); } .contact-style-two .inner-content .social-links{ margin-bottom: 34px; } .contact-style-two .inner-content .theme-btn{ width: 100%; padding: 14px 37px; } .contact-style-two .pattern-layer{ position: absolute; left: 0px; bottom: 0px; width: 100%; height: 623px; background-size: cover; background-repeat: no-repeat; } .contact-section.alternat-2{ background: #fff; } .contact-section.alternat-2 .left-content{ border-color: #e8e8e8; } .contact-section.alternat-2 .form-group{ border-color: #e8e8e8; } .contact-section.alternat-2 .form-group input[type='text'], .contact-section.alternat-2 .form-group input[type='email'], .contact-section.alternat-2 .form-group textarea{ color: #6e6e6e; } .contact-section.alternat-2 .form-group textarea{ border-color: #e8e8e8; } label.error{ display: none !important; } .contact-section.alternat-2 .language-picker .language-picker__button{ background: #f4f4f4; } .contact-section.alternat-2 .language-picker .language-picker__button:before{ color: #a8a9b3; } .contact-section.alternat-2 .check-box label:before{ border-color: #e8e8e8; } .contact-section.alternat-2 .check-box label{ color: #1b1e31; } /** faq-page-section **/ .faq-page-section{ position: relative; padding: 120px 0px; } .faq-page-section .search-form{ position: relative; margin-bottom: 60px; } .faq-page-section .search-form .form-group{ position: relative; margin: 0px; } .faq-page-section .search-form .form-group input[type='search']{ position: relative; display: block; width: 100%; height: 58px; border: 1px solid #e8e8e8; border-radius: 5px; font-size: 17px; color: #6e6e6e; padding: 10px 60px 10px 30px; transition: all 500ms ease; } .faq-page-section .search-form .form-group input:focus{ border-color: var(--theme-color); } .faq-page-section .search-form .form-group button[type='submit']{ position: absolute; top: 18px; right: 30px; font-size: 18px; color: #787878; cursor: pointer; transition: all 500ms ease; } .faq-page-section .search-form .form-group input:focus + button, .faq-page-section .search-form .form-group button:hover{ color: var(--theme-color); } .faq-sidebar{ position: relative; display: block; padding-right: 100px; } .faq-page-section .sidebar-side{ position: relative; } .faq-page-section .sidebar-side:before{ position: absolute; content: ''; background: #e8e8e8; width: 1px; height: 100%; top: 0px; right: 85px; } .faq-sidebar .category-list li{ position: relative; display: block; margin-bottom: 22px; } .faq-sidebar .category-list li:last-child{ margin-bottom: 0px; } .faq-sidebar .category-list li a{ position: relative; display: inline-block; font-size: 18px; line-height: 28px; color: #6e6e6e; font-weight: 700; padding-right: 26px; } .faq-sidebar .category-list li a:hover{ color: #1b1e31; } .faq-sidebar .category-list li a:before{ position: absolute; content: "\f103"; font-family: 'flaticon'; font-size: 22px; top: 0px; right: 0px; color: #1b1e31; font-weight: 400; opacity: 0; transition: all 500ms ease; } .faq-sidebar .category-list li a:hover:before{ opacity: 1; } /** error-section **/ .error-section{ position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; padding: 180px 0px; } .error-section .content-box{ position: relative; display: flex; align-items: center; justify-content: center; height: 100%; } .error-section .scroll-text{ position: absolute; left: 0px; top: 0px; right: 0px; width: 100%; height: 100%; } .error-section .scroll-text .text-box-one, .error-section .scroll-text .text-box-two{ position: absolute; left: 0px; width: 100%; min-width: 7000px; padding: 20px 0px; background: var(--theme-color); } .error-section .scroll-text .text-inner{ -moz-animation: scroll-left 90s linear infinite; -webkit-animation: scroll-left 90s linear infinite; animation: scroll-left 90s linear infinite; } .error-section .scroll-text .text-box-one{ top: 0px; } .error-section .scroll-text .text-box-two{ bottom: 0px; } .error-section .scroll-text h4{ position: relative; display: inline-block; font-size: 20px; line-height: 30px; color: #fff; font-weight: 600; text-transform: capitalize; margin: 0px 32px; } @-moz-keyframes scroll-left { 0% { -moz-transform: translateX(0%); } 100% { -moz-transform: translateX(-100%); } } @-webkit-keyframes scroll-left { 0% { -webkit-transform: translateX(0%); } 100% { -webkit-transform: translateX(-100%); } } .error-section .content-box h3{ position: relative; display: block; text-align: left; font-size: 36px; line-height: 36px; font-weight: 600; color: var(--theme-color); } .error-section .content-box h1{ display: block; font-size: 300px; line-height: 180px; font-weight: 600; margin-bottom: 92px; } .error-section .content-box h1:before{ position: absolute; content: ''; background-image: url(../../assets/images/icons/icon-89.png); width: 220px; height: 220px; left: 50%; transform: translateX(-50%); top: 23px; background-repeat: no-repeat; } .error-section .content-box h2{ display: block; font-size: 36px; line-height: 46px; font-weight: 600; margin-bottom: 10px; } .error-section .content-box p{ display: block; margin-bottom: 32px; } .error-section .pattern-layer{ position: absolute; left: 0px; bottom: 0px; width: 1543px; height: 725px; background-repeat: no-repeat; }