/*----------------------------------------*/ /* 01. Theme default font /*----------------------------------------*/ /* @import url("https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500&display=swap"); */ @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); /* 1. Theme default css */ body { /* font-family: "Poppins", sans-serif; */ font-family: "Poppins", sans-serif; font-size: 18px; line-height: 30px; font-weight: 400; font-style: normal; color: #777c90; } .main-page-wrapper { overflow: hidden !important; } .fix { overflow: hidden; } a, .button { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } a:focus, .button:focus { text-decoration: none; outline: none; } a:focus, a:hover { color: inherit; text-decoration: none; } a, button { color: inherit; outline: medium none; text-decoration: none; } button:focus, input:focus, input:focus, textarea, textarea:focus { outline: 0; } .uppercase { text-transform: uppercase; } .capitalize { text-transform: capitalize; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: "Poppins", sans-serif; color: #181818; line-height: 1.4; font-style: normal; font-weight: 700; text-transform: normal; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; text-decoration: none; } h1 { font-size: 40px; } h2 { font-size: 35px; } h3 { font-size: 28px; } h4 { font-size: 22px; } h5 { font-size: 18px; } h6 { font-size: 16px; } .list-none { margin: 0px; padding: 0px; } p { font-size: 16px; font-weight: 400; line-height: 26px; font-family: "Poppins", sans-serif; color: #333; margin-bottom: 15px; } hr { border-bottom: 1px solid rgab(white, 0.1); border-top: 0 none; margin: 30px 0; padding: 0; } label { cursor: pointer; font-size: 18px; font-weight: 500; color: #181818; } .brand-color { color: #f4a81d; } *::-moz-selection { background: black; color: white; text-shadow: none; } ::-moz-selection { background: black; color: white; text-shadow: none; } ::selection { background: black; color: white; text-shadow: none; } /*-- - Input Placeholder -----------------------------------------*/ *::-moz-placeholder { color: black; font-size: 14px; opacity: 1; } *::placeholder { color: black; font-size: 14px; opacity: 1; } /*-- - Common Classes -----------------------------------------*/ .fix { overflow: hidden; } .clear { clear: both; } .overlay-bg { position: relative; z-index: 2; } .overlay-bg::before { content: ""; position: absolute; z-index: -1; left: 0; top: 0; width: 100%; height: 100%; } .popup-video { color: white; background: #f4a81d; border-radius: 50%; font-size: 24px; line-height: 110px; display: inline-block; width: 110px; height: 110px; text-align: center; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; position: relative; z-index: 1; animation: pulseBig infinite 5s linear; } .popup-video:hover { color: white; background: #f4a81d; } .dark #preloader { background-color: #232323; } #preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #f7f7f7; z-index: 999999; } .preloader { width: 50px; height: 50px; display: inline-block; padding: 0px; text-align: left; box-sizing: border-box; position: absolute; top: 50%; left: 50%; margin-left: -25px; margin-top: -25px; } .preloader span { position: absolute; display: inline-block; width: 50px; height: 50px; border-radius: 100%; background: #f4a81d; -webkit-animation: preloader 1.3s linear infinite; animation: preloader 1.3s linear infinite; } .preloader span:last-child { animation-delay: -0.8s; -webkit-animation-delay: -0.8s; } .contact__info__wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; } @keyframes preloader { 0% { transform: scale(0, 0); opacity: 0.5; } 100% { transform: scale(1, 1); opacity: 0; } } @-webkit-keyframes preloader { 0% { -webkit-transform: scale(0, 0); opacity: 0.5; } 100% { -webkit-transform: scale(1, 1); opacity: 0; } } #scrollUp { background: #f4a81d; width: 40px; height: 40px; position: absolute; right: 20px; bottom: 40px; border-radius: 50%; line-height: 40px; text-align: center; } #scrollUp i { color: white; } .main__slider__section2::after { position: absolute; content: ''; top: 0; bottom: 0; left: 0; right: 0; background: #33333340; width: 100%; height: 100%; } /*-- - Overlay ------------------------------------------*/ .overlay-soft { position: relative; z-index: 1; } .overlay-soft::after { content: ''; position: absolute; background: rgba(0, 0, 0, 0.2); height: 100%; width: 100%; left: 0; top: 0; z-index: -1; } [data-overlay] { position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; } [data-overlay]::before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ""; } /*-- Overlay Color --*/ [data-overlay="light"]::before { background-color: white; } [data-overlay="dark"]::before { background-color: #f4a81d; } /*-- Overlay Opacity --*/ [data-opacity="1"]::before { opacity: 0.1; } [data-opacity="2"]::before { opacity: 0.2; } [data-opacity="3"]::before { opacity: 0.3; } [data-opacity="4"]::before { opacity: 0.4; } [data-opacity="5"]::before { opacity: 0.5; } [data-opacity="6"]::before { opacity: 0.6; } [data-opacity="7"]::before { opacity: 0.7; } [data-opacity="8"]::before { opacity: 0.8; } [data-opacity="9"]::before { opacity: 0.9; } .header-custom-container { max-width: 1560px; } .main-header-area { position: relative; width: 100%; left: 0; z-index: 999; } .logo-area img { max-width: 100%; } .logo-area .front { display: inline-block; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .logo-area .back { display: none; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); width: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } /* Hamburger-menu */ .hamburger-menu { display: inline-block; } .round-menu { display: inline-block; border: 2px solid rgba(255, 255, 255, 0.2); width: 46px; height: 46px; border-radius: 50%; text-align: center; position: relative; line-height: 42px; } .round-menu i { color: white; } .offset-sidebar { display: block; margin-top: 30px; } .main-menu { position: relative; z-index: 11; } .main-menu ul { padding: 0; margin: 0; } .main-menu ul li { list-style: none; position: relative; z-index: 1; display: inline-block; } .main-menu ul li:last-child a { margin-right: 0; } .main-menu ul li:last-child a:before { display: none; } .main-menu ul li.active { color: #181818; } .main-menu ul li.active a { color: #181818; } .main-menu ul li a { color: white; font-family: "Poppins", sans-serif; font-size: 14px; text-transform: uppercase; font-weight: 500; line-height: 1; display: inline-block; position: relative; margin: 0 30px 0 0; padding: 19px 0 20px 0; } @media only screen and (max-width: 1600px) { .main-menu ul li a { margin: 0 45px 0 0; } } /* .main-menu ul li a::before { content: "\F282"; font-family: "bootstrap-icons"; font-weight: 700; position: absolute; font-size: 13px; right: -16px; top: 21px; z-index: 1; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } */ @media only screen and (min-width: 992px) and (max-width: 1200px) { .main-menu ul li a::before { display: none; } } .main-menu ul li a::after { display: none; } .main-menu ul li a:hover { color: #f4a81d; } .main-menu ul li a i { font-size: 14px; } .main-menu ul li:hover>a { color: #f4a81d; } .main-menu ul li ul.sub-menu { border: 0; position: absolute; z-index: 5; background-color: #fff; border-radius: 0; display: block; right: 0; left: 0; padding: 0; top: 100%; visibility: hidden; transform: scaleY(0); opacity: 0; min-width: 220px; box-shadow: 0px 30px 70px 0px rgba(0, 0, 0, 0.05); margin: 0; transform-origin: 0 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .main-menu ul li ul.sub-menu li { display: block; position: relative; } .main-menu ul li ul.sub-menu li ul.sub-menu { position: absolute; right: 0; left: 100%; top: 0; } .main-menu ul li ul.sub-menu li a { color: #181818; font-size: 14px; font-family: "Poppins", sans-serif; font-weight: 500; padding: 12px 16px; display: block; transition: all 0.3s ease-in-out; width: 100%; text-transform: capitalize; } .main-menu ul li ul.sub-menu li a::before { display: none; } .main-menu ul li ul.sub-menu li a .sub-menu-arrow { float: right; } .main-menu ul li ul.sub-menu li a:hover, .main-menu ul li ul.sub-menu li a.active { color: white; background-color: transparent; background: #f4a81d; } .main-menu ul li:hover>.sub-menu { opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } .sticky-menu { position: fixed; background: #181818; top: 0; animation: 300ms ease-in-out 0s normal none 1 running fadeInDown; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05); padding-top: 0; padding-bottom: 0; } .sticky-menu .hamburger-menu { top: 17px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .sticky-menu .hamburger-menu { top: 35px; } } .theme-menu-one { border-bottom: 2px solid rgba(248, 249, 252, 0.05); background: #161616 !important; } .theme-menu-one .main-menu ul li a { padding: 14px 0 25px 0; } .theme-menu-one .main-menu ul li a::before { top: 25px; } .theme-menu-one .sticky-menu { padding: 15px 0; } .theme-menu-one .sticky-menu .menu-list { margin: 0; } .theme-menu-one .sticky-menu .top__header__info { display: none; } .theme-menu-one .top__header__info { border-bottom: 1px solid rgba(248, 249, 252, 0.05); } .theme-menu-one .header-info { position: relative; z-index: 1010; } .custom-border { border-left: 2px solid rgba(248, 249, 252, 0.05); position: relative; z-index: 100; } .header-info { list-style: none; } .header-info>li { position: relative; z-index: 1; padding-left: 55px; margin-right: 50px; } .header-info>li:first-child { padding-left: 0; } .header-info>li::before { content: ""; position: absolute; height: 40px; width: 2px; background: white; top: 10px; right: -55px; z-index: 1; } .header-info>li:last-child::before { display: none; } @media only screen and (max-width: 1600px) { .header-info>li { margin-right: 15px; padding-left: 55px; } .header-info>li::before { display: none; } } .header-info-box { display: flex; align-items: center; } .header-info-box .icon { margin-right: 10px; } .header-info-box .text-content span { color: white; font-size: 14px; font-weight: 500; font-family: "Poppins", sans-serif; } .header-info-box .text-content h6 { color: white; font-size: 18px; line-height: 18px; font-family: "Poppins", sans-serif; } .right-language .dropdown { line-height: 1; } .right-language .language-btn { color: white; font-size: 18px; font-weight: 700; line-height: 18px; } .right-language .language-btn i { color: white; font-size: 14px; font-weight: 300; } .right-language .language-btn::after { color: #181818; } .right-language .dropdown-menu { min-width: 170px; padding: 10px 0; background: white; box-shadow: 0px 25px 50px 0px rgba(213, 216, 223, 0.5); border: 1px solid #f8f8f8; border-radius: 0; top: 20px; text-align: left; } .right-language .dropdown-menu li { display: block; } .right-language .dropdown-menu li a { display: block; padding: 0 15px; font-size: 15px; color: #181818; line-height: 35px; text-transform: uppercase; } .right-language .dropdown-menu li a:hover { color: white; background: #f4a81d; } .social_media a { color: #f4a81d; font-size: 16px; line-height: 43px; text-align: center; display: inline-block; margin-left: 5px; width: 40px; height: 40px; border-radius: 50%; background: #484849; } .social_media a:hover { color: white; background: #f4a81d; } .theme-menu-two .header-info { position: relative; z-index: 1011; } .theme-menu-two .header-info li:last-child { margin-right: 0; } .theme-menu-two .main-header-area { background: linear-gradient(135deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.03) 100%); background: -moz-linear-gradient(135deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.03) 100%); background: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.03) 100%); background: -ms-linear-gradient(135deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.03) 100%); background: o-linear-gradient(135deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.03) 100%); backdrop-filter: blur(7.5px); } .theme-menu-two .main-header-area .menu-list { margin: 0; padding: 0; } .theme-menu-two .sticky-menu { background: #181818 !important; padding: 10px 0; } .theme-menu-three { position: absolute; left: 0; right: 0; margin: 0 auto; z-index: 111; top: 0; } .theme-menu-three .main-header-area { background: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.05) 100%); background: -moz-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.05) 100%); background: -ms-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.05) 100%); background: -o-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.05) 100%); background: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.05) 100%); backdrop-filter: blur(7.5px); } .theme-menu-three .sticky-menu { background: #f4a81d; padding: 8px 0; } .theme-menu-three .header-info { position: relative; z-index: 1111; } .theme-menu-three .header-info li:last-child { margin-right: 0; } .theme-menu-three .right-language .dropdown-toggle::after { color: white; border-top: 0.4em solid; border-right: 0.4em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; position: absolute; top: 5px; } .page-title-area { background-size: cover; background-repeat: no-repeat; position: relative; z-index: 1; } .page-title-area::before { content: ""; position: absolute; background: rgba(24, 24, 24, 0.1); width: 100%; height: 100%; left: 0; top: 0; z-index: -1; } .page-title-area .page-title-shape { position: absolute; z-index: 1; } .page-title-area .page-title-shape.shape-one { bottom: 40px; left: 0; display: none; } .page-title-area .page-title-shape.shape-two { bottom: 70px; right: 250px; animation: float-bob-y 5s infinite linear; display: none; } .page-title-wrapper { position: relative; z-index: 2; } .page-title-wrapper .page-title { color: white; font-size: 68px; z-index: 1; } @media only screen and (max-width: 1200px) { .page-title-wrapper .page-title { font-size: 38px; } } @media (max-width: 767px) { .page-title-wrapper .page-title { font-size: 32px; } } ul.breadcrumb { display: inline-block; padding: 12px 26px; background: linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.1) 100%); background: -moz-linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.1) 100%); background: -ms-linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.1) 100%); background: -o-linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.1) 100%); background: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.1) 100%); backdrop-filter: blur(12.5px); } ul.breadcrumb li { display: inline-block; } ul.breadcrumb li a { color: white; font-size: 20px; font-weight: 500; line-height: 1; display: inline-block; padding-right: 10px; margin-right: 10px; position: relative; z-index: 1; } ul.breadcrumb li a::before { content: ""; position: absolute; background: white; width: 2px; height: 18px; right: -1px; top: 1px; z-index: 1; transform: rotate(14deg); } ul.breadcrumb li.active { color: white; font-weight: 700; } @media only screen and (max-width: 1200px) { ul.breadcrumb { padding: 5px 15px; } ul.breadcrumb li a { font-size: 18px; } } @media only screen and (max-width: 767.98px) { ul.breadcrumb { padding: 5px 5px; } } /*! ####################################################################### MeanMenu 2.0.7 -------- To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/) ####################################################################### */ /* hide the link until viewport size is reached */ a.meanmenu-reveal { display: none; } /* when under viewport size, .mean-container is added to body */ .mean-container .mean-bar { float: left; width: 100%; position: relative; background: none; padding: 4px 0; min-height: 42px; z-index: 999999; } .mean-container a.meanmenu-reveal { width: 22px; height: 22px; padding: 13px 13px 11px 13px; position: absolute; top: 0; right: 0; cursor: pointer; color: #fff; text-decoration: none; font-size: 16px; text-indent: -9999em; line-height: 22px; font-size: 1px; display: none !important; font-family: Arial, Helvetica, sans-serif; font-weight: 700; } .mean-container a.meanmenu-reveal span { display: block; background: #fff; height: 3px; margin-top: 3px; } .mean-container .mean-nav { float: left; width: 100%; background: none; margin-top: 0; } .mean-container .mean-nav>ul { padding: 0; margin: 0; width: 100%; list-style-type: none; display: block !important; } .mean-container .mean-nav ul li { position: relative; float: left; width: 100%; list-style: none; } .mean-container .mean-nav ul li a { display: block; float: left; width: 90%; padding: 1em 5%; margin: 0; text-align: left; color: #fff; /* border-top: 1px solid #383838; border-top: 1px solid rgba(255, 255, 255, 0.5); */ text-decoration: none; text-transform: uppercase; } .mean-container .mean-nav ul li li a { width: 80%; padding: 0.5em 4%; border-top: 1px solid #f1f1f1; border-top: 1px solid rgba(255, 255, 255, 0.25); opacity: 0.75; /* filter: alpha(opacity=75); text-shadow: none !important; */ visibility: visible; font-size: 16px; } .mean-container .mean-nav ul li.mean-last a { border-bottom: none; margin-bottom: 0; } .mean-container .mean-nav ul li li li a { width: 70%; padding: 1em 15%; } .mean-container .mean-nav ul li li li li a { width: 60%; padding: 1em 20%; } .mean-container .mean-nav ul li li li li li a { width: 50%; padding: 1em 25%; } .mean-container .mean-nav ul li a:hover { background: #252525; background: rgba(255, 255, 255, 0.1); } .mean-container .mean-nav ul li a.mean-expand { margin-top: 1px; width: 26px; height: 32px; padding: 12px !important; text-align: center; position: absolute; right: 0; top: 0; z-index: 2; font-weight: 700; background: rgba(255, 255, 255, 0.1); border: none !important; /* border-left: 1px solid rgba(255, 255, 255, 0.4) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important; */ } .mean-container .mean-nav ul li a.mean-expand:hover { background: rgba(0, 0, 0, 0.9); } .mean-container .mean-push { float: left; width: 100%; padding: 0; margin: 0; clear: both; } .mean-nav .wrapper { width: 100%; padding: 0; margin: 0; } /* Fix for box sizing on Foundation Framework etc. */ .mean-container .mean-bar, .mean-container .mean-bar * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .mean-remove { display: none !important; } .slide-bar { position: fixed; overflow-y: auto; top: 0; right: -370px; width: 350px; padding: 25px 30px; height: 100%; display: block; background-color: #181818; z-index: 1900; -webkit-transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86); -moz-transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86); box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5); } @media only screen and (min-width: 576px) and (max-width: 767px) { .slide-bar { width: 350px; } } @media (max-width: 767px) { .slide-bar { width: 310px; padding: 25px 20px; } } .slide-bar.show { right: 0; } .open-mobile-menu { display: inline-block; } .open-mobile-menu a { display: block; width: 50px; height: 50px; background: #212121; text-align: center; line-height: 50px; font-size: 20px; margin-left: 20px; color: #fff; } .open-mobile-menu a:hover { background: #f4a81d; } .open-mobile-menu a.active { background: #f4a81d; } .close-mobile-menu a { color: white; position: relative; z-index: 2; font-size: 16px; top: -10px; left: 0; } .close-mobile-menu a:hover { color: #ff0000; } .on-side { overflow: hidden; } .body-overlay { background-color: rgba(0, 0, 0, 0.5); height: 100%; width: 100%; position: fixed; top: 0; z-index: 1010; left: 0; opacity: 0; display: none; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .body-overlay.active { opacity: 1; display: block; } .offset-widget.offset-logo { border-bottom: 1px solid #eeecec; padding-bottom: 20px; } .offset-widget .info-widget .offset-title { font-size: 20px; font-weight: 800; color: white; } .offset-widget .info-widget p { color: white; } .offset-widget .info-widget.info-widget2 p { margin-bottom: 15px; } .offset-widget .info-widget.info-widget2 p i { margin-right: 7px; color: white; } .fw-exbold { font-weight: 800; } .fw-bold { font-weight: 700; } .fw-semi { font-weight: 600; } .fw-medium { font-weight: 500; } .fw-normal { font-weight: 400; } .fw-light { font-weight: 300; } .fw-thin { font-weight: 100; } .fs-20 { font-size: 20px; } .fs-18 { font-size: 18px; } .fs-17 { font-size: 17px !important; } .fs-14 { font-size: 14px; } .fs-12 { font-size: 12px; } /*-- - Background color -----------------------------------------*/ .grey-bg { background: #f8f9fc; } .white-bg { background: white; } .black-bg { background: #181818; } .heding-bg { background: #181818; } .theme-bg { background: #f4a81d; } /*-- - color -----------------------------------------*/ .text-white { color: white; } .text-prime { color: #f4a81d; } .text-black { color: black; } .text-theme { color: #f4a81d; } .text-body { color: #777c90; } .text-heding { color: #181818; } /*-- - fonts -----------------------------------------*/ .body-font { font-family: "Poppins", sans-serif; } .heding-font { font-family: "Poppins", sans-serif; } .uppercase { text-transform: uppercase; } .capitalize { text-transform: capitalize; } .capitalize { text-transform: lowercase; } .bg-none { background: none; } /* search-area */ .search-area .search_input { color: white; font-size: 25px; } .abt-box { margin: 100px 0 0 0; } /* Full screen search -------------------------------------------------------*/ .offcanvas-top { min-height: 150px; } .offcanvas-top .search-close { position: absolute; top: 50px; right: 50px; font-size: 30px; color: #fff; cursor: pointer; } .search-wrap { padding-bottom: 100px; } .search-wrap input { color: white; font-size: 80px; width: 100%; background: transparent; border: 0; text-align: center; display: inline-block; height: auto; padding: 0; display: inline-block; display: flex; justify-content: center; margin: 0 auto; border-bottom: 2px solid white; } .search-wrap input::placeholder { color: white; padding-bottom: 80px; font-size: 80px; font-family: "Poppins", sans-serif; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .search-wrap input::placeholder { font-size: 50px; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .search-wrap input::placeholder { font-size: 40px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .search-wrap input::placeholder { font-size: 30px; } } @media (max-width: 767px) { .search-wrap input::placeholder { font-size: 20px; } } .search-wrap input::-moz-placeholder, .search-wrap input::-webkit-placeholder, .search-wrap input::-o-placeholder, .search-wrap input::-ms-placeholder { color: white; padding-bottom: 80px; font-size: 80px; font-family: "Poppins", sans-serif; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .search-wrap input::-moz-placeholder, .search-wrap input::-webkit-placeholder, .search-wrap input::-o-placeholder, .search-wrap input::-ms-placeholder { font-size: 50px; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .search-wrap input::-moz-placeholder, .search-wrap input::-webkit-placeholder, .search-wrap input::-o-placeholder, .search-wrap input::-ms-placeholder { font-size: 40px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .search-wrap input::-moz-placeholder, .search-wrap input::-webkit-placeholder, .search-wrap input::-o-placeholder, .search-wrap input::-ms-placeholder { font-size: 30px; } } @media (max-width: 767px) { .search-wrap input::-moz-placeholder, .search-wrap input::-webkit-placeholder, .search-wrap input::-o-placeholder, .search-wrap input::-ms-placeholder { font-size: 30px; } } /*domain__search__area*/ .domain__search__area { position: relative; z-index: 1; } .domain__search__area::before { content: ""; position: absolute; background: rgba(255, 255, 255, 0.03); width: 100%; height: 100%; left: 0; top: 0; z-index: 1; } .domain__search-wrapper { text-align: center; position: relative; z-index: 3; } .domain__search-title { font-size: 32px; text-align: center; } .read-linked { position: relative; } .read-linked a { font-size: 15px; color: #161616; font-style: italic; text-decoration: underline; } .read-linked i { font-size: 23px; color: #f4a81d; position: absolute; left: 100px; top: 5px; } @media only screen and (max-width: 1200px) { .domain__search-title { font-size: 26px; } } .domain__shape { position: absolute; } .domain__shape.one { left: 7.81%; } .domain__shape.two { right: 7.81%; } .domain__shape.three { right: 78.85%; } .domain__shape.four { right: 32%; } .domain__search-box.mb-30 { display: flex; align-items: center; justify-content: space-between; } .domain__search-box.mb-30 .nice-select.domain-select { -webkit-tap-highlight-color: transparent; background-color: #fff; border-radius: 5px; height: 60px; width: 100%; display: block; border-radius: 5px; color: #777c90; line-height: 58px; font-weight: 500; font-family: "Poppins", sans-serif; margin-right: 10px; } .domain__search-box.mb-30 .nice-select.domain-select::after { content: "\f078"; font-family: "Font Awesome 5 Pro"; border-bottom: unset; border-right: unset; transform: rotate(0); top: 7px; right: 30px; transform-origin: unset; color: #ff5c65; } .domain__search-box.mb-30 .nice-select.domain-select .list { width: 100%; } .domain__search-box.mb-30 button { padding: 21px 40px; border: 0; border-radius: 5px; width: 225px; } @media only screen and (max-width: 991.98px) { .domain__search-box.mb-30 { display: block; } .domain__search-box.mb-30 button { margin-top: 20px; } } .domain__search-list { padding-left: 0; clear: both; } .domain__search-list li { display: inline-block; list-style: none; } .domain__search-list li:last-child a { padding-right: 0; margin-right: 0; } .domain__search-list li:last-child a::before { display: none; } .domain__search-list li a { color: white; font-size: 17px; line-height: 22px; display: inline-block; position: relative; z-index: 1; margin-right: 30px; padding-right: 30px; margin-bottom: 20px; } .domain__search-list li a::before { content: ""; position: absolute; background: white; width: 1px; height: 20px; right: 0; top: 0; } @media only screen and (max-width: 575.98px) { .domain__search-list li a { margin-right: 4px; padding-right: 10px; margin-bottom: 20px; } } @-webkit-keyframes rotated { 0% { -webkit-transform: rotateY(0); transform: rotateY(0); } 100% { -webkit-transform: rotateY(360deg); transform: rotateY(360deg); } } @keyframes rotated { 0% { -webkit-transform: rotateY(0); transform: rotateY(0); } 100% { -webkit-transform: rotateY(360deg); transform: rotateY(360deg); } } @-webkit-keyframes rotatedHalf { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 50% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } @keyframes rotatedHalf { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 50% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } @-webkit-keyframes rotatedHalfTwo { 0% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } 100% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } } @keyframes rotatedHalfTwo { 0% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } 100% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } } @-webkit-keyframes scale-upOne { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.2); transform: scale(0.2); } } @keyframes scale-upOne { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.2); transform: scale(0.2); } } @-webkit-keyframes scale-right { 0% { -webkit-transform: translateX(-50%); transform: translateX(-50%); } 50% { -webkit-transform: translateX(50%); transform: translateX(50%); } 100% { -webkit-transform: translateX(-50%); transform: translateX(-50%); } } @keyframes scale-right { 0% { -webkit-transform: translateX(-50%); transform: translateX(-50%); } 50% { -webkit-transform: translateX(50%); transform: translateX(50%); } 100% { -webkit-transform: translateX(-50%); transform: translateX(-50%); } } @-webkit-keyframes fade-in { 0% { opacity: 0.5; } 40% { opacity: 1; } 100% { opacity: 0.7; } } @keyframes fade-in { 0% { opacity: 0.5; } 40% { opacity: 1; } 100% { opacity: 0.7; } } @keyframes hvr-ripple-out { 0% { top: 0px; right: 0px; bottom: 0px; left: 0px; opacity: 1; } 100% { top: -6px; right: -6px; bottom: -6px; left: -6px; opacity: 0; } } @keyframes hvr-ripple-out-two { 0% { top: 0; right: 0; bottom: 0; left: 0; opacity: 1; } 100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; } } @-webkit-keyframes scale-up-one { 0% { -webkit-transform: scale(1); transform: scale(1); } 40% { -webkit-transform: scale(0.5); transform: scale(0.5); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes scale-up-one { 0% { -webkit-transform: scale(1); transform: scale(1); } 40% { -webkit-transform: scale(0.5); transform: scale(0.5); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes scale-up-one-1 { 0% { -webkit-transform: scale(1); transform: scale(1); } 40% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes scale-up-one-1 { 0% { -webkit-transform: scale(1); transform: scale(1); } 40% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes animationFramesOne { 0% { transform: translate(0px, 0px) rotate(0deg); } 20% { transform: translate(73px, -1px) rotate(36deg); } 40% { transform: translate(141px, 72px) rotate(72deg); } 60% { transform: translate(83px, 122px) rotate(108deg); } 80% { transform: translate(-40px, 72px) rotate(144deg); } 100% { transform: translate(0px, 0px) rotate(0deg); } } @-webkit-keyframes animationFramesOne { 0% { -webkit-transform: translate(0px, 0px) rotate(0deg); } 20% { -webkit-transform: translate(73px, -1px) rotate(36deg); } 40% { -webkit-transform: translate(141px, 72px) rotate(72deg); } 60% { -webkit-transform: translate(83px, 122px) rotate(108deg); } 80% { -webkit-transform: translate(-40px, 72px) rotate(144deg); } 100% { -webkit-transform: translate(0px, 0px) rotate(0deg); } } /* Move frame*/ @keyframes moveRound { 0% { background-color: #eee3ff; left: -24px; top: 0px; } 25% { background-color: #feddfc; left: 100px; top: 0px; } 50% { background-color: #efe4ff; left: 100px; top: 100px; } 75% { background-color: #e2fcf4; left: -24px; top: 200px; } 100% { background-color: #eee3ff; left: -24px; top: 0px; } } @-webkit-keyframes moveRound { 0% { background-color: #eee3ff; left: -24px; top: 0px; } 25% { background-color: #feddfc; left: 100px; top: 0px; } 50% { background-color: #efe4ff; left: 100px; top: 200px; } 75% { background-color: #e2fcf4; left: -24px; top: 100px; } 100% { background-color: #eee3ff; left: -24px; top: 0px; } } @keyframes moveShap { 0% { left: 0px; top: 0px; } 25% { left: 100px; top: 0px; } 50% { left: 100px; top: 100px; } 75% { left: 0px; top: 200px; } 100% { left: 0px; top: 0px; } } @keyframes moveShap2 { 0% { right: 0px; top: 0px; } 25% { right: 100px; top: 0px; } 50% { right: 100px; top: 100px; } 75% { right: 0px; top: 200px; } 100% { right: 0px; top: 0px; } } /* Heartbeat frame*/ @-webkit-keyframes heartbeat { to { -webkit-transform: scale(1.2); transform: scale(1.2); } } @keyframes heartbeat { to { -webkit-transform: scale(1.2); transform: scale(1.2); } } /* Rotation frame*/ @keyframes rotation { to { transform: rotate(360deg); } } /* pulseBig */ @keyframes pulseBig { 0% { box-shadow: 0 0 0 0 rgba(55, 140, 255, 0.2); } 50% { box-shadow: 0 0 0 30px rgba(1, 93, 199, 0); } 100% { box-shadow: 0 0 0 0 rgba(1, 93, 199, 0); } } .scaleUp1 { -webkit-animation-name: scaleUp1; animation-name: scaleUp1; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } @-webkit-keyframes scaleUp1 { 0% { -webkit-transform: translateY(1); transform: translateY(1); } 20% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } 40% { -webkit-transform: translateY(1); transform: translateY(1); } 80% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } 100% { -webkit-transform: translateY(1); transform: translateY(1); } } @keyframes scaleUp1 { 0% { -webkit-transform: translateY(1); transform: translateY(1); } 20% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } 40% { -webkit-transform: translateY(1); transform: translateY(1); } 80% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } 100% { -webkit-transform: translateY(1); transform: translateY(1); } } @keyframes runs { 0% { transform: translateY(0) rotate(90deg); } 50% { transform: translateY(300px) rotate(90deg); } 100% { transform: translateY(-300px) rotate(180deg); } } @-webkit-keyframes runs { 0% { transform: translateY(0) rotate(90deg); } 50% { transform: translateY(300px) rotate(90deg); } 100% { transform: translateY(-300px) rotate(180deg); } } @-moz-keyframes runs { 0% { transform: translateY(0) rotate(90deg); } 50% { transform: translateY(300px) rotate(90deg); } 100% { transform: translateY(-300px) rotate(180deg); } } @-o-keyframes runs { 0% { transform: translateY(0) rotate(90deg); } 50% { transform: translateY(300px) rotate(90deg); } 100% { transform: translateY(-300px) rotate(180deg); } } @keyframes zoomIncolor { 0% { transform: scale(0.8); } 50% { transform: scale(1); background: #f4a81d; opacity: 0.5; } 100% { transform: scale(1.3); background: #f4a81d; opacity: 0.8; } } @-webkit-keyframes zoomIncolor { 0% { transform: scale(0.8); } 50% { transform: scale(1); background: #f4a81d; opacity: 0.5; } 100% { transform: scale(1.3); background: #f4a81d; opacity: 0.8; } } @-moz-keyframes zoomIncolor { 0% { transform: scale(0.8); } 50% { transform: scale(1); background: #f4a81d; opacity: 0.5; } 100% { transform: scale(1.3); background: #f4a81d; opacity: 0.8; } } @keyframes squareMove { 0% { transform: translateX(0px) rotate(0deg); } 33% { transform: translateY(-100px) rotate(180deg); } 66% { transform: translateX(200px) rotate(-90deg); } 100% { transform: translateX(0px) rotate(0deg); } } @-webkit-keyframes squareMove { 0% { transform: translateX(0px); } 33% { transform: translateY(-100px); } 66% { transform: translateX(200px); } 100% { transform: translateX(0px); } } @-moz-keyframes squareMove { 0% { transform: translateX(0px); } 33% { transform: translateY(-100px); } 66% { transform: translateX(200px); } 100% { transform: translateX(0px); } } @keyframes float-bob { 0% { transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); } 50% { transform: translateY(-100px); -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); } 100% { transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); } } /*-- -theme-btn ----------------------------------------*/ .ht_btn.pro-list-btn { padding: 10px 15px !important; font-size: 13px !important; border-radius: 20px !important; border: 1px solid #f4a81d !important; } .ht_btn { overflow: hidden; color: white; background: #f4a81d; font-size: 16px; font-family: "Poppins", sans-serif; font-weight: 700; line-height: 16px; padding: 22px 33px; display: inline-block; text-align: center; position: relative; z-index: 2; cursor: pointer; text-decoration: none; transition: all; text-transform: uppercase; z-index: 3; } .ht_btn img { margin-top: -2px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .ht_btn::before { content: ""; background: white; position: absolute; z-index: -1; left: 0; top: 0; width: 0; height: 100%; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .ht_btn:hover { color: #f4a81d; } .ht_btn:hover::before { width: 100%; } .ht_btn:hover img { filter: invert(30%) sepia(910%) saturate(2771%) hue-rotate(342deg) brightness(118%) contrast(136%); } .ht_btn.hover-bg::before { background: #181818; } .ht_btn.hover-bg:hover::before { width: 100%; } .ht_btn.ht_btn2 { background: #ffdd02; color: #181818; } .ht_btn.ht_btn2::before { background: #181818; } .ht_btn.ht_btn2:hover { color: white; } .ht_btn.ht_btn2:hover img { filter: invert(1); } .ht_btn.blog_btn { padding: 14px 27px; } .ht_btn.blog_btn::before { background: #181818; } .ht_btn.blog_btn:hover { color: white; } .ht_btn.blog_btn:hover img { filter: invert(0); } .ht-blog-btn .ht_btn { font-size: 16px; line-height: 21px; padding: 10px 20px 10px 20px; } .widget__btn { color: white; font-size: 16px; font-weight: 700; line-height: 1; background: #f4a81d; display: block; width: 100%; border: 0; height: 50px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .widget__btn:hover { color: #f4a81d; background: white; } /*section__title*/ .sub__title__one { font-size: 24px; line-height: 1; text-transform: uppercase; } @media only screen and (max-width: 1600px) { .sub__title__one { font-size: 20px; } } .snake-line { margin-top: -5px; } .section__title__one { font-size: 48px; line-height: 1.2; } .section__title__one span { color: #f4a81d; } @media only screen and (max-width: 1600px) { .section__title__one { font-size: 36px; } } @media only screen and (max-width: 1200px) { .section__title__one { font-size: 32px; } } @media only screen and (max-width: 991.98px) { .section__title__one { font-size: 28px; } } .big-style-text { font-size: 250px; position: absolute; z-index: -1; font-weight: 900; text-transform: uppercase; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: rgba(24, 24, 24, 0.05); } @media only screen and (max-width: 1800px) { .big-style-text { font-size: 100px; } } @media only screen and (max-width: 991.98px) { .big-style-text { font-size: 80px; } } @media (max-width: 767px) { .big-style-text { font-size: 50px; } } .single__box__title { font-size: 25px; } @media only screen and (max-width: 1600px) { .single__box__title { font-size: 22px; } } .blog__title { font-size: 20px; line-height: 1.3; } @media only screen and (max-width: 1200px) { .blog__title { font-size: 18px; } } .sub__title__two { color: white; font-size: 18px; font-weight: 500; line-height: 1.5; } @media (max-width: 767px) { .sub__title__two { font-size: 20px; } } .sub__title__three { color: #f4a81d; font-size: 20px; font-weight: 600; background: rgba(82, 196, 89, 0.08); display: inline-block; padding: 10px 20px; border-radius: 40px; } .theme__main__banner { position: relative; z-index: 1; } .theme__main__banner .shapes__blur { position: absolute; z-index: -1; border-radius: 536px; opacity: 0.20000000298023224; background: #f4a81d; filter: blur(150px); width: 536px; height: 536px; display: inline-block; top: 128px; right: 37.86%; } .theme__main__banner .shapes { position: absolute; z-index: -1; } .theme__main__banner .shapes.shapes__1 { top: 0; left: 0; } .theme__main__banner .shapes.shapes__2 { bottom: 0; left: 0; } .theme__main__banner .shapes.shapes.shapes__3 { top: 117px; right: 77.6%; border-radius: 50%; } .circular__box { position: absolute; z-index: 1; right: 52.18%; top: 40px; width: 179px; height: 179px; display: inline-block; } .circular__box .circular__text { border-radius: 50%; animation: rotation 15s infinite linear; } .circular__box .circular__img { position: absolute; z-index: 2; left: 50%; top: 50%; transform: translate(-50%, -50%); } @media only screen and (max-width: 1200px) { .circular__box { left: 0; right: 0; text-align: center; margin: 0 auto; margin-bottom: 30px; } } .sub__title { color: #f4a81d; font-size: 24px; font-weight: 600; line-height: 1; letter-spacing: 3.6px; text-transform: uppercase; } @media only screen and (max-width: 1200px) { .sub__title { margin-top: 30px; } } @media only screen and (max-width: 991.98px) { .sub__title { font-size: 18px; } } .main__title { color: white; font-size: 55px; line-height: 1.2; font-weight: 500; position: relative; z-index: 9999; } .main__title span { color: #ffdd02; } @media only screen and (max-width: 1600px) { .main__title { font-size: 75px; } } @media only screen and (max-width: 1200px) { .main__title { font-size: 38px; line-height: 50px; } } @media only screen and (max-width: 991.98px) { .main__title { font-size: 32px; } } .hero__slider { max-width: 960px; height: 594px; margin: 0 0 0 auto; position: absolute; right: -60px; bottom: 0; z-index: -1; } @media only screen and (max-width: 1200px) { .hero__slider { top: 50px; max-width: 100%; height: 400px; margin: 0; position: relative; right: 0; bottom: 0; left: 0; text-align: center; } } .hero__slider .swiper-pagination { font-size: 40px; color: #fff; font-weight: 700; font-family: "Poppins", sans-serif; line-height: 1; } .hero__slider .swiper-pagination-total { font-size: 20px; font-weight: 500; } .main__slider__section { position: relative; z-index: 1; } .hero__slider__two .swiper-button-prev { left: 120px; } .hero__slider__two .swiper-button-next { right: 120px; } @media only screen and (max-width: 1600px) { .hero__slider__two .swiper-button-prev { left: 0px; } .hero__slider__two .swiper-button-next { right: 0px; } } .hero__slider__wrapper { background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; z-index: 1; } .hero__slider__wrapper::before { content: ""; position: absolute; z-index: -1; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(24, 24, 24, 0.6) 0%, rgba(24, 24, 24, 0.6) 100%); background: -moz-linear-gradient(0deg, rgba(24, 24, 24, 0.6) 0%, rgba(24, 24, 24, 0.6) 100%); background: -o-linear-gradient(0deg, rgba(24, 24, 24, 0.6) 0%, rgba(24, 24, 24, 0.6) 100%); background: -ms-llinear-gradient(0deg, rgba(24, 24, 24, 0.6) 0%, rgba(24, 24, 24, 0.6) 100%); background: -webkit-linear-gradient(0deg, rgba(24, 24, 24, 0.6) 0%, rgba(24, 24, 24, 0.6) 100%); } .hero__slider__wrapper .circular__box { left: auto; right: 21.56%; top: 37%; width: 190px; height: 190px; } .hero__slider__wrapper .shapes__1 { position: absolute; left: 0; bottom: 0; z-index: -1; } @media only screen and (max-width: 1200px) { .hero__slider__wrapper .circular__box { display: none; } } .hero__content .sub__title__two { max-width: 773px; } @media only screen and (max-width: 1200px) { .hero__content .sub__title__two { max-width: 100%; } } .thumbs__gallery { position: absolute; max-width: 502px; left: 0; right: 0; text-align: center; bottom: 40px; margin: 0 auto; } .thumbs__gallery .swiper-slide-active .hero__thumb img { border: 5px solid #f4a81d; } .main__slider__section2 { background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; z-index: 1; height: 800px; } .main__slider__section2 .blur__box { display: none; } .main__slider__section2 .circular__box { right: 0; left: 0; top: 26.5%; width: 164px; height: 164px; margin: 0 auto; } .main__slider__section2 .shapes__1 { position: absolute; left: 0; right: 0; text-align: center; bottom: 0; z-index: -1; margin: 0 auto; } .main__slider__section2 .social_media { position: absolute; right: 9.38%; bottom: 40px; z-index: 1; } .main__slider__section2 .social_media a { background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.1) 100%); background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.1) 100%); background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.1) 100%); background: -o-linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.1) 100%); background: -ms-linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.1) 100%); backdrop-filter: blur(7.5px); color: white; } .main__slider__section2 .social_media a:hover { color: #181818; background: #ffdd02; } @media only screen and (max-width: 767.98px) { .main__slider__section2 .social_media { position: relative; right: 0; bottom: 0; left: 0; text-align: center; margin-top: 30px; } } @media only screen and (max-width: 767.98px) { .main__slider__section2 .circular__box { top: 22.5%; } } .call__box { display: flex; align-items: center; position: absolute; left: 9.38%; bottom: 30px; z-index: 1; } .call__box .icon { display: inline-block; width: 60px; height: 60px; background: #ffdd02; border-radius: 50%; text-align: center; line-height: 57px; } .call__box .call__title { color: white; font-size: 18px; font-weight: 500; } .call__box .call__number { color: white; } @media only screen and (max-width: 767.98px) { .call__box { display: flex; position: relative; left: 0; bottom: 0; justify-content: center; margin-top: 30px; } } .hero__slider__three .swiper-button-prev, .hero__slider__three .swiper-button-next { color: white; line-height: 60px; top: 54%; } .hero__slider__three .swiper-button-prev { left: 120px; } .hero__slider__three .swiper-button-prev:hover { color: #181818; background: #ffdd02; } .hero__slider__three .swiper-button-next { right: 120px; } .hero__slider__three .swiper-button-next:hover { color: #181818; background: #ffdd02; } .hero__slider__three .swiper-pagination.swiper-pagination-fraction.swiper-pagination-horizontal { bottom: 40px; z-index: 111; } .hero__slider__three .swiper-pagination { color: #fff; font-size: 20px; font-weight: 600; } .hero__slider__three .swiper-pagination span.swiper-pagination-current { position: absolute; right: 57.29%; } .hero__slider__three .swiper-pagination span.swiper-pagination-total { position: absolute; right: 41.56%; } .hero__slider__three .swiper-scrollbar.swiper-scrollbar-horizontal { width: 230px; background: rgba(255, 255, 255, 0.3); bottom: 52px; left: 0; right: 0; margin: 0 auto; } .hero__slider__three .swiper-scrollbar.swiper-scrollbar-horizontal .swiper-scrollbar-drag { background: white !important; } .swiper-button-prev, .swiper-button-next { display: inline-block; width: 60px; height: 60px; font-size: 20px; background: linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.1) 100%); background: -moz-linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.1) 100%); background: -ms-linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.1) 100%); background: -o-linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.1) 100%); background: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.1) 100%); backdrop-filter: blur(7.5px); line-height: 55px; text-align: center; } .swiper-button-prev::before, .swiper-button-next::before { display: none !important; } .swiper-button-prev::after, .swiper-button-next::after { display: none !important; } .swiper-button-prev:hover, .swiper-button-next:hover { background: #f4a81d; } .hero__slider .swiper-button-prev { position: absolute; top: 85%; bottom: 0; left: 0; z-index: 1; } .hero__slider .swiper-button-next { position: absolute; top: 94%; bottom: 0; left: 0; z-index: 1; } .hero__slider .swiper-pagination.swiper-pagination-fraction.swiper-pagination-horizontal { bottom: 35px; z-index: 1; } @media only screen and (max-width: 1200px) { .hero__slider .swiper-button-prev { transform: translateY(-50%); top: 50%; left: 15px; } .hero__slider .swiper-button-next { top: 50%; transform: translateY(-50%); left: auto; right: 15px; } } .swiper-pagination .swiper-pagination-bullet { background: #333; width: 12px; height: 12px; display: inline-block; border-radius: 0px; } .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #f4a81d; } .about__section__wrapper { position: relative; z-index: 1; } .about__section__wrapper .big-style-text { right: 0; top: 77px; } .about__section__wrapper .about__shape__1 { position: absolute; z-index: -1; left: 0; top: 0; } .about__section__wrapper .about__shape__2 { position: absolute; z-index: -1; right: 0; bottom: 0; } .about__circular__box { width: 166px; height: 166px; border-radius: 50%; text-align: center; position: relative; z-index: 1; } .about__circular__box .circular-image { animation: rotation infinite 15s linear; } .about__circular__box img { /* animation: rotation infinite 15s linear; */ } .about__circular__box span { color: #f4a81d; font-size: 64px; font-weight: 900; font-family: "Poppins", sans-serif; line-height: 1; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .single__box { padding: 50px 29px 40px 40px; background: white; position: relative; z-index: 1; } .premium-box { display: flex !important; justify-content: center !important; align-items: center !important; flex-direction: column !important; border-radius: 10px; } .single__box::before { content: ""; background: #f4a81d; inset: 0; position: absolute; transform: scaleX(0); transform-origin: right; transition: transform 0.5s ease-in-out; z-index: -1; border-radius: 10px; } .single__box .icon { position: relative; z-index: 1; } .single__box .icon::before { content: ""; position: absolute; z-index: 1; background: #f4a81d; opacity: 0.1; width: 60px; height: 60px; border-radius: 50%; left: 0; top: 10px; } .single__box .icon img { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .single__box .icon .front-icon { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; display: inline-block; transform: scale(1); } .single__box .icon .back-icon { display: none; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; transform: scale(0); } .single__box:hover::before { transform: scaleX(1); transform-origin: left; } .single__box:hover .icon::before { background: rgba(255, 255, 255, 0.5); } .single__box:hover .icon .front-icon { display: none; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); } .single__box:hover .icon .back-icon { display: inline-block; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } .single__box:hover .single__box__title { color: white; } @media only screen and (max-width: 1200px) { .single__box { padding: 30px 15px 30px 15px; } .single__box .single__box__title { font-size: 17px; } } .quote__text { color: #181818; font-size: 20px; font-weight: 500; line-height: 1.6; font-style: italic; position: relative; z-index: 1; padding-left: 20px; } .quote__text::before { content: ""; position: absolute; background: #181818; width: 2px; height: 50px; left: 0; top: 9px; z-index: 1; border-radius: 50%; } .author__info { overflow: hidden; } .author__info .author__img { float: left; margin-right: 10px; } .author__info .author__name { font-size: 24px; } .author__info .author__designation { font-size: 16px; line-height: 1; } .about__img__wrapper { position: relative; z-index: 1; } .about__img__wrapper .main__img { margin-left: -35px; position: relative; z-index: 1; } .about__img__wrapper .main__img::before { content: ""; position: absolute; background: white; width: 85px; height: 250px; left: 0; top: 0; z-index: 1; } .about__img__wrapper .main__img::after { content: ""; position: absolute; background: white; width: 260px; height: 105px; right: 0; bottom: 0; z-index: 1; } @media only screen and (max-width: 1200px) { .about__img__wrapper .main__img { margin-left: 0; } .about__img__wrapper .main__img::before, .about__img__wrapper .main__img::after { display: none; } .about__img__wrapper .main__img .main__img__1b { width: 100%; } } .experience__box { width: 250px; padding: 33px; position: absolute; right: 11px; bottom: 60px; z-index: 1; background: #f4a81d; text-align: center; clip-path: polygon(82% 0, 100% 18%, 100% 100%, 0 100%, 0 0); } .experience__box img { position: absolute; left: 0; right: 0; margin: 0 auto; opacity: 0.2; } .experience__box span { color: white; font-size: 96px; font-weight: 900; line-height: 1; } .experience__box h3 { color: white; font-size: 28px; font-weight: 600; line-height: 36px; } @media only screen and (max-width: 767.98px) { .experience__box { width: 150px; padding: 4px; right: 11px; bottom: 0; } .experience__box span { font-size: 24px; } .experience__box h3 { font-size: 18px; } } .about__section__wrapper2 { position: relative; z-index: 1; } .about__section__wrapper2 .about__shape__1 { position: absolute; left: 0; top: 0; z-index: -1; } .about__section__wrapper2 .big-style-text { right: 125px; top: 27.5%; z-index: -1; } .ht__feature__box { background: white; border: 2px solid rgba(82, 196, 89, 0.1); border-radius: 5px; padding: 40px 20px 30px 20px; } .ht__feature__box .icon { background: rgba(82, 196, 89, 0.1); width: 100px; height: 100px; border-radius: 10px; line-height: 100px; display: inline-block; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .ht__feature__box:hover { border: 2px solid transparent; border-radius: 5px; box-shadow: 5px 15px 40px 0px rgba(24, 24, 24, 0.05); } .ht__feature__box:hover .icon { background: #ffdd02; transform: translateY(5px); } @media only screen and (max-width: 1200px) { .ht__feature__box { padding: 60px 10px 25px 10px; } } .feature__service__title { font-size: 22px; } @media only screen and (max-width: 1200px) { .feature__service__title { font-size: 20px; } } .service__year { background: #f4a81d; width: 180px; height: 172px; position: absolute; right: -40px; bottom: 80px; z-index: 1; padding: 25px 0 0 30px; animation: float-bob-y infinite 5s linear; } .service__year .service__label { color: white; font-size: 18px; font-weight: 600; } @media only screen and (max-width: 1200px) { .about__img__wrapper .about__img__3c { width: 100%; } .about__img__wrapper .service__year { right: 0; } } .about__img__wrapper__four { position: relative; z-index: 1; } .about__img__wrapper__four .main__img__5d { position: absolute; z-index: 1; right: 43px; top: 50px; border-radius: 10px; } .main__img__4b { border-radius: 10px; } .about__img__wrapper__four .experience__box { bottom: -114px; right: 19%; } @media only screen and (max-width: 1200px) { .about__img__wrapper__four .main__img__4b { max-width: 100%; } .about__img__wrapper__four .experience__box { bottom: 0; } .about__img__wrapper__four .experience__box span { font-size: 32px; } } @media only screen and (max-width: 991.98px) { .about__img__wrapper__four .main__img__4b { width: 100%; } } .feat__border { padding: 50px 25px 40px 30px; border: 2px solid rgba(24, 24, 24, 0.05); } @media only screen and (max-width: 1200px) { .feat__border { padding: 50px 15px 40px 15px; } } .services__area { position: relative; z-index: 1; } .services__area .big-style-text { left: 0; right: 0; text-align: center; top: 26%; } .single__service__title { font-size: 18px; color: white; } .single__services__box { position: relative; z-index: 1; } .single__services__box .services__thumb { overflow: hidden; position: relative; z-index: 1; } .single__services__box .services__thumb img { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .single__services__box .services__content { position: absolute; right: 0; bottom: -30px; z-index: 3; background: white; box-shadow: 5px 15px 40px 0px rgba(24, 24, 24, 0.05); padding: 35px 26px 16px 20px; } .single__services__box .services__icon { display: inline-block; background: #f4a81d; padding: 15px; position: absolute; z-index: 1; top: -40px; left: -40px; } .single__services__box .single__service__title { color: #181818; margin-bottom: 2px; } .single__services__box:hover .services__thumb img { transform: rotate(-7deg) scale(1.1); } .single__services__box:hover .services__content { background: #181818; } .single__services__box:hover .single__service__title { color: white; } @media only screen and (max-width: 1200px) { .single__services__box .services__icon { left: 0; } .single__services__box .single__service__title { font-size: 17px; } } .services__bg__wrapper { background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; z-index: 1; } .services__bg__wrapper .big-style-text { -webkit-text-stroke-color: rgba(255, 255, 255, 0.1); left: 0; right: 0; margin: 0 auto; text-align: center; top: 31%; } .single__services__two { position: relative; z-index: 1; } .single__services__two .services__thumb { clip-path: polygon(100% 0, 100% 100%, 21% 100%, 0 79%, 0 0); } .single__services__two .services__content { position: absolute; right: 0px; bottom: 60px; z-index: 2; background: #181818; padding: 17px 20px 11px 20px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .single__services__two .services__content .traingle__shape { position: absolute; right: 0; bottom: -20px; z-index: 1; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .single__services__two .services__content .traingle__shape.tri__2 { opacity: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .single__services__two .services__content .icon { position: relative; z-index: 1; } .single__services__two .services__content .icon img { width: 40px; } .single__services__two .services__content .icon::before { content: ""; position: absolute; z-index: 1; background: white; width: 40px; height: 40px; left: -7px; top: -7px; z-index: 1; opacity: 0.2; border-radius: 50%; } .single__services__two:hover .services__content { background: #f4a81d; } .single__services__two:hover .services__content .traingle__shape.tri__2 { opacity: 1; } .swiper-slide.swiper-slide-active .single__services__two .services__content { background: #f4a81d; } .swiper-slide.swiper-slide-active .single__services__two .services__content .traingle__shape.tri__2 { opacity: 1; } .service__title__two { font-size: 22px; color: white; } .services__slider__wrapper { position: relative; z-index: 11; margin-top: -253px; } .services__bg__three { position: relative; z-index: 1; } .services__bg__three .shapes__1 { position: absolute; right: 0; top: 0; z-index: -1; } .services__bg__three .shapes__2 { position: absolute; z-index: -1; left: 0; bottom: 0; opacity: 0.03; } .single__services__three { background-position: center center; background-repeat: no-repeat; position: relative; z-index: 1; } .single__services__three::before { content: ""; position: absolute; z-index: -1; background: white; width: 100%; height: 100%; left: 0; top: 0; right: 0; z-index: 1; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .single__services__three .services__content { padding: 60px 20px 25px 30px; position: relative; z-index: 2; } .single__services__three .services__content .services__icon { margin-left: 20px; position: relative; z-index: 1; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .single__services__three .services__content .services__icon::before { content: ""; position: absolute; z-index: 1; background: #f4a81d; width: 70px; height: 70px; left: -20px; top: -20px; z-index: 1; opacity: 0.1; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .single__services__three:hover::before { top: auto; bottom: 0; height: 5px; background: #f4a81d; } .single__services__three:hover .services__icon { margin-left: 0; } .single__services__three:hover .services__icon::before { left: 0px; opacity: 0.2; } .single__services__three:hover .service__title__three { color: white; } .single__services__three:hover p { color: white; } @media only screen and (max-width: 991.98px) { .single__services__three .services__content { padding-left: 15px; padding-right: 15px; } } .service__title__three { color: #181818; font-size: 32px; } @media only screen and (max-width: 1200px) { .service__title__three { font-size: 24px; } } .services__details__wrapper p { margin-bottom: 5px; } .services__details__wrapper .text-list li { color: #181818; } .progressbar-content .chart { display: inline-block; position: relative; z-index: 1; margin-bottom: 18px; } .progressbar-content .chart span { color: #181818; font-size: 32px; font-weight: 700; font-family: "Poppins", sans-serif; position: absolute; z-index: 1; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); } @media (max-width: 767px) { .progressbar-content .chart span { font-size: 20px; } } .service-single-video { position: relative; z-index: 1; } .service-single-video .popup-video { color: #f4a81d; width: 50px; height: 50px; font-size: 16px; line-height: 50px; background: white; position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); } .service-single-video .popup-video:hover { color: white; background: #f4a81d; } .chose__section__wrapper { position: relative; z-index: 3; } .chose__section__wrapper .big-style-text { right: 20px; top: 8%; } .chose__section__wrapper .big-style-text.style__2b { left: 0; } .text-list { list-style: none; } .text-list li { color: #2c2c2c; font-size: 20px; font-weight: 600; padding-left: 40px; margin-bottom: 20px; position: relative; z-index: 1; } .text-list li::before { content: "\F272"; color: white; font-family: "bootstrap-icons"; font-weight: 700; position: absolute; font-size: 16px; text-align: center; left: 0; top: 0; z-index: 1; width: 30px; height: 30px; background: #f4a81d; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .text-list li { font-size: 20px; } } @media (max-width: 767px) { .text-list li { font-size: 18px; } } .chose__video__content { max-width: 50.47%; width: 100%; height: 100% !important; position: absolute; left: 0; top: 0; background-size: cover; background-position: center; background-repeat: no-repeat; } .chose__video__content .popup-video { width: 90px; height: 90px; border-radius: 90px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.1) 100%); backdrop-filter: blur(7.5px); line-height: 90px; } .chose__video__content .video__wrapper { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2; } .chose__video__content .video__wrapper::before { content: ""; position: absolute; width: 59px; height: 118px; border-radius: 110px 0 0 110px; background: #f4a81d; left: -13px; top: -14px; z-index: -1; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } @media only screen and (max-width: 991.98px) { .chose__video__content { max-width: 100%; height: 400px; position: relative; } } .feature__box { display: flex; align-items: center; border: 2px solid rgba(24, 24, 24, 0.1); padding: 15px; } .feature__box .icon { background: #181818; width: 50px; height: 50px; text-align: center; line-height: 48px; display: inline-block; margin-right: 15px; } .feature__box h4 { margin-bottom: 0; } .feature__box:hover { border-color: #f4a81d; } .feature__box:hover .icon { background: #f4a81d; } @media only screen and (max-width: 1200px) { .feature__box h4 { font-size: 18px; } } .chose__img__wrapper { position: relative; z-index: 1; } .chose__img__wrapper .main__img__2b { position: relative; z-index: 1; } .chose__img__wrapper .main__img__2b::before { content: ""; position: absolute; width: 162px; height: 62px; background: white; right: 70px; top: 0; z-index: 1; } .chose__img__wrapper .main__img__2b::after { content: ""; position: absolute; width: 330px; height: 52px; background: white; left: 70px; bottom: 0; z-index: 1; } @media only screen and (max-width: 1200px) { .chose__img__wrapper .main__img__2b::before, .chose__img__wrapper .main__img__2b::after { display: none; } .chose__img__wrapper .main__img__2b img { width: 100%; } } .chose__img__wrapper .color__1b { position: absolute; right: 9px; top: -57px; z-index: 2; } .chose__img__wrapper .text__box { text-align: left; padding: 35px 27px 30px 27px; width: 260px; height: 260px; position: absolute; left: 0; bottom: -50px; z-index: 3; background: #f4a81d; clip-path: polygon(21% 0, 100% 0, 100% 100%, 0 100%, 0 21%); } .chose__img__wrapper .text__box .icon__2b { position: absolute; left: 0; right: 0; margin: 0 auto; opacity: 0.2; top: 50%; transform: translateY(-50%); } .chose__img__wrapper .text__box h4 { color: white; font-size: 26px; line-height: 1.5; } @media only screen and (max-width: 991.98px) { .chose__img__wrapper .text__box { bottom: 0; height: max-content; } .chose__img__wrapper .text__box h4 { font-size: 20px; } } .chose__img__wrapper .main__img__4c { position: absolute; left: 50px; bottom: 110px; z-index: 2; border-bottom: 15px solid #ffdd02; border-right: 15px solid #ffdd02; } .chose__img__wrapper .service__year { position: absolute; left: 0; top: 123px; z-index: 1; width: 156px; height: 156px; } @media only screen and (max-width: 1200px) { .chose__img__wrapper .main__img__3c { width: 100%; } } .progress__wrapper { position: relative; z-index: 1; } .progress__wrapper .progress { background: linear-gradient(0deg, #f4a81d 0%, rgba(82, 196, 89, 0) 100%); background: -moz-linear-gradient(0deg, #f4a81d 0%, rgba(82, 196, 89, 0) 100%); background: -o-linear-gradient(0deg, #f4a81d 0%, rgba(82, 196, 89, 0) 100%); background: -ms-linear-gradient(0deg, #f4a81d 0%, rgba(82, 196, 89, 0) 100%); background: -webkit-linear-gradient(0deg, #f4a81d 0%, rgba(82, 196, 89, 0) 100%); border-radius: 0; overflow-y: visible; } .progress__wrapper .progress .progress-bar { background: transparent; } .progress__wrapper .progress span { position: absolute; right: 0; top: 0; z-index: 1; font-size: 18px; font-weight: 600; color: #181818; } .progress__wrapper.progress__two .progress { background: linear-gradient(0deg, #f4a81d 0%, rgba(82, 196, 89, 0) 80%); background: -moz-linear-gradient(0deg, #f4a81d 0%, rgba(82, 196, 89, 0) 80%); background: -o-linear-gradient(0deg, #f4a81d 0%, rgba(82, 196, 89, 0) 80%); background: -ms-linear-gradient(0deg, #f4a81d 0%, rgba(82, 196, 89, 0) 80%); background: -webkit-linear-gradient(0deg, #f4a81d 0%, rgba(82, 196, 89, 0) 80%); } .progress__title { font-size: 20px; font-weight: 600; } .chose__video__2c { background: linear-gradient(260deg, #f4a81d, rgba(82, 196, 89, 0.1)); background: -webkit-linear-gradient(260deg, #f4a81d, rgba(82, 196, 89, 0.1)); background: -moz-linear-gradient(260deg, #f4a81d, rgba(82, 196, 89, 0.1)); background: -o-linear-gradient(260deg, #f4a81d, rgba(82, 196, 89, 0.1)); background: -ms-linear-gradient(260deg, #f4a81d, rgba(82, 196, 89, 0.1)); width: 118px; height: 118px; text-align: center; line-height: 123px; position: absolute; top: 34%; z-index: 3; left: 38%; border-radius: 50%; } .chose__video__2c .popup-video { background: white; color: #f4a81d; width: 90px; height: 90px; line-height: 90px; } .chose__img__wrapper { position: relative; z-index: 1; } .chose__img__wrapper .main__img__5d { clip-path: polygon(23% 0, 100% 0, 100% 100%, 0 100%, 0 23%); margin-top: -30px; } @media only screen and (max-width: 991.98px) { .chose__img__wrapper .main__img__5d { margin-top: 0; max-width: 100%; } } .chose__img__wrapper .main__img__6d { position: absolute; right: -25px; bottom: -60px; z-index: 1; border-top: 30px solid white; border-left: 30px solid white; clip-path: polygon(0 0, 100% 0, 100% 78%, 81% 99%, 0 100%); } @media only screen and (max-width: 991.98px) { .chose__img__wrapper .main__img__6d { bottom: 0; } } .counter__section__wrapper { margin-top: -308px; padding-top: 395px; padding-bottom: 515px; position: relative; z-index: 1; } .counter__section__wrapper .shapes__1 { position: absolute; bottom: 0; left: 0; z-index: -1; } .counter__section__wrapper .shapes__2 { position: absolute; top: 0; right: 0; z-index: -1; } @media only screen and (max-width: 1200px) { .counter__section__wrapper { margin-top: 0; padding-top: 100px; padding-bottom: 40px; } } @media only screen and (max-width: 991.98px) { .counter__section__wrapper { padding-top: 50px; padding-bottom: 10px; margin-top: 0; } } .counter__box .counter__number { font-size: 128px; line-height: 1; position: relative; font-weight: 900; text-transform: uppercase; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: rgba(24, 24, 24, 0.05); } .counter__box p { color: #181818; font-size: 24px; line-height: 34px; font-weight: 600; position: relative; z-index: 2; margin-top: -76px; padding-left: 102px; } @media only screen and (max-width: 1200px) { .counter__box .counter__number { font-size: 100px; } } @media only screen and (max-width: 767.98px) { .counter__box { text-align: center; } .counter__box p { padding-left: 0; margin-top: 0; } } .video__section__wrapper { position: relative; z-index: 2; } @media only screen and (max-width: 1200px) { .video__section__wrapper { margin-top: 60px; } } .full__video__bg { width: 100%; height: 550px; position: relative; z-index: 1; /* clip-path: polygon(100% 0%, 100% 50%, 100% 100%, 0% 100%, 0% 18%, 7.5% 0%); */ background-position: center; background-size: cover; background-repeat: no-repeat; } .full__video__bg .video__wrapper { width: 196px; height: 196px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; fill: linear-gradient(135deg, rgba(232, 17, 43, 0.3) 0%, rgba(232, 17, 43, 0.1) 100%); fill: -webkit-linear-gradient(135deg, rgba(232, 17, 43, 0.3) 0%, rgba(232, 17, 43, 0.1) 100%); fill: -ms-linear-gradient(135deg, rgba(232, 17, 43, 0.3) 0%, rgba(232, 17, 43, 0.1) 100%); fill: -o-linear-gradient(135deg, rgba(232, 17, 43, 0.3) 0%, rgba(232, 17, 43, 0.1) 100%); fill: -moz-linear-gradient(135deg, rgba(232, 17, 43, 0.3) 0%, rgba(232, 17, 43, 0.1) 100%); backdrop-filter: blur(7.5px); line-height: 196px; } .full__video__bg .video__wrapper .popup-video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 110px; height: 110px; } @media only screen and (max-width: 1200px) { .full__video__bg { height: 400px; } } .video__section__two { clip-path: unset; height: 790px; position: relative; z-index: 1; } .video__section__two::before { content: ""; position: absolute; background: #181818; width: 100%; height: 100%; left: 0; top: 0; z-index: -1; opacity: 0.6; } .video__section__two .video__wrapper { top: -100px; transform: translateX(-50%); } .video__section__3c { margin-top: -188px; height: 742px; background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; z-index: 1; } .video__section__3c::before { content: ""; position: absolute; background: #181818; width: 100%; height: 100%; left: 0; top: 0; z-index: -1; opacity: 0.1; } .video__section__3c .video__wrapper { width: 196px; height: 196px; position: absolute; z-index: 1; left: 0; right: 0; margin: 0 auto; line-height: 196px; top: 50%; border-radius: 50%; } .video__section__3c .video__wrapper .video__text { position: absolute; top: 0; left: 0; right: 0; text-align: center; } .video__section__3c .video__wrapper .popup-video { background: rgba(255, 255, 255, 0.2); position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); } @media only screen and (max-width: 991.98px) { .video__section__3c { margin-top: 120px; height: 400px; } .video__section__3c .video__wrapper { transform: translateY(-50%); } } .video__four { height: 650px; clip-path: unset; } .video__four::before { content: ""; position: absolute; background: #181818; width: 100%; height: 100%; left: 0; top: 0; z-index: -1; opacity: 0.6; } @media only screen and (max-width: 1200px) { .video__four { height: 400px; } } .case__study__area { position: relative; z-index: 1; } .case__study__area .big-style-text { left: 0; top: 20%; } .case__study__area .big-style-text.text-two { right: 0; top: 20%; left: auto; } .case__single__box { overflow: hidden; position: relative; z-index: 1; } .case__single__box .case__thumb { position: relative; z-index: -1; } .case__single__box .case__thumb::before { content: ""; position: absolute; background: linear-gradient(180deg, rgba(24, 24, 24, 0) 0%, #181818 100%); background: -webkit-linear-gradient(180deg, rgba(24, 24, 24, 0) 0%, #181818 100%); background: -moz-linear-gradient(180deg, rgba(24, 24, 24, 0) 0%, #181818 100%); background: -ms-linear-gradient(180deg, rgba(24, 24, 24, 0) 0%, #181818 100%); background: -o-linear-gradient(180deg, rgba(24, 24, 24, 0) 0%, #181818 100%); width: 100%; height: 0; bottom: 0; left: 0; z-index: 1; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .case__single__box .icon { display: inline-block; color: #f4a81d; font-size: 35px; width: 60px; height: 60px; border-radius: 50%; background: white; position: absolute; top: 33%; left: 50%; transform: translate(-50%, -50%) scale(0); text-align: center; line-height: 60px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .case__single__box .icon:hover { color: white; background: #f4a81d; } .case__single__box .case__content { padding: 29px 30px 42px 30px; background: #f4a81d; bottom: 40px; position: absolute; left: 40px; right: 40px; bottom: -240px; clip-path: polygon(100% 0, 100% 77%, 88% 100%, 0 100%, 0 0); z-index: 1; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .case__single__box .case__content .overlay__icon { right: 30px; bottom: 32px; z-index: -1; position: absolute; z-index: 1; opacity: 0.2; } .case__single__box:hover .case__thumb::before { height: 100%; } .case__single__box:hover .icon { transform: translate(-50%, -50%) scale(1); } .case__single__box:hover .case__content { bottom: 40px; } @media only screen and (max-width: 1600px) { .case__single__box .case__content { left: 15px; right: 15px; padding: 15px; } } @media (max-width: 767px) { .case__single__box .case__content { padding: 15px; } } .case__slider__one .swiper-slide-active .case__single__box .case__thumb::before { height: 100%; } .case__slider__one .swiper-slide-active .case__single__box .icon { transform: translate(-50%, -50%) scale(1); } .case__slider__one .swiper-slide-active .case__single__box .case__content { bottom: 40px; } .case__title { color: #fff; font-size: 30px; line-height: 1.3; } @media only screen and (max-width: 1600px) { .case__title { font-size: 22px; } } .case__btn { color: white; font-size: 20px; line-height: 1; font-weight: 700; display: inline-block; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .case__btn span { display: inline-block; background: white; width: 30px; height: 30px; border-radius: 50%; text-align: center; line-height: 26px; } .case__btn:hover { color: white; transform: translateX(5px); } .case__wrapper__two { position: relative; z-index: 13; margin-top: -605px; } .case__wrapper__two .big-style-text { left: 0; right: 0; top: 10%; margin: 0 auto; text-align: center; -webkit-text-stroke-color: rgba(255, 255, 255, 0.1); } .case__single__box2 { overflow: hidden; max-width: 350px; position: relative; z-index: 1; } .case__single__box2 .case__content { opacity: 0; padding: 25px 25px 30px 25px; position: absolute; left: 40px; right: 40px; bottom: -220px; background: linear-gradient(180deg, rgba(24, 24, 24, 0.3) 0%, rgba(24, 24, 24, 0.1) 100%); background: -moz-linear-gradient(180deg, rgba(24, 24, 24, 0.3) 0%, rgba(24, 24, 24, 0.1) 100%); background: -ms-linear-gradient(180deg, rgba(24, 24, 24, 0.3) 0%, rgba(24, 24, 24, 0.1) 100%); background: linear-gradient(180deg, rgba(24, 24, 24, 0.3) 0%, rgba(24, 24, 24, 0.1) 100%); background: linear-gradient(180deg, rgba(24, 24, 24, 0.3) 0%, rgba(24, 24, 24, 0.1) 100%); backdrop-filter: blur(7.5px); z-index: 1; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .case__single__box2 .case__content .overlay__icon { position: absolute; right: 25px; top: 30px; z-index: -1; opacity: 0.1; } .case__single__box2:hover .case__btn { color: #f4a81d; } .case__title__two { color: white; font-size: 28px; line-height: 1.3; } .swiper-slide.swiper-slide-active .case__single__box2 { transform: scale(1.4); } .swiper-slide.swiper-slide-active .case__single__box2 .case__content { bottom: 0; opacity: 1; transform: scale(1); padding: 12px 12px 15px 12px; left: 20px; right: 20px; } @media only screen and (max-width: 991.98px) { .swiper-slide.swiper-slide-active .case__single__box2 .case__content { transform: unset; } } .swiper-slide.swiper-slide-active .case__single__box2 .case__title__two { font-size: 18px; } .swiper-slide.swiper-slide-active .case__single__box2 .case__btn { font-size: 14px; } .swiper-slide.swiper-slide-active .case__single__box2 .case__btn span { margin-top: -5px; } @media only screen and (max-width: 991.98px) { .swiper-slide.swiper-slide-active .case__single__box2 { max-width: 100%; transform: unset; } .swiper-slide.swiper-slide-active .case__single__box2 .case__title__two { font-size: 22px; } .swiper-slide.swiper-slide-active .case__single__box2 .case__btn { font-size: 16px; } .swiper-slide.swiper-slide-active .case__single__box2 .case__btn span { margin-top: -5px; } } .swiper-slide.swiper-slide-prev .case__single__box2, .swiper-slide.swiper-slide-next .case__single__box2 { transform: scale(1); margin-top: 30px; } @media only screen and (max-width: 991.98px) { .swiper-slide.swiper-slide-prev .case__single__box2, .swiper-slide.swiper-slide-next .case__single__box2 { transform: unset; margin-top: 0; } } .portfolio__area { position: relative; z-index: 3; } .portfolio__number { color: white; font-size: 20px; font-weight: 400; } .portfolio__number span { font-size: 36px; font-weight: 700; } .portfolio__title { color: white; font-size: 36px; } @media only screen and (max-width: 1200px) { .portfolio__title { font-size: 24px; } } .portfolio__content { background: linear-gradient(135deg, #f4a81d 0%, rgba(82, 196, 89, 0.3) 0.01%, rgba(82, 196, 89, 0.1) 100%); backdrop-filter: blur(7.5px); padding: 44px 40px 40px 40px; display: inline-block; max-width: 431px; } .portfolio__content p { color: white; } @media only screen and (max-width: 991.98px) { .portfolio__content { padding: 20px 15px; } } .portfolio__slider .portfolio__wrapper { height: 500px; background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; z-index: 1; } .portfolio__slider .portfolio__wrapper::before { content: ""; position: absolute; z-index: -1; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(24, 24, 24, 0.4) 0%, rgba(24, 24, 24, 0.4) 100%); background: -moz-linear-gradient(0deg, rgba(24, 24, 24, 0.4) 0%, rgba(24, 24, 24, 0.4) 100%); background: -o-linear-gradient(0deg, rgba(24, 24, 24, 0.4) 0%, rgba(24, 24, 24, 0.4) 100%); background: -ms-linear-gradient(0deg, rgba(24, 24, 24, 0.4) 0%, rgba(24, 24, 24, 0.4) 100%); background: -webkit-linear-gradient(0deg, rgba(24, 24, 24, 0.4) 0%, rgba(24, 24, 24, 0.4) 100%); } .portfolio__slider .swiper-wrapper { margin-left: 120px; margin-right: 120px; } .portfolio__slider .portfolio__wrapper { max-width: 1080px; transform: translateX(-15px); } .portfolio__slider .swiper-button-prev, .portfolio__slider .swiper-button-next { color: #ffdd02; background: #181818; line-height: 60px; } .portfolio__slider .swiper-button-prev:hover, .portfolio__slider .swiper-button-next:hover { color: #181818; background: #ffdd02; } @media only screen and (max-width: 1200px) { .portfolio__slider .swiper-wrapper { margin-left: 0; margin-right: 0; } .portfolio__slider .portfolio__wrapper { transform: translateX(0); } } .project__details__wrapper p { margin-bottom: 30px; color: #181818; } .project__details__wrapper .text-list li { padding-left: 20px; color: #181818; font-weight: 400; font-size: 16px; line-height: 28px; margin: 0 0 10px 0; } .project__details__wrapper .text-list li::before { font-size: 0; font-family: unset; width: 8px; height: 8px; top: 10px; } @media only screen and (max-width: 767.98px) { .project__details__wrapper .section__title__one { font-size: 26px; } } .project__info { background: #f4a81d; padding: 40px; } .project__info .single__box__title { color: white; } .project__info ul { list-style: none; padding: 0; margin: 0; } .project__info .info-list span { color: white; font-size: 16px; font-weight: 400; display: inline-block; } .project__info .info-list h5 { color: white; font-size: 20px; font-weight: 600; } @media only screen and (max-width: 767.98px) { .project__info { padding: 40px 15px; } } .process__wrapper__one { position: relative; z-index: 1; } .process__wrapper__one .big-style-text { left: 0; right: 0; text-align: center; top: 12%; } .working__process__list1 { list-style: none; padding: 0; margin: 0; } .working__process__list1 .working__step { position: relative; } .working__process__list1 .working__step::before { content: ""; position: absolute; text-align: center; border: 2px solid transparent; border-radius: 50%; width: 460px; height: 460px; display: inline-block; left: 7px; top: -44px; z-index: -1; transform: rotate(55deg); } .working__process__list1 .working__step:hover::before { border-color: #f4a81d; } .working__process__list1 .working__step:hover .step { background: #f4a81d; } @media only screen and (max-width: 1800px) { .working__process__list1 .working__step { padding: 20px; } .working__process__list1 .working__step::before { display: none; } } .working__process__list1 .step-1 { z-index: 5; } .working__process__list1 .step-2 { z-index: 4; } .working__process__list1 .step-3 { z-index: 3; } .working__process__list1 .step-4 { z-index: 2; } .working__step { background: white; text-align: center; padding: 75px 20px; position: relative; border-radius: 100px; } .working__step::before { content: ""; position: absolute; text-align: center; border: 4px solid rgba(232, 17, 43, 0.15); border-radius: 50%; width: 360px; height: 360px; display: inline-block; left: -23px; top: -14px; z-index: -1; } .working__step .step { color: white; font-size: 18px; line-height: 1; font-weight: 700; background: #181818; padding: 10px 15px; border-radius: 20px; display: inline-block; } @media only screen and (max-width: 1800px) { .working__step { padding: 20px; } .working__step::before { display: none; } .working__step:hover .step { background: #f4a81d; } .working__step:hover .single__box__title { color: #181818; } .working__step:hover p { color: #777c90; } } .working__process__list { display: flex; align-items: center; list-style: none; padding: 0; margin: 0; } .working__process__list .working__step { border-radius: 360px; } .working__process__list .working__step::before { background: linear-gradient(270deg, #f8f9fc 0%, rgba(248, 249, 252, 0) 100%); background: -moz-linear-gradient(270deg, #f8f9fc 0%, rgba(248, 249, 252, 0) 100%); background: -webkit-linear-gradient(270deg, #f8f9fc 0%, rgba(248, 249, 252, 0) 100%); background: -ms-linear-gradient(270deg, #f8f9fc 0%, rgba(248, 249, 252, 0) 100%); background: -o-linear-gradient(270deg, #f8f9fc 0%, rgba(248, 249, 252, 0) 100%); border: 0; } .working__process__list .working__step.step-1 { z-index: 7; } .working__process__list .working__step.step-1::before { z-index: -1; } .working__process__list .working__step.step-2 { z-index: 6; } .working__process__list .working__step.step-2::before { z-index: -1; } .working__process__list .working__step.step-3 { z-index: 5; } .working__process__list .working__step.step-3::before { z-index: -1; } .working__process__list .working__step.step-4 { z-index: 4; } .working__process__list .working__step.step-4::before { z-index: -1; } .working__process__list .working__step:hover::before { border-color: #f4a81d; } .working__process__list .working__step:hover .step { background: #f4a81d; } .working__process__list .working__step:hover .single__box__title { color: white; } .working__process__list .working__step:hover p { color: white; } .working__process__list li:hover .working__step { z-index: 10; } .working__process__list li:hover .working__step::before { background: #181818; } .process__wrapper__about { margin-bottom: -200px; position: relative; z-index: 1; } .process__wrapper__about .shapes__1 { position: absolute; z-index: 1; left: 0; top: 0; z-index: -1; } .process__wrapper__about .shapes__2 { position: absolute; z-index: -1; right: 0; bottom: 0; } @media only screen and (max-width: 1200px) { .process__wrapper__about { margin-bottom: 0; } } .single__process__box { background: white; padding: 72px 30px 15px 30px; position: relative; z-index: 1; } .single__process__box .star-icon { position: absolute; right: 0; top: 0; z-index: -1; } .single__process__box .tag { color: white; font-size: 18px; font-weight: 700; line-height: 1; background: #f4a81d; padding: 12px 16px 12px 20px; position: absolute; right: 0; top: 30px; z-index: 1; border-radius: 40px 0 0 40px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .single__process__box .icon { background: rgba(232, 17, 43, 0.1); width: 80px; height: 80px; text-align: center; line-height: 80px; border-radius: 50%; display: inline-block; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .single__process__box:hover { background: #f4a81d; } .single__process__box:hover .tag { background: white; color: #181818; } .single__process__box:hover .icon { background: white; } .single__process__box:hover .single__box__title { color: white; } .single__process__box:hover p { color: white; } @media only screen and (max-width: 1200px) { .single__process__box { padding: 72px 15px 15px 15px; } } .faq__section__wrapper { position: relative; z-index: 1; } .faq__section__wrapper .big-style-text { top: 8%; left: 0; right: 0; text-align: center; } .faq__section__wrapper .shapes__1 { position: absolute; left: 0; top: 0; z-index: -1; } .faq__section__wrapper .shapes__2 { position: absolute; right: 0; bottom: 0; z-index: -1; } .faq__que__list .accordion-item { border: 0; background: white; box-shadow: 5px 15px 40px 0px rgba(24, 24, 24, 0.05); } .faq__que__list .accordion-item button:focus, .faq__que__list .accordion-item input:focus, .faq__que__list .accordion-item input:focus, .faq__que__list .accordion-item textarea, .faq__que__list .accordion-item textarea:focus { outline: 0; } .faq__que__list .accordion-item .accordion-button { transition: unset; color: #181818; font-size: 24px; font-family: "Poppins", sans-serif; font-weight: 700; line-height: 24px; border: 0; box-shadow: none; text-decoration: 1px solid white; border-radius: 0; padding: 0; padding: 30px 25px 20px 25px; position: relative; box-shadow: 0; -webkit-transition: unset; -moz-transition: unset; -ms-transition: unset; -o-transition: unset; word-wrap: normal; display: inline-block; background: transparent; } .faq__que__list .accordion-item .accordion-button.collapsed { padding-bottom: 24px; background: rgba(255, 255, 255, 0.05); border-bottom: 2px solid white; } @media only screen and (min-width: 768px) and (max-width: 991px) { .faq__que__list .accordion-item .accordion-button { padding: 21px 20px; font-size: 18px; } } @media (max-width: 767px) { .faq__que__list .accordion-item .accordion-button { padding: 21px 15px; font-size: 18px; } } .faq__que__list .accordion-item .accordion-button:focus { box-shadow: none; outline: 0; } .faq__que__list .accordion-item .accordion-button::before { content: "\F286"; position: absolute; font-family: "bootstrap-icons"; font-size: 20px; font-weight: 300; color: #f4a81d; right: 30px; top: 50%; transform: translateY(-50%) rotate(0deg); transition: 0.3s linear; z-index: 1; } @media only screen and (min-width: 768px) and (max-width: 991px) { .faq__que__list .accordion-item .accordion-button::before { right: 10px; font-size: 16px; } } @media (max-width: 767px) { .faq__que__list .accordion-item .accordion-button::before { right: 10px; font-size: 16px; } } .faq__que__list .accordion-item .accordion-button::after { display: none; } .faq__que__list .accordion-item .collapsed { border: 0; } .faq__que__list .accordion-item .collapsed::before { color: #181818; transform: translateY(-50%) rotate(180deg); } .faq__que__list .accordion-item .accordion-body { padding: 0; padding: 0px 48px 10px 25px; } @media (max-width: 767px) { .faq__que__list .accordion-item .accordion-body { padding: 0 15px 10px 15px; } } .faq__img__wrapper { position: relative; z-index: 1; } .faq__img__wrapper .counter__wrapper { background: #f4a81d; padding: 20px; position: absolute; z-index: 1; right: 35px; bottom: 0; } .faq__img__wrapper .counter__wrapper h5 { color: white; font-size: 18px; font-weight: 600; } .faq__img__wrapper .counter__wrapper h3 { color: white; font-size: 48px; line-height: 1; } @media only screen and (max-width: 991.98px) { .faq__img__wrapper .counter__wrapper h3 { font-size: 32px; } } .faq__img__wrapper .faq__img__main { margin-left: -55px; } .faq__img__wrapper .faq__thumb1 { border-left: 15px solid white; border-bottom: 15px solid white; position: absolute; right: -40px; top: -80px; z-index: 1; } .faq__img__wrapper .faq__thumb2 { border-left: 15px solid white; border-top: 15px solid white; border-right: 15px solid white; position: absolute; z-index: 1; bottom: -80px; left: 25px; } .faq__img__wrapper .faq__thumb3 { position: absolute; left: 21px; bottom: -12px; z-index: -1; } @media only screen and (max-width: 1200px) { .faq__img__wrapper .faq__img__main { margin-left: 0; } } .blog__area { position: relative; z-index: 1; } .blog__area .big-style-text { left: 0; right: 0; margin: 0 auto; top: 24.3%; text-align: center; } .blog__one:hover .blog__title a { color: #f4a81d; } .blog__meta a { font-size: 15px; line-height: 1; text-transform: capitalize; font-weight: 600; } .blog__meta { display: flex; justify-content: space-between; padding: 0 2px; } .blog__meta .date-text { color: #f4a81d !important; } .blog__area2 { position: relative; z-index: 1; } .blog__area2 .big-style-text { left: 0; right: 0; margin: 0 auto; top: 18.4%; text-align: center; } .blog__two { position: relative; z-index: 1; } .blog__two .date__text { color: white; font-size: 18px; line-height: 1; padding: 11px 12px; background: #f4a81d; display: inline-block; } .blog__two .blog__content { position: absolute; left: 30px; right: 0; bottom: 0; z-index: 1; } .blog__two .inner__content { background: linear-gradient(135deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.04) 100%); background: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.04) 100%); background: -ms-linear-gradient(135deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.04) 100%); background: -o-linear-gradient(135deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.04) 100%); background: -moz-linear-gradient(135deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.04) 100%); backdrop-filter: blur(7.5px); padding: 20px; } .blog__two .blog__meta a { color: white; } @media only screen and (max-width: 1200px) { .blog__two .blog__content { left: 0; } .blog__two .blog__title__two { font-size: 20px; } } .blog__title__two { font-size: 24px; line-height: 1.5; color: white; } .blog__three { overflow: hidden; } .blog__three .blog__thumb { float: left; overflow: hidden; padding-right: 25px; } .blog__three .blog__content { background: #f8f9fc; padding: 25px 25px 25px 0; } .blog__three .blog__content .min__read { color: #f4a81d; font-size: 18px; font-weight: 500; text-transform: uppercase; display: inline-block; } .blog__three .blog__content .blog__title__two { color: #181818; } .blog__three .blog__content .blog__meta a { font-size: 20px; text-transform: capitalize; display: block; color: #181818; } .blog__three .blog__content .blog__meta .date-text { color: #777c90; margin-top: 10px; } .blog__three .blog__content .blog__author img { border-radius: 50%; } .blog__three:hover .blog__title__two { color: #f4a81d; } @media only screen and (max-width: 1200px) { .blog__three .blog__thumb { float: none; overflow: visible; padding-right: 0; } .blog__three .blog__content { padding-left: 15px; padding-right: 15px; } } .blog__one .blog__thumb { overflow: hidden; } .blog__one .blog__thumb img { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; border-radius: 8px; } .blog__one .blog__content__one { background: #f8f9fc; padding: 20px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } @media only screen and (max-width: 1200px) { .blog__one .blog__content__one { padding: 20px 15px; } } .blog__one .blog__title__three { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .blog__one:hover .blog__content__one { background: white; box-shadow: 5px 15px 40px 0px rgba(24, 24, 24, 0.05); } .blog__one:hover .blog__thumb img { transform: scale(1.2); } .blog__one:hover .blog__title__three { color: #f4a81d; } .blog__title__three { font-size: 26px; line-height: 1.4; } @media only screen and (max-width: 1200px) { .blog__title__three { font-size: 24px; } } .blog__details__wrapper .text-list li { color: #181818; font-size: 16px; margin-bottom: 25px; font-weight: 400; } .blog__details__wrapper .text-list li::before { content: "\F272"; color: #f4a81d; width: 25px; height: 25px; background: none; border-radius: 10px; border: 2px solid #f4a81d; line-height: 23px; top: 3px; } .author-blockquote { background: white; box-shadow: 5px 15px 40px 3px rgba(24, 24, 24, 0.05); padding: 50px 40px 25px 40px; } @media only screen and (max-width: 1200px) { .author-blockquote { padding: 50px 15px 25px 15px; } } .author-blockquote .blockquote p { color: #181818; font-size: 20px; line-height: 1.7; font-weight: 500; font-style: italic; text-decoration: underline; margin-bottom: 24px; } @media only screen and (max-width: 1200px) { .author-blockquote .blockquote p { font-size: 18px; } } .author-blockquote .blockquote-footer { color: #181818 !important; font-size: 26px !important; font-weight: 700 !important; } .author-blockquote .blockquote-footer::before { color: #f4a81d; } .author__profile .author-name { font-size: 32px; } .author__profile p { margin-bottom: 21px; } .comment__title { font-size: 32px; } @media only screen and (max-width: 1200px) { .comment__title { font-size: 24px; } } .comment-box { position: relative; z-index: 1; } .comment-box .comment-avatar { float: left; margin-right: 30px; margin-top: -15px; } .comment-box .comment-avatar img { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } @media (max-width: 767px) { .comment-box .comment-avatar { float: none; margin-right: 0; margin-top: 0; } } .comment-box .comment-content { overflow: hidden; margin-top: 15px; } .comment-box .comment-content p i { margin-right: 5px; } .comment-box .comment-content h5 { margin-bottom: 3px; } .comment-box .reply { color: white; font-size: 14px; border: 1px solid #f3f3f3; font-family: "Poppins", sans-serif; font-weight: 400; padding: 10px 22px; line-height: 1; position: absolute; background: #f4a81d; z-index: 1; right: 0; top: 0; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; } @media (max-width: 767px) { .comment-box .reply { float: none; margin-right: 0; margin-top: 0; } } .comment-box .reply:hover { color: white; background: #181818; } .comment-list { list-style: none; padding: 0; margin: 0; } .comment-list li { padding-bottom: 20px; margin-bottom: 45px; } .blog__title__big { font-size: 38px; line-height: 1.4; } @media only screen and (max-width: 1200px) { .blog__title__big { font-size: 24px; } } .blog__title__four { font-size: 32px; line-height: 1.4; } @media only screen and (max-width: 1200px) { .blog__title__four { font-size: 24px; } } .blog__style__four .blog__content__one { padding: 0 30px 30px 30px; } @media only screen and (max-width: 1200px) { .blog__style__four .blog__content__one { padding-left: 15px; padding-right: 15px; } } .blog__style__four p { margin-bottom: 20px; } .blog__style__four:hover { background: white; box-shadow: 5px 15px 40px 0px rgba(24, 24, 24, 0.05); } .blog__style__four .blog__thumb { position: relative; z-index: 1; } .blog__style__four .blog__thumb .popup-video { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); margin: 0 auto; width: 80px; height: 80px; line-height: 80px; z-index: 1; } .blog__style__four .swiper-button-prev, .blog__style__four .swiper-button-next { color: white; line-height: 60px; transform: scale(0.7); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .blog__style__four:hover .swiper-button-prev, .blog__style__four:hover .swiper-button-next { transform: scale(1); } .testimonial__section__wrapper { overflow: hidden; position: relative; z-index: 1; } .testimonial__section__wrapper .shapes__1 { position: absolute; right: 215px; bottom: 0; z-index: -1; } .testimonial__section__wrapper .shapes__2 { position: absolute; right: 0; top: 0; z-index: -1; } .testimonial__section__wrapper .testimonial-bg { position: absolute; left: 0; bottom: 0; z-index: -1; max-width: 53.13%; max-height: 823px; } .testimonial__wrapper { background: white; padding: 40px; box-shadow: 5px 15px 40px 0px rgba(24, 24, 24, 0.05); } .testimonial__wrapper p { font-size: 24px; line-height: 1.48; font-weight: 500; font-style: italic; } @media only screen and (max-width: 991.98px) { .testimonial__wrapper { padding: 40px 15px; } .testimonial__wrapper p { font-size: 18px; } } .author__name { font-size: 28px; line-height: 1; } @media only screen and (max-width: 1800px) { .author__name { font-size: 22px; } } @media only screen and (max-width: 991.98px) { .author__name { font-size: 18px; } } .author__designation { color: #f4a81d; font-size: 20px; font-weight: 500; } @media only screen and (max-width: 1200px) { .author__designation { font-size: 18px; } } .rating a { color: #f2c94c; font-size: 24px; line-height: 1; margin-right: 5px; } .rating__number { color: #181818; font-size: 24px; font-weight: 700; line-height: 1; } .divider { border-bottom: 2px solid rgba(24, 24, 24, 0.1); } .testimonial__wrapper__two { position: relative; z-index: 1; background: white; box-shadow: 5px 15px 40px 0px rgba(24, 24, 24, 0.05); max-width: 515px; padding: 40px; } .testimonial__wrapper__two .author__img img { border-radius: 50%; } .testimonial__wrapper__two .testmonial__desc { font-size: 24px; font-weight: 500; font-style: italic; } .testimonial__wrapper__two .quote__icon { position: absolute; z-index: 1; width: 70px; height: 70px; border-radius: 50%; background: #f4a81d; right: 50px; bottom: -35px; text-align: center; line-height: 70px; } @media only screen and (max-width: 1600px) { .testimonial__wrapper__two { padding: 40px 20px; } } @media only screen and (max-width: 991.98px) { .testimonial__wrapper__two { padding: 40px 15px; max-width: 100%; } .testimonial__wrapper__two .testmonial__desc { font-size: 18px; } } .testimonial__section__wrapper2 { position: relative; z-index: 1; } .testimonial__section__wrapper2::before { content: ""; position: absolute; z-index: -1; background: #f8f9fc; width: 100%; height: 59%; top: 0; left: 0; text-align: 0; } .testimonial__section__wrapper2 .shapes__1 { position: absolute; z-index: -1; right: 0; top: -165px; } .testimonial__wrapper__three { background: white; padding: 40px; position: relative; z-index: 1; } .testimonial__wrapper__three .quote__3c { position: absolute; right: 40px; top: 68px; z-index: 1; } .testimonial__wrapper__three .author__img img { border-radius: 50%; } .testimonial__wrapper__three .author__designation { color: #777c90; font-weight: 400; } .testimonial__wrapper__three .testimonial__title { font-size: 24px; } @media only screen and (max-width: 1200px) { .testimonial__wrapper__three { padding: 40px 15px; } } @media only screen and (max-width: 767.98px) { .testimonial__wrapper__three .quote__3c { display: none; } .testimonial__wrapper__three .testimonial__title { font-size: 22px; } } .testimonial__desc { font-size: 17px; line-height: 1.6; font-style: italic; } @media only screen and (max-width: 767.98px) { .testimonial__desc { font-size: 18px; } } .testimonial__section__three { position: relative; z-index: 1; } .testimonial__section__three::before { content: ""; background: url(../img/testimonial/testimonial-line-bg-1c.svg) no-repeat; width: 100%; height: 100%; opacity: 0.08; left: 0; top: 35px; position: absolute; z-index: -1; } .testimonial__slider__three .swiper-button-prev, .testimonial__slider__three .swiper-button-next { color: #fff; background: #f4a81d; line-height: 60px; top: auto; bottom: 0px; } .testimonial__slider__three .swiper-button-prev { left: 46%; transform: translateX(-46%); } .testimonial__slider__three .swiper-button-next { right: 42%; transform: translateX(-46%); } .testimonial__slider__three .swiper-button-prev:hover, .testimonial__slider__three .swiper-button-next:hover { color: #fff; background: #333; } @media only screen and (max-width: 1200px) { .testimonial__slider__three .swiper-button-prev { left: 45%; } .testimonial__slider__three .swiper-button-next { right: 39%; } } .widget__title { color: white; font-size: 30px; } @media only screen and (max-width: 991.98px) { .widget__title { font-size: 22px; } } .widget__title__two { font-size: 40px; } @media only screen and (max-width: 1200px) { .widget__title__two { font-size: 26px; } } .widget__title__three { font-size: 32px; } @media only screen and (max-width: 1200px) { .widget__title__three { font-size: 22px; } } .service-widget { list-style: none; padding: 0px; } .service-widget li:last-child a { margin-bottom: 0; } .service-widget li { margin-bottom: 3px; border: 1px solid #f4a81d; } .service-widget li a { color: #181818; font-size: 14px; font-weight: 500; font-family: "Poppins", sans-serif; padding: 5px 20px; background: white; display: block; position: relative; z-index: 1; } .service-widget li a::before { content: ""; position: absolute; background: #f4a81d; height: 100%; width: 0; left: 0; top: 0; z-index: -1; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .service-widget li a::after { content: ""; position: absolute; background: #f4a81d; height: 100%; width: 0; right: 0; top: 0; z-index: -1; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .service-widget li a:hover { color: white; } .service-widget li a:hover::before, .service-widget li a:hover::after { width: 52%; } @media only screen and (max-width: 1200px) { .service-widget li a { font-size: 18px; padding: 15px 20px; } } @media only screen and (max-width: 1200px) { .service-widget { padding: 40px 15px; } } .widget-form { padding: 34px 40px 40px 40px; } .widget-form p { color: #777c90; } .widget-form input, .widget-form textarea { border: 2px solid transparent; background: white; color: #777c90; font-size: 16px; display: block; height: 60px; width: 100%; padding-left: 20px; margin-bottom: 20px; } .widget-form input:focus, .widget-form textarea:focus { color: #777c90; outline: none; border-color: #f4a81d; } .widget-form input::placeholder, .widget-form textarea::placeholder { color: #777c90; font-size: 16px; } .widget-form input::-moz-placeholder, .widget-form textarea::-moz-placeholder { color: #777c90; font-size: 16px; } .widget-form input::-webkit-placeholder, .widget-form textarea::-webkit-placeholder { color: #777c90; font-size: 16px; } .widget-form input::-o-placeholder, .widget-form textarea::-o-placeholder { color: #777c90; font-size: 16px; } .widget-form input::-ms-placeholder, .widget-form textarea::-ms-placeholder { color: #777c90; font-size: 16px; } .widget-form textarea { height: 118px; resize: none; padding-top: 10px; } .widget-form .widget-btn { color: white; font-size: 16px; line-height: 19px; font-family: "Poppins", sans-serif; font-weight: 700; border: 0; background: #f4a81d; width: 100%; padding: 21px 0 20px 0; } .widget-form .widget-btn:hover { background: #181818; } @media (max-width: 1200px) { .widget-form { padding: 40px 15px; } } .widget__search { padding: 40px; } .widget__search .subscribe-form { position: relative; z-index: 1; } .widget__search .subscribe-form input { color: #777c90; font-size: 16px; height: 60px; width: 100%; line-height: 50px; padding-left: 22px; border: 0; background: white; border: 1px solid #f4a81d; } .widget__search .subscribe-form input::placeholder { color: #777c90; } .widget__search .subscribe-form input::-moz-placeholder { color: #777c90; } .widget__search .subscribe-form input::-webkit-placeholder { color: #777c90; } .widget__search .subscribe-form input::-o-placeholder { color: #777c90; } .widget__search .subscribe-form .widget-btn { border: 0; background: #f4a81d; width: 54px; height: 50px; line-height: 50px; color: white; position: absolute; right: 5px; top: 5px; z-index: 1; } .widget__search .subscribe-form .widget-btn i { font-size: 16px; } @media only screen and (max-width: 1200px) { .widget__search { padding: 40px 15px; } } .widget-post { padding: 35px 40px; } .widget-post .blog-post { display: flex; align-items: center; justify-content: space-around; } .widget-post .post-list { padding: 0; margin: 0; list-style: none; } .widget-post .post-list .blog-thumb-img { width: 90px; height: 90px; border-radius: 4px; } .widget-post .post-content { margin-right: 20px; } @media only screen and (max-width: 767.98px) { .widget-post .post-content { margin-right: 5px; } } .widget-post .post-content h6 { color: #181818; font-size: 18px; font-family: "Poppins", sans-serif; font-weight: 500; margin-bottom: 0; } .widget-post .post-content h6 a:hover { color: #f4a81d; } .widget-post .post-content span { color: #f4a81d; font-weight: 500; display: inline-block; margin-bottom: 4px; } @media (max-width: 1599.98px) { .widget-post .post-content h6 { font-size: 16px; } } @media only screen and (max-width: 1200px) { .widget-post { padding: 35px 15px; } } .widget-categories { padding: 40px; } .widget-categories .service-widget { padding: 0; } @media only screen and (max-width: 1200px) { .widget-categories { padding: 40px 15px; } } .widget-categories-tag { padding: 35px 40px 30px 40px; } @media only screen and (max-width: 1200px) { .widget-categories-tag { padding: 40px 15px; } } .tag-list a { color: #777c90; font-size: 16px; font-weight: 500; background: white; display: inline-block; padding: 16px 16px; margin: 8px 5px; line-height: 1; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; position: relative; z-index: 1; } .tag-list a::before { content: ""; position: absolute; z-index: 1; background: white; width: 1px; height: 100%; left: 0; bottom: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; z-index: -1; } .tag-list a:hover { color: white; } .tag-list a:hover::before { width: 100%; background: #f4a81d; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .tag-list a { padding: 16px 16px; margin: 5px 2px; } } @media (max-width: 767px) { .tag-list a { padding: 16px 10px; margin: 5px 2px; } } @media only screen and (max-width: 767.98px) { .page-navigation { padding-right: 0; } } .page-navigation .page-link { display: inline-block; color: #181818; background: transparent; font-size: 16px; font-weight: 500; border: 2px solid rgba(24, 24, 24, 0.1); width: 40px; height: 40px; line-height: 38px; text-align: center; margin-right: 20px; padding: 0; } .page-navigation .page-link:hover, .page-navigation .page-link:focus { color: white; background: #f4a81d; border-color: #f4a81d; box-shadow: none; } .page-navigation .page-item:first-child .page-link { border-top-left-radius: 0; border-bottom-left-radius: 0; } .page-navigation .page-item:last-child .page-link { border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: 0; padding-right: 0; } .brand__img { text-align: center; border: 1px solid #f4a81d; border-radius: 6px; padding: 10px 10px; position: relative; z-index: 1; } .brand__img::before { content: ""; position: absolute; background: rgba(119, 124, 144, 0.1); width: 2px; height: 82px; right: 18px; top: -15px; z-index: 1; transform: rotate(-47deg); } .brand__img img { width: 100%; } .brand__img:hover {} .brand__img:hover img { /* filter: invert(40%) sepia(100%) saturate(4672%) hue-rotate(342deg) brightness(78%) contrast(136%); */ } .brand__img:hover::before {} .swiper-slide.swiper-slide-active .brand__img {} .swiper-slide.swiper-slide-active .brand__img img { /* filter: invert(40%) sepia(100%) saturate(4672%) hue-rotate(342deg) brightness(78%) contrast(136%); */ width: 100%; } .swiper-slide.swiper-slide-active .brand__img::before {} .brand__img__two { text-align: center; border-top: 2px solid rgba(119, 124, 144, 0.1); border-bottom: 2px solid rgba(119, 124, 144, 0.1); border-right: 1px solid rgba(119, 124, 144, 0.1); border-left: 1px solid rgba(119, 124, 144, 0.1); padding: 40px 0; } .swiper-slide.swiper-slide-active .brand__img__two { border: 2px solid #f4a81d; } .teams__section__wrapper { position: relative; z-index: 1; } .teams__section__wrapper::before { content: ""; position: absolute; z-index: -1; width: 100%; bottom: 0; left: 0; height: 48%; background: #f8f9fc; } .teams__section__wrapper .shapes__1 { position: absolute; z-index: -1; left: 0; bottom: 0; } .teams__section__wrapper .big-style-text { left: 0; right: 0; text-align: center; top: 13%; } .teams { overflow: hidden; position: relative; z-index: 1; } .teams .shapes__1 { position: absolute; z-index: -1; right: 20px; top: 22px; } .teams__thumb { position: relative; z-index: 1; } .teams__thumb::before { content: ""; position: absolute; text-align: center; background: #181818; width: 100%; height: 420px; display: inline-block; left: 0; bottom: 0; z-index: -1; } .teams .teams__social { position: absolute; left: 0; bottom: 120px; z-index: 1; transform: translateX(-100%); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .teams:hover .teams__social { transform: translateX(0); } .teams__social { background: #f4a81d; padding: 20px 58px 20px 30px; clip-path: polygon(85% 0, 100% 98%, 100% 100%, 0 100%, 0 0); } .teams__social a { color: #f4a81d; font-size: 20px; line-height: 50px; width: 50px; height: 50px; display: inline-block; border-radius: 50%; background: white; margin: 0 6px; text-align: center; } .teams__social a:hover { color: #181818; } @media only screen and (max-width: 1200px) { .teams__social a { width: 40px; height: 40px; line-height: 40px; font-size: 18px; } } .teams__two { position: relative; z-index: 1; } .teams__two .teams__thumb { position: relative; z-index: 1; } .teams__two .teams__thumb::before { content: ""; position: absolute; text-align: center; background: linear-gradient(180deg, rgba(24, 24, 24, 0) 0%, #181818 100%); background: -moz-linear-gradient(180deg, rgba(24, 24, 24, 0) 0%, #181818 100%); background: -o-linear-gradient(180deg, rgba(24, 24, 24, 0) 0%, #181818 100%); background: -ms-linear-gradient(180deg, rgba(24, 24, 24, 0) 0%, #181818 100%); background: -webkit-linear-gradient(180deg, rgba(24, 24, 24, 0) 0%, #181818 100%); width: 100%; height: 100%; display: inline-block; left: 0; bottom: 0; z-index: 1; top: 0; } .teams__two .teams__name { color: white; font-size: 30px; } @media only screen and (max-width: 1200px) { .teams__two .teams__name { font-size: 24px; } } .teams__two .teams__description { color: white; font-size: 18px; font-weight: 500; line-height: 20px; } .teams__two .teams__social { padding: 20px 20px 20px 14px; background: white; } .teams__two .teams__social a { background: rgba(232, 17, 43, 0.1); } .teams__two .teams__content { position: absolute; left: 0; right: 75px; bottom: -2px; z-index: 1; } @media only screen and (max-width: 1200px) { .teams__two .teams__content { right: 0; } } .teams__slider__one .swiper-button-prev, .teams__slider__one .swiper-button-next { line-height: 60px; top: auto; bottom: 0px; } .teams__slider__one .swiper-button-prev { left: 46%; transform: translateX(-46%); } .teams__slider__one .swiper-button-next { right: 42%; transform: translateX(-46%); } .teams__slider__one .swiper-button-prev, .teams__slider__one .swiper-button-next { color: white; background: #181818; } .teams__slider__one .swiper-button-prev:hover, .teams__slider__one .swiper-button-next:hover { color: white; background: #f4a81d; } @media only screen and (max-width: 1200px) { .teams__slider__one .swiper-button-prev { left: 45%; } .teams__slider__one .swiper-button-next { right: 39%; } } @media only screen and (max-width: 991.98px) { .teams__slider__one .swiper-button-prev { display: none; } .teams__slider__one .swiper-button-next { display: none; } } .map__area iframe { width: 100%; height: 400px; border: 0; margin-bottom: -9px; } .cta__area { position: relative; z-index: 2; margin-bottom: -207px; } @media only screen and (max-width: 1200px) { .cta__area { margin-bottom: 100px; } } .cta__wrapper { height: 100%; position: relative; z-index: 1; } .cta__wrapper .shapes__1 { position: absolute; right: 0; top: 0; z-index: -1; } @media only screen and (max-width: 767.98px) { .cta__wrapper { text-align: center; padding-left: 15px; } } .footer__cta__list { display: flex; justify-content: space-between; align-items: center; list-style: none; } .footer__cta__list .header-info-box .text-content span { color: #777c90; } .footer__cta__list .header-info-box .text-content h6 { color: #181818; } .footer__cta__list .right-language .language-btn { color: #181818; } .contact__section .contact-form-one { padding: 0 15px 0 25px; } @media only screen and (max-width: 991.98px) { .contact__section .contact-form-one { padding: 0 0 0 0; } } .contact-form-one { padding: 0 15px 0 25px; } .contact-form-one .widget-form { padding: 0; } .contact-form-one input { font-size: 14px; height: 60px; background: #f8f9fc; border: 1px solid #f4a81d; } .contact-form-one textarea { font-size: 14px; height: 190px; background: #f8f9fc; resize: none; border: 1px solid #f4a81d; } .contact-form-one label { display: inline-block; margin-bottom: 5px; } .single__info__box { background: #f8f9fc; text-align: center; padding: 33px 0 32px 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; border: 1px solid #f3a71d5c; border-radius: 10px; margin: 20px 0 10px 0; } .single__info__box .icon { color: #f4a81d; font-size: 35px; background: rgba(232, 17, 43, 0.1); width: 80px; height: 80px; display: inline-block; border-radius: 50%; margin: 0 auto; text-align: center; line-height: 84px; margin-bottom: 20px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .single__info__box span { color: #181818; font-size: 20px; font-family: "Poppins", sans-serif; font-weight: 600; display: block; line-height: 30px; } /* .single__info__box:hover { background: #f4a81d; transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); } */ .single__info__box:hover .icon { color: #ffffff; background: #f4a81d; } .single__info__box:hover span { color: #333; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .single__info__box span { font-size: 20px; } } @media (max-width: 767px) { .single__info__box span { font-size: 18px; } } .shopping-cart { color: white; display: inline-block; position: relative; font-size: 20px; margin-right: 30px; } .shopping-cart span { position: absolute; background: #ef6f31; border-radius: 50%; width: 17px; height: 17px; padding: 0; line-height: 17px; top: -12px; right: -18px; left: auto; } .shopping-cart:hover { color: white; } .product-wrapper { position: relative; z-index: 1; overflow: hidden; background: white; box-shadow: 5px 15px 40px 0px rgba(24, 24, 24, 0.05); } .product-wrapper:hover .action-btn { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } .action-btn { position: absolute; top: 20px; right: 16px; z-index: 1; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .action-btn a { color: #161b2d; font-size: 15px; display: block; line-height: 35px; background: white; width: 32px; height: 32px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; text-align: center; margin-bottom: 5px; } .action-btn a:nth-child(2) { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .action-btn a:nth-child(3) { -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .action-btn a:nth-child(4) { -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -ms-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; } .action-btn a:hover { color: white; background: #f4a81d; } .figure-caption { padding: 3px 10px 0px 0px; } .figure-caption .product-tag { color: #777c90; font-size: 16px; line-height: 1; font-weight: 500; font-family: "Poppins", sans-serif; display: inline-block; margin-top: 10px; margin-bottom: 10px; } .figure-caption .product-tag i { color: red; margin: 0 8px 0 0; font-size: 16px; } .figure-caption .product-title { color: #181818; font-size: 20px; margin-bottom: 2px; } .figure-caption .product-title:hover { color: #f4a81d; } .figure-caption .price { color: #181818; font-size: 16px; font-weight: 500; font-family: "Poppins", sans-serif; margin: 10px 0 20px 0; } .figure-img { border-radius: 6px 6px 0 0; } .figure-caption .price .old-price { margin-right: 12px; font-size: 13px; padding: 4px 10px; color: #000; border-radius: 4px; } .figure-caption .price .new-price { color: rgba(24, 24, 24, 0.5); } @media (max-width: 991.98px) { .figure-caption .product-title, .figure-caption .semi-title { font-size: 20px; } } .cart-btn { color: white; font-size: 16px; line-height: 1; background: #f4a81d; width: 100%; display: block; text-align: center; padding: 18px 0; } .cart-btn:hover { color: white; background: #f4a81d; } .sort-item { color: #181818; font-size: 18px; font-family: "Poppins", sans-serif; font-weight: 500; } .sort-item .sort-btn { font-size: 16px; line-height: 20px; background: #f8f9fc; border: 0; padding: 16px 25px; margin-left: 20px; } .sort-item .sort-btn i { color: #f4a81d; margin-left: 16px; } .sort-item .sort-btn::after { display: none; } .sort-item .sort-btn:hover { color: white; background: #f4a81d; } .sort-item .sort-btn:hover i { color: white; } .product-img-slider .product-item img { display: block; padding: 10px; padding-left: 0; } @media (max-width: 991.98px) { .product-img-slider .product-item img { width: 100%; } } .product-thumb-slider .product-item { margin: 0 5px; } .cart-plus-minus { position: relative; display: inline-block; } .cart-plus-minus input { color: #181818; background: #f8f9fc; border: 0; height: 50px; width: 130px; font-size: 25px; line-height: 1; text-align: center; margin-top: 1px; } .cart-plus-minus .qtybutton { background: #f4a81d; width: 40px; height: 40px; line-height: 37px; position: absolute; font-size: 35px; color: white; left: 7px; top: 13%; z-index: 1; } .cart-plus-minus .inc { left: auto; right: 7px; } .product-details .product-title { font-size: 40px; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .product-details .product-title { font-size: 28px; } } @media (max-width: 991.98px) { .product-details .product-title { font-size: 24px; } } .product-details .price-list .old-price { font-size: 17px; color: #777c90; margin-right: 10px; } .product-details .price-list .new-price { font-size: 24px; color: #181818; font-family: "Poppins", sans-serif; font-weight: 700; } .product-details .add-to-cart { color: #f4a81d; font-size: 16px; line-height: 20px; font-family: "Poppins", sans-serif; font-weight: 600; background: #f8f9fc; padding: 16px 40px; } @media (max-width: 767px) { .product-details .add-to-cart { text-align: center; width: 100%; padding: 16px 23px; } } .product-details .cart-btn { width: unset; padding: 16px 30px; line-height: 20px; display: inline-block; font-weight: 700; border: none; } @media (max-width: 767px) { .product-details .cart-btn { width: 100%; padding: 16px 23px; } } .product-rating a { color: #f7c600; font-size: 24px; margin-right: 5px; } .product-rating a:last-child { color: #181818; } @media only screen and (max-width: 767.98px) { .product-rating a { font-size: 18px; } } .color-mode { display: flex; align-items: center; } .color-mode .color-tag { color: #181818; font-weight: 500; margin-bottom: 0; } .color-mode .color-cus { background: #fff; width: 45px; height: 45px; display: inline-block; border-radius: 50%; margin: 0 7px; } @media only screen and (max-width: 767.98px) { .color-mode .color-cus { width: 30px; height: 30px; } } .product-last { color: #181818; font-weight: 500; text-decoration: underline; } .product-category-name { color: #181818; font-weight: 700; } .media_grey .social-tag { color: #181818; font-weight: 500; } .media_grey a { color: #181818; background: rgba(24, 24, 24, 0.1); } @media only screen and (max-width: 767.98px) { .media_grey a { margin-left: 1px; } } .product-tab { border: 0; border-radius: 0; justify-content: flex-start; padding: 2px 0; } .product-tab .nav-link { border: 0; border-radius: 0; color: #181818; font-size: 20px; font-family: "Poppins", sans-serif; font-weight: 600; line-height: 30px; display: inline-block; padding: 18px 0; margin: 0 30px 0 0; } .product-tab .nav-link.active, .product-tab .nav-link:hover { color: #f4a81d; background-color: transparent; border-bottom: 2px solid #f4a81d; } @media only screen and (max-width: 991.98px) { .product-tab .nav-link { font-size: 20px; } } .cart-menu-right { opacity: 0; visibility: hidden; transition: all 0.5s ease-in-out; } .cart-menu-right.cart-info { right: 0; opacity: 1; visibility: visible; display: block; transition: all 0.5s ease-in-out; } .cart-menu-right .close-icon a { color: #222222; padding-left: 10px; position: absolute; top: 36px; border: 1px solid red; padding-left: 0; width: 30px; height: 30px; text-align: center; line-height: 30px; left: 30px; } .cart-menu-right .close-icon a:hover { color: #f4a81d; } .cart-style-1 { padding: 100px 30px 30px 20px; position: fixed; z-index: 1200; width: 450px; height: 100%; left: auto; right: -450px; top: 0; background: white; box-shadow: 0 1px 21px 0 rgba(43, 43, 43, 0.08); transition: all 0.5s ease-in-out; overflow: scroll; } .cart-style-1 .dropdown-cart-products { overflow-y: auto; } .cart-style-1 .product { display: flex; align-items: flex-start; padding: 10px 20px 25px 10px; position: relative; border-bottom: 1px solid #ededed; margin-bottom: 15px; } .cart-style-1 .product__cart-details { margin-bottom: 0; } .cart-style-1 .product__cart-details .product-title { font-weight: 400; margin-bottom: 10px; } .cart-style-1 .product__cart-details .product-title a:hover { color: #f4a81d; } .cart-style-1 .product .cart-product-info { color: #181818; } .cart-style-1 .product figure { margin-bottom: 0; } .cart-style-1 .product .product-img { display: block; width: 132px; height: auto; margin-left: 30px; } .cart-style-1 .product .remove-btn { position: absolute; z-index: 1; right: 0; top: 50%; display: flex; align-items: center; transform: translateY(-100%); } .cart-style-1 .product .remove-btn i { color: #181818; font-size: 14px; line-height: 1; } .cart-style-1 .cart-total { display: flex; align-items: flex-end; color: #181818; text-transform: uppercase; } .cart-style-1 .cart-total .cart-total-price { margin-left: auto; } .cart-style-1 .cart-action .btn { background: #f4a81d; border-radius: 0; padding: 6px 20px; border: 0; } .cart-style-1 .cart-action .btn-outline-primary-2 { background: transparent; border: 1px solid #f4a81d; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; padding: 6px 30px 6px 20px; margin-left: 10px; } .cart-style-1 .cart-action .btn-outline-primary-2 i { transform: translateX(10px); line-height: 1; } .cart-style-1 .cart-action .btn-outline-primary-2:hover { color: white; background: #f4a81d; } @media only screen and (max-width: 767.98px) { .cart-style-1 .cart-action .btn-outline-primary-2 { margin-left: 0; } } @media only screen and (max-width: 991.98px) { .cart-style-1 { width: 300px; } .cart-style-1 .product { display: block; } } .cart-list-form { border: 1px solid rgba(119, 124, 144, 0.2); } .cart-list-form .table th { font-weight: 400; font-size: 18px; border: none; border-bottom: 1px solid rgba(119, 124, 144, 0.2); padding: 15px 30px; text-align: start; color: #181818; } .cart-list-form .table .product-thumbnails { padding-left: 20px; width: 100px; } .cart-list-form .table .product-thumbnails img { max-height: 100%; max-width: none; } .cart-list-form .table .product-img { display: block; max-width: 100px; max-height: 100px; overflow: hidden; } .cart-list-form .table tbody td { border: none; vertical-align: middle; text-align: center; padding: 30px 0; } .cart-list-form .table-responsive { margin-bottom: 30px; } .cart-list-form .table-responsive::-webkit-scrollbar { width: 0.3em; height: 10px; } .cart-list-form .table-responsive::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); } .cart-list-form .table-responsive::-webkit-scrollbar-thumb { background-color: #f4a81d; } .cart-list-form .table .product-info { padding-left: 30px; text-align: left; } .cart-list-form .table .product-info ul.style-none { padding: 0; margin: 0; } .cart-list-form .table .product-info ul.style-none li { font-weight: 500; display: inline-block; font-size: 15px; color: #181818; padding-right: 15px; } .cart-list-form .table .product-info .product-name { font-weight: 500; letter-spacing: -0.5px; font-size: 20px; color: #1f1f1f; } @media only screen and (max-width: 991.98px) { .cart-list-form .table .product-info .product-name { font-size: 18px; } } .cart-list-form .table .product-info .serial { font-size: 15px; color: rgba(31, 31, 31, 0.33); padding-bottom: 6px; } .cart-list-form .table .quantity .product-value { font-weight: 500; font-size: 18px; color: #181818; max-width: 55px; background: 0 0; border: none; text-align: center; padding-left: 12px; } @media only screen and (max-width: 991.98px) { .cart-list-form .table .quantity .product-value { max-width: 14px; } } .cart-list-form .table .quantity .order-box { padding: 0; margin: 0; } .cart-list-form .table .quantity li { display: inline-block; line-height: 40px; max-height: 40px; } .cart-list-form .table .quantity li .btn { font-size: 24px; padding: 0; border: none; vertical-align: inherit; color: #181818; background: #f8f9fc; width: 36px; height: 36px; border-radius: 50%; } @media only screen and (max-width: 991.98px) { .cart-list-form .table .quantity li .btn { width: 25px; height: 25px; line-height: 25px; } } .cart-list-form .table .remove-product { color: #f4a81d; font-size: 22px; } .cart-list-form .table tbody tr { padding: 10px 0; border-bottom: 1px solid rgba(119, 124, 144, 0.2); } .cart-list-form .table .price, .cat__section .cart-footer .cart-total-table tr td { font-size: 18px; color: #1d1d1d; font-weight: 500; } .cart-footer .coupon-form { position: relative; z-index: 1; } .cart-footer .coupon-form input { width: 275px; border: none; background: #f8f9fc; font-size: 16px; color: #777c90; padding-left: 14px; height: 40px; } .cart-footer .coupon-form input::placeholder { font-size: 16px; color: #777c90; } .cart-footer .coupon-form input::-moz-placeholder { font-size: 16px; color: #777c90; } .cart-footer .coupon-form input::-o-placeholder { font-size: 16px; color: #777c90; } .cart-footer .coupon-form input::-webkit-placeholder { font-size: 16px; color: #777c90; } .cart-footer .coupon-form input::-ms-placeholder { font-size: 16px; color: #777c90; } .cart-footer .coupon-form .coupon_btn { font-size: 16px; font-weight: 400; position: absolute; right: 0; top: 0; border: 0; height: 40px; padding: 0; width: 130px; text-transform: capitalize; } .cart-footer .coupon-form .coupon_btn:hover { color: white; } .cart-footer .coupon-form .coupon_btn:hover::before { background: #f4a81d; } .cart-footer .update-cart-button { color: white; font-size: 16px; font-weight: 500; border: 0; background: #181818; width: 140px; height: 40px; margin-left: 27px; display: inline-block; } .cart-total-section { padding: 40px 30px; } .cart-total-section .checkout-process { width: 100%; text-align: center; background: #181818; color: white; font-size: 16px; font-weight: 500; display: block; padding: 10px 25px; } @media only screen and (max-width: 767.98px) { .cart-total-section { padding: 40px 15px; } } .cart-total-table tbody tr { padding-bottom: 25px; border-bottom: 1px solid rgba(119, 124, 144, 0.2); margin-bottom: 25px; } .cart-total-table tbody tr:last-child { border-bottom: 0; } .cart-total-table tbody th, .cart-total-table tbody td { color: #181818; font-size: 16px; font-weight: 500; padding: 10px 0px; } .checkout-form label { color: #777c90; font-size: 16px; display: inline-block; margin-bottom: 10px; } .checkout-form .single-input-wrapper, .checkout-form textarea { width: 100%; border: 1px solid rgba(119, 124, 144, 0.15); color: #181818; font-size: 18px; font-weight: 500; height: 60px; margin-bottom: 40px; padding-left: 20px; line-height: 1; } .checkout-form .ht-select-menu { width: 100%; border: 1px solid rgba(119, 124, 144, 0.15); color: #181818; font-size: 18px; font-weight: 500; height: 60px; margin-bottom: 40px; padding-left: 20px; line-height: 1; } .checkout-form textarea { padding-top: 20px; height: 200px; } .checkout-form .checkbox-list { list-style: none; padding: 0; } .payment-list { padding: 0; list-style: none; } .credit-card-form h6 { font-size: 16px; } .credit-card-form input { width: 100%; border: 1px solid rgba(119, 124, 144, 0.15); padding-left: 10px; display: block; margin-bottom: 15px; } .checkout__section { overflow: hidden; } .shopping-cart { color: white; display: inline-block; position: relative; font-size: 24px; margin-right: 30px; } .shopping-cart span { position: absolute; background: #ef6f31; border-radius: 50%; width: 17px; height: 17px; padding: 0; line-height: 17px; top: -12px; right: -18px; left: auto; font-size: 14px; } .shopping-cart:hover { color: white; } .footer-bg-one { background-size: cover; background-position: center; width: 100%; height: 100%; background-repeat: repeat; position: relative; z-index: 1; } .footer-bg-one::before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: -1; background: #181818; opacity: 0.9; } .footer-bg-one .shapes__1, .footer-bg-one .shapes__2 { position: absolute; } .footer-bg-one .shapes__1 { top: 308px; left: 97px; z-index: -1; } .footer-bg-one .shapes__2 { right: 0; top: 0; z-index: -1; } .footer-bg-one .shapes__4 { position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 130px; z-index: -1; } .footer-bg-one .blur__shape { border-radius: 500px; opacity: 0.15; background: #f4a81d; filter: blur(150px); width: 500px; height: 500px; position: absolute; z-index: -1; top: 100px; right: 39.73%; } .footer-bg-one .big-style-text { -webkit-text-stroke-color: rgba(255, 255, 255, 0.05); top: 14%; left: 1%; } .footer__widget .footer__contact__one { border-top: 3px solid #f4a81d; padding-top: 55px; } .footer__widget .widget__info { color: white; font-size: 20px; font-weight: 500; margin-bottom: 20px; } .footer__widget .widget__query { color: white; font-size: 24px; font-weight: 500; } @media only screen and (max-width: 1200px) { .footer__widget .widget__query { font-size: 20px; } } .footer__widget iframe { width: 100%; height: 264px; border-radius: 5px; } .footer__widget p { color: white; line-height: 30px; font-size: 16px; } .footer__widget .fot-list { list-style: none; padding: 0; } .footer__widget .fot-list li a { color: white; font-size: 17px; line-height: 26px; font-weight: 500; margin-bottom: 16px; display: inline-block; } .footer__widget .fot-list li a:hover { color: #f4a81d; } .footer__widget .social_media a { color: white; background: -webkit-linear-gradient(180deg, rgb(244 168 29) 0%, rgba(232, 17, 43, 0.1) 100%); background: -moz-linear-gradient(180deg, rgb(255 255 255) 0%, rgba(232, 17, 43, 0.1) 100%); background: -ms-linear-gradient(180deg, rgb(255 255 255) 0%, rgba(232, 17, 43, 0.1) 100%); background: -o-linear-gradient(180deg, rgb(255 255 255 / 30%) 0%, rgb(255 255 255 / 10%) 100%); backdrop-filter: blur(7.5px); } .footer__widget .social_media a:hover { background: #f4a81d; } .footer__contact .phone__nimber { color: white; font-size: 30px; } @media only screen and (max-width: 991.98px) { .footer__contact .phone__nimber { font-size: 22px; } } .ht-footer-subscribe-form input { border: 1px solid rgba(255, 255, 255, 0.1); background: linear-gradient(135deg, rgba(49, 49, 49, 0.3) 0%, rgba(49, 49, 49, 0.1) 100%); backdrop-filter: blur(7.5px); width: 100%; height: 50px; color: white; font-size: 16px; font-weight: 400; padding-left: 20px; } .ht-footer-subscribe-form input::placeholder { color: white; } .ht-footer-subscribe-form input::-moz-placeholder { color: white; } .ht-footer-subscribe-form input::-o-placeholder { color: white; } .ht-footer-subscribe-form input::-ms-placeholder { color: white; } .ht-footer-subscribe-form input::-webkit-placeholder { color: white; } .footer__menu { padding: 0; } .footer__menu li { list-style: none; display: inline-block; } .footer__menu li:first-child a { margin-left: 0; } .footer__menu li a { color: lightgrey; font-size: 14px; line-height: 28px; font-weight: 300; display: inline-block; margin-left: 35px; } @media (max-width: 767px) { .footer__menu li a { margin-left: 10px; font-size: 18px; } } .copyright__text p { font-size: 15px; font-weight: 200; color: white; } @media (max-width: 767px) { .copyright__text p { font-size: 18px; } } .copyright__border { border-top: 2px solid rgba(255, 255, 255, 0.05); } .footer-bg-two { background-size: cover; background-position: center; width: 100%; height: 100%; background-repeat: repeat; position: relative; z-index: 1; background: #000; } .footer-bg-two::before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: -1; /* background: #181818; */ opacity: 0.9; } .footer-bg-two .shapes__1, .footer-bg-two .shapes__2 { position: absolute; } .footer-bg-two .shapes__1 { top: 80px; left: 195px; z-index: -1; } .footer-bg-two .shapes__2 { right: 0; top: 0; z-index: -1; } .footer-bg-two .shapes__4 { position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 130px; z-index: -1; } .footer-bg-two .blur__shape { border-radius: 500px; opacity: 0.15; background: #f4a81d; filter: blur(150px); width: 500px; height: 500px; position: absolute; z-index: -1; top: 100px; right: 39.73%; } .footer-bg-three { background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; z-index: 1; } .footer-bg-three::before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: -1; background: #181818; opacity: 0.7; } .footer-bg-three .social_media a { color: #f4a81d; background: rgba(82, 196, 89, 0.1); } .footer-bg-three .social_media a:hover { color: white; background: #f4a81d; } .footer-bg-three .footer__widget .fot-list li a { font-size: 18px; font-weight: 400; margin-bottom: 19px; padding-left: 15px; position: relative; z-index: 1; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .footer-bg-three .footer__widget .fot-list li a::before { content: "\F285"; position: absolute; font-family: "bootstrap-icons"; font-size: 12px; left: 0; top: 0; z-index: 1; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .footer-bg-two .footer__widget .fot-list li a { font-size: 18px; font-weight: 400; margin-bottom: 19px; padding-left: 15px; position: relative; z-index: 1; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .footer-bg-two .footer__widget .fot-list li a::before { content: "\F285"; position: absolute; font-family: "bootstrap-icons"; font-size: 12px; left: 0; top: 0; z-index: 1; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .footer-bg-two .footer__widget .fot-list li a:hover { color: #f4a81d; } .footer-bg-two .footer__widget .fot-list li a:hover::before { left: 5px; } .footer-bg-three .footer__widget .fot-list li a:hover { color: #f4a81d; } .footer-bg-three .footer__widget .fot-list li a:hover::before { left: 5px; } .footer__widget .mail__icon { color: white; font-size: 60px; } .footer__subsrciber { background: #f4a81d; padding: 57px 35px 46px 35px; margin-top: -80px; position: relative; z-index: 1; } .footer__subsrciber .ht-footer-subscribe-form input { border: 2px solid rgba(255, 255, 255, 0.3); background: transparent; } .footer__subsrciber .ht-footer-subscribe-form .widget__btn { color: #181818; background: white; } .footer__subsrciber .ht-footer-subscribe-form .widget__btn:hover { color: white; background: #181818; } @media only screen and (max-width: 991.98px) { .footer__subsrciber { margin-top: 0; } } /*# sourceMappingURL=main.css.map */ .modal-content {} .modal-content .submit-b { border: 1px solid #f4a81d; background: #f4a81d; color: #fff; margin: 10px 0 0 0; } .modal-content .modal-header {} .modal-content .modal-header .close { border: 1px solid #333; border-radius: 5px; height: 25px; width: 25px; display: flex; justify-content: center; align-items: center; } .modal-content .form-group { margin-bottom: 10px; } .product-manager { margin: 10px 0 0 0; } .product-manager h3 { font-size: 23px; text-transform: uppercase; } .product-manager h4 {} .product-manager h5 { color: #f4a81d; } .product-manager h6 {} .product-manager img { width: 80%; margin: 10px 0 10px 0; border-radius: 8px; } .product-detail-tab { margin: 30px 0 0 0; padding: 0; } .product-detail-tab li { list-style-type: none; line-height: 26px; font-size: 16px; color: #333; margin: 0 0 10px 0; } .product-review-section .catalogues { margin: 30px 0 0 0px; } .product-review-section .catalogues iframe { width: 100%; } .product-review-section .catalogues a { color: #333; } .product-review-section .catalogues img {} .catalogue-download-btn { border: 1px solid #f4a81d; padding: 10px 15px; color: #fff !important; margin: 20px 0 0 0; font-weight: 500; font-size: 14px; } .catalogue-download-btn i { margin: 0px 0 0 10px; } .catalogue-download-btn:hover { color: #333 !important; } .application-details-gallery { margin: 0px 0 30px 0; } .work-box { margin: 0px 15px 40px 15px; } .application-details-gallery h5 { margin: 8px 0 0 0; } .application-details-gallery img { width: 100%; border-radius: 8px; } .work-box h5 { margin: 8px 0 0 0; } .work-box img { width: 100%; border-radius: 8px; height: 340px; } .our-works-area { padding: 120px 0 90px 0; } .privacy-policy-area { padding: 100px 0 60px 0; } .header-info-box .icon img { width: 45px; } .suppliers-know-more { margin: 30px 0 0 0; display: flex; justify-content: flex-start; align-items: center; } .suppliers-know-more a { padding: 20px 20px; border: 1px solid #f4a81d; font-weight: 600; font-size: 16px; } .suppliers-know-more span img { width: 15px; border: none !important; border-radius: 0 !important; margin: 0 0 0 10px; } .suppliers-know-more img { width: 200px; height: auto; margin: 0 30px 0 0; border: 1px solid #ccc; border-radius: 7px; } .breadcrumbs-page { display: flex; justify-content: flex-end; align-items: center; } .breadcrumbs-page ul.breadcrumb { display: inline-block; padding: 12px 26px; background: linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.1) 100%); background: -moz-linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.1) 100%); background: -ms-linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.1) 100%); background: -o-linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.1) 100%); background: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.1) 100%); backdrop-filter: blur(12.5px); } .breadcrumbs-page ul.breadcrumb li { display: inline-block; } .breadcrumbs-page ul.breadcrumb li a { color: #333; font-size: 16px; font-weight: 500; line-height: 1; display: inline-block; padding-right: 10px; margin-right: 10px; position: relative; z-index: 1; } .breadcrumbs-page ul.breadcrumb li a::before { content: ""; position: absolute; background: #f4a81d; width: 2px; height: 16px; right: -1px; top: 0; z-index: 1; transform: rotate(14deg); } .breadcrumbs-page ul.breadcrumb li.active { color: #f4a81d; font-weight: 700; font-size: 16px; } .hero__slider__three { height: 800px; } .main__slider__section2 .theme__content { margin: 120px 0 0 0; } .swiper-slide.product__thumb img { height: 160px; width: 180px; object-fit: cover; } .blog-details img { width: 100% !important; } .blog-details a { font-weight: 700; color: #f4a81d; } .blog-details blockquote { border-left: 5px solid #eee; padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; } .footer__widget .social_media a { color: white; background: -webkit-linear-gradient(180deg, rgb(244 168 29) 0%, rgba(232, 17, 43, 0.1) 100%) !important; background: -moz-linear-gradient(180deg, rgb(255 255 255) 0%, rgba(232, 17, 43, 0.1) 100%) !important; background: -ms-linear-gradient(180deg, rgb(255 255 255) 0%, rgba(232, 17, 43, 0.1) 100%) !important; background: -o-linear-gradient(180deg, rgb(255 255 255 / 30%) 0%, rgb(255 255 255 / 10%) 100%) !important; backdrop-filter: blur(7.5px); } /* ================== Premium area =================== */ .premium-area-sec { background: url(../img/about/premium-bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed; padding: 90px 0; } /* ================== Premium area =================== */ .news-page { padding: 10px 15px !important; } .categories-page-content-wrapper { padding: 60px 0 0 0; } .categories-page-content {} .categories-page-content-ui ul li { list-style: disc; color: #333; font-size: 16px; } .categories-page-content {} .categories-page-content {} .product-wrapper .product-thumb .figure-img { border-radius: 6px 6px 0 0; height: 350px; object-fit: cover; } @media only screen and (min-width : 1601px) and (max-width : 1920px) { .our-works-area { padding: 120px 0 90px 0; } .work-box img { height: 340px; } } @media only screen and (min-width : 1481px) and (max-width : 1600px) { .swiper-slide.product__thumb img { width: 130px; height: 140px; object-fit: cover; } .our-works-area { padding: 120px 0 90px 0; } .work-box img { height: 340px; } } @media only screen and (min-width : 1366px) and (max-width : 1480px) { .product-wrapper .product-thumb .figure-img { height: 260px; } .categories-page-content .section__title__one { font-size: 26px; } .categories-page-content-ui h3 { font-size: 23px; } .categories-page-content-wrapper { padding: 40px 0 0 0; } .header-info-box .text-content h6 { font-size: 16px; } .right-language .language-btn { font-size: 16px; } .swiper-slide.product__thumb img { width: 130px; height: 140px; object-fit: cover; } .hero__slider__three { height: 700px; } .main__slider__section2 { height: 700px; } .main__slider__section2 .theme__content { margin: 100px 0 0 0; } .section__title { margin-bottom: 30px; } .blog__area { padding-top: 0; } .products-section { padding-bottom: 80px; } .testimonial__slider__three { padding-bottom: 80px; } .case__study__area { padding-bottom: 20px; } .single__process__box { padding: 0 30px 45px 30px; } .chose__us__area { padding: 20px 0 30px 0; } .section__title__one { font-size: 30px !important; } .about__section__wrapper2 { padding: 180px 0 0 0 !important; } .main__title { font-size: 45px; line-height: 65px; } .our-works-area { padding: 100px 0 90px 0; } .work-box img { height: 280px; } } @media only screen and (min-width : 1281px) and (max-width : 1365px) { .product-wrapper .product-thumb .figure-img { height: 260px; } .categories-page-content .section__title__one { font-size: 26px; } .categories-page-content-ui h3 { font-size: 23px; } .categories-page-content-wrapper { padding: 40px 0 0 0; } .swiper-slide.product__thumb img { width: 130px; height: 140px; object-fit: cover; } .hero__slider__three { height: 650px; } .main__slider__section2 { height: 650px; } .main__slider__section2 .theme__content { margin: 50px 0 0 0; } .social_media { margin: 0 30px 0 0; } .hamburger-menu { margin: 0 30px 0 0; } .header-info-box .text-content h6 { font-size: 15px; } .main-menu ul li a { margin: 0 30px 0 0; } .section__title { margin-bottom: 30px; } .blog__area { padding-top: 0; } .products-section { padding-bottom: 80px; } .testimonial__slider__three { padding-bottom: 80px; } .case__study__area { padding-bottom: 20px; } .single__process__box { padding: 0 30px 45px 30px; } .chose__us__area { padding: 20px 0 30px 0; } .section__title__one { font-size: 30px !important; } .main__title { font-size: 45px !important; } .about__section__wrapper2 { padding: 130px 0 0 0 !important; } .our-works-area { padding: 80px 0 90px 0; } .work-box { margin: 0px 15px 20px 15px; } .work-box img { height: 250px; } } @media only screen and (min-width : 1200px) and (max-width : 1280px) { .product-wrapper .product-thumb .figure-img { height: 260px; } .categories-page-content .section__title__one { font-size: 26px; } .categories-page-content-ui h3 { font-size: 23px; } .categories-page-content-wrapper { padding: 30px 0 0 0; } .right-language .language-btn { font-size: 15px; } .header-info>li { margin-right: 5px; padding-left: 25px; } .swiper-slide.product__thumb img { width: 130px; height: 140px; object-fit: cover; } .hero__slider__three { height: 650px; } .main__slider__section2 { height: 650px; } .main__slider__section2 .theme__content { margin: 100px 0 0 0; } .social_media { margin: 0 30px 0 0; } .hamburger-menu { margin: 0 30px 0 0; } .header-info-box .text-content h6 { font-size: 15px; } .main-menu ul li a { margin: 0 30px 0 0; } .product-details-section { padding-bottom: 0px; } .section__title { margin-bottom: 30px; } .blog__area { padding-top: 0; } .products-section { padding-bottom: 80px; } .testimonial__slider__three { padding-bottom: 80px; } .case__study__area { padding-bottom: 20px; } .single__process__box { padding: 0 30px 45px 30px; } .chose__us__area { padding: 20px 0 30px 0; } .section__title__one { font-size: 30px !important; } .main__title { font-size: 45px !important; line-height: 60px; } .about__section__wrapper2 { padding: 130px 0 0 0 !important; } .work-box img { height: 230px; } .our-works-area { padding: 80px 0 90px 0; } .work-box { margin: 0px 12px 20px 12px; } } @media only screen and (min-width : 1024px) and (max-width : 1199px) { .product-wrapper .product-thumb .figure-img { height: 210px; } .categories-page-content .section__title__one { font-size: 25px; } .categories-page-content-ui h3 { font-size: 22px; } .categories-page-content-wrapper { padding: 30px 0 0 0; } .footer-bg-two { padding-top: 60px; } .swiper-slide.product__thumb img { width: 110px; height: 100px; object-fit: cover; } .hero__slider__three { height: 600px; } .main__slider__section2 { height: 600px; } .main__slider__section2 .theme__content { margin: 0; } .hamburger-menu { margin: 0 30px 0 0; } .main-menu ul li a { margin: 0 20px 0 0; font-size: 12px; } .privacy-policy-area { padding: 60px 0 40px 0; } .contact__section { padding: 60px 0 30px 0; } .blog__details__area { padding: 80px 0 0px 0; } .blog__area { padding: 60px 0 60px 0; } .product-wrapper { margin-bottom: 20px; } .single__process__box { padding: 10px 15px 15px 15px !important; } .abt-box { margin: 30px 0 0 0; } .work-box img { height: 310px; } .our-works-area { padding: 70px 0 70px 0; } .work-box { margin: 0px 10px 20px 10px; } } @media only screen and (min-width : 768px) and (max-width : 1023px) { .product-wrapper .product-thumb .figure-img { height: 240px; } .categories-page-content .section__title__one { font-size: 25px; } .categories-page-content-ui h3 { font-size: 22px; } .categories-page-content-wrapper { padding: 30px 0 0 0; } .footer-bg-two { padding-top: 50px; } .header-info>li { margin-right: 15px; padding-left: 10px; } .swiper-slide.product__thumb img { width: 170px; height: 160px; object-fit: cover; } .hero__slider__three { height: 600px; } .main__slider__section2 { height: 600px; } .main__slider__section2 .theme__content { margin: 0; } .logo-area img { margin: 0 0 20px 0; } .privacy-policy-area { padding: 30px 0 40px 0; } .contact__section { padding: 60px 0 30px 0; } .blog__details__area { padding: 60px 0 0px 0; } .blog__area { padding: 60px 0 60px 0; } .product-wrapper { margin-bottom: 20px; } .abt-box { margin: 20px 0 0 0; } .work-box img { height: 220px; } .our-works-area { padding: 70px 0 70px 0; } .work-box { margin: 0px 0px 10px 0px; } } @media only screen and (min-width : 150px) and (max-width : 767px) { .faq__area { padding: 0; } .faq__section__wrapper { padding: 30px 0; } .product-wrapper .product-thumb .figure-img { height: auto; } .categories-page-content .section__title__one { font-size: 24px; } .categories-page-content-ui h3 { font-size: 20px; } .categories-page-content-wrapper { padding: 20px 0 0 0; } .premium-area-sec { padding: 40px 0 20px 0; } .footer-bg-two { padding-top: 45px; } .mean-container .mean-nav ul li a.mean-expand { height: 17px; padding: 7px 10px 17px 10px !important; } .mean-container .mean-nav ul li li a .bi-chevron-right { display: none; } .mean-container .mean-nav ul li li a { width: 70%; padding: 0.5em 0%; font-size: 15px; text-transform: capitalize; } .mean-container .mean-nav ul li a { padding: 7px 1px; } .mean-container .mean-nav ul li a .fa-angle-down { display: none; } .header-info>li { width: 50%; } .header-info-box .text-content span { display: none; } .header-info-box .text-content h6 { font-size: 13px; margin: 0; } .header-info-box .icon img { width: 25px; } .header-info>li { padding-left: 10px; } .loctn { display: none; } .loctn { display: none; } .about_sectionwrapper2 .aboutshape_1 { width: 100% !important; } .process_wrapperabout .shapes_1 { width: 100% !important; } .swiper-slide.product__thumb img { width: 170px; height: 100px; object-fit: cover; } .hero__slider__three { height: 450px; } .main__slider__section2 { height: 450px; } .main__slider__section2 .theme__content { margin: 0; } .main__slider__section2 .theme__content .sub__title__two { font-size: 15px !important; font-weight: 300 !important; } .suppliers-know-more a { padding: 12px 14px; font-size: 14px; } .suppliers-know-more img { width: 150px; } .logo-area img { margin: 0 0 20px 0; } .privacy-policy-area { padding: 30px 0 40px 0; } .contact__section { padding: 40px 0 30px 0; } .blog__details__area { padding: 60px 0 0px 0; } .blog__area { padding: 40px 0 20px 0; } .product-review-section { padding-bottom: 0; } .services__details__area { padding-top: 60px; padding-bottom: 0; } .tab-content { margin-top: 0; } .product-details-section { padding-bottom: 0 !important; } .product-wrapper { margin-bottom: 10px; } .products-section { padding-top: 70px; } .section__title { margin-bottom: 30px; } .brand__area { padding: 0 0 50px 0; } .chose__us__area { padding: 10px 0 0 0; } .work-box img { height: auto; } .abt-box { margin: 30px 0 0 0; } .our-works-area { padding: 60px 0 30px 0; } .work-box { margin: 0px 0px 10px 0px; } } .accordion-button:not(.collapsed) { color: #ffffff; font-weight: 600; font-size: 18px; background-color: #181818b5; } .accordion-button { font-weight: 600; font-size: 18px; } .accordion-button { background-color: #5b5b5b36; } .accordion-body p { font-size: 15px; } .accordion-button:focus { outline: 0; box-shadow: none; } .accordion-button:not(.collapsed)::after { background-image: url(../img/down-arrow-faq.svg); transform: var(--bs-accordion-btn-icon-transform); }