| Server IP : 66.29.137.217 / Your IP : 3.129.17.245 Web Server : LiteSpeed System : Linux premium294.web-hosting.com 4.18.0-513.11.1.lve.el8.x86_64 #1 SMP Thu Jan 18 16:21:02 UTC 2024 x86_64 User : gltevjme ( 1095) PHP Version : 7.0.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/gltevjme/bofirm.gltechlimited.com/public/frontend-theme-2/assets/css/ |
Upload File : |
/*--------------------------------
2.1 Theme Color
-----------------------------------*/
:root {
--heading-color: #060667;
--heading-neutral-2: rgba(6, 6, 103, 0.55);
--heading-neutral-border-2: rgba(6, 6, 103, 0.17);
--text-neutral-color: rgba(255, 255, 255, 0.72);
--snow-white: #f8f8f8;
--angel-elsie: #f2f0e9;
--gradient-training-bg: linear-gradient(
180deg,
rgba(6, 6, 103, 0) 0%,
rgba(6, 6, 103, 0.85) 72.47%,
#060667 100%
);
}
.white-color {
color: var(--white-color) !important;
}
.gradient-training-bg {
background-color: var(--gradient-training-bg);
}
.angel-elsie-bg {
background-color: var(--angel-elsie);
}
.snow-white-bg {
background-color: var(--snow-white);
}
.heading-2 {
color: var(--heading-color) !important;
}
.heading-2-bg {
background-color: var(--heading-color) !important;
}
.heading-neutral-2 {
color: var(--heading-neutral-2) !important;
}
.heading-neutral-border-2 {
color: var(--heading-neutral-border-2) !important;
}
.text-neutral-color {
color: var(--text-neutral-color) !important;
}
.color-yellow-bg {
background-color: var(--color-yellow);
}
.px-55 {
padding-left: 55px;
padding-right: 55px;
}
.fit-image {
object-fit: cover;
-o-object-fit: cover;
}
.h-217 {
height: 217px;
}
.font-la-14 {
font-size: 14px !important;
}
.text-wrap-nowrap {
text-wrap: nowrap;
}
body {
background-color: var(--page-bg);
}
.pb-114 {
padding-bottom: 114px;
}
/*-------------------------
landing-menu area start
------------------------ */
.landing-menu #mainNav .navbar-nav .nav-item .nav-link {
color: var(--body-font-color);
}
.landing-menu #mainNav.sticky .navbar-nav .nav-item .nav-link {
color: var(--white-color);
}
.landing-menu .menu-round-btn > a {
background-color: var(--page-bg);
}
.landing-menu .landing {
background: var(--white-color);
border-radius: 4px;
}
.landing-menu form {
border-color: transparent;
}
.landing-menu form .form-control,
.landing-menu form .form-control:focus,
.landing-menu form .form-control::placeholder {
color: var(--input-placeholder-color);
}
.landing-menu #mainNav {
border-bottom: 1px solid var(--border-color2);
}
/*-------------------------
landing-menu area end
------------------------ */
/*-------------------------
landing-banner area start
------------------------ */
.section-landing-hero {
padding-top: 100px;
}
.landing-hero-area {
position: relative;
}
.landing-come-area {
border-bottom: 1px solid var(--heading-neutral-border-2);
color: var(--heading-neutral-2);
margin: auto;
padding-bottom: 6px;
margin-bottom: 16px;
}
.landing-banner-title {
text-align: center;
font-family: Jost;
font-size: 85px;
font-style: normal;
font-weight: 300;
line-height: 100.5%; /* 85.425px */
color: var(--heading-color);
margin-bottom: 13px;
}
.landing-banner-title span {
font-weight: 500;
}
.section-sub-heading.landing-sub-heading {
max-width: 439px;
margin: auto;
margin-bottom: 21px;
}
.tour-btu {
border: 2px solid var(--heading-color);
}
.tour-btu:hover {
color: var(--heading-color) !important;
background-color: var(--white-color) !important;
border: 2px solid var(--white-color);
}
.landing-banner-ellipse-1 {
position: absolute;
top: 91px;
left: 241px;
z-index: -1;
}
.landing-banner-ellipse-2 {
position: absolute;
top: 63px;
right: 283px;
z-index: -1;
}
.landing-banner-text {
/* margin-top: 127px; */
max-width: 660px;
margin: 0 auto;
padding-top: 127px;
}
.landing-banner-ellipse-3 {
position: absolute;
bottom: 102px;
left: 28px;
z-index: -1;
}
.landing-banner-ellipse-6 {
right: -57px;
position: absolute;
bottom: 176px;
z-index: -1;
}
/*-------------------------
landing-banner area end
------------------------ */
/*---------------------
Will Get area start
-----------------------*/
.will-get-area {
background: var(--gradient-banner-bg);
background-blend-mode: overlay, normal, overlay, color-burn, screen, overlay,
difference, difference, normal;
display: flex;
}
/*---------------------
Will Get area en
-----------------------*/
/* -------------------------------------
Customers support section area start
-----------------------------------------*/
.theme-color-orange {
background-color: var(--orange-color);
border: 2px solid var(--orange-color);
color: var(--white-color) !important;
}
.theme-color-orange-hover:hover {
background-color: var(--white-color);
color: var(--orange-color) !important;
border-color: var(--orange-color);
}
/* -------------------------------------
Customers support section area end
-----------------------------------------*/
/* ---------------------------------
Latest Bundle Courses area start
----------------------------------*/
.latest-courses-slider {
margin-top: 48px;
margin-bottom: 28px;
}
.latest-courses-slider .owl-nav {
position: absolute;
right: -11px;
bottom: -50px;
background: var(--page-bg);
}
.latest-courses-slider .owl-nav button {
width: 50px;
height: 50px;
background: var(--white-color) !important;
border: 1px solid var(--border-color2) !important;
border-radius: 50%;
margin: 0 4px;
}
.latest-courses-slider .owl-nav button:hover {
background: var(--theme-color) !important;
}
.latest-courses-slider .owl-nav button:hover svg path {
fill: var(--white-color) !important;
}
/* ---------------------------------
Latest Bundle Courses area end
----------------------------------*/
/* -----------------------
course category area start
------------------------*/
.category-tab-area ul li button {
font-family: Jost;
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 154%;
color: var(--heading-color) !important;
border-radius: 4px !important;
border: 1px solid var(--heading-neutral-border-2) !important;
margin: 0px 5px;
transition: 0.3s;
}
.category-tab-area ul li button.active {
background: var(--theme-color) !important;
color: var(--white-color) !important;
}
.category-tab-area ul li button:hover {
background: var(--theme-color) !important;
color: var(--white-color) !important;
}
/* -----------------------
course category area end
------------------------*/
/* -----------------------
price category area start
------------------------*/
.price-tab-lang {
border-radius: 59px;
display: flex;
background-color: #e8e4f7 !important;
}
.price-tab-lang span button {
background-color: #e8e4f7 !important;
border-radius: 59px !important;
border: 0;
height: 35px;
width: 39px;
}
.price-tab-lang span button.active {
background-color: var(--theme-color) !important;
}
/* -----------------------
price category area end
------------------------*/
/* -------------------------------------
Frequently Ask Questions start
-----------------------------------------*/
.landing-accordion .accordion-button {
background: #efede5;
}
.home-page-faq-area .landing-accordion .accordion-button:not(.collapsed) {
background: #efede5;
}
/* -------------------------------------
Frequently Ask Questions. end
-----------------------------------------*/
/*--------------------
responsive css start
---------------------------*/
@media only screen and (max-width: 1200px) {
.courses-area-landing .section-left-title-with-btn {
flex-direction: column;
align-items: self-start !important;
gap: 30px;
}
.exten-card-slider {
min-height: unset !important;
align-items: unset !important;
}
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
/* banner css */
.landing-banner-title {
font-size: 60px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
/* banner css */
.landing-banner-text {
margin-top: 70px;
}
.landing-banner-title {
font-size: 59px;
}
/* faq css */
.section-heading.w-50.w-lg {
width: 100% !important;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
/* banner css */
.section-landing-hero {
padding-top: 60px;
}
.landing-banner-title {
font-size: 50px;
}
}
@media (min-width: 76px) and (max-width: 767.98px) {
/* banner css */
.landing-banner-text {
margin-top: 30px;
}
.landing-banner-title {
font-size: 40px;
}
}
/*--------------------
responsive css end
---------------------------*/
/* ------------------------------
rtl css area start
-----------------------*/
/* landing css 1 */
body.direction-rtl i.fa-arrow-right {
transform: rotate(180deg);
}
body.direction-rtl .price-title-bg .our-plan {
right: 0;
left: unset;
}
body.direction-rtl .price-title-bg .our-plan:after {
right: 0;
left: unset;
clip-path: polygon(100% 100%, 0 0, 0 100%);
-webkit-clip-path: polygon(100% 100%, 0 0, 0 100%);
}
body.direction-rtl .section-heading-img.me-3 {
margin-right: 0 !important;
margin-left: 1rem !important;
}
/* landing css 2 */
body.direction-rtl .common-product {
right: unset;
left: 0;
}
body.direction-rtl .landing-2-tab {
text-align: right !important;
}
body.direction-rtl .extensive-product-all .owl-nav .owl-prev {
margin-left: -90px;
float: left;
}
body.direction-rtl .training-overlay {
padding-right: 307px;
padding-left: 111px;
}
body.direction-rtl .training-slider-all .owl-nav {
right: -46%;
left: unset;
}
@media screen and (max-width: 1850px) {
body.direction-rtl .training-slider-all .owl-nav {
left: -44%;
}
}
@media screen and (max-width: 1800px) {
body.direction-rtl .training-slider-all .owl-nav {
left: -43%;
}
}
@media screen and (max-width: 1750px) {
body.direction-rtl .training-slider-all .owl-nav {
left: -42%;
}
}
@media screen and (max-width: 1700px) {
body.direction-rtl .training-slider-all .owl-nav {
left: -41%;
}
}
@media screen and (max-width: 1650px) {
body.direction-rtl .training-slider-all .owl-nav {
left: -40%;
}
}
@media screen and (max-width: 1600px) {
body.direction-rtl .training-slider-all .owl-nav {
left: -39%;
}
}
@media screen and (max-width: 1550px) {
body.direction-rtl .training-slider-all .owl-nav {
left: -38%;
}
}
@media screen and (max-width: 1500px) {
body.direction-rtl .training-slider-all .owl-nav {
left: -39%;
}
}
body.direction-rtl .training-slider-all .owl-nav .owl-prev {
position: relative;
right: 58px;
}
body.direction-rtl .training-slider-all .owl-nav .owl-next {
position: relative;
left: 58px;
}
.direction-rtl .upcoming-all-slider .owl-nav .owl-prev {
position: relative;
right: 58px;
}
.direction-rtl .upcoming-all-slider .owl-nav .owl-next {
left: 58px;
position: relative;
}
.direction-rtl .tab-slider-landing .owl-nav .owl-prev {
position: relative;
right: 58px;
}
.direction-rtl .tab-slider-landing .owl-nav .owl-next {
left: 58px;
position: relative;
}
.direction-rtl .latest-courses-slider .owl-nav .owl-prev {
position: relative;
right: 58px;
}
.direction-rtl .latest-courses-slider .owl-nav .owl-next {
left: 58px;
position: relative;
}
.direction-rtl .courses-area-section .owl-nav .owl-prev {
position: relative;
right: 58px;
}
.direction-rtl .courses-area-section .owl-nav .owl-next {
left: 58px;
position: relative;
}
.direction-rtl .latest-courses-slider .owl-nav {
right: auto;
left: -11px;
}
.direction-rtl .latest-courses-slider .owl-nav .owl-prev {
position: relative;
right: 58px;
}
.direction-rtl .latest-courses-slider .owl-nav .owl-next {
left: 58px;
position: relative;
}
.direction-rtl .tab-slider-landing .owl-nav {
right: auto;
left: -11px;
}
.direction-rtl .tab-slider-landing .owl-nav .owl-prev {
position: relative;
right: 58px;
}
.direction-rtl .tab-slider-landing .owl-nav .owl-next {
left: 58px;
position: relative;
}
.direction-rtl .upcoming-all-slider .owl-nav {
right: auto;
left: -11px;
}
.direction-rtl .upcoming-all-slider .owl-nav .owl-prev {
position: relative;
right: 58px;
}
.direction-rtl .upcoming-all-slider .owl-nav .owl-next {
left: 58px;
position: relative;
}
body.direction-rtl .slider-btu {
right: 68px;
left: unset;
}
body.direction-rtl .bundle-next:after,
body.direction-rtl .bundle-prev:after {
transform: rotate(90deg);
}
/* -------------------
responsive css start
------------------- */
@media (min-width: 991.98px) {
body.direction-rtl .landing-hero-area .offset-lg-3 {
margin-right: 25%;
margin-left: 0;
}
body.direction-rtl .will-get-area .offset-lg-3 {
margin-right: 25%;
margin-left: 0;
}
body.direction-rtl .text-lg-start.rtl-text {
text-align: right !important;
}
body.direction-rtl .extensive-area .offset-lg-1,
body.direction-rtl .extensive-area-2 .offset-lg-1 {
margin-right: 8.33333333%;
}
body.direction-rtl .instructor-section-area .offset-lg-1 {
margin-right: 8.33333333%;
margin-left: 0;
}
body.direction-rtl .sponsor-area .offset-lg-1 {
margin-right: 8.33333333%;
margin-left: 0;
}
body.direction-rtl .price-area .offset-lg-3,
body.direction-rtl .price-area-landing .offset-lg-3 {
margin-right: 25%;
margin-left: 0;
}
body.direction-rtl .customers-landing .offset-lg-4 {
margin-right: 33.33333333%;
margin-left: 0;
}
body.direction-rtl .offset-lg-3.faq-landing {
margin-right: 25%;
}
/* landing 2 */
body.direction-rtl .customers-says-landing .offset-lg-3 {
margin-right: 25%;
margin-left: 0;
}
}
@media (min-width: 1199.98px) {
body.direction-rtl .offset-xl-1.faq-landing {
margin-right: 8.33333333%;
margin-left: 0;
}
body.direction-rtl .customers-says-landing .offset-xl-4 {
margin-right: 33.33333333%;
margin-left: 0;
}
}
@media (max-width: 1441.98px) {
body.direction-rtl .training-overlay {
padding-right: 14%;
padding-left: 87px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
body.direction-rtl .landing-tab-price:after {
right: 40%;
left: 0;
}
}
@media (min-width: 92px) and (max-width: 991.98px) {
body.direction-rtl .extensive-product-all .owl-nav .owl-prev {
margin-left: 0px;
float: left !important;
}
}
/* -------------------
responsive css END
------------------- */
/* ------------------------------
rtl css area end
-----------------------*/
.owl-carousel .owl-nav.disabled {
display: block;
}
.owl-carousel .owl-nav.disabled .owl-prev.disabled,
.owl-carousel .owl-nav.disabled .owl-next.disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}