/*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Utility # Cards # Common # Form # Navigations # Animations # Mobile Nav # Search Popup # Page Header # Google Map # Client Carousel --------------------------------------------------------------*/ :root { --drivschol-font: "Manrope", sans-serif; --drivschol-heading-font: "Urbanist", sans-serif; --drivschol-special-font: "Alex Brush", cursive; --drivschol-fontawesome: "Font Awesome 5 free"; --drivschol-primary: #EC2526; --drivschol-primary-rgb:236, 37, 38; --drivschol-text: #6D7076; --drivschol-text-rgb: 109, 112, 118; --drivschol-heading-text: #111117; --drivschol-heading-text-rgb: 17, 17, 23; --drivschol-text-dark: #6e6b70; --drivschol-text-dark-rgb: 110, 107, 112; --drivschol-text-gray: #89868d; --drivschol-text-gray-rgb: 137, 134, 141; --drivschol-gray: #6D7076; --drivschol-gray-rgb: 109, 112, 118; --drivschol-gray2: #F5F5F5; --drivschol-gray2-rgb: 245, 245, 245; --drivschol-gray3: #9D9D9D; --drivschol-gray3-rgb: 157, 157, 157; --drivschol-white: #fff; --drivschol-white-rgb: 255, 255, 255; --drivschol-black: #000; --drivschol-black-rgb: 0, 0, 0; --drivschol-black2: #111117; --drivschol-black2-rgb: 17, 17, 23; --drivschol-black3: #2A2A30; --drivschol-black3-rgb: 42, 42, 48; --drivschol-border-color: #E6E6E6; --drivschol-border-color-rgb: 230, 230, 230; --drivschol-border-color2: #DA0D0E; --drivschol-border-color2-rgb: 218, 13, 14; --drivschol-border-color3: #373745; --drivschol-border-color4: #D61819; --drivschol-letter-space: 0.1em; --drivschol-letter-space-xl: 0.2em; } /*-------------------------------------------------------------- # Utility --------------------------------------------------------------*/ .mt-20 { margin-top: 20px; } .mt-30 { margin-top: 30px; } .mt-40 { margin-top: 40px; } .mt-50 { margin-top: 50px; } .mt-60 { margin-top: 60px; } .mt-80 { margin-top: 80px; } .mt-120 { margin-top: 120px; } .mt--60 { margin-top: -60px; } .mt--120 { margin-top: -120px; } .mb-20 { margin-bottom: 20px; } .mb-30 { margin-bottom: 30px; } .mb-40 { margin-bottom: 40px; } .mb-50 { margin-bottom: 50px; } .mb-60 { margin-bottom: 60px; } .mb-80 { margin-bottom: 80px; } .mb-120 { margin-bottom: 120px; } .mb--60 { margin-bottom: -60px; } .mb--120 { margin-bottom: -120px; } .pt-20 { padding-top: 20px; } .pt-30 { padding-top: 30px; } .pt-40 { padding-top: 40px; } .pt-50 { padding-top: 50px; } .pt-60 { padding-top: 60px; } .pt-80 { padding-top: 80px; } .pt-100 { padding-top: 100px; } .pt-110 { padding-top: 110px; } .pt-115 { padding-top: 115px; } .pt-120 { padding-top: 120px; } .pt-142 { padding-top: 142px; } .pb-20 { padding-bottom: 20px; } .pb-30 { padding-bottom: 30px; } .pb-40 { padding-bottom: 40px; } .pb-50 { padding-bottom: 50px; } .pb-60 { padding-bottom: 60px; } .pb-80 { padding-bottom: 80px; } .pb-90 { padding-bottom: 90px; } .pb-100 { padding-bottom: 100px; } .pb-110 { padding-bottom: 110px; } .pb-115 { padding-bottom: 115px; } .pb-120 { padding-bottom: 120px; } .pl-5 { padding-right: 5px; } .pl-10 { padding-right: 10px; } .pl-15 { padding-right: 15px; } .pl-20 { padding-right: 20px; } .pl-30 { padding-right: 30px; } .pr-5 { padding-left: 5px; } .pr-10 { padding-left: 10px; } .pr-15 { padding-left: 15px; } .pr-20 { padding-left: 20px; } .pr-30 { padding-left: 30px; } .drivschol-btn { display: inline-block; vertical-align: middle; -webkit-appearance: none; border: none; outline: none; background-color: var(--drivschol-black2, #111117); color: var(--drivschol-white, #fff); font-size: 16px; font-weight: 700; font-family: var(--drivschol-font, "Manrope", sans-serif); padding: 20px 48px; line-height: 100%; transition: 500ms; text-transform: capitalize; background-color: var(--drivschol-black2, #111117); color: var(--drivschol-white, #fff); position: relative; overflow: hidden; text-align: center; z-index: 1; } .drivschol-btn:hover { color: var(--drivschol-black2, #111117); background-color: var(--drivschol-white, #fff); } .drivschol-btn::before { content: ""; position: absolute; top: -50%; right: 50%; transform: translateX(50%); width: 150%; height: 150%; border-top-right-radius: 50%; border-top-left-radius: 50%; background-color: var(--drivschol-black2, #111117); transition: 700ms cubic-bezier(0.52, 1.64, 0.37, 0.66); z-index: -1; } .drivschol-btn::after { content: ""; position: absolute; bottom: 100%; right: 50%; transform: translateX(50%); width: 150%; height: 150%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; background-color: var(--drivschol-white, #fff); transition-duration: 700ms; transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); z-index: -1; } .drivschol-btn:hover { color: var(--drivschol-black2, #111117); } .drivschol-btn:hover::before { top: 100%; } .drivschol-btn:hover::after { bottom: -50%; } .drivschol-btn span { position: relative; color: inherit; z-index: 2; } .drivschol-btn i { margin-right: 5px; } .drivschol-btn--black:hover { color: var(--drivschol-white, #fff); } .drivschol-btn--black::after { background-color: var(--drivschol-primary, #EC2526); } .drivschol-btn--black::before { background-color: var(--drivschol-black2, #111117); } .drivschol-btn--base:hover { color: var(--drivschol-white, #fff); } .drivschol-btn--base::after { background-color: var(--drivschol-primary, #EC2526); } .drivschol-btn--base::before { background-color: var(--drivschol-black2, #111117); } .drivschol-btn--base2:hover { color: var(--drivschol-white, #fff); } .drivschol-btn--base2::after { background-color: var(--drivschol-black2, #111117); } .drivschol-btn--base2::before { background-color: var(--drivschol-primary, #EC2526); } .sec-title, .sec-title2 { padding-bottom: 47px; position: relative; z-index: 1; } @media screen and (max-width: 768px) { .sec-title, .sec-title2 { padding-bottom: 37px; } } .sec-title__img, .sec-title2__img { display: inline-flex; align-items: center; margin: 0px 8px; font-size: 12px; color: var(--drivschol-primary, #EC2526); } .sec-title__img:first-child, .sec-title2__img:first-child { animation: right 2s ease-in infinite; } .sec-title__img:last-child, .sec-title2__img:last-child { animation: left 2s ease-in infinite; } .sec-title__tagline, .sec-title2__tagline { margin-top: -5px; margin-bottom: 5px; font-family: var(--drivschol-font, "Manrope", sans-serif); color: var(--drivschol-text, #6D7076); font-size: 16px; line-height: normal; font-weight: 400; text-transform: capitalize; } .sec-title__title, .sec-title2__title { font-weight: 800; letter-spacing: -1.2px; margin: 0; font-size: 40px; color: var(--drivschol-black2, #111117); line-height: 1.256; } @media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) { .sec-title__title, .sec-title2__title { font-size: 35px; } } @media screen and (max-width: 576px) { .sec-title__title, .sec-title2__title { font-size: 30px; } } .sec-title2__tagline { color: var(--drivschol-white, #fff); } .sec-title2__title { color: var(--drivschol-white, #fff); } /*-------------------------------------------------------------- # Common --------------------------------------------------------------*/ body { font-family: var(--drivschol-font, "Manrope", sans-serif); color: var(--drivschol-text, #6D7076); font-size: 16px; line-height: 150%; font-weight: 500; counter-reset: courseNumber; } a { color: var(--drivschol-text, #6D7076); } p { font-family: var(--drivschol-font, "Manrope", sans-serif); font-size: 16px; font-style: normal; font-weight: 500; line-height: 187.5%; } @media (max-width: 575px) { p br { display: none; } } h1, h2, h3, h4, h5, h6 { font-family: var(--drivschol-heading-font, "Urbanist", sans-serif); color: var(--drivschol-heading-text, #111117); line-height: 1.3; margin-bottom: 15px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; } @media (max-width: 575px) { h1 br, h2 br, h3 br, h4 br, h5 br, h6 br { display: none; } } ul { margin: 0; padding: 0; } ul li { list-style: none; } a, a:hover, a:focus, a:visited { text-decoration: none; } ::placeholder { color: inherit; opacity: 1; } .background-base { background-color: var(--drivschol-text, #6D7076); } .background-gray { background-color: var(--drivschol-gray, #6D7076); } .background-black { background-color: var(--drivschol-black, #000); } .background-black-2 { background-color: var(--drivschol-black2, #111117); } .background-primary { background-color: var(--drivschol-primary, #EC2526); } .drivschol-text-dark { color: var(--drivschol-text-dark, #6e6b70); } .page-wrapper { position: relative; margin: 0 auto; width: 100%; min-width: 300px; overflow: hidden; } .container-fluid, .container { padding-right: 15px; padding-left: 15px; } @media (min-width: 1200px) { .container { max-width: 1200px; } } .row { --bs-gutter-x: 30px; } .gutter-y-10 { --bs-gutter-y: 10px; } .gutter-y-15 { --bs-gutter-y: 15px; } .gutter-y-20 { --bs-gutter-y: 20px; } .gutter-y-30 { --bs-gutter-y: 30px; } .gutter-y-60 { --bs-gutter-y: 60px; } .gutter-x-60 { --bs-gutter-x: 60px; } .bootstrap-select .dropdown-menu { padding-top: 0; padding-bottom: 0; border-radius: 0; } .bootstrap-select .dropdown-item.active, .bootstrap-select .dropdown-item:active { background-color: var(--drivschol-text, #6D7076); } .preloader { position: fixed; background-color: var(--drivschol-black, #000); background-position: center center; background-repeat: no-repeat; top: 0; right: 0; left: 0; bottom: 0; z-index: 9991; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; text-align: center; } .preloader__image { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: flipInY; animation-name: flipInY; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; background-repeat: no-repeat; background-position: center center; background-size: 60px auto; width: 100%; height: 100%; } /* scroll to top */ .scroll-to-top { display: flex; align-items: center; width: auto; height: 35px; background: transparent; position: fixed; bottom: 60px; left: -12px; z-index: 99; text-align: center; opacity: 0; visibility: hidden; transform: rotate(90deg); cursor: pointer; transition: all 0.2s ease; } .scroll-to-top__text { display: inline; font-size: 13px; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 800; margin-left: 8px; color: var(--drivschol-primary, #EC2526); } .scroll-to-top__wrapper { display: inline-block; width: 30px; height: 4px; background-color: var(--drivschol-primary, #EC2526); position: relative; overflow: hidden; } .scroll-to-top__inner { position: absolute; right: 0; top: 0; width: 100%; height: 100%; background-color: var(--drivschol-black2, #111117); } .scroll-to-top.show { opacity: 1; visibility: visible; bottom: 70px; } .drivschol-owl__carousel--with-shadow .owl-stage-outer { overflow: visible; } .drivschol-owl__carousel--with-shadow .owl-item { opacity: 0; visibility: hidden; transition: opacity 500ms ease, visibility 500ms ease; } .drivschol-owl__carousel--with-shadow .owl-item.active { opacity: 1; visibility: visible; } .drivschol-owl__carousel--with-shadow .owl-stage-outer { overflow: visible; } .drivschol-owl__carousel--with-shadow .owl-item { opacity: 0; visibility: hidden; transition: opacity 500ms ease, visibility 500ms ease; } .drivschol-owl__carousel--with-shadow .owl-item.active { opacity: 1; visibility: visible; } .drivschol-owl__carousel--basic-nav .owl-nav { display: flex; justify-content: center; gap: 20px; margin-top: 60px; } .drivschol-owl__carousel--basic-nav .owl-nav .owl-prev, .drivschol-owl__carousel--basic-nav .owl-nav .owl-next { border-radius: 50%; overflow: hidden; } .drivschol-owl__carousel--basic-nav .owl-nav button i { border: none; outline: none; width: 50px; height: 50px; background-color: var(--drivschol-gray, #6D7076); display: flex; justify-content: center; align-items: center; color: var(--drivschol-white, #fff); border-radius: 50%; font-size: 14px; transition: all 500ms ease; } .drivschol-owl__carousel--basic-nav .owl-nav button i:hover { background-color: var(--drivschol-black2, #111117); color: var(--drivschol-white, #fff); } .drivschol-owl__carousel--basic-nav .owl-dots { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 60px; } .drivschol-owl__carousel--basic-nav .owl-dots .owl-dot span { background-color: var(--drivschol-black2, #111117); border: 2px solid var(--drivschol-white, #fff); box-shadow: 0 0 1px rgba(var(--drivschol-black-rgb, 0, 0, 0), 1); margin: 0; } .drivschol-owl__carousel--basic-nav .owl-dots .owl-dot:hover span, .drivschol-owl__carousel--basic-nav .owl-dots .owl-dot.active span { background-color: var(--drivschol-black2, #111117); border: 2px solid var(--drivschol-black2, #111117); box-shadow: 0 0 1px rgba(var(--drivschol-black-rgb, 0, 0, 0), 1); } .drivschol-owl__carousel--basic-nav .owl-nav.disabled + .owl-dots { margin-top: 60px; } /*-------------------------------------------------------------- # Cards --------------------------------------------------------------*/ .team-one { padding-top: 120px; padding-bottom: 120px; background-color: var(--drivschol-white, #fff); } .team-one .sec-title { text-align: center; } @media screen and (min-width: 992px) { .team-one__carousel .owl-nav { display: none; } } .team-one--page { padding-top: 100px; } .team-card { max-width: 400px; margin-right: auto; margin-left: auto; } .team-card__image { position: relative; height: 430px; width: auto; overflow: hidden; } @media (max-width: 575px) { .team-card__image { height: 370px; } } .team-card__image img { object-fit: cover; position: relative; width: 100%; height: 100%; max-width: 100%; transform: scale(1); transition: all 500ms ease; } .team-card__image::before { position: absolute; top: 0; right: 0; left: 0; bottom: 0; content: ""; background-color: rgba(0, 0, 0, 0.5); width: 0%; height: 0%; transform: translateY(-100%); transition: all 500ms ease; z-index: 1; } .team-card__email { background-color: var(--drivschol-text, #6D7076); position: relative; } .team-card__email > a { width: 50px; height: 50px; font-size: 16px; display: flex; justify-content: center; align-items: center; color: var(--drivschol-white, #fff); transition: all 500ms ease; } .team-card__email > a:hover { background-color: var(--drivschol-black2, #111117); color: var(--drivschol-white, #fff); } .team-card__social { position: absolute; top: -180px; left: 12%; opacity: 0; transform: translateY(-50px); transition: all 700ms ease-in-out; background-color: var(--drivschol-white, #fff); } .team-card__social:hover { color: var(--drivschol-primary, #EC2526); } .team-card__social:hover > i { color: var(--drivschol-primary, #EC2526); } .team-card__social > i { width: 50px; height: 50px; font-size: 16px; display: flex; justify-content: center; align-items: center; color: var(--drivschol-white, #fff); transition: all 500ms ease; } .team-card__social__list { padding: 10px; background-color: var(--drivschol-white, #fff); display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0; min-height: 50px; opacity: 1; transition: 500ms ease; } .team-card__social__list a { color: var(--drivschol-heading-text, #111117); font-size: 14px; transition: all 500ms ease; padding: 6px 0px; } .team-card__social__list a:hover { color: var(--drivschol-primary, #EC2526); } .team-card__social__list a:first-child { padding-top: 0; } .team-card__social__list a:last-child { padding-bottom: 0; } .team-card__social__list::after { content: ""; width: 10px; height: 10px; position: absolute; bottom: -9px; right: 40%; clip-path: polygon(50% 0%, 0% 100%, 100% 100%); background: var(--drivschol-white, #fff); transform: rotate(-180deg); } .team-card__content { position: relative; z-index: 1; margin-top: -64px; margin-right: 35px; padding: 29px 40px; background-color: var(--drivschol-white, #fff); border-right: 5px solid var(--drivschol-primary, #EC2526); box-shadow: -6px 6px 30px 0px rgba(0, 0, 0, 0.08); } .team-card__content-share-icon { background-color: var(--drivschol-primary, #EC2526); color: var(--drivschol-white, #fff); position: absolute; margin-top: -55px; left: 30px; cursor: pointer; width: 50px; height: 50px; font-size: 16px; display: flex; border-radius: 500px; justify-content: center; align-items: center; transition: all 500ms ease; } .team-card__content-share-icon:hover { background-color: var(--drivschol-black2, #111117); } .team-card__content-share-icon:hover > i { color: var(--drivschol-white, #fff); } .team-card__content-shape { position: absolute; bottom: 0; left: 0; z-index: 0; width: 54px; } .team-card__content-shape svg { transition: all 500ms ease; fill: var(--drivschol-gray2, #F5F5F5); width: 100%; height: auto; } .team-card__content::before { content: ""; position: absolute; top: 0%; left: 0; background-image: url(../images/shapes/team-line.png); background-repeat: no-repeat; background-position: top left; width: 100px; height: 100%; z-index: 0; } .team-card__title { text-transform: capitalize; font-weight: 800; font-size: 20px; line-height: normal; margin-bottom: 5px; margin-top: -5px; } .team-card__title a { color: inherit; background: linear-gradient(to left, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .team-card__title a:hover { background-size: 100% 1px; } .team-card__title a:hover { color: var(--drivschol-primary, #EC2526); } .team-card__designation { color: var(--drivschol-gray, #6D7076); font-family: var(--drivschol-font, "Manrope", sans-serif); font-size: 16px; font-weight: normal; margin-bottom: 0; margin-top: -3px; } .team-card__hover:hover .team-card__social { opacity: 1; transform: translateY(-15px); } .team-card:hover .team-card__image img { transform: scale(1.1); } .team-card:hover .team-card__image::before { width: 100%; height: 100%; transform: translateY(0%); } .team-card:hover .team-card__content-shape svg { fill: var(--drivschol-heading-text, #111117); } .team-details { padding-top: 120px; padding-bottom: 90px; border-bottom: 1px solid var(--drivschol-border-color, #E6E6E6); } @media only screen and (min-width: 768px) and (max-width: 991px) { .team-details { padding-top: 100px; padding-bottom: 70px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .team-details { padding-top: 80px; padding-bottom: 80px; } } .team-details__image { display: inline-block; position: relative; margin-left: -15px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .team-details__image { margin-left: 0px; } } .team-details__image img { max-width: 100%; } .team-details__content { padding-right: 50px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .team-details__content { padding-right: 0px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .team-details__content { padding-right: 0px; margin-top: 30px; } } .team-details__content__subtitle { margin-top: -6px; color: var(--drivschol-primary, #EC2526); font-family: var(--drivschol-font, "Manrope", sans-serif); font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } .team-details__content__title { margin-top: -8px; font-size: 40px; font-style: normal; font-weight: 800; line-height: 125%; letter-spacing: -1.2px; margin-bottom: 17px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .team-details__content__title { font-size: 30px; } } .team-details__content__text { letter-spacing: 0; font-size: 16px; font-style: normal; font-weight: 600; line-height: 200%; margin-bottom: 32px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .team-details__content__text { margin-bottom: 22px; } } .team-details__content__highlight { background-color: var(--drivschol-black2, #111117); padding: 20px 40px; border-right: 8px solid var(--drivschol-primary, #EC2526); margin-bottom: 40px; position: relative; } .team-details__content__highlight__text { color: var(--drivschol-white, #fff); font-family: var(--drivschol-heading-font, "Urbanist", sans-serif); font-size: 20px; font-style: normal; font-weight: 700; line-height: 150%; letter-spacing: 0; } .team-details__content__highlight__shape { position: absolute; bottom: 0; left: 0; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .team-details__content__highlight__shape { display: none; } } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .team-details__content__highlight { padding: 10px 20px; margin-bottom: 30px; } .team-details__content__highlight__text { font-size: 16px; } } .team-details__social { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 20px; } .team-details__social a { width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; background-color: var(--drivschol-gray2, #F5F5F5); font-size: 19px; color: var(--drivschol-black2, #111117); transition: all 500ms ease; border-radius: 0; } .team-details__social a:hover { background-color: var(--drivschol-primary, #EC2526); color: var(--drivschol-white, #fff); } .team-details__list { margin-bottom: 30px; } .team-details__list > li { color: var(--drivschol-black2, #111117); font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; margin-bottom: 10px; } .team-details__list > li a { color: var(--drivschol-black2, #111117); background: linear-gradient(to left, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .team-details__list > li a:hover { background-size: 100% 1px; } .team-details__list > li span { display: inline-block; color: var(--drivschol-gray, #6D7076); } .team-details__list > li > i { color: var(--drivschol-primary, #EC2526); font-size: 16px; margin-left: 10px; } .team-details__list > li:last-child { margin-bottom: 0; } .team-details .team-skills { margin-bottom: 40px; } .team-details .team-skills__progress + .team-skills__progress { margin-top: 32px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .team-details .team-skills__progress + .team-skills__progress { margin-top: 15px; } } .team-details .team-skills__progress__title { font-size: 18px; font-style: normal; font-weight: 600; line-height: 144.444%; margin-bottom: 15px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .team-details .team-skills__progress__title { margin-bottom: 10px; } } .team-details .team-skills__progress__bar { width: 100%; height: 10px; position: relative; background-color: var(--drivschol-gray2, #F5F5F5); } .team-details .team-skills__progress__inner { position: absolute; height: 10px; background-color: var(--drivschol-primary, #EC2526); transition: all 700ms linear; width: 0px; } .team-details .team-skills__progress__number { position: absolute; bottom: calc(100% + 5px); left: 0; margin-bottom: 8px; font-size: 18px; font-style: normal; font-weight: 500; line-height: 144.444%; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .team-details .team-skills { margin-bottom: 25px; } } .team-skills-one__top { padding-bottom: 66px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .team-skills-one__top { padding-bottom: 50px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .team-skills-one__top { padding-bottom: 30px; } } .team-skills-one__content__title { font-size: 30px; font-weight: 700; line-height: normal; } .team-skills-one__content__text { font-weight: 600; line-height: 32px; } .team-skills-one__certificates { display: flex; align-items: center; gap: 20px; } .team-skills-one__certificates__item { max-width: 176px; overflow: hidden; } .team-skills-one__certificates__item img { object-fit: cover; width: 100%; height: 100%; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .team-skills-one__certificates { flex-wrap: wrap; } } .team-skills-one__skill { padding-top: 45px; position: relative; } .team-skills-one__skill::before { position: absolute; top: 7px; right: 0; content: ""; clear: both; width: 110%; height: 1px; background-color: var(--drivschol-gray2, #F5F5F5); } @media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .team-skills-one__skill::before { display: none; } } .team-skills-one__skill::after { position: absolute; top: 0%; right: 0; content: ""; clear: both; width: 15px; height: 15px; border-radius: 500px; background-color: var(--drivschol-heading-text, #111117); transition: all 0.4s ease-in-out; } @media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .team-skills-one__skill::after { display: none; } } .team-skills-one__skill__start { display: block; color: var(--drivschol-primary, #EC2526); font-family: var(--drivschol-font, "Manrope", sans-serif); font-size: 16px; font-weight: 500; line-height: normal; margin-bottom: 10px; } .team-skills-one__skill__title { font-size: 20px; font-weight: 700; line-height: normal; margin-bottom: 10px; } .team-skills-one__skill__text { margin-bottom: 0; } .team-skills-one__skill:hover::after { background-color: var(--drivschol-primary, #EC2526); } @media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .team-skills-one__skill { padding-top: 0px; } } .team-skills-one__title { font-size: 30px; font-style: normal; font-weight: 700; line-height: normal; } .team-skills-one__text { letter-spacing: 0; max-width: 550px; width: 100%; } .col-md-3:last-child .team-skills-one__skill::before { width: 100%; } .team-skills-one { padding: 120px 0px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .team-skills-one { padding-top: 100px; padding-bottom: 100px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .team-skills-one { padding-top: 80px; padding-bottom: 80px; } } .team-form-one { position: relative; padding: 120px 0; background-color: var(--drivschol-gray2, #F5F5F5); z-index: 1; } @media (max-width: 767px) { .team-form-one { padding: 80px 0; } } .team-form-one__shape { position: absolute; top: 0%; right: 0%; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .team-form-one__shape { display: none; } } .team-form-one__shape__right { position: absolute; top: 0%; left: 0%; z-index: -1; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .team-form-one__shape__right { display: none; } } .team-form-one .container { position: relative; max-width: 870px; } .team-form-one .sec-title { text-align: center; } .team-form-one .form-one .bootstrap-select > .dropdown-toggle, .team-form-one .form-one input[type=text], .team-form-one .form-one input[type=email], .team-form-one .form-one textarea { background-color: var(--drivschol-white, #fff); } .team-form-one .form-one textarea { height: 176px; } .form-one__control.form-one__control__full.text-center .drivschol-btn::after { background-color: var(--drivschol-black2, #111117); } .form-one__control.form-one__control__full.text-center .drivschol-btn::before { background-color: var(--drivschol-primary, #EC2526); } .gutter-y-50 { --bs-gutter-x: 50px; } .blog-card { position: relative; background-color: var(--drivschol-white, #fff); max-width: 400px; margin-right: auto; margin-left: auto; overflow: hidden; box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.08); } .blog-card__image { position: relative; } .blog-card__image-item { overflow: hidden; height: 240px; } .blog-card__image-item img { object-fit: cover; transition: 0.5s; background-size: cover; height: 100%; width: 100%; transition: all 2s ease; } @media (max-width: 575px) { .blog-card__image-item { height: 200px; } } .blog-card__image-link { display: flex; width: 100%; height: 100%; background-color: rgba(var(--drivschol-black-rgb, 0, 0, 0), 0.5); position: absolute; top: 0; right: 0; left: auto; justify-content: center; align-items: center; opacity: 0; transform: translateX(20%); transition: opacity 500ms ease, transform 500ms ease; } .blog-card__image-link::before, .blog-card__image-link::after { content: ""; width: 32px; height: 2px; background-color: var(--drivschol-white, #fff); display: block; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); } .blog-card__image-link::after { transform: translate(50%, -50%) rotate(-90deg); } .blog-card:hover .blog-card__image > a { opacity: 1; transform: translateX(0); right: auto; left: 0; } .blog-card:hover .blog-card__image img { transform: scale(1.15); } .blog-card:hover .blog-card__image .date__shape { transform: scale(1); } .blog-card-two .blog-card__image-item2 { overflow: hidden; max-height: 449px; width: 100%; } .blog-card-two .blog-card__image-item2 img { transition: 0.5s; background-size: cover; width: 100%; height: 100%; transition: all 2s ease; } .blog-card__content { background-color: var(--drivschol-white, #fff); position: relative; transition: all 500ms ease; } .blog-card-content2 { padding-top: 25px; padding-bottom: 30px; background-color: var(--drivschol-white, #fff); } .blog-card__date { width: 90px; height: auto; background-color: var(--drivschol-black2, #111117); text-align: center; position: absolute; bottom: -30px; left: 41px; z-index: 10; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .blog-card__date { bottom: -30px; } } .blog-card__date__month { background-color: var(--drivschol-primary, #EC2526); display: block; padding: 16px 0px; color: var(--drivschol-white, #fff); font-size: 38px; font-style: normal; font-weight: 900; line-height: normal; margin-bottom: 0; line-height: 1; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .blog-card__date__month { font-size: 30px; } } .blog-card__date__year { font-size: 12px; text-transform: uppercase; color: var(--drivschol-white, #fff); padding: 8px 0px 7px 0px; display: block; font-family: var(--drivschol-heading-font, "Urbanist", sans-serif); font-weight: 500; line-height: 15px; letter-spacing: 0.48px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .blog-card__date__year { padding: 3px 0px; } } .blog-card__date .date__shape { position: absolute; width: 132% !important; height: 120%; bottom: 0px; left: -15px; z-index: -1; } .blog-card__content { background-color: var(--drivschol-white, #fff); padding: 30px 40px 40px 40px; position: relative; transition: all 500ms ease; box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.08); } @media only screen and (min-width: 992px) and (max-width: 1199px) { .blog-card__content { padding: 30px 20px 40px 20px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .blog-card__content { padding: 30px 20px 40px 20px; } } .blog-card__content-thumb { margin-left: 10px; } .blog-card__content-thumb .author-img { height: 35px; width: 35px; border-radius: 500px; overflow: hidden; } .blog-card__content-thumb .author-img img { object-fit: cover; width: 100%; height: 100%; } .blog-card__content-author .author-name { font-size: 16px; font-style: normal; font-weight: 700; line-height: 1.4; margin-bottom: 0px; transition: all 500ms ease-in-out; margin-bottom: -6px; } .blog-card__content-author .author-title { color: var(--drivschol-gray, #6D7076); font-family: var(--drivschol-font, "Manrope", sans-serif); font-size: 12px; font-weight: 600; line-height: 1.8; text-transform: uppercase; } .blog-card__content-author:hover .author-name { color: var(--drivschol-primary, #EC2526); } .blog-card__meta { display: inline-flex; align-items: center; margin: 0; margin-bottom: 10px; margin-top: -5px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .blog-card__meta { margin-bottom: 5px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .blog-card__meta { margin-bottom: 5px; } } .blog-card__meta2 { margin-top: -7px; display: inline-flex; align-items: center; margin-bottom: 0px; } .blog-card__meta2 li a { color: var(--drivschol-gray, #6D7076); text-align: center; font-size: 14px; font-weight: 600; line-height: 214.286%; letter-spacing: 0.196px; text-transform: capitalize; transition: all 500ms ease-in-out; } .blog-card__meta2 li a:hover { color: var(--drivschol-primary, #EC2526); } .blog-card__meta2 li i { color: var(--drivschol-primary, #EC2526); font-size: 16px; margin-left: 5px; } .blog-card__meta2 li:not(:first-child)::before { content: "|"; margin-right: 10px; margin-left: 10px; font-weight: 400; } .blog-card:hover .blog-card__content { box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.08); } .blog-card__title { text-transform: capitalize; color: var(--drivschol-black2, #111117); font-size: 20px; line-height: 1.45; font-weight: 700; margin-bottom: 15px; } @media screen and (min-width: 768px) { .blog-card__title { font-size: 24px; } } @media screen and (min-width: 1200px) { .blog-card__title { font-size: 24px; margin-bottom: 20px; } } .blog-card__title a { color: inherit; background: linear-gradient(to left, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .blog-card__title a:hover { background-size: 100% 1px; } .blog-card__title a:hover { color: var(--drivschol-primary, #EC2526); } .blog-card__text { color: var(--drivschol-gray, #6D7076); margin-bottom: 31px; letter-spacing: 0; width: 100%; } .blog-card__link { background: var(--drivschol-gray2, #F5F5F5); display: block; font-size: 14px; font-weight: 600; line-height: 1; letter-spacing: 0.56px; text-transform: capitalize; color: var(--drivschol-text, #6D7076); transition: all 500ms ease; position: relative; padding: 18px 30px; } .blog-card__link:hover { color: var(--drivschol-white, #fff); background: var(--drivschol-primary, #EC2526); } .blog-card__link:hover::after { color: var(--drivschol-white, #fff); } .blog-card__link::after { content: "\e921"; clear: both; font-size: 12px; font-weight: 700; position: absolute; top: 40%; transform: translateX(-40% 40%); color: var(--drivschol-primary, #EC2526); font-size: 12px; left: 30px; font-family: "icomoon" !important; } .blog-card__link2 { background: transparent; display: inline-block; font-size: 14px; font-weight: 600; line-height: 1; letter-spacing: 0.56px; text-transform: capitalize; color: var(--drivschol-text, #6D7076); transition: all 500ms ease; position: relative; padding: 17px 14px; border-radius: 500px; border: 1px solid var(--drivschol-primary, #EC2526); } .blog-card__link2:hover { color: var(--drivschol-white, #fff); background: var(--drivschol-primary, #EC2526); } .blog-one { padding: 120px 0; position: relative; background-color: var(--drivschol-white, #fff); } @media (max-width: 767px) { .blog-one { padding: 80px 0; } } .blog-one__home { padding-top: 180px; } @media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px) { .blog-one__home { padding-top: 120px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .blog-one__home { padding-top: 100px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .blog-one__home { padding-top: 80px; } } .blog-one--page { padding-top: 120px; } @media (max-width: 767px) { .blog-one--page { padding-top: 60px; } } .blog-one--base { position: relative; } .blog-one--base::before { content: ""; width: 100%; top: 0%; right: 0; left: 0%; bottom: 50%; position: absolute; background-color: var(--drivschol-gray2, #F5F5F5); } .blog-one--home { padding: 90px 0px 120px 0px; position: relative; background-color: var(--drivschol-white, #fff); } @media (max-width: 767px) { .blog-one--home { padding: 50px 0px 80px 0px; } } @media screen and (min-width: 992px) { .blog-one__carousel .owl-nav { display: none; } } .blog-card-two { max-width: 100%; box-shadow: none; } .blog-card-two .blog-card__image-item { max-height: 450px; width: 100%; } .blog-card-two .blog-card__image-item img { object-fit: cover; } .blog-card-two .blog-card__title { margin-bottom: 12px; font-size: 30px; text-transform: none; } .blog-card-link, .blog-card-qoute { background-color: var(--drivschol-gray, #6D7076); padding: 30px; } @media screen and (min-width: 768px) { .blog-card-link, .blog-card-qoute { padding: 60px; } } .blog-card-link .blog-card__title, .blog-card-qoute .blog-card__title { margin: 0; margin-bottom: -10px; } .blog-card-qoute__text { margin: 0; margin-bottom: -5px; } .blog-card-qoute__image { line-height: 1em; margin-bottom: 20px; } .blog-card-link__icon { font-size: 40px; color: var(--drivschol-text, #6D7076); line-height: 1em; margin-bottom: 22px; } .pronation_widget { margin-top: 50px; } .pronation_widget-widget2 { margin-top: 20px; } .pronation_widget-widget2 ul { padding-right: 0; } .pronation_widget ul { display: flex; align-items: center; justify-content: center; gap: 16px; } .pronation_widget ul a { display: inline-block; padding: 4px 20px; border: 1px solid var(--drivschol-gray2, #F5F5F5); color: var(--drivschol-black2, #111117); font-family: var(--drivschol-font, "Manrope", sans-serif); font-size: 20px; font-style: normal; font-weight: 600; line-height: 200%; transition: all 500ms ease-in-out; } .pronation_widget ul a.active, .pronation_widget ul a:hover { background-color: var(--drivschol-primary, #EC2526); color: var(--drivschol-white, #fff); border: 1px solid var(--drivschol-primary, #EC2526); } /*-------------------------------------------------------------- # Form --------------------------------------------------------------*/ .form-one__group { display: grid; grid-template-columns: 1fr; grid-gap: 20px; margin: 0; } @media (min-width: 576px) { .form-one__group { grid-template-columns: repeat(2, 1fr); } } .form-one__control { border: none; width: auto; height: auto; border-radius: 0; padding: 0; position: relative; } .form-one__control__icon { position: absolute; top: 50%; left: 30px; transform: translateY(-50%); font-size: 14px; } .form-one__control__full { grid-column-start: 1; grid-column-end: -1; } .form-one .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 100%; height: 58px; display: flex; align-items: center; } .form-one .bootstrap-select > .dropdown-toggle { padding: 0; background-color: transparent; border-radius: 0; border: none; outline: none !important; color: var(--drivschol-text, #6D7076); font-size: 14px; } .form-one .bootstrap-select > .dropdown-toggle, .form-one input[type=text], .form-one input[type=email], .form-one textarea { display: block; width: 100%; height: 60px; background-color: var(--drivschol-gray2, #F5F5F5); color: var(--drivschol-text, #6D7076); font-size: 16px; font-weight: 500; border: none; outline: none; padding-right: 30px; padding-left: 30px; } .form-one .bootstrap-select > .dropdown-toggle::placeholder, .form-one input[type=text]::placeholder, .form-one input[type=email]::placeholder, .form-one textarea::placeholder { color: var(--drivschol-gray, #6D7076); font-family: var(--drivschol-text, #6D7076); font-size: 16px; font-weight: 500; line-height: normal; text-transform: capitalize; } .form-one textarea { height: 195px; padding-top: 20px; } .form-one textarea::placeholder { text-transform: none; } /*-------------------------------------------------------------- # Custom Cursor --------------------------------------------------------------*/ .custom-cursor__cursor { width: 25px; height: 25px; border-radius: 100%; border: 1px solid var(--drivschol-text, #6D7076); -webkit-transition: all 200ms ease-out; transition: all 200ms ease-out; position: fixed; pointer-events: none; right: 0; top: 0; -webkit-transform: translate(calc(-1*(-50% + 5px)), -50%); transform: translate(calc(-1*(-50% + 5px)), -50%); z-index: 999991; } .custom-cursor__cursor-two { width: 10px; height: 10px; border-radius: 100%; background-color: var(--drivschol-text, #6D7076); opacity: 0.3; position: fixed; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); pointer-events: none; -webkit-transition: width 0.3s, height 0.3s, opacity 0.3s; transition: width 0.3s, height 0.3s, opacity 0.3s; z-index: 999991; } .custom-cursor__hover { background-color: var(--drivschol-text, #6D7076); opacity: 0.4; } .custom-cursor__innerhover { width: 25px; height: 25px; opacity: 0.4; } /*-------------------------------------------------------------- # Course --------------------------------------------------------------*/ .course-card { position: relative; } .course-card__image { display: block; position: relative; width: 100%; height: 213px; overflow: hidden; } .course-card__image img { width: 100%; height: 100%; object-fit: cover; } .course-card__session { display: flex; align-items: center; gap: 5px; margin-bottom: 15px; } .course-card__session span { margin-right: 5px; color: var(--drivschol-heading-text, #111117); font-family: var(--drivschol-heading-font, "Urbanist", sans-serif); font-size: 16px; font-style: normal; font-weight: 600; line-height: 187.5%; } .course-card__session i { font-size: 32px; color: var(--drivschol-primary, #EC2526); } .course-card__content { background: var(--drivschol-black2, #111117); } .course-card__thumbnail { background-color: var(--drivschol-white, #fff); padding: 20px 30px 26px 30px; margin: 0px 10px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .course-card__thumbnail { padding: 30px 20px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .course-card__thumbnail { padding: 30px 20px; } } .course-card__bottom { padding: 19px 22px 20px 30px; margin: 0px 10px; position: relative; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .course-card__bottom { padding: 30px 20px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .course-card__bottom { padding: 30px 20px; } } .course-card__bottom-btns { font-size: 12px; font-weight: 700; position: absolute; top: 40%; color: var(--drivschol-white, #fff); left: 30px; transition: all 500ms ease-in-out; } .course-card__bottom-btns:hover { color: var(--drivschol-primary, #EC2526); } .course-card__meta { position: absolute; margin-top: -109px; left: 10px; padding: 14px 24px; background: var(--drivschol-primary, #EC2526); display: inline-flex; justify-content: center; flex-direction: column; align-items: center; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .course-card__meta { left: 10px; padding: 10px 15px; } } .course-card__meta-price { color: var(--drivschol-white, #fff); font-size: 24px; font-style: normal; font-weight: 700; line-height: 108.333%; text-transform: capitalize; margin-bottom: 3px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .course-card__meta-price { font-size: 20px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .course-card__meta-price { font-size: 20px; } } .course-card__meta-class { width: 45px; display: block; color: var(--drivschol-gray2, #F5F5F5); text-align: center; font-family: var(--drivschol-font, "Manrope", sans-serif); font-size: 10px; font-style: normal; font-weight: 600; line-height: normal; text-transform: uppercase; } .course-card__title { color: var(--drivschol-heading-text, #111117); font-size: 24px; font-style: normal; font-weight: 800; line-height: 125%; letter-spacing: -0.72px; text-transform: capitalize; margin-top: -4px; margin-bottom: 8px; } .course-card__title a { color: var(--drivschol-heading-text, #111117); background: linear-gradient(to left, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .course-card__title a:hover { background-size: 100% 1px; } .course-card__title a:hover { color: var(--drivschol-primary, #EC2526); } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .course-card__title { font-size: 20px; margin-bottom: 10px; } } .course-card__designation { color: var(--drivschol-gray, #6D7076); font-size: 14px; font-style: normal; font-weight: 500; line-height: 185.714%; margin-bottom: -4px; letter-spacing: 0; } .course-card__author { position: relative; display: flex; align-items: center; justify-content: start; gap: 10px; } .course-card__author-image { display: inline-block; width: 35px; height: 35px; border-radius: 500px; overflow: hidden; } .course-card__author-image img { object-fit: cover; width: 100%; height: 100%; } .course-card__author-name { margin-bottom: 5px; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; } .course-card__author-name a { color: var(--drivschol-white, #fff); background: linear-gradient(to left, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .course-card__author-name a:hover { background-size: 100% 1px; } .course-card__author-name a:hover { color: var(--drivschol-primary, #EC2526); } .course-card__author-designation { color: var(--drivschol-gray, #6D7076); font-size: 14px; font-weight: 400; text-transform: uppercase; line-height: 1; margin-bottom: 0; } .course-one { position: relative; background-color: var(--drivschol-gray2, #F5F5F5); padding: 120px 0px 30px 0px; z-index: 1; } @media only screen and (min-width: 768px) and (max-width: 991px) { .course-one { padding: 100px 0 10px 0px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .course-one { padding: 80px 0px 0px 0px; } } .course-one .container-fluid { max-width: 1540px; margin-right: auto; margin-left: auto; } .course-one__item { display: flex; max-width: 740px; margin-right: auto; margin-left: auto; margin-bottom: 30px; } @media (max-width: 1450px) { .course-one__item { flex-direction: column; flex-direction: column-reverse; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .course-one__item { max-width: 400px; } } .course-one__item__left { position: relative; padding: 40px 40px 40px 35px; margin-bottom: 60px; background: var(--drivschol-white, #fff); box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.08); flex: 50%; } @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) { .course-one__item__left { margin-bottom: 0px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .course-one__item__left { padding: 25px 20px 25px 20px; bottom: 0px; margin-bottom: 0px; } } .course-one__item__left__price { border: 1px solid var(--drivschol-primary, #EC2526); height: 136px; width: 143px; margin-bottom: 32px; padding: 11px; } .course-one__item__left__price .price__box { width: 100%; height: 100%; background: var(--drivschol-black2, #111117); display: flex; justify-content: center; align-items: center; flex-direction: column; } .course-one__item__left__price__top { color: var(--drivschol-primary, #EC2526); font-family: var(--drivschol-heading-font, "Urbanist", sans-serif); font-size: 40px; font-style: normal; font-weight: 800; line-height: 125%; margin-bottom: -4px; letter-spacing: -1.2px; position: relative; } .course-one__item__left__price__top sub { position: absolute; font-size: 20px; font-style: normal; font-weight: 800; line-height: 10px; margin-right: 0px; margin-bottom: 15px; } .course-one__item__left__price__text { color: var(--drivschol-gray, #6D7076); font-size: 16px; font-style: normal; font-weight: 600; line-height: 162.5%; letter-spacing: 0.48px; margin-bottom: 0; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .course-one__item__left__price { width: 100px; height: 100px; margin-bottom: 20px; padding: 7px; } .course-one__item__left__price__text { font-size: 12px; } .course-one__item__left__price__top { font-size: 30px; } .course-one__item__left__price__top sub { font-size: 16px; margin-right: -2px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .course-one__item__left__price { width: 100px; height: 100px; margin-bottom: 20px; padding: 7px; } .course-one__item__left__price__text { font-size: 12px; } .course-one__item__left__price__top { font-size: 30px; } .course-one__item__left__price__top sub { font-size: 16px; margin-right: 2px; } } .course-one__item__left__title { font-size: 32px; font-style: normal; font-weight: 800; line-height: 118.75%; letter-spacing: -0.96px; margin-bottom: 12px; } .course-one__item__left__title a { background: linear-gradient(to left, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; color: var(--drivschol-black2, #111117); } .course-one__item__left__title a:hover { background-size: 100% 1px; } .course-one__item__left__title a:hover { color: var(--drivschol-primary, #EC2526); } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .course-one__item__left__title { font-size: 25px; } } .course-one__item__left__text { font-size: 14px; font-style: normal; font-weight: 500; line-height: 185.714%; letter-spacing: 0.42px; max-width: 286px; width: 100%; } .course-one__item__left__author { margin-top: 22px; display: flex; align-items: center; } .course-one__item__left__author__card { display: flex; align-items: center; gap: 10px; background: var(--drivschol-gray2, #F5F5F5); padding: 15px 20px 15px 20px; max-width: 236px; width: 100%; } .course-one__item__left__author__thumb { width: 44px; height: 44px; border-radius: 500px; overflow: hidden; } .course-one__item__left__author__thumb img { object-fit: cover; width: 100%; height: 100%; } .course-one__item__left__author__name { margin-bottom: 0; font-size: 16px; font-style: normal; font-weight: 700; line-height: 162.5%; background: linear-gradient(to left, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .course-one__item__left__author__name:hover { background-size: 100% 1px; } .course-one__item__left__author__name:hover { color: var(--drivschol-primary, #EC2526); } .course-one__item__left__author__degeneration { margin-bottom: 0; color: var(--drivschol-gray, #6D7076); font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } .course-one__item__left__author__link__btn { display: block; padding: 23px 25px 22px 24px; color: var(--drivschol-white, #fff); background: var(--drivschol-primary, #EC2526); transition: all 0.4s ease-in-out; } .course-one__item__left__author__link__btn i { font-size: 12px; } .course-one__item__left__author__link__btn:hover { background: var(--drivschol-black2, #111117); } @media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .course-one__item__left__author__link__btn { padding: 26px 28px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .course-one__item__left__author__link__btn { padding: 20px 25px; display: inline-block; } } .course-one__item__left__link { position: absolute; bottom: -60px; left: 0px; } @media (max-width: 1450px) { .course-one__item__left__link { bottom: 0px; position: relative; display: inline-block; } } .course-one__item__left__link__btn { display: block; padding: 29px 32px 30px 33px; color: var(--drivschol-white, #fff); background: var(--drivschol-primary, #EC2526); transition: all 0.4s ease-in-out; } .course-one__item__left__link__btn:hover { background: var(--drivschol-black2, #111117); } @media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .course-one__item__left__link__btn { padding: 26px 28px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .course-one__item__left__link__btn { padding: 20px 25px; display: inline-block; } } .course-one__item__right { flex: 53%; position: relative; } .course-one__item__session { width: 100%; height: 55px; background: var(--drivschol-black2, #111117); display: flex; justify-content: start; gap: 15px; } .course-one__item__session__shape { position: relative; width: 145px; height: 37px; top: 0; right: 0; background-color: var(--drivschol-white, #fff); padding-right: 15px; } .course-one__item__session__shape svg { margin-top: -6px; } .course-one__item__session__icon { padding-right: 10px; line-height: 55px; color: var(--drivschol-white, #fff); font-family: var(--drivschol-heading-font, "Urbanist", sans-serif); font-size: 18px; font-style: normal; font-weight: 700; margin-bottom: 0; vertical-align: middle; display: flex; justify-content: center; align-items: center; padding-left: 25px; } .course-one__item__session__icon i { color: var(--drivschol-primary, #EC2526); font-size: 30px; padding-left: 15px; } @media screen and (min-width: 992px) and (max-width: 1450px) { .course-one__item__session__icon { font-size: 14px; } .course-one__item__session__icon i { font-size: 20px; padding-left: 5px; } } @media (max-width: 576px) { .course-one__item__session__icon { font-size: 13px; } .course-one__item__session__icon i { font-size: 20px; padding-left: 5px; } } .course-one__item__img { max-height: 460px; display: block; overflow: hidden; position: relative; } .course-one__item__img__two { max-height: 460px; } .course-one__item__img img { object-fit: cover; height: 100%; width: 100%; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .course-one__item__img { max-height: 300px; width: 100%; } } .course-one__item__img::before { position: absolute; inset: 0px; content: ""; background-color: rgba(0, 0, 0, 0.5); width: 0%; height: 0%; transform: translateY(-100%); transition: all 500ms ease 0s; z-index: 1; } .course-one__item:hover .course-one__item__img::before { width: 100%; height: 100%; transform: translateY(0%); } .course-one__element { position: absolute; top: 0%; left: 0; z-index: -1; animation: top-bottom 4s ease-in-out infinite; mix-blend-mode: color-dodge; } .course-one__element img { max-width: 100%; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .course-one__element { display: none; } } .course-one img { max-width: 100%; } .course-two { position: relative; } .course-two--page { padding: 120px 0px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .course-two--page { padding: 100px 0px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .course-two--page { padding: 80px 0px; } } .course-two__bg { position: absolute; top: 0; right: 0; left: 0; bottom: 0%; background-size: cover; background-position: center center; } .course-two__home { margin-bottom: 0; background-color: transparent; } .course-details-one { padding: 120px 0px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .course-details-one { padding: 100px 0px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .course-details-one { padding: 80px 0px; } } .course-details-one__inner { background: var(--drivschol-heading-text, #111117); padding: 37px 50px; margin-bottom: 40px; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .course-details-one__inner { padding: 30px; } } .course-details-one__inner__top { display: flex; align-items: center; justify-content: space-between; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .course-details-one__inner__top { display: block; } } .course-details-one__inner__top__left { display: flex; gap: 10px; align-items: center; } .course-details-one__inner__top__left__author { width: 50px; height: 50px; overflow: hidden; border-radius: 500px; } .course-details-one__inner__top__left__author img { object-fit: cover; height: 100%; width: 100%; } .course-details-one__inner__top__left__content__name { font-size: 16px; font-style: normal; font-weight: 700; line-height: 1.5; color: var(--drivschol-white, #fff); margin-bottom: 0; padding-bottom: 0; } .course-details-one__inner__top__left__content__name a { color: var(--drivschol-white, #fff); background: linear-gradient(to left, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .course-details-one__inner__top__left__content__name a:hover { background-size: 100% 1px; } .course-details-one__inner__top__left__content__name a:hover { color: var(--drivschol-primary, #EC2526); } .course-details-one__inner__top__left__content__designation { text-transform: uppercase; color: var(--drivschol-gray2, #F5F5F5); font-family: var(--drivschol-font, "Manrope", sans-serif); font-size: 12px; font-weight: 500; line-height: 200%; letter-spacing: 0.48px; margin-bottom: 0; } .course-details-one__inner__top__right { display: flex; align-items: center; gap: 30px; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .course-details-one__inner__top__right { display: block; margin-top: 30px; } } .course-details-one__inner__top__right__bye__price { font-family: var(--drivschol-font, "Manrope", sans-serif); font-size: 14px; font-weight: 500; line-height: 120%; margin-bottom: 0; text-align: end; } .course-details-one__inner__top__right__bye__price span { display: block; color: var(--drivschol-white, #fff); font-family: var(--drivschol-heading-font, "Urbanist", sans-serif); font-size: 40px; font-weight: 700; line-height: 65%; text-transform: capitalize; margin-bottom: 8px; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .course-details-one__inner__top__right__bye { display: block; margin-bottom: 30px; } .course-details-one__inner__top__right__bye__price { text-align: right; } } .course-details-one__inner__top__right__btn { color: var(--drivschol-white, #fff); font-size: 15px; font-weight: 700; line-height: normal; padding: 18px 41px 17px 41px; background: var(--drivschol-primary, #EC2526); } .course-details-one__inner__top__right__btn::before { background: var(--drivschol-primary, #EC2526); } .course-details-one__inner__top__right__btn:hover { color: var(--drivschol-black2, #111117); } .course-details-one__inner__top__right__btn:hover::after { background: var(--drivschol-white, #fff); } .course-sidebar__image { margin-bottom: 40px; } .course-sidebar__single { padding: 30px; margin-bottom: 30px; background: var(--drivschol-white, #fff); box-shadow: 0px 0px 60px 0px rgba(2, 2, 2, 0.07); } .course-sidebar__title { padding-bottom: 26px; font-size: 24px; font-weight: 700; line-height: 100%; text-transform: capitalize; border-bottom: 1px solid var(--drivschol-primary, #EC2526); margin-bottom: 18px; } .course-sidebar__single__two { border: 2px solid var(--drivschol-primary, #EC2526); margin-bottom: 30px; background: var(--drivschol-white, #fff); box-shadow: 0px 0px 60px 0px rgba(2, 2, 2, 0.07); } .course-sidebar__single__two__title { padding: 25px 30px 28px 30px; font-size: 24px; font-weight: 700; line-height: 100%; margin-bottom: 0; background: var(--drivschol-primary, #EC2526); color: var(--drivschol-white, #fff); text-transform: capitalize; position: relative; } .course-sidebar__single__two__title::after { content: ""; width: 32px; height: 20px; position: absolute; bottom: -20px; right: 8%; clip-path: polygon(50% 0%, 0% 100%, 100% 100%); background: var(--drivschol-primary, #EC2526); transform: rotate(-180deg); } .course-sidebar__nav { padding: 30px; } .course-sidebar__nav__item { margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center; background: var(--drivschol-gray2, #F5F5F5); padding: 14px 20px; } .course-sidebar__nav__item__left { margin-bottom: 0; font-size: 18px; font-weight: bold; text-transform: capitalize; } .course-sidebar__nav__item__right { color: var(--drivschol-heading-text, #111117); font-size: 16px; font-weight: 600; line-height: 162.5%; text-transform: capitalize; } .course-sidebar__nav__item__icon { font-size: 18px; color: var(--drivschol-primary, #EC2526); margin-left: 10px; } .course-sidebar__nav__item:last-child { margin-bottom: 0; } .course-sidebar__nav__two__item { border-bottom: 1px solid var(--drivschol-border-color, #E6E6E6); padding: 20px 0px 22px 0px; display: flex; gap: 16px; } .course-sidebar__nav__two__item__image { max-width: 89px; width: 100%; height: 89px; overflow: hidden; position: relative; } .course-sidebar__nav__two__item__image img { object-fit: cover; width: 100%; height: 100%; transform: scale(1); transition: all 0.4s ease-in-out; } .course-sidebar__nav__two__item__image::after { content: ""; width: 0%; height: 100%; top: 0%; right: 0; left: 0; background-color: rgba(var(--drivschol-black2-rgb, 17, 17, 23), 0.5); position: absolute; transition: all 0.4s ease-in-out; } .course-sidebar__nav__two__item__content__name { font-size: 14px; font-weight: 600; margin-bottom: 5px; text-transform: capitalize; color: var(--drivschol-heading-text, #111117); } .course-sidebar__nav__two__item__content__name span { color: var(--drivschol-text, #6D7076); } @media (max-width: 575px) { .course-sidebar__nav__two__item__content__name { font-size: 12px; } } .course-sidebar__nav__two__item__content__title { font-size: 18px; font-weight: 700; margin-bottom: 10px; } .course-sidebar__nav__two__item__content__title > a { color: var(--drivschol-heading-text, #111117); background: linear-gradient(to left, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .course-sidebar__nav__two__item__content__title > a:hover { background-size: 100% 1px; } .course-sidebar__nav__two__item__content__title > a:hover { color: var(--drivschol-primary, #EC2526); } @media (max-width: 575px) { .course-sidebar__nav__two__item__content__title { font-size: 15px; } } .course-sidebar__nav__two__item__content__price { display: block; color: var(--drivschol-primary, #EC2526); font-family: var(--drivschol-heading-font, "Urbanist", sans-serif); font-size: 20px; font-weight: bold; line-height: 1; } @media (max-width: 575px) { .course-sidebar__nav__two__item__content__price { font-size: 16px; } } .course-sidebar__nav__two__item:first-child { padding-top: 0; } .course-sidebar__nav__two__item:last-child { padding-bottom: 0; border-bottom: 0; } .course-sidebar__nav__two__item:hover .course-sidebar__nav__two__item__image::after { width: 100%; } .course-sidebar__nav__two__item:hover .course-sidebar__nav__two__item__image img { transform: scale(1.2); } .course-sidebar__contact { background: var(--drivschol-black2, #111117); position: relative; padding: 35px 30px 30px 30px; margin-bottom: -30px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .course-sidebar__contact { padding: 30px 10px 20px 10px; } } .course-sidebar__contact::after { content: ""; width: 32px; height: 20px; position: absolute; top: 0px; right: 8%; clip-path: polygon(50% 0%, 0% 100%, 100% 100%); background: var(--drivschol-black3, #2A2A30); transform: rotate(-180deg); } .course-sidebar__contact__title { color: var(--drivschol-white, #fff); max-width: 250px; width: 100%; margin-bottom: 6px; margin-top: -4px; font-size: 24px; font-weight: 700; line-height: 145.833%; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .course-sidebar__contact__title { font-size: 20px; } } .course-sidebar__contact__list { display: block; border-bottom: 1px solid var(--drivschol-border-color3, #373745); padding-bottom: 30px; } .course-sidebar__contact__list__item { color: var(--drivschol-gray, #6D7076); font-size: 14px; font-style: normal; font-weight: 400; margin-bottom: -21px; padding-bottom: 2px; line-height: 335.714%; } .course-sidebar__contact__list__item i { font-size: 14px; color: var(--drivschol-primary, #EC2526); margin-left: 10px; } .course-sidebar__contact__list__item:last-child { padding-bottom: 0; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .course-sidebar__contact__list__item { font-size: 12px; } } .course-sidebar__contact__info { margin-top: 30px; } .course-sidebar__contact__info__btn { gap: 24px; } .course-sidebar__contact__info__icon { width: 50px; height: 50px; border-radius: 500px; background-color: var(--drivschol-primary, #EC2526); display: flex; align-items: center; justify-content: center; } .course-sidebar__contact__info__icon i { font-size: 22px; color: var(--drivschol-white, #fff); } .course-sidebar__contact__info__text { color: var(--drivschol-primary, #EC2526); font-size: 16px; font-style: normal; font-weight: 400; line-height: 170.923%; } .course-sidebar__contact__info__call { color: var(--drivschol-white, #fff); margin-top: -4px; font-size: 22px; font-style: normal; font-weight: 700; line-height: 166.667%; margin-bottom: 0; background: linear-gradient(to left, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .course-sidebar__contact__info__call:hover { background-size: 100% 1px; } .course-sidebar__contact__info__call:hover { color: var(--drivschol-primary, #EC2526); } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .course-sidebar__contact__info__call { font-size: 19px; } } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .course-sidebar__contact__info { font-size: 19px; } } .course-details__single { margin-bottom: 50px; } .course-details__single__image .benefit__image { max-width: 270px; width: 100%; height: 300px; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .course-details__single__image .benefit__image { max-width: 100%; margin-bottom: 30px; } } .course-details__single__image .benefit__image img { object-fit: cover; height: 100%; width: 100%; } .course-details__single:last-child { margin-bottom: 0; } .course-details__single__two { margin-top: -10px; display: flex; align-items: center; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .course-details__single__two { display: block; } } .course-details__image { max-height: 450px; width: 100%; margin-bottom: 40px; overflow: hidden; } .course-details__image img { object-fit: cover; width: 100%; height: 100%; } .course-details__title { margin-top: -10px; font-size: 30px; font-weight: bold; line-height: 150%; margin-bottom: 18px; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .course-details__title { font-size: 25px; } } .course-details__title__two { font-size: 24px; font-style: normal; font-weight: 700; line-height: 195.833%; margin-bottom: 5px; } .course-details__text { margin-bottom: 33px; letter-spacing: 0; font-size: 16px; font-style: normal; font-weight: 600; line-height: 200%; } .course-details__inner { margin-top: 40px; display: flex; gap: 30px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .course-details__inner { margin-bottom: 40px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .course-details__inner { display: block; } .course-details__inner__item { margin-bottom: 30px; } } .course-details__inner__item { max-width: 370px; background-color: var(--drivschol-white, #fff); box-shadow: 0px 0px 60px 0px rgba(2, 2, 2, 0.07); } .course-details__inner__item__head { background: var(--drivschol-primary, #EC2526); padding: 16px 30px 14px 30px; display: flex; position: relative; align-items: center; gap: 20px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .course-details__inner__item__head { padding: 20px; } } .course-details__inner__item__head__icon .icon { width: 50px; height: 50px; border-radius: 500px; background: var(--drivschol-black2, #111117); display: flex; justify-content: center; align-items: center; } .course-details__inner__item__head__icon .icon i { color: var(--drivschol-white, #fff); font-size: 22px; } .course-details__inner__item__head__content__title { color: var(--drivschol-white, #fff); font-size: 24px; font-style: normal; font-weight: 700; line-height: 110%; margin-bottom: -3px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .course-details__inner__item__head__content__title { font-size: 18px; } } .course-details__inner__item__head__content__degeneration { margin-top: -5px; color: var(--drivschol-white, #fff); font-family: var(--drivschol-font, "Manrope", sans-serif); font-size: 14px; font-weight: 600; line-height: 228.571%; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .course-details__inner__item__head__content__degeneration { font-size: 13px; } } .course-details__inner__item__head::after { content: ""; width: 32px; height: 20px; position: absolute; bottom: -20px; right: 8%; clip-path: polygon(50% 0%, 0% 100%, 100% 100%); background: var(--drivschol-primary, #EC2526); transform: rotate(-180deg); } .course-details__inner__item__body { padding: 30px 30px 40px 26px; background-color: var(--drivschol-white, #fff); } .course-details__inner__item__body__text { color: var(--drivschol-gray, #6D7076); font-size: 16px; font-weight: 600; line-height: 200%; margin-bottom: 30px; letter-spacing: 0; } .course-details__benefit { padding: 29px 40px 35px 40px; background: var(--drivschol-gray2, #F5F5F5); margin-right: -13px; } @media (max-width: 575px) { .course-details__benefit { padding: 20px; } } @media (max-width: 767px) { .course-details__benefit { margin-right: 0px; } } .course-details__benefit__title { font-size: 24px; font-weight: 700; line-height: 195.833%; margin-bottom: 10px; margin-top: -5px; } .course-details__benefit__nav { padding-right: 0; } .course-details__benefit__nav__item { color: var(--drivschol-heading-text, #111117); font-family: var(--drivschol-font, "Manrope", sans-serif); font-size: 18px; font-weight: 600; line-height: 160%; margin-bottom: 10px; } .course-details__benefit__nav__item:last-child { margin-bottom: 0; } .course-details__benefit__nav__item i { color: var(--drivschol-primary, #EC2526); margin-left: 8px; } /*-------------------------------------------------------------- # Footer --------------------------------------------------------------*/ .main-footer { position: relative; z-index: 1; } .main-footer__shape svg { position: absolute; top: 5%; bottom: 10%; z-index: 0; width: 100%; height: 100%; } @keyframes pulse { 0% { -webkit-transform: scale(0.5); transform: scale(0.5); } 70% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.5); transform: scale(0.5); } } @keyframes left { 0% { -webkit-transform: translateX(0px); transform: translateX(0px); } 70% { -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); } } @keyframes right { 0% { -webkit-transform: translateX(0px); transform: translateX(0px); } 70% { -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); } } @keyframes rotate { from { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } to { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } .main-footer__shape svg #dot-20, .main-footer__shape svg #dot-21, .main-footer__shape svg #dot-22 { animation: pulse 5s ease-in infinite; -webkit-animation: pulse 5s ease-in infinite; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; transform-box: fill-box; } .main-footer__shape svg #dot-2, .main-footer__shape svg #dot-19, .main-footer__shape svg #dot-3, .main-footer__shape svg #dot-17, .main-footer__shape svg #dot-9, .main-footer__shape svg #dot-8 { animation: left 2s ease-in-out infinite; -webkit-animation: left 2s ease-in-out infinite; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; transform-box: fill-box; } .main-footer__shape svg #dot-1, .main-footer__shape svg #dot-5 { animation: right 4s ease-in-out infinite; -webkit-animation: right 4s ease-in-out infinite; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; transform-box: fill-box; } .main-footer__shape svg #dot-1 { animation-delay: 1s; } .main-footer__shape svg #dot-2 { animation-delay: 1.5s; } .main-footer__shape svg #dot-3 { animation-delay: 1.5s; } .main-footer__shape svg #dot-13 { animation-delay: 1.8s; } .main-footer__inner { padding: 60px 0px 50px 0px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--drivschol-border-color3, #373745); } @media screen and (max-width: 575px) { .main-footer__inner { flex-wrap: wrap; padding: 60px 0px 40px 0px; } } .main-footer__inner-logo { display: block; } @media screen and (max-width: 575px) { .main-footer__inner-logo { margin-bottom: 20px; } } .main-footer__inner-social { display: flex; flex-wrap: wrap; gap: 10px; } .main-footer__inner-social a { width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; background: rgba(var(--drivschol-gray3-rgb, 157, 157, 157), 0.14); font-size: 16px; color: var(--drivschol-white, #fff); transition: all 500ms ease; border-radius: 50%; } .main-footer__inner-social a:hover { background-color: var(--drivschol-white, #fff); color: var(--drivschol-primary, #EC2526); } .main-footer__middle { padding: 60px 0px 65px 0px; display: block; } @media screen and (max-width: 575px) { .main-footer__middle { padding: 40px 0px 30px 0px; } } .main-footer__bg { position: absolute; top: 0; right: 0; left: 0; bottom: 0; opacity: 0.03; mix-blend-mode: luminosity; background-size: cover; background-position: center center; } .main-footer .container { position: relative; } .main-footer__bottom { position: relative; z-index: 1; text-align: center; background: #0A0A0D; } .main-footer__bottom__inner { padding: 29px 0; } @media screen and (max-width: 575px) { .main-footer__bottom__inner { padding: 20px 0; } } .main-footer__copyright { margin: 0; font-size: 16px; font-weight: 400; color: var(--drivschol-text, #6D7076); line-height: normal; } .footer-widget { margin-bottom: 40px; max-width: 410px; } @media screen and (max-width: 575px) { .footer-widget { margin-bottom: 30px; } } .footer-widget__logo { display: inline-flex; margin-bottom: 30px; } .footer-widget--about { margin-bottom: 23px; } .footer-widget--links2 { padding-right: 15px; } @media (max-width: 768px) { .footer-widget--links2 { padding-right: 0px; } } .footer-widget--gallry { position: relative; margin-left: -3px; max-width: 250px; margin-right: auto; } @media screen and (max-width: 1199px) { .footer-widget--gallry { margin-left: auto; margin-right: 0; } } .footer-widget__grid { display: grid; grid-template-columns: auto auto auto; gap: 10px; } .footer-widget__grid-item { position: relative; float: right; background-size: cover; height: 76.06px; width: 100%; overflow: hidden; } .footer-widget__grid-item::after { content: ""; width: 0%; height: 100%; background-color: rgba(var(--drivschol-white-rgb, 255, 255, 255), 0.5); top: 0%; right: auto; left: 0; position: absolute; transition: all 500ms ease-in-out; } .footer-widget__grid-item:hover::after { width: 100%; right: 0; left: auto; } .footer-widget__update { color: var(--drivschol-white, #fff); margin-bottom: 0; font-weight: bold; line-height: 29px; } .footer-widget__newsletter { position: relative; width: 100%; max-width: 500px; margin-bottom: 18px; } .footer-widget__newsletter input[type=text] { width: 100%; display: block; border: none; outline: none; height: 60px; background-color: var(--drivschol-white, #fff); color: var(--drivschol-text, #6D7076); font-size: 14px; font-weight: 500; padding-right: 30px; padding-left: 100px; transition: all 500ms ease; } .footer-widget__newsletter input[type=text]:focus { color: var(--drivschol-text, #6D7076); } .footer-widget__newsletter input[type=text]::placeholder { color: var(--drivschol-text, #6D7076); font-family: var(--drivschol-font, "Manrope", sans-serif); font-size: 14px; font-style: normal; font-weight: 600; line-height: 210.052%; } .footer-widget__newsletter button[type=submit] { background-color: transparent; width: auto; height: auto; border: none; outline: none; background-color: var(--drivschol-primary, #EC2526); color: var(--drivschol-white, #fff); position: absolute; padding: 17px 30px; height: 60px; line-height: 24px; top: 50%; left: 0px; transform: translateY(-50%); transition: all 500ms ease; font-family: var(--drivschol-font, "Manrope", sans-serif); font-size: 16px; text-transform: capitalize; font-weight: 700; } .footer-widget__newsletter button[type=submit]:hover { color: var(--drivschol-white, #fff); background-color: var(--drivschol-black2, #111117); } .footer-widget__right { margin-right: -40px; } @media screen and (max-width: 1199px) { .footer-widget__right { margin-right: 0; } } .footer-widget__title { font-size: 18px; font-weight: bold; color: var(--drivschol-white, #fff); text-transform: uppercase; margin: 0; margin-top: -5px; margin-bottom: 24px; } .footer-widget__info li { line-height: 180%; margin-bottom: 0px !important; } .footer-widget__info li:last-child { margin-bottom: 0 !important; } .footer-widget__info li, .footer-widget__links li { font-size: 16px; color: var(--drivschol-text, #6D7076); font-weight: 700; line-height: 30px; margin-bottom: 5px; font-family: var(--drivschol-text, #6D7076); font-style: normal; } .footer-widget__info li:last-child, .footer-widget__links li:last-child { margin-bottom: 0px; } .footer-widget__info li i, .footer-widget__links li i { transition: all 500ms ease-in-out; margin-left: 15px; color: var(--drivschol-primary, #EC2526); } .footer-widget__info li a, .footer-widget__links li a { color: inherit; background: linear-gradient(to left, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .footer-widget__info li a:hover, .footer-widget__links li a:hover { background-size: 100% 1px; } .footer-widget__info li:hover a:hover, .footer-widget__links li:hover a:hover { color: var(--drivschol-white, #fff); } .footer-widget__info li:hover i, .footer-widget__links li:hover i { animation: top-bottom 0.4s ease-in-out; } .footer-widget__text { font-size: 14px; color: var(--drivschol-text-dark, #6e6b70); font-weight: 500; line-height: 30px; margin: 0; margin-top: -10px; margin-bottom: 21px; max-width: 201px; } /*-------------------------------------------------------------- # Contact --------------------------------------------------------------*/ .contact-one { padding: 100px 0px; border-bottom: 1px solid var(--drivschol-border-color, #E6E6E6); } @media only screen and (min-width: 768px) and (max-width: 991px) { .contact-one { padding: 80px 0px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .contact-one { padding: 60px 0px; } } .contact-one__content { position: relative; padding: 50px 20px 40px; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07); background-color: var(--drivschol-white, #fff); } @media screen and (min-width: 768px) { .contact-one__content { padding: 70px; padding-bottom: 60px; } } .contact-one__content__shape-1 { position: absolute; top: 0; left: 0; } .contact-one__content__shape-2 { position: absolute; bottom: 0; left: 0; } .contact-one__text { margin: 0; margin-top: -30px; font-size: 15px; line-height: 2em; max-width: 490px; margin-bottom: 40px; position: relative; } .contact-one__info { margin-bottom: 0; position: relative; } .contact-one__info__item { display: flex; align-items: center; } .contact-one__info__icon { width: 50px; height: 50px; background-color: var(--drivschol-gray, #6D7076); display: flex; justify-content: center; align-items: center; font-size: 16px; transition: all 500ms ease; color: var(--drivschol-text, #6D7076); margin-left: 20px; flex-shrink: 0; } .contact-one__info__icon:hover { background-color: var(--drivschol-text, #6D7076); color: var(--drivschol-white, #fff); } .contact-one__info__text { margin: 0; font-size: 15px; font-weight: 500; line-height: 30px; font-family: var(--drivschol-font, "Manrope", sans-serif); } .contact-one__info__title { font-size: 18px; font-weight: 500; font-family: var(--drivschol-font, "Manrope", sans-serif); color: var(--drivschol-black2, #111117); line-height: 30px; } .contact-one__info__title a { color: inherit; background: linear-gradient(to left, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .contact-one__info__title a:hover { background-size: 100% 1px; } .contact-one__inner { max-width: 870px; margin-right: auto; margin-left: auto; } .contact-one__form { position: relative; } .contact-one__form__control input[type=text], .contact-one__form__control input[type=email], .contact-one__form__control textarea { height: 58px; color: var(--drivschol-gray, #6D7076); background: var(--drivschol-gray2, #F5F5F5); } .contact-one__form__control textarea { height: 175px; } .contact-one__form__control button[type=submit] { padding: 17px 40px; line-height: normal; } .contact-one__home-two__content { position: relative; padding: 0px; box-shadow: none; background-color: transparent; } .contact-two { position: relative; background-color: var(--drivschol-gray2, #F5F5F5); padding: 120px 0; z-index: 2; } @media (max-width: 991px) { .contact-two { padding: 100px 0; } } @media (max-width: 767px) { .contact-two { padding: 80px 0; } } .contact-two__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: auto; background-position: left top; background-repeat: no-repeat; } .contact-two__left__image { position: absolute; display: inline-block; top: -5%; right: 0%; z-index: 1; } .contact-two__left__image img { clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%); } @media screen and (max-width: 1750px) and (min-width: 1500px) { .contact-two__left__image { top: 15%; right: 0%; } .contact-two__left__image img { max-width: 70%; } } @media screen and (max-width: 1499px) and (min-width: 1200px) { .contact-two__left__image { top: 20%; right: 0%; } .contact-two__left__image img { max-width: 50%; } } @media screen and (max-width: 1199px) and (min-width: 992px) { .contact-two__left__image { top: 20%; right: 0%; } .contact-two__left__image img { max-width: 50%; } } @media screen and (max-width: 991px) { .contact-two__left__image { display: none; } } .contact-two__left__shape { position: absolute; display: inline-block; top: 5%; right: 5%; z-index: 1; animation: right 3s ease-in-out infinite; } @media screen and (max-width: 1750px) and (min-width: 1500px) { .contact-two__left__shape { top: 25%; right: 5%; } .contact-two__left__shape img { max-width: 70%; } } @media screen and (max-width: 1499px) and (min-width: 1200px) { .contact-two__left__shape { top: 25%; right: 5%; } .contact-two__left__shape img { max-width: 50%; } } @media screen and (max-width: 1199px) and (min-width: 992px) { .contact-two__left__shape { top: 25%; right: 5%; } .contact-two__left__shape img { max-width: 50%; } } @media screen and (max-width: 991px) { .contact-two__left__shape { display: none; } } .contact-two .form-one .bootstrap-select > .dropdown-toggle, .contact-two .form-one input[type=text], .contact-two .form-one input[type=email] { height: 60px; background-color: var(--drivschol-white, #fff); color: var(--drivschol-gray, #6D7076); font-size: 16px; } .contact-two .drivschol-btn { padding: 20px 40px; } .contact-two .form-one textarea { height: 175px; background-color: var(--drivschol-white, #fff); color: var(--drivschol-gray, #6D7076); font-size: 16px; } .contact-two .form-one { position: relative; z-index: 2; } .contact-three__inner { position: relative; } .contact-three__inner__bg { position: absolute; top: 0; right: 0; width: 50%; left: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; background-position: center center; z-index: -1; } .contact-three__inner__bg::after { position: absolute; top: 0%; right: 0%; width: 100%; height: 100%; content: ""; background-color: rgb(var(--drivschol-black2-rgb, 17, 17, 23), 0.8); z-index: -1; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .contact-three__inner__bg { width: 100%; } } .contact-three__content { max-width: 500px; margin-right: auto; margin-left: 100px; padding: 110px 0px 0px 0px; } .contact-three__content .sec-title { padding-bottom: 32px; } .contact-three__content .sec-title__tagline { margin-bottom: 5px; } .contact-three__content .sec-title__title { letter-spacing: 0; font-weight: 900; } .contact-three__content .sec-title__title, .contact-three__content .sec-title__tagline { color: var(--drivschol-white, #fff); } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .contact-three__content { max-width: 100%; } } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .contact-three__content { margin-left: 15px; padding: 80px 15px 0px 0px; } } .contact-three__form textarea { height: 176px; } .contact-three__form .drivschol-btn { padding: 20px 39.5px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .contact-three__form .drivschol-btn { max-width: 100%; padding: 20px 35px; } } .contact-three__form .drivschol-btn--base2::after { background: var(--drivschol-white, #fff); } .contact-three__form .drivschol-btn--base2:hover { color: var(--drivschol-black2, #111117); } .contact-three__location { margin-top: 50px; padding: 0px 0px 0px 0px; position: relative; } .contact-three__location__content { padding: 54px 70px 50px 20px; background: var(--drivschol-primary, #EC2526); display: flex; align-items: center; position: relative; z-index: 1; gap: 20px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .contact-three__location__content { padding: 30px 30px 30px 20px; } } .contact-three__location__content__icon svg { height: 60px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .contact-three__location__content__icon svg { height: 40px; } } .contact-three__location__content__text { color: var(--drivschol-white, #fff); font-size: 40px; font-style: normal; font-weight: 700; line-height: 125%; margin-bottom: 0; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .contact-three__location__content__text { font-size: 25px; } } .contact-three__location__content__line { position: absolute; bottom: 30px; left: 0; z-index: -1; } .contact-three__location::after { content: ""; height: 50px; width: 70px; position: absolute; top: -49px; right: 0; background-color: var(--drivschol-black2, #111117); clip-path: polygon(0 0, 0% 100%, 100% 100%); } .contact-three .google-map iframe { height: 550px; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .contact-three .google-map iframe { height: 350px; } } .contact-location { padding-top: 120px; position: relative; z-index: 1; margin-bottom: -170px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .contact-location { padding-top: 100px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .contact-location { padding-top: 80px; } } .contact-location .sec-title { padding-bottom: 20px; } .contact-location__header { padding-bottom: 44px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .contact-location__header { padding-bottom: 35px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .contact-location__header { padding-bottom: 30px; } } .contact-location__subheading p { margin-bottom: 0; } .contact-location__inner__filter__btn { padding: 13px 38px; color: var(--drivschol-black2, #111117); font-family: var(--drivschol-heading-font, "Urbanist", sans-serif); font-size: 16px; font-style: normal; font-weight: 600; line-height: 162.5%; } .contact-location__inner__filter__btn::after { background: var(--drivschol-primary, #EC2526); } .contact-location__inner__filter__btn::before { background: var(--drivschol-gray2, #F5F5F5); } .contact-location__inner__filter__btn:not(:first-of-type) { margin: 0px 5px; } .contact-location__inner__filter__btn:hover, .contact-location__inner__filter__btn.active-btn { color: var(--drivschol-white, #fff); } .contact-location__inner__filter__btn:hover::after, .contact-location__inner__filter__btn.active-btn::after { background: var(--drivschol-primary, #EC2526); } @media (max-width: 500px) { .contact-location__inner__filter__btn { padding: 7px 14px; font-size: 14px; } } .contact-location__inner__filter__btn.active-btn::before { background: var(--drivschol-primary, #EC2526); } .contact-location__inner__item { background: var(--drivschol-white, #fff); box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.08); padding: 30px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .contact-location__inner__item { padding: 15px; } } .contact-location__inner__item__image img { max-width: 100%; } .contact-location__inner__item__content { background: var(--drivschol-black2, #111117); padding: 55px 35px; position: relative; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .contact-location__inner__item__content { margin-top: 30px; padding: 30px 15px; } } .contact-location__inner__item__content__info { margin-bottom: 30px; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .contact-location__inner__item__content__info { margin-bottom: 15px; } } .contact-location__inner__item__content__info__btn { display: flex; gap: 20px; align-items: center; color: var(--drivschol-white, #fff); } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .contact-location__inner__item__content__info__btn { gap: 10px; } } .contact-location__inner__item__content__info__icon { width: 55px; height: 55px; border-radius: 500px; display: flex; justify-content: center; transition: all 0.5s ease-in-out; background-color: rgba(64, 64, 64, 0.33); align-items: center; } .contact-location__inner__item__content__info__icon i { font-size: 22px; color: var(--drivschol-white, #fff); } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) { .contact-location__inner__item__content__info__icon { width: 45px; height: 45px; } .contact-location__inner__item__content__info__icon i { font-size: 18px; } } @media (max-width: 575px) { .contact-location__inner__item__content__info__icon { width: 45px; height: 45px; } .contact-location__inner__item__content__info__icon i { font-size: 16px; } } .contact-location__inner__item__content__info__text { color: var(--drivschol-primary, #EC2526); font-size: 14px; font-weight: 500; margin-bottom: 0; display: block; } @media (max-width: 575px) { .contact-location__inner__item__content__info__text { font-size: 12px; } } .contact-location__inner__item__content__info__call { color: var(--drivschol-white, #fff); font-size: 18px; font-weight: 700; margin-bottom: 0; color: inherit; display: inline-block; background: linear-gradient(to left, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .contact-location__inner__item__content__info__call:hover { background-size: 100% 1px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) { .contact-location__inner__item__content__info__call { font-size: 16px; } } @media (max-width: 575px) { .contact-location__inner__item__content__info__call { font-size: 14px; } } .contact-location__inner__item__content__info:nth-child(3) { margin-bottom: 0 !important; } .contact-location__inner__item__content__info:hover .contact-location__inner__item__content__info__icon { background: var(--drivschol-primary, #EC2526); } .contact-location__inner__item__content__right { position: absolute; top: 0; left: 30px; padding: 15px 20px; background: var(--drivschol-primary, #EC2526); max-width: 165px; width: 100%; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .contact-location__inner__item__content__right { left: 0px; } } @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) { .contact-location__inner__item__content__right { position: relative; margin-top: 30px; left: auto !important; width: 100%; } } .contact-location__inner__item__content__right__item { margin-bottom: 14px; } .contact-location__inner__item__content__right__item__day { display: block; color: var(--drivschol-white, #fff); font-family: var(--drivschol-heading-font, "Urbanist", sans-serif); font-size: 13px; font-weight: 500; line-height: normal; margin-bottom: 5px; } .contact-location__inner__item__content__right__item__time { display: block; color: var(--drivschol-white, #fff); font-family: var(--drivschol-heading-font, "Urbanist", sans-serif); font-size: 13px; font-style: normal; font-weight: 800; line-height: 138.462%; padding-bottom: 0; margin-bottom: 0; } .contact-location__inner__item__content__right__item:last-child { margin-bottom: 0; } .contact-location__inner__item__content__right::after { content: ""; width: 22px; height: 22px; position: absolute; right: -20px; top: 0; clip-path: polygon(0 0, 100% 0, 100% 100%); background: var(--drivschol-primary, #EC2526); } @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) { .contact-location__inner__item__content__right::after { display: none; } } .tabs-content .tab:not(.active-tab) { display: none; } /*-------------------------------------------------------------- # Topbar --------------------------------------------------------------*/ .topbar-one { position: relative; background-color: var(--drivschol-primary, #EC2526); height: 50px; padding: 0 45px; } @media (max-width: 1499px) { .topbar-one { padding: 0 0; } } @media (max-width: 767px) { .topbar-one { display: none; } } .topbar-one--three { background-color: var(--drivschol-black2, #111117); height: 40px; } .topbar-one--three .topbar-one__social { background: var(--drivschol-primary, #EC2526); } .topbar-one--three .topbar-one__social a { color: var(--drivschol-white, #fff); } .topbar-one--three .topbar-one__social::before { background: var(--drivschol-primary, #EC2526); } .topbar-one--three .topbar-one__social::after { left: -19px; background: var(--drivschol-primary, #EC2526); width: 20px; clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); } .topbar-one--three .topbar-one__social a:hover { color: var(--drivschol-black2, #111117); } .topbar-one--three .topbar-one__right-text i { color: var(--drivschol-primary, #EC2526); } .topbar-one--three .topbar-one__text { padding-right: 90px; } .topbar-one--three .topbar-one__social::after { left: -59px; width: 60px; } .topbar-one--three .topbar-one__social { position: relative; display: flex; padding: 8.5px 0px; } .topbar-one--three .topbar-one__right { padding: 5px 0px; } .topbar-one__inner { display: flex; align-items: center; } @media (max-width: 991px) { .topbar-one__inner { justify-content: space-between; } } @media screen and (min-width: 992px) { .topbar-one__inner { flex-direction: row; } } .topbar-one__left { display: flex; align-items: center; margin: 0; } .topbar-one__left__item + .topbar-one__left__item { margin-right: 20px; } .topbar-one__right { display: flex; align-items: center; padding: 10.5px 0px; } @media screen and (min-width: 992px) { .topbar-one__right { margin-top: 0; margin-right: auto; } } .topbar-one__right-text { color: var(--drivschol-white, #fff); font-size: 14px; font-weight: 600; line-height: 18px; letter-spacing: 0; } .topbar-one__right-text a { color: inherit; background: linear-gradient(to left, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .topbar-one__right-text a:hover { background-size: 100% 1px; } .topbar-one__right-text i { margin-left: 5px; font-size: 12px; } .topbar-one__right li + li { margin-right: 35px; } @media (max-width: 991px) { .topbar-one__right li + li { margin-right: 25px; } } .topbar-one__text { color: var(--drivschol-white, #fff); font-size: 14px; font-weight: 600; margin-bottom: 0; padding-right: 50px; line-height: 18px; letter-spacing: 0; } @media (max-width: 991px) { .topbar-one__text { display: none; } } .topbar-one__social { position: relative; display: flex; padding: 13.5px 0px; align-items: center; padding-left: 20px; background: var(--drivschol-white, #fff); } .topbar-one__social a { font-size: 14px; color: var(--drivschol-black2, #111117); transition: all 500ms ease-in-out; } .topbar-one__social a:hover { color: var(--drivschol-primary, #EC2526); } .topbar-one__social a + a { margin-right: 18px; } @media screen and (min-width: 992px) { .topbar-one__social a + a { margin-right: 24px; } } .topbar-one__social a + a:first-child { margin-right: 0; } .topbar-one__social::before { content: ""; background: var(--drivschol-white, #fff); width: 9999999px; height: 100%; position: absolute; top: 0; left: 99%; } .topbar-one__social::after { content: ""; background: var(--drivschol-white, #fff); width: 40px; height: 100%; position: absolute; top: 0; left: -39px; clip-path: polygon(0 0, 0 100%, 100% 0); } /*-------------------------------------------------------------- # Navigations --------------------------------------------------------------*/ .main-header { background-color: var(--drivschol-white, #fff); padding: 0 45px; position: relative; z-index: 99; } @media (max-width: 1499px) { .main-header { padding: 0 0; } } @media screen and (max-width: 768px) { .main-header { background-color: var(--drivschol-black2, #111117); } } @media screen and (max-width: 575px) { .main-header { background-color: var(--drivschol-black2, #111117); } } .main-header__inner { display: flex; align-items: center; background-color: transparent; position: relative; } @media screen and (max-width: 768px) { .main-header__inner { background-color: var(--drivschol-black2, #111117); } } @media screen and (max-width: 575px) { .main-header__inner { background-color: var(--drivschol-black2, #111117); } } .main-header__logo { display: flex; width: 100%; height: 100%; align-items: center; justify-content: space-between; position: relative; background: var(--drivschol-black2, #111117); } .main-header__logo a { display: block; padding: 29px 0px 30px 20px; } @media screen and (max-width: 768px) { .main-header__logo a { padding: 10px 0px 10px 10px; } } @media screen and (min-width: 768px) { .main-header__logo { width: auto; } } @media screen and (min-width: 768px) { .main-header__logo .mobile-nav__btn { margin-right: 30px; } } .main-header__logo::before { content: ""; background: var(--drivschol-black2, #111117); width: 9999999px; height: 100%; position: absolute; top: 0; left: 99%; } @media screen and (max-width: 768px) { .main-header__logo::before { display: none; } } .main-header__logo::after { content: ""; background: var(--drivschol-black2, #111117); width: 73px; height: 101%; position: absolute; top: 0; left: -72px; clip-path: polygon(0 0, 0 100%, 100% 0); } @media screen and (max-width: 768px) { .main-header__logo::after { display: none; } } .main-header .info-item { display: block; } .main-header .info-item__btn { font-size: 20px; padding-left: 20px; display: inline-flex; } .main-header .info-item__btn i { color: var(--drivschol-primary, #EC2526); display: block; transition: all 500ms ease-in-out; } .main-header .info-item__btn .icon { width: 39px; height: 39px; display: flex; align-items: center; justify-content: center; font-size: 18px; background-color: RGBA(var(--drivschol-white-rgb, 255, 255, 255), 0.13); } .main-header .info-item__btn .icon i { display: block; transition: all 500ms ease-in-out; transform: rotateY(0deg); } .main-header .info-item__btn .content { margin-right: 18px; } .main-header .info-item__btn .content__text { color: var(--drivschol-gray, #6D7076); font-family: var(--drivschol-font, "Manrope", sans-serif); font-size: 13px; font-style: normal; font-weight: 400; line-height: 176.923%; letter-spacing: 0; display: block; margin-bottom: -3px; } .main-header .info-item__btn .content__call { margin-top: -2px; margin-bottom: -5px; color: var(--drivschol-white, #fff); transition: all 500ms ease-in-out; font-size: 18px; font-style: normal; font-weight: 700; line-height: 166.667%; } .main-header .info-item__btn:hover .icon i { color: var(--drivschol-primary, #EC2526); transform: rotateY(-180deg); } .main-header .info-item__btn:hover .content__call { color: var(--drivschol-primary, #EC2526); } .main-header .info-item__btn:hover i { color: var(--drivschol-white, #fff); } .main-header .info-item:nth-child(3) { padding-left: 0; margin-left: 0; } .main-header .info-item:nth-child(3) a { padding-left: 0; margin-left: 0; } .main-header .info-item:nth-child(1) { padding-right: 10px; padding-left: 21px; margin-left: 30px; border-left: 1px solid rgba(var(--drivschol-primary-rgb, 236, 37, 38), 0.1); } @media (max-width: 767px) { .main-header .info-item:nth-child(1) { display: none; } } .main-header__right { display: flex; align-items: center; margin-right: 10px; padding: 32.66px 40px 32px 0px; position: relative; } @media (max-width: 1199px) { .main-header__right { padding-right: 22px; margin-right: 0; } } @media (min-width: 992px) and (max-width: 1199px) { .main-header__right { padding-right: 45px; } } .main-header__right--two::before, .main-header__right--two::after { display: none; } .main-header__right--two .info-item { display: none; } @media screen and (min-width: 768px) { .main-header__right--two .info-item { display: block; } } .main-header__right--two .info-item__btn .icon { padding: 10px; background: var(--drivschol-gray2, #F5F5F5); } .main-header__right--two .info-item__btn .icon i { color: var(--drivschol-primary, #EC2526); } .main-header__right--two .info-item__btn .content { margin-right: 18px; } .main-header__right--two .info-item__btn .content__text { color: var(--drivschol-black2, #111117); } .main-header__right--two .info-item__btn .content__call { margin-top: -6px; color: var(--drivschol-primary, #EC2526); } .main-header__right--two .info-item .info-item__btn:hover i { color: var(--drivschol-primary, #EC2526); } .main-header__right::before { content: ""; background: var(--drivschol-white, #fff); width: 60px; height: 70%; position: absolute; bottom: 0; left: -101px; z-index: -1; clip-path: polygon(100% 0, 0% 100%, 100% 100%); } @media (max-width: 1800px) { .main-header__right::before { left: -20px; width: 50px; height: 50%; } } @media screen and (max-width: 1200px) { .main-header__right::before { display: none; } } .main-header__right::after { content: ""; background: var(--drivschol-black2, #111117); width: 143%; height: 100%; position: absolute; top: 0; left: -100px; z-index: -2; clip-path: polygon(13% 0%, 100% 0%, 100% 100%, 0% 100%); } @media screen and (max-width: 768px) { .main-header__right::after { display: none; } } .main-header__right .item-shape { position: absolute; height: 109.11px; right: -40%; overflow: hidden; z-index: -1; top: 0; } @media screen and (max-width: 768px) { .main-header__right .item-shape { display: none; } } .main-header__cart, .main-header__search { font-size: 24px; color: var(--drivschol-black2, #111117); transition: all 500ms ease; margin-right: 20px; line-height: 1em; } .main-header__cart:hover, .main-header__search:hover { color: var(--drivschol-text, #6D7076); } .main-header__nav { margin-right: 250px; margin-left: auto; } @media screen and (min-width: 992px) and (max-width: 1199px) { .main-header__nav { margin-right: 60px; } } @media screen and (min-width: 1200px) and (max-width: 1400px) { .main-header__nav { margin-right: 70px; } } @media (max-width: 1199px) { .main-header__nav { margin-right: 0px; } } .main-header--two { background-color: var(--drivschol-white, #fff); position: absolute; right: 0; top: 0; z-index: 9; width: 100%; border-bottom: 1px solid RGBA(var(--drivschol-white-rgb, 255, 255, 255), 0.1); } .main-header--two .main-header__nav { margin-right: 145px; } .main-header--two.sticky-header--cloned { background-color: var(--drivschol-white, #fff); border: none; } .main-header--two.sticky-header--cloned .main-menu .main-menu__list > li { padding-top: 35.25px; padding-bottom: 35.25px; } .main-header--two .main-header .info-item__btn:hover { color: var(--drivschol-black2, #111117); } .main-header--two .mobile-nav__btn span { background-color: var(--drivschol-primary, #EC2526); } .main-header--two .main-header__btn::after, .main-header--two .main-header__btn { background-color: var(--drivschol-white, #fff); } .main-header--two .main-header__logo { background-color: transparent; color: transparent; } .main-header--two .main-header__logo a { padding: 0; } .main-header--two .main-header__logo::after, .main-header--two .main-header__logo::before { display: none; } .main-header--two .main-header__btn:hover { color: var(--drivschol-black2, #111117); } .main-header--two .container-fluid { max-width: 1800px; margin-right: auto; margin-left: auto; } .main-header--two .main-header__inner { background-color: transparent; } .main-header--two .main-menu .main-menu__list > li { padding-top: 40px; padding-bottom: 40px; } .main-header--two .main-menu .main-menu__list > li > a { color: var(--drivschol-gray, #6D7076); } .main-header--two .main-menu .main-menu__list > li > a:hover { color: var(--drivschol-primary, #EC2526) !important; } .main-header--two .main-header__right { padding: 0; } .main-header--two .main-header__right::after, .main-header--two .main-header__right::before { display: none; } .main-header--two .main-header .info-item__btn .icon { padding: 10px; background: var(--drivschol-gray2, #F5F5F5); } .main-header--two .main-header .info-item__btn .content__call { color: var(--drivschol-primary, #EC2526); } .main-header--two .main-menu .main-menu__list > li.current > a, .main-header--two .main-menu .main-menu__list > li:hover > a { color: var(--drivschol-text, #6D7076); } .main-header--two .main-header__cart, .main-header--two .main-header__search { color: var(--drivschol-white, #fff); } .main-header--two .main-header__cart:hover, .main-header--two .main-header__search:hover { color: var(--drivschol-text, #6D7076); } .main-header--two .main-header__right { border-color: RGBA(var(--drivschol-white-rgb, 255, 255, 255), 0.1); } .main-header--three { background-color: var(--drivschol-white, #fff); position: relative; right: 0; top: 0; z-index: 9; width: 100%; border-bottom: 1px solid RGBA(var(--drivschol-white-rgb, 255, 255, 255), 0.1); } .main-header--three .main-header__nav { margin-right: 145px; } @media (max-width: 1400px) { .main-header--three .main-header__nav { margin-right: 100px; } } .main-header--three .main-header__right--two .info-item .info-item__btn:hover i { color: var(--drivschol-black2, #111117); } .main-header--three.sticky-header--cloned { background-color: var(--drivschol-white, #fff); border: none; } .main-header--three.sticky-header--cloned .main-menu .main-menu__list > li { padding-top: 35.25px; padding-bottom: 35.25px; } .main-header--three .main-header .info-item__btn:hover { color: var(--drivschol-black2, #111117); } .main-header--three .mobile-nav__btn span { background-color: var(--drivschol-primary, #EC2526); } .main-header--three .main-header__btn::after, .main-header--three .main-header__btn { background-color: var(--drivschol-white, #fff); } .main-header--three .main-header .info-item__btn .content__text { color: var(--drivschol-black2, #111117); } .main-header--three .main-header__logo { background-color: transparent; color: transparent; } .main-header--three .main-header__logo a { padding: 0; } .main-header--three .main-header__logo::after, .main-header--three .main-header__logo::before { display: none; } .main-header--three .main-header__btn:hover { color: var(--drivschol-black2, #111117); } .main-header--three .container-fluid { max-width: 1820px; margin-right: auto; margin-left: auto; } .main-header--three .main-header__inner { background-color: transparent; } .main-header--three .main-menu .main-menu__list > li { padding-top: 40px; padding-bottom: 40px; } .main-header--three .main-menu .main-menu__list > li > a { color: var(--drivschol-gray, #6D7076); } .main-header--three .main-menu .main-menu__list > li > a:hover { color: var(--drivschol-primary, #EC2526) !important; } .main-header--three .main-header__right { padding: 0; } .main-header--three .main-header__right::after, .main-header--three .main-header__right::before { display: none; } .main-header--three .main-header .info-item__btn .icon { padding: 10px; background: var(--drivschol-gray2, #F5F5F5); } .main-header--three .main-header .info-item__btn .content__call { color: var(--drivschol-primary, #EC2526); } .main-header--three .main-menu .main-menu__list > li.current > a, .main-header--three .main-menu .main-menu__list > li:hover > a { color: var(--drivschol-text, #6D7076); } .main-header--three .main-header__cart, .main-header--three .main-header__search { color: var(--drivschol-white, #fff); } .main-header--three .main-header__cart:hover, .main-header--three .main-header__search:hover { color: var(--drivschol-text, #6D7076); } .main-header--three .main-header__right { border-color: RGBA(var(--drivschol-white-rgb, 255, 255, 255), 0.1); } .sticky-header--cloned { position: fixed; top: 0; right: 0; left: 0; z-index: 999; top: 0; background-color: var(--drivschol-white, #fff); transform: translateY(-100%); box-shadow: 0px 3px 18px rgba(var(--drivschol-black-rgb, 0, 0, 0), 0.07); transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1); visibility: hidden; transition: transform 500ms ease, visibility 500ms ease; } @media screen and (max-width: 768px) { .sticky-header--cloned { background-color: var(--drivschol-black2, #111117); } } @media screen and (max-width: 575px) { .sticky-header--cloned { background-color: var(--drivschol-black2, #111117); } } .sticky-header--cloned.active { transform: translateY(0%); visibility: visible; } .mobile-nav__btn { min-width: 24px; margin-right: 20px; display: flex; align-items: center; flex-direction: column; flex-wrap: wrap; cursor: pointer; z-index: 3; } @media screen and (min-width: 1200px) { .mobile-nav__btn { display: none; } } .mobile-nav__btn span { width: 100%; height: 2px; display: block; background-color: var(--drivschol-primary, #EC2526); } .mobile-nav__btn span:nth-child(2) { margin-top: 4px; margin-bottom: 4px; } .main-menu { /* after third level no menu */ } .main-menu .main-menu__list, .main-menu .main-menu__list ul { margin: 0; padding: 0; list-style-type: none; align-items: center; display: none; } @media (min-width: 1200px) { .main-menu .main-menu__list, .main-menu .main-menu__list ul { display: flex; } } .main-menu .main-menu__list > li { padding-top: 40px; padding-bottom: 40px; position: relative; } .main-menu .main-menu__list > li.dropdown > a { position: relative; } .main-menu .main-menu__list > li + li { margin-right: 40px; } @media screen and (min-width: 1300px) and (max-width: 1400px) { .main-menu .main-menu__list > li + li { margin-right: 30px; } } @media screen and (min-width: 1200px) and (max-width: 1299px) { .main-menu .main-menu__list > li + li { margin-right: 26px; } } .main-menu .main-menu__list > li > a { color: var(--drivschol-text, #6D7076); font-family: var(--drivschol-heading-font, "Urbanist", sans-serif); font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; display: flex; align-items: center; text-transform: capitalize; position: relative; transition: all 500ms ease; } .main-menu .main-menu__list > li.current > a, .main-menu .main-menu__list > li:hover > a { color: var(--drivschol-primary, #EC2526); } .main-menu .main-menu__list li ul { position: absolute; top: 100%; right: -25px; min-width: 270px; flex-direction: column; justify-content: flex-start; align-items: flex-start; opacity: 0; visibility: hidden; transform-origin: top center; transform: scaleY(0) translateZ(100px); transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease; z-index: 99; background-color: var(--drivschol-white, #fff); box-shadow: 0px 10px 60px 0px RGBA(var(--drivschol-white-rgb, 255, 255, 255), 0.07); padding: 20px; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07); } .main-menu .main-menu__list li:hover > ul { opacity: 1; visibility: visible; transform: scaleY(1) translateZ(0px); } .main-menu .main-menu__list > .megamenu { position: static; } .main-menu .main-menu__list > .megamenu > ul { top: 100% !important; right: 0 !important; left: 0 !important; background-color: transparent; box-shadow: none; padding: 0; } .main-menu .main-menu__list li ul li { flex: 1 1 100%; width: 100%; position: relative; margin-bottom: 10px; } .main-menu .main-menu__list li ul li:last-child { margin-bottom: 0; } .main-menu .sub-menu .dropdown::before { content: "\e921"; position: absolute; left: 20px; top: 14px; transform: translate(-10px 10px); font-size: 12px; font-weight: 500; color: var(--drivschol-primary, #EC2526); visibility: hidden; opacity: 0; transition: all 500ms ease; transform: scaleX(0); font-family: "icomoon" !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; } .main-menu .sub-menu .dropdown:hover::before { visibility: visible; opacity: 1; transform: scaleX(1); } .main-menu .main-menu__list li ul li > a { font-size: 14px; line-height: 26px; color: var(--drivschol-heading-font, "Urbanist", sans-serif); font-family: var(--drivschol-heading-font, "Urbanist", sans-serif); font-weight: 700; border-radius: 4px; display: flex; text-transform: capitalize; padding: 10px 20px; transition: 400ms; line-height: normal; letter-spacing: 0; } .main-menu .main-menu__list li ul li.current > a, .main-menu .main-menu__list li ul li:hover > a { background-color: var(--drivschol-gray2, #F5F5F5); color: var(--drivschol-primary, #EC2526); } .main-menu .main-menu__list li ul li.current > a::after, .main-menu .main-menu__list li ul li:hover > a::after { visibility: visible; opacity: 1; transform: scale(1); } .main-menu .main-menu__list li ul li > ul { top: 0; right: calc(100% + 20px); } .main-menu .main-menu__list li ul li > ul.right-align { top: 0; right: auto; left: 100%; } .main-menu .main-menu__list li ul li > ul ul { display: none; } @media (min-width: 1200px) and (max-width: 1400px) { .main-menu__list li:nth-last-child(1) ul li > ul, .main-menu__list li:nth-last-child(2) ul li > ul { right: auto; left: calc(100% + 20px); } } /*-------------------------------------------------------------- # Megamenu Popup --------------------------------------------------------------*/ .mobile-nav__container .main-menu__list > .megamenu.megamenu-clickable > ul, .main-menu .main-menu__list > .megamenu.megamenu-clickable > ul, .stricky-header .main-menu__list > .megamenu.megamenu-clickable > ul { position: fixed; top: 0 !important; right: 0 !important; width: 100vw; height: 100vh; visibility: visible; overflow-y: scroll; visibility: hidden; opacity: 0; -webkit-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: bottom center; transform-origin: bottom center; transition: transform 0.7s ease, opacity 0.7s ease, visibility 0.7s ease; z-index: 999999; -ms-overflow-style: none; scrollbar-width: none; overflow-y: scroll; padding: 0; background-color: var(--drivschol-white, #fff); display: block !important; margin: 0; } .main-menu__list > li.megamenu-clickable > ul::-webkit-scrollbar { display: none; } .mobile-nav__container .main-menu__list > .megamenu.megamenu-clickable > ul.megamenu-clickable--active, .main-menu .main-menu__list > .megamenu.megamenu-clickable > ul.megamenu-clickable--active, .stricky-header .main-menu__list > .megamenu.megamenu-clickable > ul.megamenu-clickable--active { -webkit-transform-origin: top center; transform-origin: top center; -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; visibility: visible; transition: transform 0.7s ease, opacity 0.7s ease, visibility 0.7s ease; } body.megamenu-popup-active { overflow: hidden; } body.megamenu-popup-active .stricky-header { bottom: 0; } body.megamenu-popup-active .mobile-nav__content { overflow: unset; } .mobile-nav__content .demo-one .container { padding-right: 15px; padding-left: 15px; } .megamenu-popup { position: relative; } .megamenu-popup .megamenu-clickable--close { position: absolute; top: 18px; left: 20px; display: block; color: var(--drivschol-black2, #111117); } @media (min-width: 1300px) { .megamenu-popup .megamenu-clickable--close { top: 38px; left: 40px; } } .megamenu-popup .megamenu-clickable--close:hover { color: var(--drivschol-text, #6D7076); } .megamenu-popup .megamenu-clickable--close span { width: 24px; height: 24px; display: block; position: relative; color: currentColor; transition: all 500ms ease; } .megamenu-popup .megamenu-clickable--close span::before, .megamenu-popup .megamenu-clickable--close span::after { content: ""; width: 100%; height: 2px; background-color: currentColor; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) rotate(45deg); } .megamenu-popup .megamenu-clickable--close span::after { transform: translate(50%, -50%) rotate(-45deg); } /*-------------------------------------------------------------- # Home Showcase --------------------------------------------------------------*/ .demo-one { padding-top: 120px; padding-bottom: 120px; } .demo-one .row { --bs-gutter-y: 30px; } .demo-one__card { background-color: var(--drivschol-white, #fff); box-shadow: 0px 10px 60px 0px rgba(var(--drivschol-black3-rgb, 42, 42, 48), 0.1); text-align: center; transition: 500ms ease; transform: translateY(0px); } .demo-one__card:hover { transform: translateY(-10px); } .demo-one__title { text-transform: capitalize; font-size: 20px; color: var(--drivschol-black2, #111117); font-weight: 600; margin-bottom: 0; padding-bottom: 0; } .demo-one__title a { color: inherit; background: linear-gradient(to left, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .demo-one__title a:hover { background-size: 100% 1px; } .demo-one__title a:hover { color: var(--drivschol-primary, #EC2526); } .demo-one__image { position: relative; overflow: hidden; } .demo-one__image img { max-width: 100%; transition: filter 500ms ease; filter: blur(0px); } .demo-one__card:hover .demo-one__image img { filter: blur(2px); } .demo-one__btns { background-color: rgba(var(--drivschol-black3-rgb, 42, 42, 48), 0.7); position: absolute; top: 0; right: 0; left: 0; bottom: 0; display: flex; justify-content: center; align-items: center; gap: 20px; transform: scale(1, 0); transition: transform 500ms ease, opacity 600ms linear; transform-origin: bottom center; opacity: 0; } .demo-one__card:hover .demo-one__btns { transform: scale(1, 1); opacity: 1; transform-origin: top center; } .demo-one__btn { font-size: 13px; padding: 16px 25px; } .demo-one__btn::before { background-color: var(--drivschol-black3, #2A2A30); } .demo-one__btn::after { background-color: var(--drivschol-primary, #EC2526); } .demo-one__btn:hover { color: var(--drivschol-white, #fff); } @media screen and (min-width: 768px) { .demo-one__btn { display: inline-flex; } } .demo-one__title { padding-top: 20.5px; padding-bottom: 20.5px; } .home-showcase { margin-top: 0px; margin-bottom: -20px; } .home-showcase .row { --bs-gutter-x: 40px; --bs-gutter-y: 20px; } .home-showcase__inner { padding: 40px 40px 25px; background-color: var(--drivschol-white, #fff); box-shadow: 0px 10px 60px 0px rgba(var(--drivschol-black3-rgb, 42, 42, 48), 0.07); } .home-showcase .demo-one__card { box-shadow: none; } .home-showcase .demo-one__btns { flex-direction: column; } .home-showcase .demo-one__btn { min-width: 125px; text-align: center; justify-content: center; } .home-showcase .demo-one__title { padding: 0; font-size: 18px; margin-top: 15px; padding-bottom: 15px; } /*-------------------------------------------------------------- # Why choose --------------------------------------------------------------*/ .why-choose-one { position: relative; background-color: var(--drivschol-heading-text, #111117); padding: 120px 0 90px 0px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .why-choose-one { padding: 100px 0 60px 0px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .why-choose-one { padding: 80px 0px 40px 0px; } } .why-choose-one__bg { position: absolute; width: 100%; height: 100%; top: 0%; right: 0%; bottom: 0%; left: 0; background-position: center center; background-repeat: no-repeat; background-size: cover; opacity: 0.17; background-blend-mode: multiply; } .why-choose-one__head__text { color: rgba(255, 255, 255, 0.5); padding-right: 60px; font-size: 16px; font-style: normal; font-weight: 500; line-height: 187.5%; letter-spacing: 0.8px; margin-bottom: 0; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .why-choose-one__head__text { margin-bottom: 30px; padding-right: 0px; } } .why-choose-one .sec-title { padding-bottom: 0; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .why-choose-one .sec-title { padding-bottom: 30px; } } .why-choose-one__inner { padding-top: 46px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .why-choose-one__inner { padding-top: 0px; } } .why-choose-one .sec-title__tagline { color: var(--drivschol-white, #fff); } .why-choose-one .sec-title__title { color: var(--drivschol-white, #fff); } .why-choose-one__single__item { border: 1px solid rgba(255, 255, 255, 0.15); background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(15px); transition: all 0.4s ease-in-out; padding: 27px 30px 11px 30px; margin-bottom: 30px; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .why-choose-one__single__item { padding: 20px 20px 5px 20px; max-width: 330px; } } .why-choose-one__single__item__icon { margin-bottom: 12px; } .why-choose-one__single__item__icon i { font-size: 60px; color: var(--drivschol-primary, #EC2526); transition: all 0.4s ease-in-out; } .why-choose-one__single__item__text { color: var(--drivschol-white, #fff); font-size: 20px; font-style: normal; font-weight: 700; line-height: normal; transition: all 0.4s ease-in-out; } .why-choose-one__single__item__text a { background: linear-gradient(to left, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .why-choose-one__single__item__text a:hover { background-size: 100% 1px; } .why-choose-one__single__item__text a:hover { color: var(--drivschol-black2, #111117); } .why-choose-one__single__item::after { content: ""; width: 100%; height: 0%; position: absolute; top: 0%; right: 0%; bottom: auto; background: rgba(var(--drivschol-primary-rgb, 236, 37, 38), 1); z-index: -5; transition: all 0.4s ease-in-out; } .why-choose-one__single__item:hover { background: transparent; } .why-choose-one__single__item:hover .why-choose-one__single__item__icon i { color: var(--drivschol-white, #fff); } .why-choose-one__single__item:hover::after { height: 100%; top: auto; right: 0%; bottom: 0; } .why-choose-one__content { padding-right: 30px; padding-left: 30px; } @media screen and (min-width: 1200px) { .why-choose-one__content { padding-right: 0; padding-left: 0; } } .why-choose-one__image { text-align: left; margin-top: 35px; } @media screen and (min-width: 1200px) { .why-choose-one__image { margin-top: 0; } } .why-choose-one__image img { max-width: 100%; } @media screen and (min-width: 1200px) { .why-choose-one__image img { max-width: none; } } .why-choose-one__highlighted { margin: 0; color: var(--drivschol-text, #6D7076); font-size: 18px; line-height: 30px; margin-top: -20px; } @media screen and (min-width: 768px) { .why-choose-one__highlighted { font-size: 20px; } } .why-choose-one__text { margin: 0; font-size: 15px; line-height: 2em; margin-top: 15px; } @media screen and (min-width: 1200px) { .why-choose-one__text { margin-top: 20px; } } .why-choose-one__list { margin-top: 45px; } .why-choose-one__list__item { align-items: flex-start; display: flex; flex-direction: column; } @media screen and (min-width: 1200px) { .why-choose-one__list__item { flex-direction: row; align-items: center; justify-content: space-between; } } .why-choose-one__list__item + .why-choose-one__list__item { margin-top: 20px; } .why-choose-one__list__icon { width: 57px; height: 57px; background-color: var(--drivschol-text, #6D7076); display: flex; justify-content: center; align-items: center; text-align: center; color: var(--drivschol-white, #fff); font-size: 21px; flex-shrink: 0; border-radius: 50%; margin-bottom: 15px; transition: all 500ms ease; } .why-choose-one__list__icon i { transform: scale(1); transition: 500ms ease; } .why-choose-one__list__icon:hover { background-color: var(--drivschol-black, #000); color: var(--drivschol-white, #fff); } .why-choose-one__list__icon:hover i { transform: scale(0.9); } @media screen and (min-width: 1200px) { .why-choose-one__list__icon { margin-bottom: 0; margin-left: 20px; } } .why-choose-one__list__title { margin: 0; text-transform: uppercase; font-size: 20px; color: var(--drivschol-black, #000); font-weight: bold; } @media screen and (min-width: 1200px) { .why-choose-one__list__title { min-width: 130px; } } .why-choose-one__list__title a { color: inherit; background: linear-gradient(to left, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .why-choose-one__list__title a:hover { background-size: 100% 1px; } .why-choose-one__list__text { margin: 0; font-size: 15px; line-height: 26px; position: relative; } .why-choose-one__list__text::before { content: ""; position: absolute; top: 0; right: 0; width: 1px; height: 57px; background-color: var(--drivschol-border-color, #E6E6E6); top: 50%; transform: translateY(-50%); display: none; } @media screen and (min-width: 1200px) { .why-choose-one__list__text::before { display: block; } } @media screen and (min-width: 1200px) { .why-choose-one__list__text { padding-right: 30px; } } .why-choose-two { padding: 120px 0px 70px 0px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .why-choose-two { padding: 80px 0px 80px 0px; } } .why-choose-two__image { position: relative; display: flex; flex-direction: column; justify-content: end; margin-left: -30px; } .why-choose-two__image img { max-width: 100%; } @media (max-width: 767px) { .why-choose-two__image { margin-left: 0px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .why-choose-two__image { justify-content: center; margin-left: 0px; margin-left: 0px; } } .why-choose-two__success { right: 30px; max-width: 90%; position: relative; bottom: 57px; left: 30px; z-index: 1; display: flex; justify-content: start; align-items: center; padding: 25px 40px; background: var(--drivschol-primary, #EC2526); gap: 10px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) { .why-choose-two__success { padding: 15px 20px; display: block; } } @media (max-width: 575px) { .why-choose-two__success { padding: 15px 20px; display: block; max-width: 100%; right: 0; left: 0; } } .why-choose-two__success__icon { font-size: 45px; color: var(--drivschol-white, #fff); } @media (max-width: 575px) { .why-choose-two__success__icon { margin-bottom: 20px; } } .why-choose-two__success__content__title { color: var(--drivschol-white, #fff); font-size: 20px; font-style: normal; font-weight: 800; line-height: normal; margin-bottom: 5px; } .why-choose-two__success__content__text { color: var(--drivschol-white, #fff); font-size: 14px; font-style: normal; font-weight: 500; line-height: 164.286%; letter-spacing: 0.42px; margin-bottom: 0; } .why-choose-two__content { padding-right: 70px; } @media (max-width: 1199px) { .why-choose-two__content { padding-right: 30px; } } @media (max-width: 768px) { .why-choose-two__content { padding-right: 0px; } } .why-choose-two .sec-title { padding-bottom: 15px; } .why-choose-two__highlight { font-size: 24px; color: var(--drivschol-primary, #EC2526); font-style: normal; font-weight: 700; line-height: 195.833%; font-family: var(--drivschol-heading-font, "Urbanist", sans-serif); margin-bottom: 8px; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .why-choose-two__highlight { line-height: 150.833%; } } .why-choose-two__text { font-size: 16px; font-style: normal; font-weight: 500; line-height: 187.5%; letter-spacing: 0.48px; margin-bottom: -4px; } .why-choose-two__progress { margin-top: 30px; margin-bottom: 50px; } .why-choose-two__progress__title { font-size: 20px; font-style: normal; font-weight: 600; line-height: 144.444%; margin-bottom: 15px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .why-choose-two__progress__title { margin-bottom: 10px; } } .why-choose-two__progress__bar { width: 100%; height: 10px; position: relative; background-color: var(--drivschol-gray2, #F5F5F5); } .why-choose-two__progress__inner { position: absolute; height: 10px; background-color: var(--drivschol-primary, #EC2526); transition: all 700ms linear; width: 0px; } .why-choose-two__progress__number { position: absolute; bottom: calc(100% + 5px); left: 0; margin-bottom: 8px; font-size: 18px; font-style: normal; font-weight: 500; line-height: 144.444%; } .why-choose-two .drivschol-btn { padding: 19px 39px; } .why-choose-three { position: relative; padding: 120px 0 220px; background-color: var(--drivschol-black2, #111117); margin-bottom: -100px; } @media (max-width: 767px) { .why-choose-three { padding: 80px 0 180px; } } .why-choose-three__bg { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-color: var(--drivschol-black2, #111117); background-size: cover; background-position: center center; background-repeat: no-repeat; opacity: 0.3; } .why-choose-three__content { position: relative; } .why-choose-three__content__text { font-size: 15px; line-height: 30px; color: rgba(var(--drivschol-white-rgb, 255, 255, 255), 0.6); margin: 0; } .why-choose-three .sec-title__title { color: var(--drivschol-white, #fff); } .why-choose-three .sec-title { padding-bottom: 26px; } .why-choose-three__list { position: relative; background-color: var(--drivschol-black2, #111117); margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; row-gap: 0; } @media (max-width: 991px) { .why-choose-three__list { margin: 50px 0 0; } } .why-choose-three__item { flex: 0 0 50%; max-width: 50%; padding: 40px 40px 36px; } .why-choose-three__item:nth-child(1), .why-choose-three__item:nth-child(3) { border-left: 1px solid rgba(var(--drivschol-white-rgb, 255, 255, 255), 0.1); } .why-choose-three__item:nth-child(1), .why-choose-three__item:nth-child(2) { border-bottom: 1px solid rgba(var(--drivschol-white-rgb, 255, 255, 255), 0.1); } @media (min-width: 992px) and (max-width: 1199px) { .why-choose-three__item { padding-right: 25px; padding-left: 25px; } } @media (max-width: 767px) { .why-choose-three__item { flex: 0 0 100%; max-width: 100%; border-bottom: 1px solid rgba(var(--drivschol-white-rgb, 255, 255, 255), 0.1); } } .why-choose-three__item:hover .why-choose-three__item__icon span { transform: scale(0.8); } .why-choose-three__item__top { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 12px; } .why-choose-three__item__icon { width: 57px; height: 57px; background-color: var(--drivschol-text, #6D7076); display: flex; align-items: center; justify-content: center; border-radius: 50%; color: var(--drivschol-white, #fff); font-size: 21px; margin-left: 18px; } @media (min-width: 992px) and (max-width: 1199px) { .why-choose-three__item__icon { margin-left: 12px; } } .why-choose-three__item__icon span { display: inline-block; transition: all 500ms linear; transition-delay: 0s; transition-delay: 0s; transition-delay: 0.1s; transform: scale(1); } .why-choose-three__item__title { color: var(--drivschol-white, #fff); font-size: 20px; text-transform: uppercase; font-weight: 700; margin: 0; } .why-choose-three__item__text { color: var(--drivschol-text-dark, #6e6b70); font-size: 15px; line-height: 30px; margin: 0; } .choose-us-one { background: var(--drivschol-black2, #111117); position: relative; z-index: 1; } .choose-us-one__thumb { position: relative; z-index: 1; margin-left: 45px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .choose-us-one__thumb { margin-left: 0px; } } .choose-us-one__thumb__bg { background-position: right top; background-size: cover; background-repeat: no-repeat; width: 100%; height: 750px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .choose-us-one__thumb__bg { height: 450px; } } .choose-us-one__thumb__award { position: absolute; bottom: 0; padding: 40px; left: 0; width: 323px; height: 260px; clip-path: polygon(100% 0, 0% 100%, 100% 100%); background-color: var(--drivschol-primary, #EC2526); display: flex; justify-content: end; align-items: end; flex-direction: column; z-index: 2; } @media (max-width: 575px) { .choose-us-one__thumb__award { width: 310px; height: 250px; } } .choose-us-one__thumb__award__icon { margin-bottom: 15px; } .choose-us-one__thumb__award__icon span { display: inline-block; font-size: 50px; color: var(--drivschol-white, #fff); } .choose-us-one__thumb__award__text { color: var(--drivschol-white, #fff); font-family: var(--drivschol-heading-font, "Urbanist", sans-serif); font-size: 20px; font-style: normal; font-weight: 700; line-height: 130.5%; margin-bottom: 0; max-width: 171px; margin-left: 0; margin-right: auto; text-align: left; } .choose-us-one__thumb::after { content: ""; width: 323px; height: 260px; background: var(--drivschol-white, #fff); clip-path: polygon(100% 0, 0% 100%, 100% 100%); position: absolute; bottom: 20px; left: 20px; animation: topbottom 4s ease-in-out infinite; } @media (max-width: 575px) { .choose-us-one__thumb::after { width: 310px; height: 250px; } } .choose-us-one__content { max-width: 560px; padding: 67px 20px 80px 0px; margin-left: auto; margin-right: 0; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .choose-us-one__content { padding: 67px 20px 80px 20px; } } .choose-us-one__content__head .sec-title { padding-bottom: 22px; } .choose-us-one__content__head .sec-title .sec-title__tagline { color: var(--drivschol-text, #6D7076); } .choose-us-one__content__head .sec-title .sec-title__title { color: var(--drivschol-white, #fff); } .choose-us-one__content__text { color: var(--drivschol-gray, #6D7076); font-size: 16px; font-weight: 500; line-height: 185.714%; margin-bottom: 57px; } .choose-us-one__content__single { padding: 30px 25px 25px 25px; position: relative; box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.08); margin-bottom: 50px; z-index: 1; } .choose-us-one__content__single__icon { transition: all 0.4s ease-in-out; margin-top: -60px; width: 58px; height: 58px; border-radius: 500px; background-color: var(--drivschol-primary, #EC2526); display: flex; justify-content: center; align-items: center; font-size: 30px; margin-bottom: 20px; } .choose-us-one__content__single__icon i { color: var(--drivschol-white, #fff); } .choose-us-one__content__single__title { color: var(--drivschol-white, #fff); font-size: 20px; font-weight: 800; line-height: 175%; letter-spacing: -0.4px; position: relative; z-index: 1; margin-bottom: 5px; } .choose-us-one__content__single__text { color: var(--drivschol-gray, #6D7076); font-size: 14px; font-weight: 500; line-height: 185.714%; margin-bottom: 0; } .choose-us-one__content__single::after { position: absolute; top: 0%; right: 0; left: 0px; content: ""; bottom: 0; opacity: 0.1; background: var(--drivschol-white, #fff); z-index: -1; } .choose-us-one__content__single:hover .choose-us-one__content__single__icon { background-color: var(--drivschol-white, #fff); } .choose-us-one__content__single:hover .choose-us-one__content__single__icon i { color: var(--drivschol-primary, #EC2526); } .choose-us-one__content__single:hover .choose-us-one__content__single__title a { background: linear-gradient(to left, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .choose-us-one__content__single:hover .choose-us-one__content__single__title a:hover { background-size: 100% 1px; } .choose-us-one__content__link__btn::after { background-color: var(--drivschol-white, #fff); } .choose-us-one__content__link__btn:hover { color: var(--drivschol-black2, #111117); } /*-------------------------------------------------------------- # Developer --------------------------------------------------------------*/ .develop-skill { padding-top: 120px; margin-bottom: 120px; position: relative; } @media only screen and (min-width: 768px) and (max-width: 991px) { .develop-skill { padding-top: 100px; margin-bottom: 100px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .develop-skill { padding-top: 80px; margin-bottom: 80px; } } .develop-skill--two { margin-bottom: 0; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .develop-skill--two { padding-top: 0px; } } .develop-skill--about { padding-top: 120px; margin-bottom: 120px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .develop-skill--about { padding-top: 100px; margin-bottom: 100px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .develop-skill--about { padding-top: 0px; margin-bottom: 80px; } } .develop-skill__left__item { height: 585px; position: relative; margin-right: -124px; width: auto; background-repeat: no-repeat; background-size: cover; background-position: top right; margin-left: 52px; } @media (max-width: 1400px) { .develop-skill__left__item { margin-right: auto; } } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .develop-skill__left__item { margin-right: auto; height: 450px; margin-right: 0px; width: 100%; } } .develop-skill__left__item__inner { position: absolute; bottom: 25px; right: 40px; } .develop-skill__left__item__inner__item { max-width: 405px; width: 100%; } .develop-skill__left__item__inner__item__icon { font-size: 70px; color: var(--drivschol-white, #fff); display: block; margin-bottom: 20px; } .develop-skill__left__item__inner__item__text { display: block; color: var(--drivschol-white, #fff); font-size: 30px; font-style: normal; font-weight: 700; line-height: normal; margin-bottom: 0; padding-bottom: 0; } @media (max-width: 575px) { .develop-skill__left__item__inner__item__text { font-size: 20px; max-width: 305px; } } .develop-skill__left__item__inner__link { margin-right: 38px; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .develop-skill__left__item__inner__link { margin-right: 0; } } .develop-skill__left__item__inner__link__btn { width: 80px; height: 80px; border-radius: 500px; background: var(--drivschol-black2, #111117); display: flex; justify-content: center; align-items: center; transition: all 0.4s ease-in-out; font-size: 30px; } .develop-skill__left__item__inner__link__btn i { color: var(--drivschol-white, #fff); font-size: 16px; transition: all 0.4s ease-in-out; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .develop-skill__left__item__inner__link__btn { margin-top: 20px; width: 50px; height: 50px; margin-right: 0; } .develop-skill__left__item__inner__link__btn i { font-size: 12px; } } .develop-skill__left__item__inner__link__btn:hover { background-color: var(--drivschol-white, #fff); } .develop-skill__left__item__inner__link__btn:hover i { color: var(--drivschol-black2, #111117); } .develop-skill__left__item::before { content: ""; width: 100%; height: 275px; position: absolute; bottom: 0; right: 0; background: linear-gradient(-180deg, #EC2526 36.46%, rgba(236, 37, 38, 0) 170.55%); clip-path: polygon(0 0, 100% 35%, 100% 100%, 0% 100%); } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .develop-skill__left__item::before { height: 65%; } } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .develop-skill__right { margin-top: 30px; } } .develop-skill__right .sec-title__tagline { margin-bottom: 5px; } .develop-skill__right .sec-title { padding-bottom: 20px; } .develop-skill__right__head { margin-bottom: 30px; } .develop-skill__right__head p { margin-bottom: 0; } .develop-skill__right__content__item { display: flex; gap: 20px; } @media (max-width: 575px) { .develop-skill__right__content__item { gap: 10px; } } .develop-skill__right__content__item__icon .icon { width: 64px; height: 64px; border-radius: 500px; background-color: var(--drivschol-primary, #EC2526); display: flex; justify-content: center; transition: all 0.4s ease-in-out; align-items: center; } .develop-skill__right__content__item__icon .icon i { font-size: 30px; color: var(--drivschol-white, #fff); } @media (max-width: 575px) { .develop-skill__right__content__item__icon { margin-bottom: 20px; } } .develop-skill__right__content__item__content__title { font-size: 24px; font-style: normal; font-weight: 800; line-height: 145.833%; letter-spacing: -0.48px; margin-bottom: 5px; } .develop-skill__right__content__item__content__text { font-weight: 500; line-height: 187.5%; letter-spacing: 0.48px; margin-bottom: 0; } .develop-skill__right__content__item:hover .icon { background-color: var(--drivschol-black2, #111117); } .develop-skill__right__content__item + .develop-skill__right__content__item { margin-top: 12px; } .develop-skill::before { content: ""; width: 60%; height: 100%; position: absolute; bottom: 0; left: 0; z-index: -2; background-color: var(--drivschol-gray2, #F5F5F5); } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .develop-skill::before { display: none; } } .develop-skill__shape-one { position: absolute; top: 20%; left: 0px; z-index: -1; animation: scale 4s ease-in-out infinite; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .develop-skill__shape-one { display: none; } } .develop-skill__shape-two { position: absolute; bottom: 5%; z-index: -1; left: 10%; animation: scale 6s ease-in-out infinite; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .develop-skill__shape-two { display: none; } } .develop-skill__shape-three { position: absolute; bottom: 0%; left: 0px; z-index: -1; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .develop-skill__shape-three { display: none; } } .develop-skill__shape-fore { position: absolute; top: 0%; left: 0%; z-index: -1; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .develop-skill__shape-fore { display: none; } } .category-one { padding: 120px 0px 130px 0px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .category-one { padding-top: 80px; padding-bottom: 50px; } } .category-one__single { display: flex; height: 100%; position: relative; max-width: 370px; margin-right: auto; margin-left: auto; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .category-one__single { margin-bottom: 50px; height: auto; } } .category-one__single:hover .category-one__icon, .category-one__single .active .category-one__icon { background-color: var(--drivschol-black2, #111117); } .category-one__single:hover .category-one__content, .category-one__single .active .category-one__content { background-color: var(--drivschol-primary, #EC2526); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.08); } .category-one__single:hover .category-one__content .category-one__content__title, .category-one__single:hover .category-one__content .category-one__content__text, .category-one__single .active .category-one__content .category-one__content__title, .category-one__single .active .category-one__content .category-one__content__text { color: var(--drivschol-white, #fff); } .category-one__single:hover .category-one__btn, .category-one__single .active .category-one__btn { background-color: var(--drivschol-black2, #111117); } .category-one__icon { display: flex; justify-content: center; max-width: 84px; width: 100%; height: 100%; padding: 40px 0px; transition: all 0.4s ease-in-out; background-color: var(--drivschol-primary, #EC2526); } .category-one__icon i { color: var(--drivschol-white, #fff); font-size: 50px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .category-one__icon { max-width: 70px; } .category-one__icon i { font-size: 35px; } } .category-one__content { background: var(--drivschol-white, #fff); box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.08); padding: 22px 30px 24px 30px; transition: all 0.4s ease-in-out; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .category-one__content { padding: 18px 20px; } } .category-one__content__title { font-size: 24px; font-style: normal; font-weight: 700; line-height: normal; margin-bottom: 8px; transition: all 0.4s ease-in-out; } .category-one__content__title a { background: linear-gradient(to left, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .category-one__content__title a:hover { background-size: 100% 1px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .category-one__content__title { font-size: 18px; } } .category-one__content__text { font-size: 14px; font-style: normal; font-weight: 500; line-height: 178.571%; letter-spacing: 0.42px; margin-bottom: 0; transition: all 0.4s ease-in-out; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .category-one__content__text { font-size: 12px; } } .category-one__btn { display: inline-block; position: absolute; left: 10px; bottom: -20px; font-size: 15px; color: var(--drivschol-primary, #EC2526); padding: 10px 12px; line-height: normal; background-color: var(--drivschol-gray2, #F5F5F5); transition: all 0.4s ease-in-out; } /*-------------------------------------------------------------- # Benefit --------------------------------------------------------------*/ .benefits-one { padding-top: 120px; position: relative; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .benefits-one { padding-top: 100px; } } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .benefits-one { padding-top: 80px; } } .benefits-one__left { padding-bottom: 30px; } .benefits-one__left__content__head .sec-title { padding-bottom: 23px; } .benefits-one__left__content__text { margin-bottom: 40px; letter-spacing: 0; font-size: 15px; } .benefits-one__left__content__box { margin-top: 40px; } .benefits-one__left__content__box__list { display: flex; width: 380px; height: auto; padding: 35px 40px; background: var(--drivschol-white, #fff); box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.08); flex-direction: column; } @media (max-width: 575px) { .benefits-one__left__content__box__list { width: 320px; padding: 25px 15px; } } .benefits-one__left__content__box__list__item { position: relative; color: var(--drivschol-black2, #111117); border-bottom: 1px solid var(--drivschol-border-color, #E6E6E6); padding-bottom: 14px; margin-bottom: 15px; letter-spacing: 0; font-family: var(--drivschol-heading-font, "Urbanist", sans-serif); font-size: 16px; font-style: normal; font-weight: 600; line-height: 162.5%; } .benefits-one__left__content__box__list__item::before { transition: all 0.5s ease-in-out; content: "\f058"; color: var(--drivschol-primary, #EC2526); margin-left: 7.9px; font-family: "Font Awesome 5 Free"; font-size: 16px; font-weight: 900; } .benefits-one__left__content__box__list__item:last-child { padding-bottom: 0; border-bottom: 0; margin-bottom: 0; } .benefits-one__left__content__box__list__item:hover::before { color: var(--drivschol-black, #000); } .benefits-one::after { z-index: -1; position: absolute; top: 0%; bottom: 160px; right: 0; width: 73.5%; content: ""; background-image: url(../images/backgrounds/banefit-1-1.png); background-position: 100% 0; background-size: cover; background-repeat: no-repeat; } .benefits-one__thumb__item { margin-right: 40px; margin-bottom: 135px; } @media screen and (min-width: 300px) and (max-width: 1700px) { .benefits-one__thumb__item img { max-width: 100%; object-fit: cover; } } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .benefits-one__thumb__item { margin-bottom: 0px; } } .benefits-one__thumb__cta { display: flex; justify-content: space-between; align-items: center; margin-right: -80px; margin-left: -80px; padding-bottom: 40px; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .benefits-one__thumb__cta { margin-right: -100px; margin-left: 20px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) { .benefits-one__thumb__cta { display: block; margin-right: -100px; margin-left: 20px; } } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .benefits-one__thumb__cta { display: flex; margin-right: 20px; margin-left: 20px; } } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .benefits-one__thumb__cta { display: block; margin-right: 20px; margin-left: 20px; } } .benefits-one__thumb__cta__text { color: var(--drivschol-black2, #111117); font-family: var(--drivschol-heading-font, "Urbanist", sans-serif); font-size: 20px; font-style: normal; font-weight: 800; line-height: 175%; letter-spacing: -0.4px; } .benefits-one__thumb__cta__text img { margin-left: 10px; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .benefits-one__thumb__cta__text { font-size: 16px; } } @media (max-width: 575px) { .benefits-one__thumb__cta__text img { display: block; } } .benefits-one__thumb__cta__btn { padding: 16px 37.55px; } @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .benefits-one__thumb__cta__btn { margin-top: 30px; } } .benefits-one__thumb__cta__btn::after { background: var(--drivschol-primary, #EC2526); } .benefits-one__thumb__cta__btn:hover { color: var(--drivschol-white, #fff); } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .benefits-one__thumb { margin-top: 30px; } } .benefits-one__element { display: flex; justify-content: center; top: 0; right: 73.3%; position: absolute; bottom: 10%; width: 237px; height: 78.55%; align-items: end; background: var(--drivschol-primary, #EC2526); z-index: -1; } .benefit-three { position: relative; padding-top: 80px; } .benefit-three__bg { background-position: 100% 0; position: absolute; top: 0%; background-repeat: no-repeat; background-size: cover; right: 0%; left: 0; bottom: 20%; z-index: -1; } .benefit-three__bg::after { position: absolute; content: ""; background: rgba(17, 17, 23, 0.6); width: 100%; height: 100%; top: 0%; right: 0%; z-index: 1; } .benefit-three__feature__list { max-width: 470px; position: relative; padding: 55px 33px; background: var(--drivschol-primary, #EC2526); } @media (max-width: 575px) { .benefit-three__feature__list { padding: 30px 20px; margin-right: auto; margin-left: auto; } } .benefit-three__feature__list__item { padding: 19px 45px 19px 20px; position: relative; margin-bottom: 20px; background: var(--drivschol-white, #fff); color: var(--drivschol-text, #6D7076); font-family: var(--drivschol-heading-font, "Urbanist", sans-serif); font-size: 20px; font-style: normal; font-weight: 600; line-height: 130%; } .benefit-three__feature__list__item::before { content: "\f058"; color: var(--drivschol-primary, #EC2526); margin-left: 8px; font-family: "Font Awesome 5 Free"; font-size: 16px; font-weight: 900; } .benefit-three__feature__list__item:last-child { margin-bottom: 0; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .benefit-three__feature__list__item { padding: 19px 15px 19px 15px; font-size: 16px; } } .benefit-three__feature__right { position: relative; padding-right: 55px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .benefit-three__feature__right { padding-right: 0px; margin-top: 30px; } } .benefit-three__feature__right__head { color: var(--drivschol-white, #fff); font-size: 46px; font-weight: 800; line-height: 108.696%; letter-spacing: -0.92px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .benefit-three__feature__right__head { font-size: 30px; } } .benefit-three__feature__right__image { margin-top: 42px; margin-right: -15px; } .benefit-three__feature__right__image img { animation: left 4s ease-in-out infinite; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .benefit-three__feature__right__image { margin-top: 30px; margin-bottom: 60px; margin-right: 0px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .benefit-three__feature__right__image img { max-width: 100%; object-fit: cover; } } .benefit-three::after { position: absolute; content: ""; background: var(--drivschol-primary, #EC2526); width: 100%; height: 98.8%; top: 0%; right: 40%; z-index: -6; } @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .benefit-three::after { height: 100%; } } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .benefit-three::after { right: 0%; } } /*-------------------------------------------------------------- # Funfact --------------------------------------------------------------*/ .funfact-one { padding-top: 120px; padding-bottom: 120px; position: relative; } @media only screen and (min-width: 768px) and (max-width: 991px) { .funfact-one { padding-top: 100px; padding-bottom: 100px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .funfact-one { padding-top: 80px; padding-bottom: 80px; } } .funfact-one__bg { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; background-position: center; z-index: -2; } .funfact-one__bg::after { position: absolute; top: 0%; right: 0%; content: ""; width: 100%; height: 100%; background-color: rgba(var(--drivschol-black-rgb, 0, 0, 0), 0.7); z-index: -1; } .funfact-one__left__content { max-width: 382px; width: 100%; margin-left: 100px; flex: 20%; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) { .funfact-one__left__content { flex: 100%; max-width: 100%; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .funfact-one__left__content { flex: 100%; } } .funfact-one__left__content__subtitle { color: var(--drivschol-primary, #EC2526); font-family: var(--drivschol-heading-font, "Urbanist", sans-serif); font-size: 20px; font-style: normal; font-weight: 600; line-height: normal; } .funfact-one__left__content__subtitle img { max-width: 24px; margin-left: 8px; } @media (max-width: 575px) { .funfact-one__left__content__subtitle { font-size: 15px; } } .funfact-one__left__content__title { margin-top: 12px; color: var(--drivschol-white, #fff); font-size: 40px; font-style: normal; font-weight: 800; line-height: 125%; letter-spacing: -1.2px; margin-bottom: 39px; max-width: 382px; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .funfact-one__left__content__title { font-size: 28px; } } .funfact-one__left__content__link__btn { color: var(--drivschol-white, #fff); font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; padding: 16px 40.5px; } .funfact-one__left__content__link__btn::after { background-color: var(--drivschol-white, #fff); } .funfact-one__left__content__link__btn:hover { color: var(--drivschol-black2, #111117); } .funfact-one__list { display: flex; align-items: center; gap: 30px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .funfact-one__list { flex-wrap: wrap; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .funfact-one__list { gap: 80px; } } .funfact-one__item { position: relative; max-width: 200px; padding-bottom: 30px; width: 100%; border: 1px solid rgba(255, 255, 255, 0.15); background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(20px); text-align: center; flex: 20%; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) { .funfact-one__item { flex: 33%; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .funfact-one__item { margin-right: auto; margin-left: auto; flex: 100%; max-width: 250px; } } .funfact-one__item::after { content: ""; width: 100%; height: 0%; position: absolute; top: 0%; right: 0%; bottom: auto; background: rgba(var(--drivschol-primary-rgb, 236, 37, 38), 0.7); z-index: -5; transition: all 0.4s ease-in-out; } .funfact-one__item:hover::after { height: 100%; top: auto; bottom: 0; } .funfact-one__item:hover .funfact-one__icon { background: transparent; } .funfact-one__item:hover .funfact-one__item__hover { opacity: 1; visibility: visible; transform: scale(1); } @media screen and (min-width: 768px) { .funfact-one__item { margin-top: 50px; } } .funfact-one__icon { position: relative; margin-top: -44px; margin-right: auto; margin-left: auto; margin-bottom: 16px; width: 118px; overflow: hidden; height: 118px; border-radius: 500px; display: flex; justify-content: center; align-items: center; font-size: 50px; color: var(--drivschol-primary, #EC2526); background-color: var(--drivschol-black2, #111117); transition: all 0.6s ease; } .funfact-one__icon .funfact-one__item__hover { position: absolute; top: 0; right: 0; left: 0; bottom: 0; opacity: 0; visibility: hidden; background-repeat: no-repeat; background-size: cover; background-position: center center; transition: 500ms ease; transform: scale(1.2); z-index: -1; } .funfact-one__icon .funfact-one__item__hover::after { position: absolute; right: 0; top: 0; width: 100%; height: 100%; content: ""; background-color: rgba(var(--drivschol-black-rgb, 0, 0, 0), 0.7); } .funfact-one__count { color: var(--drivschol-white, #fff); font-size: 40px; font-style: normal; font-weight: 800; line-height: 150%; margin-bottom: 0; } @media screen and (min-width: 768px) { .funfact-one__count { font-size: 40px; } } .funfact-one__text { color: var(--drivschol-white, #fff); font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; margin-bottom: 0; } .funfact-one__element { position: absolute; top: 0%; right: 0; z-index: -1; } .funfact-two { position: relative; background-color: var(--drivschol-text, #6D7076); background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 120px 0; } .funfact-two__shape { position: absolute; right: -10px; top: 0; } .funfact-two__shape img { animation: shapeMove 3s linear 0s infinite; } @media (max-width: 767px) { .funfact-two { padding: 80px 0; } } .funfact-two .sec-title { padding-bottom: 33px; } .funfact-two .sec-title__tagline, .funfact-two .sec-title__title { color: var(--drivschol-white, #fff); } .funfact-two__list { position: relative; background-color: var(--drivschol-white, #fff); margin: 0 -7px 0 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; row-gap: 0; } @media (max-width: 991px) { .funfact-two__list { margin: 50px 0 0; } } .funfact-two__list__icon { width: 94px; height: 94px; background-color: var(--drivschol-text, #6D7076); display: flex; align-items: center; justify-content: center; border-radius: 50%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .funfact-two__list__icon img { height: 65px; transform: scale(1); transition: 500ms ease; } @media (max-width: 767px) { .funfact-two__list__icon { display: none; } } .funfact-two__list:hover .funfact-two__list__icon img { transform: scale(0.9); } .funfact-two__item { flex: 0 0 50%; max-width: 50%; padding: 42px 58px; } .funfact-two__item:nth-child(1), .funfact-two__item:nth-child(3) { border-left: 1px solid var(--drivschol-text, #6D7076); } .funfact-two__item:nth-child(1), .funfact-two__item:nth-child(2) { border-bottom: 1px solid var(--drivschol-text, #6D7076); } @media (max-width: 1199px) { .funfact-two__item { padding-right: 30px; padding-left: 25px; } } @media (max-width: 991px) { .funfact-two__item { padding-right: 50px; } } @media (max-width: 767px) { .funfact-two__item { padding-right: 50px; flex: 0 0 100%; max-width: 100%; border-bottom: 1px solid var(--drivschol-text, #6D7076); } } .funfact-two__count { margin: 0; color: var(--drivschol-black2, #111117); font-size: 40px; font-family: var(--drivschol-font, "Manrope", sans-serif); font-weight: 500; line-height: 1; margin-bottom: 0px; } @media screen and (min-width: 768px) { .funfact-two__count { font-size: 50px; } } .funfact-two__text { margin: 0; font-size: 18px; margin: 0; } .funfact-three { position: relative; padding: 120px 0px 90px 0; position: relative; z-index: 1; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .funfact-three { padding-top: 100px; padding-bottom: 70px; } } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .funfact-three { padding-top: 80px; padding-bottom: 50px; } } .funfact-three::before { content: ""; position: absolute; right: 0; top: 0; width: 100%; height: 100%; background-image: url(../../assets/images/shapes/funfact-bg-3-1.png); background-position: center center; background-repeat: no-repeat; background-size: cover; background-color: var(--drivschol-primary, #EC2526); z-index: -1; } .funfact-three__item { margin-bottom: 30px; transition: all 0.4s ease-in-out; border: 9px solid var(--drivschol-border-color4, #D61819); } .funfact-three__item__icon { width: 118.564px; height: 96px; display: flex; justify-content: center; align-items: center; margin-right: auto; margin-left: auto; background-color: var(--drivschol-border-color4, #D61819); transition: all 0.4s ease-in-out; } .funfact-three__item__icon i { font-size: 60px; color: var(--drivschol-white, #fff); } .funfact-three__item__content { padding: 14px 0px 12px 0px; text-align: center; } .funfact-three__item__content__number { display: flex; align-items: center; justify-content: center; color: var(--drivschol-white, #fff); font-size: 40px; font-style: normal; font-weight: 800; line-height: 150%; margin-bottom: -4px; } .funfact-three__item__content__text { color: var(--drivschol-white, #fff); font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; } .funfact-three__item:hover { border: 9px solid var(--drivschol-black2, #111117); } .funfact-three__item:hover .funfact-three__item__icon { background-color: var(--drivschol-black2, #111117); } /*-------------------------------------------------------------- # Testimonials --------------------------------------------------------------*/ .testimonials-one { padding-top: 120px; padding-bottom: 160px; position: relative; } @media only screen and (min-width: 768px) and (max-width: 991px) { .testimonials-one { padding-top: 100px; padding-bottom: 140px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .testimonials-one { padding-top: 80px; padding-bottom: 120px; } } .testimonials-one__bg { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-size: cover; background-position: center center; } @media (max-width: 991px) { .testimonials-one { padding-top: 80px; padding-bottom: 80px; } } .testimonials-one .sec-title { text-align: center; } .testimonials-one .row { --bs-gutter-x: 15px; } .testimonials-one--page { padding-top: 100px; } @media screen and (min-width: 992px) { .testimonials-one__carousel .owl-nav { display: none; } } .testimonials-one__home .sec-title { text-align: right; } .testimonials-one__home__text { font-size: 15px; line-height: 30px; margin: 105px 0 0; } @media (min-width: 1200px) { .testimonials-one__home__text { margin-right: 105px; } } @media (max-width: 991px) { .testimonials-one__home__text { margin: -30px 0 45px; } } .testimonials-card { transition: all 500ms ease; padding-top: 30px; } .testimonials-card__inner { background-color: var(--drivschol-white, #fff); padding: 16px; position: relative; max-width: 400px; margin-right: auto; margin-left: auto; transition: all 0.4s ease-in-out; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.08); } .testimonials-card__inner::after { content: ""; position: absolute; bottom: -42px; left: 50px; width: 56px; height: 43px; background: var(--drivschol-white, #fff); clip-path: polygon(0 0, 100% 0, 100% 100%); z-index: 1; } .testimonials-card__inner:hover { box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.5); } .testimonials-card__top { margin-bottom: 33px; } .testimonials-card__top__icon { margin-top: -57px; margin-bottom: 15px; width: 83px; height: 83px; margin-right: auto; margin-left: auto; border-radius: 500px; border: 4px solid var(--drivschol-white, #fff); background: var(--drivschol-black2, #111117); display: flex; justify-content: center; align-items: center; } .testimonials-card__top__icon i { color: var(--drivschol-white, #fff); font-size: 25px; } .testimonials-card__top__rating { display: flex; align-items: center; justify-content: center; } .testimonials-card__top__rating i { color: var(--drivschol-primary, #EC2526); font-size: 21px; margin-bottom: -2px; letter-spacing: 3px; } .testimonials-card__top__designation { margin-top: 20px; text-align: center; max-width: 305px; margin-right: auto; margin-left: auto; font-size: 16px; font-style: normal; font-weight: 500; line-height: 187.5%; letter-spacing: 0.8px; } .testimonials-card__author { background: var(--drivschol-gray2, #F5F5F5); padding: 10px 20px; display: flex; gap: 20px; } .testimonials-card__author__image { margin-top: -35px; width: 66px; height: 66px; border-radius: 500px; overflow: hidden; border: 5.33px solid var(--drivschol-white, #fff); } .testimonials-card__author__image img { object-fit: cover; } .testimonials-card__author__name { font-size: 20px; font-style: normal; font-weight: 700; line-height: 130%; margin-bottom: -4px; } .testimonials-card__author__name a { color: var(--drivschol-black2, #111117); background: linear-gradient(to left, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .testimonials-card__author__name a:hover { background-size: 100% 1px; } .testimonials-card__author__name a:hover { color: var(--drivschol-primary, #EC2526); } .testimonials-card__author__degeneration { color: var(--drivschol-gray, #6D7076); font-family: var(--drivschol-font, "Manrope", sans-serif); font-size: 11.997px; font-style: normal; font-weight: 500; line-height: 208.333%; letter-spacing: 0.48px; text-transform: uppercase; } .testimonials-card__content { font-size: 15px; line-height: 30px; border-top: 1px solid var(--drivschol-border-color, #E6E6E6); margin-top: 30px; margin-bottom: -5px; padding-top: 20px; padding-left: 1px; } .testimonials-two { position: relative; background: linear-gradient(-180deg, #FFF 37.75%, #F5F5F5 100%); } .testimonials-two .funfact__item { position: relative; z-index: 1; max-width: 262px; margin-right: auto; margin-left: auto; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .testimonials-two .funfact__item { margin-bottom: 110px; } } .testimonials-two .funfact__item__icon { position: relative; margin-top: -80px; z-index: 2; width: 91px; height: 80px; background: var(--drivschol-white, #fff); border-top: 5px solid var(--drivschol-primary, #EC2526); border-left: 5px solid var(--drivschol-primary, #EC2526); display: flex; justify-content: center; align-items: center; transition: all 0.4s ease-in-out; } .testimonials-two .funfact__item__icon i { color: var(--drivschol-primary, #EC2526); font-size: 50px; transition: all 0.4s ease-in-out; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .testimonials-two .funfact__item__icon { margin-top: -80px; } } .testimonials-two .funfact__item__content { border-top: 5px solid var(--drivschol-primary, #EC2526); filter: drop-shadow(0px 8px 30px rgba(0, 0, 0, 0.08)); background-color: var(--drivschol-white, #fff); display: inline-flex; gap: 15px; width: 100%; align-items: center; margin-top: -5px; position: relative; padding: 20px 25px; z-index: 1; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .testimonials-two .funfact__item__content { display: block; } } .testimonials-two .funfact__item__content__number { display: flex; } .testimonials-two .funfact__item__content__number span, .testimonials-two .funfact__item__content__number .count-text { color: var(--drivschol-black2, #111117); font-family: var(--drivschol-heading-font, "Urbanist", sans-serif); font-size: 40px; font-style: normal; display: inline-block; font-weight: 800; line-height: 150%; } .testimonials-two .funfact__item__content__text { margin-bottom: 0; font-size: 16px; font-weight: 500; line-height: 156.25%; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .testimonials-two .funfact__item__content__text br { display: none; } } .testimonials-two .funfact__item:hover .funfact__item__icon { height: 80px; background: var(--drivschol-primary, #EC2526); } .testimonials-two .funfact__item:hover .funfact__item__icon i { color: var(--drivschol-white, #fff); font-size: 40px; } .testimonials-two__inner { padding: 120px 0px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .testimonials-two__inner { padding-top: 0px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .testimonials-two__inner { padding-top: 0px; margin-top: -30px; } } .testimonials-two__carousel { overflow: hidden; padding: 40px 40px 40px 68px; border: 3px solid var(--drivschol-primary, #EC2526); } @media (max-width: 575px) { .testimonials-two__carousel { padding: 20px 20px 50px 30px; } } .testimonials-two__carousel__item { display: flex; gap: 60px; } @media (max-width: 992px) { .testimonials-two__carousel__item { display: block; } } .testimonials-two__carousel__item__image { position: relative; max-width: 267px; width: 100%; } .testimonials-two__carousel__item__image img { object-fit: cover; } .testimonials-two__carousel__item__image .quite { position: absolute; top: -10px; left: -30px; width: 65px; height: 65px; border-radius: 500px; display: flex; justify-content: center; align-items: center; background-color: var(--drivschol-primary, #EC2526); } .testimonials-two__carousel__item__image .quite i { color: var(--drivschol-white, #fff); font-size: 20px; } .testimonials-two__carousel__item__content { margin-top: 17px; } @media (max-width: 992px) { .testimonials-two__carousel__item__content { margin-top: 30px; } } .testimonials-two__carousel__item__content__ratings { margin-bottom: 25px; } .testimonials-two__carousel__item__content__ratings span { font-size: 25px; color: var(--drivschol-primary, #EC2526); } @media (max-width: 992px) { .testimonials-two__carousel__item__content__ratings { margin-bottom: 15px; } } .testimonials-two__carousel__item__content__text { color: var(--drivschol-black2, #111117); font-style: normal; font-size: 19.995px; font-weight: 400; line-height: 185%; margin-bottom: 40px; letter-spacing: 0; } @media (max-width: 992px) { .testimonials-two__carousel__item__content__text { margin-bottom: 20px; } } .testimonials-two__carousel__item__content__author__name { font-family: var(--drivschol-heading-font, "Urbanist", sans-serif); font-size: 24px; font-style: normal; font-weight: 700; line-height: 108.333%; margin-bottom: -8px; color: var(--drivschol-black2, #111117); } .testimonials-two__carousel__item__content__author__deganation { margin-top: -2px; color: var(--drivschol-gray, #6D7076); font-family: var(--drivschol-font, "Manrope", sans-serif); font-size: 12px; font-style: normal; font-weight: 500; line-height: 208.333%; letter-spacing: 0.48px; text-transform: uppercase; margin-bottom: 0; } .testimonials-two .carousel-thumb__two { margin-top: -37px; position: relative; right: 370px; width: 280px; height: 70px; background-color: transparent; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .testimonials-two .carousel-thumb__two { right: 245px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .testimonials-two .carousel-thumb__two { right: 160px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .testimonials-two .carousel-thumb__two { right: 160px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .testimonials-two .carousel-thumb__two { right: 0px; } } .testimonials-two .carousel-thumb__two::before { content: ""; position: absolute; top: 0%; left: 0px; height: 100%; width: 40px; z-index: 1; background-color: var(--drivschol-primary, #EC2526); clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0% 100%, 50% 50%, 0% 0%); } .testimonials-two .carousel-thumb__two::after { content: ""; position: absolute; top: 0%; left: -30px; height: 100%; width: 40px; z-index: 1; background-color: var(--drivschol-primary, #EC2526); clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0% 100%, 50% 50%, 0% 0%); } .testimonials-two__carousel-thumb { padding: 0px 30px; margin-left: 50px; width: 248px; height: 70px; background-color: var(--drivschol-primary, #EC2526); clip-path: polygon(90% 0, 100% 50%, 90% 100%, 0% 100%, 10% 50%, 0% 0%); } .testimonials-two .item { padding-top: 13px; display: flex; justify-content: center; align-items: center; } .testimonials-two .item .testimonials-two__meta-thumb { display: inline-block; width: 45px; height: 45px; border-radius: 500px; overflow: hidden; } .testimonials-two .item .testimonials-two__meta-thumb img { object-fit: cover; width: 100%; height: 100%; } .testimonials-two .center .testimonials-two__meta-thumb { border: 2px solid var(--drivschol-white, #fff) !important; } .testimonials-two__element_one { position: absolute; top: 0%; right: 0%; animation: scale 3s ease-in-out infinite; } .testimonials-two__element_two { position: absolute; bottom: 0%; left: 0%; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .testimonials-two__element_two { display: none; } } .testimonials-two .owl-nav { position: absolute; left: 70px; bottom: 70px; } .testimonials-two .owl-nav button.owl-prev, .testimonials-two .owl-nav button.owl-next { width: 50px; height: 50px; border-radius: 50%; background-color: var(--drivschol-white, #fff); transition: all 500ms ease; color: var(--drivschol-primary, #EC2526); } .testimonials-two .owl-nav button.owl-prev:hover, .testimonials-two .owl-nav button.owl-prev:active, .testimonials-two .owl-nav button.owl-next:hover, .testimonials-two .owl-nav button.owl-next:active { background-color: var(--drivschol-black2, #111117); color: var(--drivschol-primary, #EC2526); } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .testimonials-two .owl-nav { display: none; } } .center { border: 1px solid var(--drivschol-primary, #EC2526) !important; } .feedback-one { position: relative; overflow: hidden; padding-top: 140px; padding-bottom: 90px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .feedback-one { padding-top: 120px; padding-bottom: 70px; } } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .feedback-one { padding-top: 80px; padding-bottom: 50px; } } .feedback-one__thumb { display: flex; justify-content: start; align-items: end; position: absolute; bottom: 0%; right: 12%; margin-left: 0px; } @media screen and (max-width: 1600px) and (min-width: 1500px) { .feedback-one__thumb { right: 0%; } } @media screen and (max-width: 1499px) and (min-width: 1400px) { .feedback-one__thumb { right: -3%; } } @media screen and (max-width: 1399px) and (min-width: 1200px) { .feedback-one__thumb { right: -5%; } } @media screen and (max-width: 1199px) and (min-width: 992px) { .feedback-one__thumb { right: -10%; } .feedback-one__thumb img { max-width: 85%; } } @media screen and (max-width: 1080px) and (min-width: 992px) { .feedback-one__thumb img { max-width: 80%; } } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .feedback-one__thumb { margin-bottom: 30px; margin-left: 0px; position: relative; } .feedback-one__thumb img { max-width: 60%; } } .feedback-one__content { position: relative; } .feedback-one__content .tns-ovh { overflow: visible; } .feedback-one__content .tns-item { opacity: 0; visibility: hidden; transition: opacity 500ms ease, visibility 500ms ease; } .feedback-one__content .tns-item.tns-slide-active { opacity: 1; visibility: visible; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .feedback-one__head .sec-title { padding-bottom: 22px; } } .feedback-one__box { max-width: 478px; margin-bottom: 30px; position: relative; background: var(--drivschol-white, #fff); filter: drop-shadow(0px 6px 30px rgba(0, 0, 0, 0.08)); } .feedback-one__box__item { padding: 28px 40px 20px 40px; position: relative; } .feedback-one__box__item__content { display: flex; justify-content: space-between; align-items: center; } @media (max-width: 576px) { .feedback-one__box__item__content { display: block; } } .feedback-one__box__item__content__title { font-size: 24px; font-weight: 700; line-height: 145.833%; margin-bottom: 0; } @media (max-width: 576px) { .feedback-one__box__item__content__star { margin-bottom: 10px; } } .feedback-one__box__item__content__star i { color: var(--drivschol-primary, #EC2526); font-size: 14px; } .feedback-one__box__item__text { max-width: 293px; font-size: 14px; line-height: 214.286%; margin-bottom: 0; letter-spacing: 0; } @media (max-width: 576px) { .feedback-one__box__item__text { margin-bottom: 50px; } } .feedback-one__box__item::before { clip-path: polygon(100% 0, 0% 100%, 100% 100%); content: ""; width: 56px; height: 56px; background: var(--drivschol-primary, #EC2526); position: absolute; bottom: -1px; left: 0; } .feedback-one__box__author { position: absolute; left: 30px; bottom: -20px; } .feedback-one__box__author__img { border: 7px solid var(--drivschol-white, #fff); border-radius: 500px; display: inline-block; } .feedback-one__box__author__img__item { border: 5px solid var(--drivschol-primary, #EC2526); width: 94px; height: 94px; border-radius: 500px; display: flex; justify-content: center; align-items: center; overflow: hidden; } .feedback-one__box__author__img__item img { width: 85px; height: 85px; border-radius: 500px; } .feedback-one__box__author__quite { position: absolute; top: 29px; right: -11px; width: 41px; height: 41px; border-radius: 500px; background: var(--drivschol-black2, #111117); border: 2px solid var(--drivschol-white, #fff); display: flex; justify-content: center; align-items: center; } .feedback-one__box__author__quite__icon { color: var(--drivschol-white, #fff); font-size: 16px; } .feedback-one__box__bottom { background: var(--drivschol-primary, #EC2526); padding: 13px 40px; } .feedback-one__box__bottom__content { color: var(--drivschol-white, #fff); font-family: var(--drivschol-heading-font, "Urbanist", sans-serif); font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; text-transform: uppercase; } .feedback-one__box::after { content: ""; position: absolute; top: 0%; right: -32px; width: 33px; height: 38px; background-color: var(--drivschol-white, #fff); clip-path: polygon(100% 0, 100% 100%, 0 50%); } .feedback-one__shape { position: absolute; top: 0%; right: 0%; z-index: -1; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .feedback-one__shape { display: none; } } .feedback-one__shape svg #path-two { animation: top-bottoms 3s ease-in-out infinite; } .feedback-one__shape svg #path-fore { animation: top-bottoms 2s ease-in-out infinite; } @keyframes top-bottoms { 0% { transform: translateY(0px); } 50% { transform: translateY(10px); } 100% { transform: translateY(0px); } } .feedback-one__shape-two { position: absolute; width: 100%; right: 0; height: 170px; bottom: 0px; background-repeat: repeat-x; background-position: 100% 0; background-image: url(../images/shapes/bg-shape.png); z-index: -1; animation: bgSlide 20s linear infinite; } .tns-outer button { display: none !important; } /*-------------------------------------------------------------- # CTA --------------------------------------------------------------*/ .cta-one { position: relative; background-color: var(--drivschol-white, #fff); } .cta-one__wrapper { position: relative; overflow: hidden; padding: 40px 80px; max-width: 1170px; margin-right: auto; margin-left: auto; background-color: var(--drivschol-black2, #111117); z-index: 1; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) { .cta-one__wrapper { padding: 40px; } } @media (max-width: 575px) { .cta-one__wrapper { padding: 30px 20px; } } .cta-one__wrapper::before { position: absolute; top: 0%; right: 0; content: ""; width: 70%; height: 100%; background-color: var(--drivschol-primary, #EC2526); z-index: -1; clip-path: polygon(0 0, 100% 0, 70% 100%, 0% 100%); } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .cta-one__wrapper::before { width: 100%; clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); } } .cta-one__wrapper::after { position: absolute; top: 0%; left: 0; content: ""; width: 30%; height: 70%; background-color: var(--drivschol-primary, #EC2526); z-index: -1; clip-path: polygon(35% 0, 100% 0, 100% 100%, 0% 100%); } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .cta-one__wrapper::after { display: none; } } .cta-one__element { position: absolute; top: 0; right: 0; width: 100%; height: 100%; z-index: -1; } .cta-one__title { color: var(--drivschol-white, #fff); font-size: 40px; font-style: normal; font-weight: 800; line-height: 125%; letter-spacing: -1.2px; max-width: 390px; margin-bottom: 30px; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .cta-one__title { font-size: 30px; } } .cta-one .drivschol-btn { padding: 17px 45px; } .cta-one__thumb__one { max-width: 100%; } .cta-one__thumb__one__thumb { max-width: 435px; height: auto !important; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .cta-one__thumb__one__thumb { margin-top: 30px; } } .cta-one__thumb__one__thumb img { width: 100%; height: 100%; object-fit: cover; animation: left 4s ease-in-out infinite; } .cta-two { position: relative; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .cta-two { padding: 0px 0px 50px 0px; } } .cta-two__bg { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; background-position: center center; z-index: -1; } .cta-two__thumb { padding-left: 170px; padding: 44px 0px 25px 0px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .cta-two__thumb { padding-left: 100px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .cta-two__thumb { padding-left: 50px; } } .cta-two__thumb img { max-width: 100%; object-fit: cover; animation: left 4s ease-in-out infinite; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .cta-two__thumb { padding-left: 0px; } .cta-two__thumb img { max-width: 100%; object-fit: cover; } } .cta-two__title { font-size: 40px; font-weight: 800; line-height: 125%; letter-spacing: -1.2px; margin-bottom: 28px; } .cta-two__btn { padding: 20px 45px; } .cta-two__shape-line { position: absolute; top: 0%; right: 0%; z-index: -1; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .cta-two__shape-line { display: none; } } .cta-three { position: relative; z-index: 1; background-color: var(--drivschol-heading-text, #111117); } .cta-three__bg { position: absolute; width: 100%; height: 100%; top: 0%; right: 0%; bottom: 0%; left: 0; background-position: center center; background-repeat: no-repeat; background-size: cover; opacity: 0.17; background-blend-mode: multiply; } .cta-three .client-carousel { padding-top: 80px; padding-bottom: 80px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .cta-three__inner { padding: 104px 0px 184px 0px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) { .cta-three__inner { padding: 84px 0px 164px 0px; } } @media (max-width: 575px) { .cta-three__inner { padding: 64px 0px 144px 0px; } } .cta-three__inner__content__text { color: var(--drivschol-white, #fff); font-size: 40px; font-style: normal; font-weight: 800; line-height: 150%; letter-spacing: -1.2px; margin-bottom: 0; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) { .cta-three__inner__content__text { font-size: 30px; } } @media (max-width: 575px) { .cta-three__inner__content__text { font-size: 25px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .cta-three__inner__link { margin-top: 20px; } } .cta-three__inner__link__btn { padding: 20px 39px; } .cta-three__inner__link__btn::after { background-color: var(--drivschol-white, #fff); } .cta-three__inner__link__btn:hover { color: var(--drivschol-black2, #111117); } .cta-fore { margin-bottom: 120px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .cta-fore { margin-bottom: 80px; } } .cta-fore__box { display: flex; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .cta-fore__box { margin-bottom: 30px; } } @media (max-width: 575px) { .cta-fore__box { display: block; } } .cta-fore__box__thumb { flex: 40%; width: 100%; height: 288px; } @media (max-width: 575px) { .cta-fore__box__thumb { flex: 100%; height: 200px; } } .cta-fore__box__thumb img { object-fit: cover; width: 100%; height: 100%; } .cta-fore__box__content { flex: 61%; background: var(--drivschol-primary, #EC2526); padding: 40px 40px 30px 40px; transition: all 0.4s ease-in-out; position: relative; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .cta-fore__box__content { padding: 20px 30px; } } @media (max-width: 575px) { .cta-fore__box__content { padding: 15px 20px; flex: 100%; width: 100%; } } .cta-fore__box__content__icon { margin-bottom: 15px; position: relative; } .cta-fore__box__content__icon img { position: relative; transition: all 0.4s ease-in-out; } .cta-fore__box__content__icon img:last-child { position: absolute; top: 0%; right: 0%; opacity: 1; } .cta-fore__box__content__icon img:first-child { opacity: 0; } .cta-fore__box__content__title { margin-bottom: 0; padding-bottom: 0; color: var(--drivschol-white, #fff); font-size: 24px; font-weight: 700; line-height: 125%; margin-bottom: 3px; } @media (max-width: 1200px) { .cta-fore__box__content__title { font-size: 20px; } } @media (max-width: 575px) { .cta-fore__box__content__title { font-size: 18px; } } .cta-fore__box__content__text { margin-bottom: 0; padding-bottom: 0; color: var(--drivschol-white, #fff); font-size: 14px; font-style: normal; font-weight: 600; line-height: 185.714%; margin-bottom: 40px; letter-spacing: 0; } @media (max-width: 575px) { .cta-fore__box__content__text { font-size: 12px; } } .cta-fore__box__content__link__btn { position: absolute; bottom: -0.55px; left: 0; clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0% 100%); padding: 18px 45px 19px 15px; font-size: 14px; } .cta-fore__box__content__link__btn::after { background: var(--drivschol-primary, #EC2526); } .cta-fore__box__content__link__btn i { font-size: 12px; color: var(--drivschol-primary, #EC2526); } .cta-fore__box__content__link__btn:hover { color: var(--drivschol-white, #fff); } .cta-fore__box__content__link__btn:hover i { font-size: 12px; color: var(--drivschol-white, #fff); } .cta-fore__box:hover .cta-fore__box__content { background: var(--drivschol-black2, #111117); } .cta-fore__box:hover .cta-fore__box__content__icon img:last-child { opacity: 0; } .cta-fore__box:hover .cta-fore__box__content__icon img:first-child { opacity: 1; } .cta-fore__box:hover .cta-fore__box__content__link__btn i { color: var(--drivschol-white, #fff); } .cta-fore__box:hover .cta-fore__box__content__link__btn::before { background: var(--drivschol-primary, #EC2526); } /*-------------------------------------------------------------- # Gallery --------------------------------------------------------------*/ .gallery-one { padding-top: 120px; padding-bottom: 120px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) { .gallery-one { padding-top: 100px; padding-bottom: 100px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .gallery-one { padding-top: 80px; padding-bottom: 80px; } } .gallery-one .row { --bs-gutter-x: 30px; --bs-gutter-y: 30px; } @media screen and (min-width: 992px) { .gallery-one__carousel .owl-nav { display: none; } } .gallery-one__filter__list { display: inline-flex; justify-content: center; align-items: center; margin-bottom: 40px; flex-wrap: wrap; gap: 10px; } .gallery-one__filter__list li { cursor: pointer; } .gallery-one__filter__list li span { display: block; font-size: 16px; background-color: var(--drivschol-primary, #EC2526); transition: all 500ms ease; text-transform: capitalize; font-weight: 600; letter-spacing: var(--drivschol-letter-space, 0.1em); padding: 17px 35px; line-height: 1em; color: var(--drivschol-white, #fff); } @media (max-width: 575px) { .gallery-one__filter__list li span { padding: 10px 10px; font-size: 10px; } } .gallery-one__filter__list li.active span, .gallery-one__filter__list li:hover span { background-color: var(--drivschol-black2, #111117); color: var(--drivschol-white, #fff); } .gallery-one__card { position: relative; overflow: hidden; background-color: var(--drivschol-black2, #111117); } .gallery-one__card img { transform: scale(1); max-width: 100%; transition: transform 500ms ease, opacity 500ms ease; opacity: 1; } .gallery-one__card__hover { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-color: rgba(var(--drivschol-heading-text-rgb, 17, 17, 23), 0.7); display: flex; justify-content: center; align-items: center; transform: scale(1, 0); transition: transform 500ms ease; transform-origin: bottom center; } .gallery-one__card__hover .img-popup { position: relative; } .gallery-one__card:hover img { transform: scale(1.05); opacity: 0.9; mix-blend-mode: screen; } .gallery-one__card:hover .gallery-one__card__hover { transform-origin: top center; transform: scale(1, 1); } .gallery-one__card__icon { width: 65px; height: 65px; display: block; position: relative; border-radius: 500px; background-color: var(--drivschol-primary, #EC2526); transition: all 500ms ease-in-out; } .gallery-one__card__icon::after, .gallery-one__card__icon::before { transition: all 500ms ease-in-out; content: ""; width: 3px; height: 25px; background-color: var(--drivschol-white, #fff); position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); } .gallery-one__card__icon::after { transform: translate(50%, -50%) rotate(-90deg); } .gallery-one__card__icon:hover { background-color: var(--drivschol-white, #fff); } .gallery-one__card__icon:hover::after, .gallery-one__card__icon:hover::before { background-color: var(--drivschol-primary, #EC2526); } .gallery-two { position: relative; overflow: hidden; padding: 0 0 20px; } .gallery-two .container-fluid { width: 100%; padding-right: 0; padding-left: 0; } @media (max-width: 767px) { .gallery-two .container-fluid { padding-right: 15px; padding-left: 15px; } } .gallery-two .row { --bs-gutter-x: 20px; --bs-gutter-y: 20px; } .gallery-two__col-one { width: 65%; } @media (max-width: 1199px) { .gallery-two__col-one { width: 100%; } } .gallery-two__col-two { width: 35%; } @media (max-width: 1199px) { .gallery-two__col-two { width: 100%; } } .gallery-two__card { position: relative; overflow: hidden; background-color: var(--drivschol-black2, #111117); } .gallery-two__card img { transform: scale(1); width: 100%; transition: transform 500ms ease, opacity 500ms ease; opacity: 1; } .gallery-two__card__hover { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-color: rgba(var(--drivschol-black-rgb, 0, 0, 0), 0.5); display: flex; justify-content: center; align-items: center; transform: scale(1, 0); transition: transform 500ms ease; transform-origin: bottom center; } .gallery-two__card__hover .img-popup { position: relative; } .gallery-two__card:hover img { transform: scale(1.05); opacity: 0.9; mix-blend-mode: screen; } .gallery-two__card:hover .gallery-two__card__hover { transform-origin: top center; transform: scale(1, 1); } .gallery-two__card a { width: 75px; height: 75px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; background-color: var(--drivschol-white, #fff); border-radius: 50%; display: flex; align-items: center; justify-content: center; } .gallery-two__card a:hover .gallery-two__card__icon::after, .gallery-two__card a:hover .gallery-two__card__icon::before { background-color: var(--drivschol-text, #6D7076); } .gallery-two__card__icon { width: 24px; height: 24px; display: block; position: relative; } .gallery-two__card__icon::after, .gallery-two__card__icon::before { content: ""; width: 2px; height: 100%; background-color: var(--drivschol-black2, #111117); position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); transition: all 400ms ease; } .gallery-two__card__icon::after { transform: translate(50%, -50%) rotate(-90deg); } .gallery-two__info { position: relative; background-color: var(--drivschol-text, #6D7076); background-position: right bottom; background-repeat: no-repeat; background-size: cover; padding: 0 100px 0 50px; height: 100%; } @media (min-width: 1200px) { .gallery-two__info { display: flex; flex-wrap: wrap; justify-content: center; flex-direction: column; } } @media (max-width: 1500px) { .gallery-two__info { padding-right: 40px; padding-left: 30px; } } @media (max-width: 1199px) { .gallery-two__info { padding: 80px 50px; } } @media (max-width: 767px) { .gallery-two__info { padding: 50px 30px; } } .gallery-two__info__icon { width: 60px; height: 60px; margin-bottom: 24px; } .gallery-two__info__icon img { width: 100%; height: 100%; object-fit: cover; } .gallery-two__info__title { color: var(--drivschol-white, #fff); font-size: 44px; line-height: 50px; text-transform: uppercase; font-weight: 700; margin: 0; } @media (min-width: 1200px) and (max-width: 1300px) { .gallery-two__info__title { font-size: 35px; line-height: 42px; } } @media (max-width: 767px) { .gallery-two__info__title { font-size: 35px; line-height: 45px; } } /*-------------------------------------------------------------- # Experience --------------------------------------------------------------*/ .experience-one { padding: 120px 0px; background-color: var(--drivschol-white, #fff); } @media only screen and (min-width: 768px) and (max-width: 991px) { .experience-one { padding: 100px 0px; } } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .experience-one { padding: 80px 0px; } } .experience-one__left .sec-title { padding-bottom: 22px; border-bottom: 1px solid var(--drivschol-primary, #EC2526); margin-bottom: 35px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) { .experience-one__left__content { margin-bottom: 30px; } } @media (max-width: 575px) { .experience-one__left__content { margin-bottom: 0px; } } .experience-one__left__content__item { position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 339px; padding: 50px 30px 50px 30px; display: flex; justify-content: center; align-items: center; } @media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) { .experience-one__left__content__item { height: 300px; } } @media (max-width: 575px) { .experience-one__left__content__item { margin-bottom: 30px; } } .experience-one__left__content__item img { object-fit: cover; } .experience-one__left__content__item .funfact-one__content { flex-direction: column; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; z-index: 1; background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(5px); font-size: 40px; } @media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) { .experience-one__left__content__item .funfact-one__content { right: 10px; left: 10px; top: 20px; bottom: 20px; } } .experience-one__left__content__item .funfact-one__content .funfact-one__count { display: flex; justify-content: center; align-items: center; gap: 6px; margin-bottom: 20px; } .experience-one__left__content__item .funfact-one__content .funfact-one__count .count-text { color: var(--drivschol-primary, #EC2526); font-family: var(--drivschol-heading-font, "Urbanist", sans-serif); font-size: 70px; font-style: normal; font-weight: 800; line-height: 85.714%; } .experience-one__left__content__item .funfact-one__content .funfact-one__count__pluse { font-family: var(--drivschol-heading-font, "Urbanist", sans-serif); font-size: 38px; font-style: normal; font-weight: 800; line-height: 157.895%; -webkit-text-stroke: 1px var(--drivschol-primary, #EC2526); color: transparent; } .experience-one__left__content__item .funfact-one__content .funfact-one__content__text { font-family: var(--drivschol-heading-font, "Urbanist", sans-serif); display: block; text-align: center; color: var(--drivschol-white, #fff); font-size: 40px; font-style: normal; font-weight: 800; line-height: 100%; } @media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) { .experience-one__left__content__item .funfact-one__content .funfact-one__content__text { font-size: 25px; } } .experience-one__left__content__item__icon { position: absolute; display: flex; justify-content: center; align-items: center; top: 0%; right: 0%; left: 0; bottom: 0; } .experience-one__left__content__item__icon img { width: 95px; } /*-------------------------------------------------------------- # Sidebar --------------------------------------------------------------*/ .sidebar__single { background-color: var(--drivschol-white, #fff); padding: 40px; box-shadow: 0px 0px 60px 0px rgba(2, 2, 2, 0.07); } .sidebar__single--search { padding: 20px; margin-bottom: 30px; } .sidebar__single + .sidebar__single { margin-top: 30px; } .sidebar__title { text-transform: capitalize; margin: 0; font-weight: bold; margin-top: -5px; margin-bottom: 29px; padding-bottom: 24px; font-size: 24px; font-style: normal; font-weight: 700; line-height: 108.333%; border-bottom: 1px solid var(--drivschol-border-color2, #DA0D0E); } .sidebar__search { position: relative; margin: -20px; } @media screen and (min-width: 1200px) { .sidebar__search { margin: -20px; } } .sidebar__search input[type=search], .sidebar__search input[type=text] { outline: none; width: 100%; height: 64px; background-color: var(--drivschol-primary, #EC2526); font-size: 14px; color: var(--drivschol-white, #fff); padding-right: 60px; padding-left: 20px; transition: all 500ms ease; border: none; } .sidebar__search input[type=search]:focus, .sidebar__search input[type=text]:focus { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1); border: none; } .sidebar__search input[type=search]::placeholder, .sidebar__search input[type=text]::placeholder { color: var(--drivschol-white, #fff); font-family: var(--drivschol-font, "Manrope", sans-serif); font-size: 16px; font-style: normal; font-weight: 400; line-height: 162.5%; } .sidebar__search button[type=submit] { border: none; outline: none; background-color: rgba(0, 0, 0, 0); position: absolute; top: 50%; right: 20px; transform: translateY(-50%); width: auto; font-size: 22px; color: var(--drivschol-white, #fff); } .sidebar__posts { margin-bottom: 0; } .sidebar__posts__item { display: flex; align-items: center; } .sidebar__posts__item:not(:last-of-type) { border-bottom: 1px solid var(--drivschol-border-color, #E6E6E6); margin-bottom: 15px; padding-bottom: 15px; } .sidebar__posts__item:hover .sidebar__posts__image::after { width: 100%; left: auto; right: 0; } .sidebar__posts__item:hover .sidebar__posts__image img { transform: scale(1.3) rotate(15deg); } .sidebar__posts__image { flex-shrink: 0; margin-left: 20px; overflow: hidden; width: 70px; height: 70px; position: relative; } .sidebar__posts__image img { width: 100%; height: 100%; object-fit: cover; transition: all 0.4s ease-in-out; } .sidebar__posts__image::after { content: ""; width: 0%; height: 100%; top: 0%; right: auto; left: 0; background-color: rgba(var(--drivschol-black-rgb, 0, 0, 0), 0.5); position: absolute; transition: all 0.4s ease-in-out; } .sidebar__posts__title { margin: 0; text-transform: capitalize; color: var(--drivschol-black2, #111117); font-weight: bold; font-size: 16px; line-height: normal; } .sidebar__posts__title a { color: inherit; background: linear-gradient(to left, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .sidebar__posts__title a:hover { background-size: 100% 1px; } .sidebar__posts__meta { margin: 0; line-height: 1em; display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 15px; } .sidebar__posts__meta a { display: inline-flex; align-items: center; color: var(--drivschol-text, #6D7076); transition: all 500ms ease; font-family: var(--drivschol-font, "Manrope", sans-serif); font-size: 14px; font-weight: 500; line-height: normal; } .sidebar__posts__meta a:hover { color: var(--drivschol-primary, #EC2526); } .sidebar__posts__meta a i { color: var(--drivschol-primary, #EC2526); margin-left: 13px; } .sidebar__categories { margin-bottom: -4px; } .sidebar__categories li:not(:last-of-type) { border-bottom: 1px solid var(--drivschol-border-color, #E6E6E6); } .sidebar__categories li:first-child a { padding-top: 0; } .sidebar__categories li:last-child a { padding-bottom: 0 !important; } .sidebar__categories li a { font-size: 16px; color: var(--drivschol-gray, #6D7076); display: flex; align-items: center; transition: all 500ms ease; padding: 11px 0; font-style: normal; font-weight: 500; } .sidebar__categories li a::before { margin-left: 10px; content: "\e926"; font-family: "icomoon" !important; font-weight: 700; transition: all 500ms ease; font-size: 16px; color: var(--drivschol-primary, #EC2526); } .sidebar__categories li a:hover { padding-right: 20px; background-color: var(--drivschol-white, #fff); color: var(--drivschol-primary, #EC2526); } .sidebar__categories li a:hover::after { color: var(--drivschol-primary, #EC2526); } .sidebar__tags { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; } .sidebar__tags a { background-color: var(--drivschol-gray2, #F5F5F5); text-transform: capitalize; font-size: 16px; color: var(--drivschol-text, #6D7076); transition: all 500ms ease; display: inline-flex; padding: 10px 16px; font-weight: 500; } .sidebar__tags a:hover { color: var(--drivschol-white, #fff); background-color: var(--drivschol-primary, #EC2526); } .sidebar__comments { margin-bottom: -4px; } .sidebar__comments__item { display: flex; align-items: center; } .sidebar__comments__item:not(:last-of-type) { margin-bottom: 16px; } .sidebar__comments__icon { flex-shrink: 0; width: 44px; height: 44px; display: flex; justify-content: center; align-items: center; background-color: var(--drivschol-gray2, #F5F5F5); font-size: 21px; color: var(--drivschol-text, #6D7076); margin-left: 14px; border-radius: 50%; transition: all 500ms ease; } .sidebar__comments__item:hover .sidebar__comments__icon { background-color: var(--drivschol-primary, #EC2526); color: var(--drivschol-white, #fff); } .sidebar__comments__title { margin: 0; font-family: var(--drivschol-font, "Manrope", sans-serif); color: var(--drivschol-text, #6D7076); font-size: 14px; font-style: normal; font-weight: 500; line-height: 185.714%; } .sidebar__comments__title a { color: inherit; transition: all 500ms ease; } .sidebar__comments__title a:hover { color: var(--drivschol-black2, #111117); } .service-sidebar__single:nth-child(1) { transition: all 0.4s ease-in-out; } .service-sidebar__single:nth-child(1):hover { box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.08); } .service-sidebar__single + .service-sidebar__single { margin-top: 30px; } .service-sidebar__title { position: relative; color: var(--drivschol-white, #fff); font-size: 20px; font-weight: 700; margin: 0; text-transform: capitalize; font-weight: bold; padding: 23px 30px; } .service-sidebar__title::after { content: ""; width: 40px; height: 25px; position: absolute; bottom: -20px; right: 8%; clip-path: polygon(50% 0%, 0% 100%, 100% 100%); background: var(--drivschol-black2, #111117); transform: rotate(-180deg); } @media screen and (min-width: 768px) { .service-sidebar__title { font-size: 24px; } } .service-sidebar__nav { border-top: 0; margin-bottom: 0; padding: 40px 30px; background: var(--drivschol-primary, #EC2526); } @media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) { .service-sidebar__nav { padding: 30px 20px; } } .service-sidebar__nav li a { position: relative; z-index: 1; font-size: 16px; color: var(--drivschol-text, #6D7076); background: var(--drivschol-white, #fff); display: flex; justify-content: space-between; align-items: center; transition: all 500ms ease; padding: 15px 30px; font-weight: 600; margin-bottom: 10px; } @media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) { .service-sidebar__nav li a { font-size: 14px; } } .service-sidebar__nav li a::after { content: "\e921"; font-family: "icomoon" !important; font-weight: 900; transition: all 500ms ease; font-size: 14px; color: var(--drivschol-primary, #EC2526); } @media only screen and (min-width: 992px) and (max-width: 1199px) { .service-sidebar__nav li a::after { font-size: 12px; } } .service-sidebar__nav li a::before { content: ""; width: 0%; height: 100%; background-color: var(--drivschol-black2, #111117); position: absolute; top: 0; right: auto; left: 0; z-index: -1; transition: all 500ms ease-in-out; } .service-sidebar__nav li.current a, .service-sidebar__nav li:hover a { color: var(--drivschol-white, #fff); } .service-sidebar__nav li.current a::after, .service-sidebar__nav li:hover a::after { color: var(--drivschol-white, #fff); opacity: 1; } .service-sidebar__nav li.current a::before, .service-sidebar__nav li:hover a::before { width: 100%; right: 0; left: auto; } .service-sidebar__nav li:last-child a { margin-bottom: 0; } .service-sidebar__discount { padding: 50px; padding-bottom: 30px; text-align: center; background-size: cover; } .service-sidebar__discount__image { width: 175px; height: 175px; border-radius: 50%; margin-right: auto; margin-left: auto; position: relative; margin-bottom: 15px; background-color: var(--drivschol-black2, #111117); transition: all 500ms ease; } .service-sidebar__discount__image img { width: 100%; border-radius: 50%; } .service-sidebar__discount__image::after { content: ""; position: absolute; top: 50%; right: 50%; display: block; width: 0; height: 0; background: rgba(var(--drivschol-white-rgb, 255, 255, 255), 0.2); border-radius: 50%; transition: all 500ms linear; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); opacity: 0; z-index: 2; } .service-sidebar__discount__content__shape { display: block; width: auto !important; margin-right: auto; margin-left: auto; } .service-sidebar__discount__tagline { margin: 0; font-size: 30px; font-family: var(--drivschol-special-font, "Alex Brush", cursive); color: var(--drivschol-text, #6D7076); margin-bottom: 4px; } @media screen and (min-width: 992px) { .service-sidebar__discount__tagline { font-size: 36px; } } .service-sidebar__discount__title { margin: 0; text-transform: uppercase; font-weight: bold; color: var(--drivschol-black2, #111117); font-size: 22px; line-height: 1.2em; margin-top: -5px; margin-bottom: 12px; } @media screen and (min-width: 768px) { .service-sidebar__discount__title { font-size: 24px; } } .service-sidebar__discount__title a { color: inherit; background: linear-gradient(to left, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .service-sidebar__discount__title a:hover { background-size: 100% 1px; } .service-sidebar__discount__title a:hover { color: var(--drivschol-text, #6D7076); } .service-sidebar__discount__text { margin: 0; font-size: 15px; line-height: 30px; margin-top: 10px; padding-bottom: 21px; max-width: 270px; margin-right: auto; margin-left: auto; } .service-sidebar__discount__link { font-size: 10px; padding: 10.75px 29.25px; } .service-sidebar__contact { position: relative; z-index: 1; padding: 33px 30px 180px 30px; background-color: var(--drivschol-black2, #111117); } .service-sidebar__contact-title { font-style: normal; font-weight: 700; line-height: 133.333%; margin: 0; color: var(--drivschol-white, #fff); max-width: 205px; font-size: 25px; margin-bottom: 52px; } @media screen and (min-width: 992px) { .service-sidebar__contact-title { font-size: 30px; } } .service-sidebar__contact-btn .drivschol-btn { font-size: 16px; font-weight: bold; z-index: 1; padding: 11.66px 28px; } .service-sidebar__contact-btn .drivschol-btn:hover { color: var(--drivschol-black2, #111117); } .service-sidebar__contact-btn .drivschol-btn--base2::after { background-color: var(--drivschol-white, #fff); } .service-sidebar__contact-image, .service-sidebar__contact-angle { bottom: 0; right: 0; position: absolute; object-fit: cover; z-index: -2; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .service-sidebar__contact-image, .service-sidebar__contact-angle { left: 0; right: auto; } } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .service-sidebar__contact-image svg, .service-sidebar__contact-angle svg { max-width: 250px; height: 130px; } } .service-sidebar__contact-image { left: 0; right: auto; z-index: -1; } .service-sidebar__contact-image img { max-height: 320px; width: auto; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .service-sidebar__contact-image img { max-height: 250px; } } /*-------------------------------------------------------------- # Blog details --------------------------------------------------------------*/ .blog-details .blog-card__image img { transform: scale(1); transform: translatex(0%) scalex(1); opacity: 1; filter: blur(0px); } .blog-details .blog-card:hover .blog-card__image img { transform: scale(1); transform: translatex(0%) scalex(1); opacity: 1; filter: blur(0px); } .blog-details .blog-card-two__text { margin: 0; letter-spacing: 0; width: 100%; } .blog-details .blog-card-two__text + .blog-card-two__text { margin-top: 21px; width: 100%; } .blog-details .blog-card__title { margin-bottom: 10px; text-transform: none; } .blog-details .blog-card-two__content { padding-bottom: 50px; border-bottom: 1px solid var(--drivschol-border-color, #E6E6E6); } .blog-details__meta { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 20px; margin-top: 10px; padding-top: 30px; padding-bottom: 30px; border-top: 1px solid var(--drivschol-border-color, #E6E6E6); border-bottom: 1px solid var(--drivschol-border-color, #E6E6E6); } .blog-details__tags { display: flex; align-items: center; gap: 10px; } @media (max-width: 575px) { .blog-details__tags { display: block; } .blog-details__tags__title { margin-bottom: 20px; } } .blog-details__tags__title { text-transform: capitalize; font-size: 20px; font-style: normal; font-weight: 700; margin-bottom: 0; } @media (max-width: 575px) { .blog-details__tags__title { margin-bottom: 20px; } } .blog-details__tags .sidebar__tags a { color: var(--drivschol-gray, #6D7076); font-size: 16px; font-style: normal; font-weight: 700; background-color: var(--drivschol-primary, #EC2526); color: var(--drivschol-white, #fff); } .blog-details__tags .sidebar__tags a:hover { background-color: var(--drivschol-black2, #111117); } .blog-details__tags .sidebar__tags2 a { color: var(--drivschol-gray, #6D7076); font-size: 16px; font-style: normal; font-weight: 600; line-height: 0px; background-color: transparent; color: var(--drivschol-text, #6D7076); } .blog-details__tags .sidebar__tags2 a:hover { color: var(--drivschol-primary, #EC2526); } /*-------------------------------------------------------------- # Comments --------------------------------------------------------------*/ .comments-one { margin-top: 40px; } @media screen and (min-width: 1200px) { .comments-one { margin-top: 45px; } } .comments-one__title { margin: 0; text-transform: capitalize; font-size: 25px; font-weight: bold; margin-top: -4px; margin-bottom: -4px; } @media screen and (min-width: 992px) { .comments-one__title { font-size: 30px; } } .comments-one__list { margin: 0; margin-top: 35px; } @media screen and (min-width: 768px) { .comments-one__card { display: flex; align-items: flex-start; } } .comments-one__card:not(:first-of-type) { margin-top: 40px; padding-top: 40px; border-top: 1px solid var(--drivschol-border-color, #E6E6E6); } @media screen and (min-width: 1200px) { .comments-one__card:not(:first-of-type) { margin-top: 50px; padding-top: 50px; } } @media screen and (min-width: 768px) { .comments-one__card__image { margin-left: 30px; } } .comments-one__card__image img { max-width: 165px; max-height: 165px; border-radius: 50%; } .comments-one__card__title { line-height: 110.333%; margin: 0; font-size: 24px; text-transform: capitalize; font-weight: bold; margin-top: 20px; margin-bottom: 10px; } @media screen and (min-width: 1200px) { .comments-one__card__title { margin-bottom: 17px; margin-top: 0; } } .comments-one__card__text { font-size: 15px; line-height: 2em; margin-bottom: 20px; max-width: 560px; } .comments-one__card__reply { padding: 10px 20px; color: var(--drivschol-text, #6D7076); background-color: var(--drivschol-gray, #6D7076); font-size: 16px; font-weight: 500; } .comments-one__card__reply:hover { color: var(--drivschol-white, #fff); } .comments-one__card__reply::after { background-color: var(--drivschol-black2, #111117); } .comments-one__card__reply::before { background-color: var(--drivschol-gray2, #F5F5F5); } .comments-one__card__content { position: relative; margin-top: 13px; } .comments-form { margin-top: 40px; padding-top: 40px; border-top: 1px solid var(--drivschol-border-color, #E6E6E6); } @media screen and (min-width: 1200px) { .comments-form { margin-top: 50px; padding-top: 50px; } } .comments-form__title { margin: 0; text-transform: capitalize; font-size: 25px; font-weight: bold; margin-top: -4px; margin-bottom: -4px; } @media screen and (min-width: 992px) { .comments-form__title { font-size: 30px; } } .comments-form__form { margin-top: 38px; } .comments-form__form .drivschol-btn { padding: 17px 40px; line-height: normal !important; } /*-------------------------------------------------------------- # Shop --------------------------------------------------------------*/ .product { position: relative; } .product__sidebar { position: relative; } .product__sidebar--title { position: relative; font-size: 20px; text-transform: capitalize; font-weight: bold; margin-top: -5px; } .product__sidebar__search { position: relative; margin-bottom: 30px; } .product__sidebar__search input[type=search], .product__sidebar__search input[type=text] { outline: none; width: 100%; height: 60px; background-color: var(--drivschol-primary, #EC2526); font-size: 14px; color: var(--drivschol-white, #fff); padding-right: 60px; padding-left: 20px; transition: all 500ms ease; border: none; } .product__sidebar__search input[type=search]:focus, .product__sidebar__search input[type=text]:focus { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1); border: none; } .product__sidebar__search input[type=search]::placeholder, .product__sidebar__search input[type=text]::placeholder { color: var(--drivschol-white, #fff); font-family: var(--drivschol-font, "Manrope", sans-serif); font-size: 16px; font-style: normal; font-weight: 400; line-height: 162.5%; } .product__sidebar__search button[type=submit] { border: none; outline: none; background-color: rgba(0, 0, 0, 0); position: absolute; top: 50%; right: 20px; transform: translateY(-50%); width: auto; font-size: 22px; color: var(--drivschol-white, #fff); } .product__price-ranger { background: var(--drivschol-white, #fff); box-shadow: 0px 0px 60px 0px rgba(2, 2, 2, 0.07); padding: 30px; margin-bottom: 30px; } .product__price-ranger #slider-range { margin: 22px 0px 0 0; background: var(--drivschol-gray2, #F5F5F5); border: none; height: 6.98px; border-radius: 0; position: relative; } .product__price-ranger #slider-range .ui-slider-range { height: 100%; background: var(--drivschol-primary, #EC2526); } .product__price-ranger #slider-range .ui-slider-handle { position: absolute; top: -5px; background: var(--drivschol-primary, #EC2526); border: 0; height: 15.7px; width: 15.7px !important; border-radius: 50%; margin-right: -2px; outline: medium none; cursor: pointer; z-index: 2; } .product__price-ranger .ranger-min-max-block { position: relative; display: block; margin: 21.15px 0px 0 0; } .product__price-ranger .ranger-min-max-block input[type=text] { position: relative; display: inline-block; color: var(--drivschol-text, #6D7076); width: 40px; border: none; outline: none; font-family: var(--drivschol-font, "Manrope", sans-serif); padding: 0; text-align: center; background-color: transparent; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; } .product__price-ranger .ranger-min-max-block span { position: relative; display: inline-block; color: var(--drivschol-text, #6D7076); font-size: 14px; font-weight: 500; line-height: 40px; right: -2px; } .product__price-ranger .ranger-min-max-block input[type=submit] { position: relative; display: block; background-color: var(--drivschol-gray2, #F5F5F5); font-family: var(--drivschol-font, "Manrope", sans-serif); float: left; text-align: center; border: none; color: var(--drivschol-gray, #6D7076); margin: 0; cursor: pointer; padding: 0 20px; height: 38px; border-radius: 0; transition: all 500ms ease; font-size: 14px; font-style: normal; font-weight: 600; line-height: 185.714%; } .product__price-ranger .ranger-min-max-block input[type=submit]:hover { background-color: var(--drivschol-black2, #111117); color: var(--drivschol-white, #fff); } .product__categories { background-color: var(--drivschol-white, #fff); padding: 30px; box-shadow: 0px 0px 60px 0px rgba(2, 2, 2, 0.07); } .product__categories .product__sidebar--title { border-bottom: 1px dashed var(--drivschol-primary, #EC2526); padding-bottom: 15px; margin-bottom: 5px; } .product__categories ul li { position: relative; margin: 0 0 4px; } .product__categories ul li:not(:last-of-type) { border-bottom: 1px solid var(--drivschol-border-color, #E6E6E6); } .product__categories ul li a { position: relative; display: flex; align-items: center; line-height: 24px; font-size: 16px; text-transform: capitalize; color: var(--drivschol-text, #6D7076); font-weight: 500; transition: all 0.3s ease; z-index: 1; padding: 9px 0px 11px 15px; } .product__categories ul li a span { position: relative; display: inline-block; font-size: 12px; color: var(--drivschol-black2, #111117); margin-left: 10px; transition: all 0.3s ease; } .product__categories ul li a::before { margin-left: 8px; content: "\e926"; font-family: "icomoon" !important; font-weight: 500; transition: all 500ms ease; font-size: 16px; color: var(--drivschol-primary, #EC2526); } .product__categories ul li:last-child { border-bottom: 0px; } .product__categories ul li:hover a, .product__categories ul li.active a { color: var(--drivschol-black2, #111117); padding-right: 7px; } .product__categories ul li:hover a::before, .product__categories ul li.active a::before { transform: scale(1, 1); visibility: visible; transform-origin: top center; } .product__categories ul li:hover a span, .product__categories ul li.active a span { color: var(--drivschol-text, #6D7076); } .product__categories ul li.active a { font-weight: 600; } .product__info-top { position: relative; display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; } @media (max-width: 991px) { .product__info-top { margin-top: 50px; } } @media (max-width: 767px) { .product__info-top { display: block; margin-top: 40px; } } .product__showing-text { margin: 0; font-weight: 700; font-size: 18px; color: var(--drivschol-heading-text, #111117); } @media (max-width: 767px) { .product__showing-text { margin-bottom: 20px; } } .product__showing-sort { margin: 0; } .product__showing-sort .filter-option-inner-inner { font-size: 16px; font-style: normal; font-weight: 700; } .product__showing-sort .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { position: relative; display: block; width: 340px !important; font-family: var(--drivschol-font, "Manrope", sans-serif); } @media (max-width: 360px) { .product__showing-sort .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 300px !important; } } .product__showing-sort .bootstrap-select > .dropdown-toggle::after { display: none; } .product__showing-sort .bootstrap-select .dropdown-menu { border: none; } .product__showing-sort .bootstrap-select > .dropdown-toggle { position: relative; height: 64px; outline: none !important; border-radius: 0; border: 0; background-color: var(--drivschol-gray2, #F5F5F5) !important; margin: 0; padding: 0; padding-right: 30px; padding-left: 30px; color: var(--drivschol-text, #6D7076) !important; font-size: 14px; line-height: 64px; font-weight: 500; box-shadow: none !important; background-repeat: no-repeat; background-size: 14px 12px; background-position: left 25.75px center; } .product__showing-sort .bootstrap-select > .dropdown-toggle:before { position: absolute; top: 0; bottom: 0; left: 30px; font-family: "Font Awesome 5 Free"; content: "\f107"; font-weight: 900; font-size: 16px; color: var(--drivschol-primary, #EC2526); } .product__showing-sort .bootstrap-select .dropdown-menu > li + li > a { border-top: 1px solid var(--drivschol-border-color, #E6E6E6); } .product__showing-sort .bootstrap-select .dropdown-menu > li > a { font-size: 14px; font-weight: 500; padding: 10px 30px; color: var(--drivschol-text, #6D7076); background-color: var(--drivschol-gray2, #F5F5F5); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .product__showing-sort .bootstrap-select .dropdown-menu > li:hover > a, .product__showing-sort .bootstrap-select .dropdown-menu > li.selected > a { background: var(--drivschol-text, #6D7076); color: var(--drivschol-white, #fff); border-color: var(--drivschol-text, #6D7076); } .product__item { position: relative; background-color: var(--drivschol-white, #fff); border: 1px solid var(--drivschol-border-color, #E6E6E6); transition: all 500ms ease; } .product__item__top__img { background-color: var(--drivschol-white, #fff); position: relative; overflow: hidden; max-width: 220px; margin-right: auto; margin-left: auto; } .product__item__top__img img { width: 100%; height: auto; mix-blend-mode: multiply; transition: all 500ms ease; transform: scale(1); } .product__item__top__btn { position: absolute; left: 20px; top: 20px; z-index: 2; } .product__item__top__btn a { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; background-color: var(--drivschol-gray2, #F5F5F5); border-radius: 50%; color: var(--drivschol-gray, #6D7076); font-size: 14px; visibility: hidden; opacity: 0; } .product__item__top__btn a:hover { background-color: var(--drivschol-primary, #EC2526); color: var(--drivschol-white, #fff); } .product__item__top__btn a:nth-child(1) { transition: transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms; transform: translate3d(-30px, 0, 0); } .product__item__top__btn a:nth-child(2) { transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms; transform: translate3d(-30px, 0, 0); } .product__item__top__btn a + a { margin-top: 10px; } .product__item:hover { box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.08); border: 1px solid var(--drivschol-primary, #EC2526); background: var(--drivschol-white, #fff); } .product__item:hover .product__item__top__img img { transform: scale(1.05); } .product__item:hover .product__item__top__btn a { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } .product__item__content { position: relative; text-align: center; padding: 27px 30px 40px 30px; } .product__item__title { font-size: 20px; font-weight: 700; line-height: 130%; text-transform: capitalize; margin-bottom: 3px; } .product__item__title a { color: var(--drivschol-heading-font, "Urbanist", sans-serif); background: linear-gradient(to left, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .product__item__title a:hover { background-size: 100% 1px; } .product__item__title a:hover { color: var(--drivschol-primary, #EC2526); } .product__item__price { display: flex; justify-content: center; color: var(--drivschol-text, #6D7076); margin-bottom: 10px; font-family: var(--drivschol-font, "Manrope", sans-serif); font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; } .product__item__price__del { margin-right: 5px; } .product__item__ratings { display: flex; justify-content: center; align-items: center; font-size: 16px; color: var(--drivschol-primary, #EC2526); letter-spacing: 4.5px; margin-bottom: 26px; } .product__item__link { color: var(--drivschol-white, #fff); padding: 7.5px 30px; font-size: 14px; font-style: normal; font-weight: 500; line-height: 185.714%; } .product__item__link:hover { color: var(--drivschol-white, #fff); } .product__item__link::after { background-color: var(--drivschol-black2, #111117); } .product__item__link::before { background-color: var(--drivschol-primary, #EC2526); } .product-one { padding: 120px 0; } @media (max-width: 767px) { .product-one { padding: 80px 0; } } .product-one--page { padding-top: 100px; } @media (max-width: 767px) { .product-one--page { padding-top: 60px; } } .product-one__home { position: relative; padding: 0 0 90px; } @media (max-width: 767px) { .product-one__home { padding-bottom: 50px; } } .product-one__home .sec-title { text-align: center; } .product-one__home .product__item { margin-bottom: 30px; } @media screen and (min-width: 992px) { .product-one__carousel .owl-nav { display: none; } } /*-------------------------------------------------------------- # Shop details --------------------------------------------------------------*/ .product-details { position: relative; padding: 120px 0; padding-top: 100px; } @media (max-width: 767px) { .product-details { padding: 80px 0; padding-top: 60px; } } .product-details__img { background-color: var(--drivschol-white, #fff); position: relative; border: 1px solid var(--drivschol-border-color, #E6E6E6); } .product-details__img img { width: 100%; height: auto; } .product-details__img-search { position: absolute; left: 30px; top: 30px; z-index: 2; line-height: 1; } .product-details__img-search a { display: inline-block; font-size: 21px; color: var(--drivschol-black2, #111117); transition: all 500ms ease; } .product-details__img-search a:hover { color: var(--drivschol-text, #6D7076); } .product-details__content { position: relative; margin: -10px 0 0 0; } @media (max-width: 991px) { .product-details__content { margin: 50px 0 0; } } .product-details__top { display: flex; flex-wrap: wrap; align-items: baseline; font-family: var(--drivschol-heading-font, "Urbanist", sans-serif); margin-bottom: 15px; } .product-details__title { font-size: 30px; font-style: normal; font-weight: 700; line-height: normal; text-transform: capitalize; margin-bottom: 0; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .product-details__title { font-size: 30px; } } .product-details__price { color: var(--drivschol-primary, #EC2526); font-size: 20px; font-style: normal; font-weight: 700; line-height: 130%; margin: 0 28px 0 0; font-family: var(--drivschol-heading-font, "Urbanist", sans-serif); } .product-details__review { position: relative; display: flex; align-items: center; letter-spacing: 3px; font-size: 19.89px; color: var(--drivschol-primary, #EC2526); } .product-details__review a { display: inline-block; color: var(--drivschol-text, #6D7076); letter-spacing: 0; margin-right: 16px; transition: all 500ms ease; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; } .product-details__review a:hover { color: var(--drivschol-primary, #EC2526); } .product-details__divider { width: 100%; height: 1px; background-color: var(--drivschol-border-color, #E6E6E6); margin: 22px 0 21px 0; } .product-details__excerpt { margin: 0; font-size: 15px; line-height: 30px; } .product-details__excerpt-text1 { margin: 0 0 21px; letter-spacing: 0; } .product-details__excerpt-text2 { margin-bottom: 27px; font-size: 16px; font-style: normal; font-weight: 600; letter-spacing: 0; } @media (max-width: 767px) { .product-details__excerpt-text2 br { display: block; } } .product-details__excerpt-text2 span { font-weight: 600; color: var(--drivschol-primary, #EC2526); } .product-details__quantity { position: relative; display: flex; align-items: center; } .product-details__quantity-title { margin: 0; margin-left: 35px; font-weight: bold; font-size: 18px; font-weight: 700; line-height: normal; } .product-details__quantity .quantity-box { position: relative; width: auto; height: 50px; display: flex; } .product-details__quantity .quantity-box input { width: 98px; height: 50px; border: 1px solid var(--drivschol-border-color, #E6E6E6); -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; font-family: var(--drivschol-font, "Manrope", sans-serif); color: var(--drivschol-text, #6D7076); padding-right: 30px; outline: none; font-size: 18px; font-weight: 500; background-color: transparent; } .product-details__quantity .quantity-box button { width: 45px; height: auto; color: var(--drivschol-text, #6D7076); font-size: 12px; background-color: transparent; border: none; display: flex; align-items: center; justify-content: center; outline: none; transition: all 500ms ease; } .product-details__quantity .quantity-box button:hover, .product-details__quantity .quantity-box button:focus, .product-details__quantity .quantity-box button:active { background: var(--drivschol-black2, #111117); color: var(--drivschol-white, #fff); } .product-details__quantity .quantity-box button.sub { bottom: 1px; top: auto; border-top: 1px solid var(--drivschol-border-color, #E6E6E6); border-right: 1px solid var(--drivschol-border-color, #E6E6E6); border-bottom: 1px solid var(--drivschol-border-color, #E6E6E6); } .product-details__quantity .quantity-box button.add { border-top: 1px solid var(--drivschol-border-color, #E6E6E6); border-left: 1px solid var(--drivschol-border-color, #E6E6E6); border-bottom: 1px solid var(--drivschol-border-color, #E6E6E6); } .product-details__quantity .quantity-box button:hover { color: var(--drivschol-text, #6D7076); } .product-details__buttons { display: flex; flex-wrap: wrap; gap: 20px; margin: 40px 0px 0; } .product-details__buttons a { padding: 16.55px 50px; color: var(--drivschol-white, #fff); font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; } @media (max-width: 768px) { .product-details__buttons a { padding: 16.55px 35px; } } .product-details__socials { position: relative; display: flex; align-items: center; flex-wrap: wrap; gap: 50px; margin-top: 30px; } .product-details__socials__title { font-size: 18px; font-style: normal; font-weight: 700; line-height: normal; display: flex; margin-bottom: 0; } @media screen and (min-width: 768px) { .product-details__socials__title { flex: 0 0 auto; } } .product-details__socials__item { display: flex; gap: 20px; } .product-details__socials__item a { display: inline; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; background-color: var(--drivschol-gray2, #F5F5F5); font-size: 16px; color: var(--drivschol-black2, #111117); transition: all 500ms ease; border-radius: 50%; } .product-details__socials__item a:hover { background-color: var(--drivschol-text, #6D7076); color: var(--drivschol-white, #fff); } .product-details__description { position: relative; margin: 72px 0 0; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .product-details__description { margin: 50px 0 0; } } .product-details__description__title { font-size: 30px; font-style: normal; font-weight: 700; line-height: normal; margin-bottom: 22px; } .product-details__description__text { font-size: 16px; font-weight: 500; line-height: 187.5%; } .product-details__description__lists { margin-bottom: 25px; margin-top: 25px; padding: 0; } .product-details__description__lists li { display: block; position: relative; font-size: 16px; line-height: 30px; font-weight: 600; color: var(--drivschol-black2, #111117); } .product-details__description__lists li::before { content: "\f058"; clear: both; font-family: var(--fontawesome, "Font Awesome 5 free"); font-size: 16px; color: var(--drivschol-primary, #EC2526); margin-left: 10px; } .product-details__comment { border-top: 1px solid var(--drivschol-border-color, #E6E6E6); margin: 40px 0 0; padding: 40px 0 0; position: relative; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .product-details__comment { margin: 30px 0 0; padding: 30px 0 0; } } .product-details__review-title { font-size: 30px; font-style: normal; font-weight: 700; line-height: normal; margin-bottom: 32px; text-transform: capitalize; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .product-details__review-title { margin-bottom: 22px; } } .product-details__comment-box { position: relative; padding: 11px 200px 52px 0; margin-bottom: 40px; min-height: 166px; border-bottom: 1px solid var(--drivschol-border-color, #E6E6E6); } @media (max-width: 767px) { .product-details__comment-box { padding-right: 0; margin-bottom: 30px; padding-bottom: 30px; } } .product-details__comment-box__thumb { width: 166px; height: 166px; position: absolute; right: 0; top: 0; border-radius: 50%; margin: 0; border: none; } @media (max-width: 767px) { .product-details__comment-box__thumb { position: relative; margin: 0 0 20px; } } .product-details__comment-box__thumb img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; } .product-details__comment-box__meta { font-size: 24px; font-style: normal; font-weight: 800; line-height: 26px; margin: 0 0 20px; color: var(--drivschol-black2, #111117); } .product-details__comment-box__date { margin-right: 20px; font-size: 15px; line-height: 26px; display: inline-block; text-transform: inherit; color: var(--drivschol-primary, #EC2526); font-family: var(--drivschol-font, "Manrope", sans-serif); font-size: 16px; font-style: normal; font-weight: 500; line-height: 30px; letter-spacing: 0.8px; } .product-details__comment-box__text { margin: 0; font-size: 16px; font-weight: 500; line-height: 187.5%; } .product-details__comment-box__ratings { position: absolute; left: 0; top: 13px; display: flex; align-items: center; letter-spacing: 6px; font-size: 19px; color: var(--drivschol-primary, #EC2526); } @media (max-width: 767px) { .product-details__comment-box__ratings { position: relative; top: 0; margin: 0 0 22px; } } .product-details__form { position: relative; margin: 0px 0px 40px 0; } .product-details__form .row { --bs-gutter-x: 20px; } .product-details__form-title { font-size: 30px; text-transform: capitalize; margin-bottom: 18px; font-weight: bold; } .product-details__form-ratings { display: flex; align-items: center; letter-spacing: 6px; font-size: 25px; color: var(--drivschol-primary, #EC2526); margin: 0 0 40px; } .product-details__form-ratings i { color: var(--drivschol-primary, #EC2526); } .product-details__form-ratings__label { display: inline-block; letter-spacing: 0; color: var(--drivschol-text, #6D7076); margin: 0 0 0 17px; font-family: var(--drivschol-heading-font, "Urbanist", sans-serif); font-size: 20px; font-weight: 700; line-height: 130%; text-transform: capitalize; } .product-details__form__form { margin-top: 0; } .product-details__form__form .drivschol-btn { padding: 17px 50px; } .product-details__form__form .drivschol-btn::after { background: var(--drivschol-black2, #111117); } .product-details__form__form .drivschol-btn::before { background: var(--drivschol-primary, #EC2526); } /*-------------------------------------------------------------- # Cart --------------------------------------------------------------*/ .cart-page { position: relative; padding: 120px 0; padding-top: 100px; } @media (max-width: 767px) { .cart-page { padding: 80px 0; padding-top: 60px; } } .cart-page .table-responsive { position: relative; display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } @media (max-width: 1199px) { .cart-page .table-responsive { margin-bottom: 30px; } } .cart-page__table { position: relative; width: 100%; border: none; margin: 0 0 60px; } @media (max-width: 1199px) { .cart-page__table { min-width: 1170px; } } .cart-page__table thead tr th { font-size: 20px; font-style: normal; font-weight: 700; line-height: 235%; color: var(--drivschol-black2, #111117); padding: 0 0 24px; font-family: var(--drivschol-heading-font, "Urbanist", sans-serif); text-transform: capitalize; border: none; background-color: transparent; border-bottom: 1px solid var(--drivschol-border-color, #E6E6E6) !important; box-shadow: none; } .cart-page__table thead tr th:last-child { text-align: left; } .cart-page__table tbody tr td { font-size: 18px; font-weight: 500; color: var(--drivschol-black2, #111117); vertical-align: middle; border: none; box-shadow: none; background-color: transparent; border-top: 1px solid var(--drivschol-border-color, #E6E6E6); border-bottom: 1px solid var(--drivschol-border-color, #E6E6E6); padding: 30px 0; letter-spacing: 0; } .cart-page__table tbody tr td:last-child { text-align: left; } .cart-page__table__meta { display: flex; align-items: center; } .cart-page__table__meta-img { width: 119px; height: 119px; background-color: var(--drivschol-white, #fff); border: 1px solid var(--drivschol-border-color, #E6E6E6); margin-left: 34px; } .cart-page__table__meta-img img { width: 100%; height: 100%; object-fit: cover; mix-blend-mode: multiply; } .cart-page__table__meta-title { font-size: 20px; text-transform: capitalize; margin: 0; font-weight: bold; color: var(--drivschol-black2, #111117); } .cart-page__table__meta-title a { color: inherit; } .cart-page__table__meta-title a:hover { color: var(--drivschol-text, #6D7076); } .cart-page__table__remove { display: block; color: var(--drivschol-black2, #111117); font-size: 16px; } .cart-page__table__remove:hover { color: var(--drivschol-text, #6D7076); } .cart-page__coupone-form { position: relative; display: flex; } @media (max-width: 767px) { .cart-page__coupone-form { display: block; } } .cart-page__coupone-form input[type=text] { height: 60px; width: 375px; border: none; background-color: var(--drivschol-gray2, #F5F5F5); padding-right: 30px; padding-left: 30px; outline: none; font-size: 14px; color: var(--drivschol-text, #6D7076); font-family: var(--drivschol-font, "Manrope", sans-serif); display: block; font-weight: 500; margin-left: 10px; } @media (max-width: 1199px) { .cart-page__coupone-form input[type=text] { width: 290px; } } @media (max-width: 767px) { .cart-page__coupone-form input[type=text] { width: 100%; margin: 0 0 10px; } } .cart-page__cart-total { position: relative; text-align: left; margin: -8px 0 24px; padding: 0; } @media (max-width: 991px) { .cart-page__cart-total { text-align: right; margin-top: 45px; } } .cart-page__cart-total li { color: var(--drivschol-black2, #111117); display: block; font-size: 20px; font-style: normal; font-weight: 700; line-height: 200%; font-family: var(--drivschol-heading-font, "Urbanist", sans-serif); margin: 0 0 0px; } @media (max-width: 991px) { .cart-page__cart-total li span { display: inline-block; min-width: 172px; } } .cart-page__cart-total li:last-child { margin-top: 20px; padding-top: 20px; position: relative; } .cart-page__cart-total li:last-child::after { content: ""; width: 70%; height: 1px; position: absolute; top: 0%; left: 0; background: var(--drivschol-border-color, #E6E6E6); } @media only screen and (min-width: 768px) and (max-width: 991px) { .cart-page__cart-total li:last-child::after { width: 50%; left: auto; right: 0%; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .cart-page__cart-total li:last-child::after { width: 50%; left: auto; right: 0%; } } .cart-page__cart-total-amount { font-size: 18px; color: var(--drivschol-text, #6D7076); font-weight: 500; text-transform: inherit; font-family: var(--drivschol-font, "Manrope", sans-serif); display: inline-block; min-width: 172px; } .cart-page__buttons { display: flex; justify-content: flex-end; gap: 10px; } @media (max-width: 991px) { .cart-page__buttons { justify-content: flex-start; } } .ui-datepicker .ui-datepicker-header { background-image: none; background-color: var(--drivschol-black2, #111117); color: var(--drivschol-white, #fff); font-family: var(--drivschol-font, "Manrope", sans-serif); } .ui-datepicker-calendar th span { font-family: var(--drivschol-font, "Manrope", sans-serif); } .ui-datepicker-calendar td { background-color: var(--drivschol-gray, #6D7076); background-image: none; font-family: var(--drivschol-font, "Manrope", sans-serif); color: var(--drivschol-text, #6D7076); } .ui-datepicker-calendar td a { border-color: var(--drivschol-border-color, #E6E6E6); background-color: var(--drivschol-gray, #6D7076); background-image: none; } .ui-datepicker-calendar .ui-state-default, .ui-datepicker-calendar .ui-widget-content .ui-state-default, .ui-datepicker-calendar .ui-widget-header .ui-state-default { border-color: var(--drivschol-border-color, #E6E6E6); background-color: var(--drivschol-gray, #6D7076); background-image: none; color: var(--drivschol-text, #6D7076); padding: 10px 5px; text-align: center; line-height: 1em; } .ui-datepicker-calendar .ui-state-default:hover, .ui-datepicker-calendar .ui-widget-content .ui-state-default:hover, .ui-datepicker-calendar .ui-widget-header .ui-state-default:hover { color: var(--drivschol-white, #fff); background-color: var(--drivschol-text, #6D7076); } .ui-datepicker-calendar .ui-state-highlight, .ui-datepicker-calendar .ui-widget-content .ui-state-highlight, .ui-datepicker-calendar .ui-widget-header .ui-state-highlight { color: var(--drivschol-white, #fff); background-color: var(--drivschol-text, #6D7076); } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { background-image: none; background-color: var(--drivschol-white, #fff); color: var(--drivschol-black2, #111117); } .ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover { background-color: var(--drivschol-text, #6D7076); color: var(--drivschol-white, #fff); top: 2px; } .ui-datepicker .ui-datepicker-prev:hover { right: 2px; } .ui-datepicker .ui-datepicker-next:hover { left: 2px; } /*-------------------------------------------------------------- # Checkout --------------------------------------------------------------*/ .checkout-page { position: relative; padding: 120px 0; padding-top: 100px; } @media (max-width: 767px) { .checkout-page { padding: 80px 0; padding-top: 60px; } } .checkout-page .bs-gutter-x-20 { --bs-gutter-x: 20px; } .checkout-page__notice { display: inline-block; color: var(--drivschol-black2, #111117); font-size: 18px; font-weight: 700; line-height: 25px; padding: 34px 50px 34px 133px; background: var(--drivschol-gray2, #F5F5F5); margin-bottom: 40px; } .checkout-page__notice a { color: var(--drivschol-primary, #EC2526); background: linear-gradient(to left, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; font-weight: 700; } .checkout-page__notice a:hover { background-size: 100% 1px; } .checkout-page__notice a:hover { color: var(--drivschol-primary, #EC2526); } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .checkout-page__notice { padding: 17px 20px 17px 20px; } } .checkout-page__billing-address { position: relative; } .checkout-page__billing-address__title { margin-top: -8px; font-size: 30px; font-style: normal; font-weight: 700; line-height: normal; text-transform: capitalize; margin-bottom: 32px; } @media (max-width: 767px) { .checkout-page__billing-address__title { font-size: 28px; } } .checkout-page__shipping-address { position: relative; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .checkout-page__shipping-address { margin-top: 30px; } } .checkout-page__shipping-address__title { margin-top: -8px; font-size: 30px; font-style: normal; font-weight: 700; line-height: normal; text-transform: capitalize; margin-bottom: 32px; } @media (max-width: 767px) { .checkout-page__shipping-address__title { font-size: 27px; } } .checkout-page__check-box { margin-top: 30px; } .checkout-page__check-box input[type=checkbox] { display: none; } .checkout-page__check-box label { position: relative; padding-right: 30px; font-size: 20px; cursor: pointer; } .checkout-page__check-box label span { position: absolute; top: 2px; right: 0; width: 20px; height: 20px; background-color: var(--drivschol-primary, #EC2526); border-radius: 50%; border: none; vertical-align: middle; cursor: pointer; transition: all 300ms ease; } .checkout-page__check-box label span::before { position: absolute; top: 3px; right: 5px; line-height: 15px; display: inline-block; color: var(--drivschol-white, #fff); font-family: "Font Awesome 5 Free"; content: "\f00c"; font-size: 10px; font-weight: 900; transition: all 0.15s ease-in-out; opacity: 0; } .checkout-page__check-box input[type=checkbox]:checked + label span:before { opacity: 1; } .checkout-page__input-box { position: relative; line-height: 1; margin: 0 0 20px; } .checkout-page__input-box input[type=text], .checkout-page__input-box input[type=email], .checkout-page__input-box input[type=tel] { height: 60px; width: 100%; border: none; background-color: var(--drivschol-gray2, #F5F5F5); padding-right: 30px; padding-left: 30px; outline: none; font-size: 14px; color: var(--drivschol-text, #6D7076); font-family: var(--drivschol-font, "Manrope", sans-serif); display: block; font-weight: 500; } .checkout-page__input-box .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { position: relative; display: block; width: 100% !important; font-family: var(--drivschol-font, "Manrope", sans-serif); } .checkout-page__input-box .bootstrap-select > .dropdown-toggle::after { display: none; } .checkout-page__input-box .bootstrap-select > .dropdown-toggle { position: relative; height: 58px; outline: none !important; border-radius: 0; border: 0; background-color: var(--drivschol-gray, #6D7076) !important; margin: 0; padding: 0; padding-right: 30px; padding-left: 30px; color: var(--drivschol-text, #6D7076) !important; font-size: 14px; line-height: 58px; font-weight: 500; box-shadow: none !important; background-repeat: no-repeat; background-size: 14px 12px; background-position: left 25.75px center; } .checkout-page__input-box .bootstrap-select > .dropdown-toggle:before { position: absolute; top: 0; bottom: 0; left: 30px; font-family: "Font Awesome 5 Free"; content: "\f107"; font-weight: 900; font-size: 12px; color: var(--drivschol-text, #6D7076); } .checkout-page__input-box .bootstrap-select .dropdown-menu > li + li > a { border-top: 1px solid var(--drivschol-border-color, #E6E6E6); } .checkout-page__input-box .bootstrap-select .dropdown-menu { border: none; } .checkout-page__input-box .bootstrap-select .dropdown-menu > li > a { font-size: 14px; font-weight: 500; padding: 15px 30px; color: var(--drivschol-text, #6D7076); background-color: var(--drivschol-gray, #6D7076); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .checkout-page__input-box .bootstrap-select .dropdown-menu > li:hover > a, .checkout-page__input-box .bootstrap-select .dropdown-menu > li.selected > a { background: var(--drivschol-text, #6D7076); color: var(--drivschol-white, #fff); border-color: var(--drivschol-text, #6D7076); } .checkout-page__input-box textarea { font-size: 14px; font-weight: 500; color: var(--drivschol-text, #6D7076); height: 176px; width: 100%; background-color: var(--drivschol-gray2, #F5F5F5); font-family: var(--drivschol-font, "Manrope", sans-serif); padding: 20px 30px 30px; border: none; outline: none; margin-bottom: 0px; } .checkout-page__sopping__details { padding-top: 23px; margin-bottom: 100px; } .checkout-page__sopping__details__title { font-size: 30px; font-weight: 700; line-height: normal; text-shadow: 0 0 0 1px currentColor; } .checkout-page__sopping__details p { display: block; } .checkout-page__sopping__details p i { color: var(--drivschol-primary, #EC2526); } @media only screen and (min-width: 768px) and (max-width: 991px) { .checkout-page__sopping__details { margin-bottom: 80px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .checkout-page__sopping__details { margin-bottom: 50px; } } .checkout-page__your-order { position: relative; } .checkout-page__your-order__title { font-size: 30px; font-weight: 700; line-height: normal; text-transform: capitalize; margin-bottom: 32px; } .checkout-page__your-order .drivschol-btn { padding: 16px 49.5px 17px; } .checkout-page__order-table { position: relative; width: 100%; border: none; margin: 0 0 0; } .checkout-page__order-table thead tr th { color: var(--drivschol-black2, #111117); font-family: var(--drivschol-heading-font, "Urbanist", sans-serif); font-size: 20px; font-style: normal; line-height: 235%; border-top: 1px solid var(--drivschol-border-color, #E6E6E6); border-bottom: 1px solid var(--drivschol-border-color, #E6E6E6); font-weight: bold; padding: 10px 0px; } .checkout-page__order-table thead tr th:last-child { text-align: left; } .checkout-page__order-table .order_table_head-two tr th { border-bottom: none !important; } .checkout-page__order-table tbody tr td { color: var(--drivschol-black2, #111117); margin: 0; border: none; font-size: 20px; font-style: normal; font-weight: 600; line-height: 200%; font-family: var(--drivschol-heading-font, "Urbanist", sans-serif); } .checkout-page__order-table tbody tr td span { color: var(--drivschol-text, #6D7076); } .checkout-page__order-table tbody tr td:last-child { text-align: left; } .checkout-page__order-table tbody tr:first-child td { padding-top: 25px; } .checkout-page__order-table tbody tr:nth-child(3) td { padding-bottom: 13px; } .checkout-page__order-table .order_table_head-two { color: var(--drivschol-black2, #111117); font-family: var(--drivschol-heading-font, "Urbanist", sans-serif); font-size: 20px; font-style: normal; line-height: 235%; border-top: 1px solid var(--drivschol-border-color, #E6E6E6); font-weight: bold; } .checkout-page__order-table .order_table_head-two .pro__title, .checkout-page__order-table .order_table_head-two .pro__price { padding: 25px 0px; } .checkout-page__payment { background-color: var(--drivschol-gray2, #F5F5F5); padding: 38px 50px 1px; min-height: 295px; margin-bottom: 30px; } @media (max-width: 991px) { .checkout-page__payment { margin-top: 50px; } } @media (max-width: 767px) { .checkout-page__payment { padding-right: 25px; padding-left: 25px; } } .checkout-page__payment__item { position: relative; } .checkout-page__payment__title { font-size: 20px; font-weight: 700; line-height: 135%; cursor: pointer; display: flex; } .checkout-page__payment__title::before { content: ""; width: 24px; height: 24px; background-color: var(--drivschol-white, #fff); border: 2px solid var(--drivschol-border-color, #E6E6E6); border-radius: 50%; margin-left: 10px; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 8px; display: flex; justify-content: center; align-items: center; margin-left: 14px; top: 1px; transition: all 500ms ease; } .checkout-page__payment__content { margin-right: 35px; margin-bottom: 30px; font-size: 15px; line-height: 30px; } .checkout-page .drivschol-btn { padding: 20px 46px; } .checkout-page__payment__item--active .checkout-page__payment__title::before { background-color: var(--drivschol-primary, #EC2526); border-color: var(--drivschol-primary, #EC2526); content: "\f00c"; color: var(--drivschol-white, #fff); font-size: 12px; } /*-------------------------------------------------------------- # Login --------------------------------------------------------------*/ .login-page { position: relative; padding: 120px 0; padding-top: 100px; } @media (max-width: 767px) { .login-page { padding: 80px 0; padding-top: 60px; } } .login-page__inner { border: 1px solid var(--drivschol-border-color, #E6E6E6); background: #FFF; box-shadow: 0px 6px 40px 0px rgba(0, 0, 0, 0.06); padding: 57px 40px 57px 40px; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .login-page__inner { padding: 40px 30px 40px 30px; } } .login-page__info { background-color: var(--drivschol-black2, #111117); padding: 35px 50px; margin-bottom: 50px; } @media (max-width: 991px) { .login-page__info { margin-bottom: 20px; padding: 15px 30px; } .login-page__info p { font-size: 16px; } } .login-page__info p { font-size: 18px; font-style: normal; font-weight: 500; margin: 0; line-height: normal; color: var(--drivschol-white, #fff); } .login-page__info p a { display: inline-block; color: var(--drivschol-primary, #EC2526); transition: all 500ms ease; background: linear-gradient(to left, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .login-page__info p a:hover { background-size: 100% 1px; } .login-page__info p a:hover { color: var(--drivschol-primary, #EC2526); } .login-page__wrap { position: relative; } .login-page__wrap__title { font-size: 30px; text-transform: capitalize; font-weight: 700; margin-top: -5px; margin-bottom: 30px; } .login-page__wrap .form__border { display: block; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .login-page__wrap .form__border { display: none; } } .login-page__wrap .form__border::after { position: absolute; top: 0; left: -47px; content: ""; width: 1px; height: 100%; background: var(--drivschol-border-color, #E6E6E6); } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .login-page__wrap .form__border::after { display: none; } } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .login-page .register-page__wrap { margin-top: 50px; } } .login-page__form { position: relative; display: block; } .login-page__form-input-box { position: relative; display: block; margin-bottom: 20px; } .login-page__form-input-box input[type=email], .login-page__form-input-box input[type=password] { height: 58px; width: 100%; border: none; background-color: var(--drivschol-gray2, #F5F5F5); padding-right: 30px; padding-left: 30px; outline: none; font-size: 14px; color: var(--drivschol-text, #6D7076); display: block; font-weight: 500; } .login-page__checked-box { position: relative; display: flex; justify-content: space-between; align-items: center; margin-top: 30px; margin-bottom: 38px; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .login-page__checked-box { display: block; } } .login-page__checked-box label { position: relative; display: inline-block; padding-right: 30px; margin-left: 0px; margin-bottom: 0; color: var(--drivschol-text, #6D7076); text-transform: none; cursor: pointer; font-size: 16px; font-weight: 500; } .login-page__checked-box label span:before { position: absolute; top: 2px; right: 3px; display: block; border-bottom: 2px solid var(--drivschol-text, #6D7076); border-left: 2px solid var(--drivschol-text, #6D7076); content: ""; width: 7px; height: 10px; pointer-events: none; transform-origin: 34% 66%; transform: rotate(-45deg); transition: all 0.15s ease-in-out; opacity: 0; } .login-page__checked-box input[type=checkbox] { display: none; } .login-page__checked-box input[type=checkbox] + label span { position: absolute; top: 4px; right: 0; border-radius: 4px; width: 20px; height: 20px; vertical-align: middle; background: transparent; cursor: pointer; transition: all 300ms ease; border: 1px solid var(--drivschol-border-color, #E6E6E6); } .login-page__checked-box input[type=checkbox]:checked + label span:before { opacity: 1; } .login-page__form-btn-box { position: relative; display: flex; align-items: center; flex-wrap: wrap; } .login-page__form-btn-box .drivschol-btn { font-size: 16px; font-weight: 700; padding-right: 40px; padding-left: 40px; } .login-page__form-forgot-password { position: relative; display: block; margin-right: 0px; flex: 0 0 100%; margin-top: 10px; } @media screen and (min-width: 768px) { .login-page__form-forgot-password { margin-right: 20px; flex: 0 0 auto; margin-top: 0; } } .login-page__form-forgot-password a { font-size: 14px; font-weight: 500; color: var(--drivschol-text, #6D7076); position: relative; display: inline-block; background: linear-gradient(to left, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .login-page__form-forgot-password a:hover { background-size: 100% 1px; } .login-page__form-forgot-password a:hover { color: var(--drivschol-text, #6D7076); } .gutter-x-94 { --bs-gutter-x: 94px; } /*-------------------------------------------------------------- # error 404 --------------------------------------------------------------*/ .error-404 { padding-bottom: 80px; text-align: center; padding-top: 80px; } @media screen and (min-width: 768px) { .error-404 { padding-top: 100px; padding-bottom: 100px; } } @media screen and (min-width: 992px) { .error-404 { padding-bottom: 120px; padding-top: 120px; } } .error-404__img { max-width: 880px; width: 100%; margin-right: auto; margin-left: auto; } .error-404__img svg { margin-bottom: 70px; } @keyframes bootoms { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); } 70% { -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); } } @keyframes rights { 0% { -webkit-transform: translateX(0px); transform: translateX(0px); } 70% { -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); } } .error-404__img svg #path-2 { animation: rights 5s ease-in infinite; -webkit-animation: rights 5s ease-in infinite; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; transform-box: fill-box; } .error-404__img svg #path-1 { animation: bootoms 5s ease-in infinite; -webkit-animation: bootoms 5s ease-in infinite; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; transform-box: fill-box; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .error-404__img svg { margin-bottom: 40px; } } .error-404__title { position: relative; margin-bottom: 12px; font-size: 40px; font-style: normal; font-weight: 700; line-height: 65%; } .error-404__text { color: var(--drivschol-heading-text, #111117); font-size: 16px; font-style: normal; font-weight: 600; line-height: 200%; letter-spacing: 0.16px; margin-bottom: 20px; } .error-404__search { display: inline-flex; align-items: center; position: relative; margin-bottom: 20px; width: 100%; max-width: 550px; } .error-404__search input[type=text] { position: relative; border: none; outline: none; display: block; background-color: var(--drivschol-gray2, #F5F5F5); color: var(--drivschol-text, #6D7076); font-size: 16px; width: 100%; max-width: 550px; padding-right: 70px; padding-left: 20px; height: 60px; } .error-404__search input[type=text]::placeholder { color: var(--drivschol-gray, #6D7076); font-size: 16px; font-style: normal; font-weight: 600; line-height: 162.5%; } .error-404__search__btn { border: none; outline: none; background-color: transparent; position: absolute; margin-left: 8px; top: 50%; right: 35px; transform: translateY(-50%); font-size: 18px; color: var(--drivschol-gray, #6D7076); font-weight: 700; } .error-404__search__btn a { text-transform: none; } .error-404__btns a { padding: 14px 39.44px; font-size: 16px; font-style: normal; font-weight: 700; line-height: 28px; } /*-------------------------------------------------------------- # Faq --------------------------------------------------------------*/ .faq-page { padding: 120px 0px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .faq-page { padding: 100px 0px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .faq-page { padding: 80px 0px; } } .faq-page__contact { background: var(--drivschol-primary, #EC2526); padding: 65px 40px 35px 35px; margin-bottom: 30px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .faq-page__contact { padding: 68px 20px 40px 20px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .faq-page__contact { margin-bottom: 30px; } } .faq-page__contact__icon { margin-top: -100px; margin-bottom: 10px; } .faq-page__contact__icon__item { border: 8px solid var(--drivschol-white, #fff); margin: 0 auto; width: 86px; height: 86px; border-radius: 500px; background-color: var(--drivschol-black2, #111117); display: flex; justify-content: center; align-items: center; } .faq-page__contact__icon__item i { font-size: 25px; color: var(--drivschol-primary, #EC2526); } .faq-page__contact__title { color: var(--drivschol-white, #fff); font-size: 24px; font-weight: 700; line-height: 147.917%; margin-bottom: 12px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .faq-page__contact__title { font-size: 20px; } } .faq-page__contact__number { color: var(--drivschol-white, #fff); font-size: 16px; font-weight: 500; line-height: 183.795%; padding-bottom: 0; margin-bottom: 0; } .faq-page__contact__number a { color: var(--drivschol-white, #fff); font-size: 24px; font-weight: 700; line-height: 122.53%; margin-top: -4px; display: block; background: linear-gradient(to left, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .faq-page__contact__number a:hover { background-size: 100% 1px; } .faq-page__contact__number a:hover { color: var(--drivschol-white, #fff); } @media only screen and (min-width: 992px) and (max-width: 1199px) { .faq-page__contact__number a { font-size: 20px; } } .faq-page__accordion .accrodion { border: 1px solid var(--drivschol-border-color, #E6E6E6); margin-bottom: 20px; } .faq-page__accordion .accrodion:last-child { margin-bottom: 0; } .faq-page__accordion .accrodion-title { padding: 19px 30px 17px 30px; padding-left: 40px; cursor: pointer; } @media screen and (min-width: 992px) { .faq-page__accordion .accrodion-title { padding-left: 70px; } } @media (max-width: 767px) { .faq-page__accordion .accrodion-title { padding-right: 20px; } } .faq-page__accordion .accrodion-title__text { margin: 0; transition: all 500ms ease; position: relative; font-size: 18px; font-style: normal; line-height: 34px; font-weight: 700; text-transform: none; } .faq-page__accordion .accrodion-title__icon { width: 35px; height: 35px; position: absolute; top: 50%; left: -40px; color: var(--drivschol-primary, #EC2526); border-radius: 500px; transform: translateY(-50%); background: var(--drivschol-gray2, #F5F5F5); } .faq-page__accordion .accrodion-title__icon::after, .faq-page__accordion .accrodion-title__icon::before { width: 3px; height: 15px; position: absolute; background-color: var(--drivschol-heading-text, #111117); top: 50%; right: 50%; content: ""; transform: translate(50%, -50%); transition: all 500ms ease; } .faq-page__accordion .accrodion-title__icon::after { width: 15px; height: 3px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .faq-page__accordion .accrodion-title__icon { left: -30px; } } .faq-page__accordion .active .accrodion-title__icon { background-color: var(--drivschol-primary, #EC2526); } .faq-page__accordion .active .accrodion-title__icon::after, .faq-page__accordion .active .accrodion-title__icon::before { background-color: var(--drivschol-white, #fff); opacity: 0; } .faq-page__accordion .active .accrodion-title__icon::after { opacity: 1; } .faq-page__accordion .accrodion-content .inner { padding: 3px 30px 30px 55px; margin-top: -3px; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .faq-page__accordion .accrodion-content .inner { padding: 0px 20px 30px; } } .faq-page__accordion .accrodion-content__text { color: var(--drivschol-gray, #6D7076); margin-top: 3px; font-size: 16px; font-weight: 500; letter-spacing: 0.8px; line-height: 187.5%; margin-bottom: -3px; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .faq-page__accordion .accrodion-content__text { font-size: 14px; line-height: 20px; } } /*-------------------------------------------------------------- # Package --------------------------------------------------------------*/ .price-page__inner { margin-bottom: 60px; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .price-page__inner { margin-bottom: 40px; } } .price-page__inner__btn { margin: 0px 12px; padding: 20px 40px; color: var(--drivschol-heading-text, #111117); } .price-page__inner__btn::before { background-color: var(--drivschol-gray2, #F5F5F5); } .price-page__inner__btn::after { background-color: var(--drivschol-primary, #EC2526); } .price-page__inner__btn.active-btn::before { background-color: var(--drivschol-primary, #EC2526); } .price-page__inner__btn:hover, .price-page__inner__btn.active-btn { color: var(--drivschol-white, #fff); } @media (max-width: 575px) { .price-page__inner__btn { padding: 15px 30px; margin: 0px 5px; } } .package-card { background: var(--drivschol-white, #fff); box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.08); padding: 0px 30px 38px 30px; margin-top: 30px; margin-bottom: 30px; max-width: 400px; margin-right: auto; margin-left: auto; } .package-card__head { position: relative; z-index: 1; } .package-card__head__item { position: relative; text-align: center; padding-bottom: 44px; clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 75%, 0 100%); background-color: var(--drivschol-primary, #EC2526); transition: all 0.4s ease-in-out; } .package-card__head__item__price { color: var(--drivschol-white, #fff); text-align: center; font-size: 40px; font-style: normal; font-weight: 700; line-height: 135%; margin-bottom: 0; transition: all 0.4s ease-in-out; font-family: var(--drivschol-heading-font, "Urbanist", sans-serif); } .package-card__head__item__price sub { font-size: 20px; } .package-card__head__item__name { margin-top: -8px; color: rgba(255, 255, 255, 0.7); text-align: center; font-size: 16px; font-style: normal; font-weight: 500; line-height: 293.75%; margin-bottom: 0px; } .package-card__head__item__shape__one { position: absolute; left: 20px; top: 24px; } .package-card__head__item__shape__one svg { fill: #000; transition: all 0.4s ease-in-out; } .package-card__head__item__shape__two { position: absolute; left: 20px; top: 0px; } .package-card__head__item__shape__two svg { fill: #000; transition: all 0.4s ease-in-out; } .package-card__head__shape { position: absolute; bottom: -5px; right: 60px; content: ""; clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 75%, 0 100%); background: var(--drivschol-black2, #111117); width: 194px; height: 98px; z-index: -1; transition: all 0.4s ease-in-out; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .package-card__head__shape { right: 18px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .package-card__head__shape { right: 40px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .package-card__head__shape { right: 70px; } } @media (max-width: 575px) { .package-card__head__shape { right: calc(15% + 20px); } } @media screen and (max-width: 375px) { .package-card__head__shape { width: 160px; } } @media screen and (max-width: 320px) { .package-card__head__shape { width: 120px; } } .package-card__head::after { position: absolute; top: -30px; right: -30px; content: ""; width: 31px; height: 30px; background: var(--drivschol-primary, #EC2526); clip-path: polygon(100% 0, 0 100%, 100% 100%); transition: all 0.4s ease-in-out; } .package-card__head::before { position: absolute; top: -30px; right: 0; content: ""; width: 99.9999999%; height: 31px; background: var(--drivschol-primary, #EC2526); transition: all 0.4s ease-in-out; } .package-card__head__flag { position: absolute; top: -90px; left: -70px; } .package-card__body { padding-top: 28px; } .package-card__body__title { font-size: 24px; font-style: normal; font-weight: 700; line-height: normal; text-align: center; border-bottom: 1px solid var(--drivschol-gray2, #F5F5F5); padding-bottom: 22px; margin-bottom: 0; } .package-card__body__list { padding-right: 0; } .package-card__body__list__item { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--drivschol-gray2, #F5F5F5); padding: 12px 0px 11px 0px; } .package-card__body__list__item__text { padding-bottom: 0; margin-bottom: 0; color: var(--drivschol-gray, #6D7076); font-family: var(--drivschol-heading-font, "Urbanist", sans-serif); font-size: 16px; font-style: normal; font-weight: 600; line-height: 162.5%; text-transform: capitalize; } .package-card__body__list__item__package { padding-bottom: 0; margin-bottom: 0; color: var(--drivschol-black2, #111117); font-family: var(--drivschol-heading-font, "Urbanist", sans-serif); font-size: 16px; font-style: normal; font-weight: 600; line-height: 162.5%; text-transform: capitalize; } .package-card__body__btn { margin-top: 54px; } .package-card__body__btn a { padding: 12px 46px; font-size: 16px; font-style: normal; font-weight: 700; line-height: 162.5%; } .package-card__body__btn a::after { background-color: var(--drivschol-primary, #EC2526); } .package-card__body__btn a:hover { color: var(--drivschol-white, #fff); } .package-card:hover .package-card__head .package-card__head__item, .package-card.active .package-card__head .package-card__head__item { background-color: var(--drivschol-black2, #111117); } .package-card:hover .package-card__head .package-card__head__item__price, .package-card.active .package-card__head .package-card__head__item__price { color: var(--drivschol-primary, #EC2526); } .package-card:hover .package-card__head .package-card__head__item__shape__one svg, .package-card.active .package-card__head .package-card__head__item__shape__one svg { fill: #fff; } .package-card:hover .package-card__head .package-card__head__item__shape__two svg, .package-card.active .package-card__head .package-card__head__item__shape__two svg { fill: #fff; } .package-card:hover .package-card__head .package-card__head__shape, .package-card.active .package-card__head .package-card__head__shape { background: var(--drivschol-primary, #EC2526); } .package-card:hover .package-card__head::after, .package-card.active .package-card__head::after { background-color: var(--drivschol-black2, #111117); } .package-card:hover .package-card__head::before, .package-card.active .package-card__head::before { background-color: var(--drivschol-black2, #111117); } .package-card.active .drivschol-btn::before { background-color: var(--drivschol-primary, #EC2526); } .package-card__two .package-card__head::after { position: absolute; top: -30px; left: -30px; right: auto; content: ""; width: 31px; height: 30px; background: var(--drivschol-primary, #EC2526); clip-path: polygon(0 0, 0% 100%, 100% 100%); transition: all 0.4s ease-in-out; } .price-page { position: relative; background-color: var(--drivschol-white, #fff); padding-top: 120px; padding-bottom: 90px; } .price-page__home { padding-bottom: 130px; } @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) { .price-page { padding-bottom: 90px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .price-page { padding-top: 100px; padding-bottom: 70px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .price-page { padding-top: 80px; padding-bottom: 50px; } } /*-------------------------------------------------------------- # Offer --------------------------------------------------------------*/ .offer-one { padding-bottom: 120px; } @media (max-width: 767px) { .offer-one { padding-bottom: 80px; } } .offer-one__home { padding: 100px 0; } @media (max-width: 767px) { .offer-one__home { padding: 80px 0; } } .offer-one .container-fluid { max-width: 1604px; } .offer-one__card { padding: 20px; background-size: cover; position: relative; overflow: hidden; } .offer-one__card::before { background: linear-gradient(-90deg, rgba(var(--drivschol-white-rgb, 255, 255, 255), 0.13) 0px, rgba(var(--drivschol-white-rgb, 255, 255, 255), 0.13) 77%, rgba(var(--drivschol-white-rgb, 255, 255, 255), 0.5) 92%, rgba(var(--drivschol-white-rgb, 255, 255, 255), 0)); content: ""; height: 200%; right: -210%; opacity: 0; position: absolute; top: -50%; transition: all 0.7s ease 0s; width: 200%; } .offer-one__card:hover::before { right: -30%; opacity: 1; top: -20%; transition-duration: 0.7s, 0.7s, 0.15s; transition-property: right, top, opacity; transition-timing-function: linear; } .offer-one__card__inner { position: relative; border: 1px solid var(--drivschol-white, #fff); padding: 40px; } @media screen and (min-width: 992px) { .offer-one__card__inner { padding: 50px; } } .offer-one__card__shape { position: absolute; top: 0; right: 0; display: none; } @media screen and (min-width: 992px) { .offer-one__card__shape { display: block; } } .offer-one__card__value { font-family: var(--drivschol-special-font, "Alex Brush", cursive); font-weight: 400; font-size: 30px; color: var(--drivschol-text, #6D7076); line-height: 1; margin: 0; } @media screen and (min-width: 992px) { .offer-one__card__value { font-size: 40px; } } .offer-one__card__title { position: relative; font-weight: bold; text-transform: uppercase; margin: 0; font-size: 30px; line-height: 1.2em; margin-bottom: 17px; } @media screen and (min-width: 992px) { .offer-one__card__title { font-size: 40px; } } /*-------------------------------------------------------------- # Membership --------------------------------------------------------------*/ .membership-one { padding: 120px 0; padding-top: 100px; } @media (max-width: 767px) { .membership-one { padding: 80px 0; padding-top: 60px; } } .membership-one .sec-title { text-align: center; padding-bottom: 25px; } .membership-one__tab__list { display: inline-flex; justify-content: center; align-items: center; margin-bottom: 40px; flex-wrap: wrap; } .membership-one__tab__list li { cursor: pointer; } .membership-one__tab__list li span { display: block; font-size: 10px; background-color: var(--drivschol-gray, #6D7076); transition: all 500ms ease; text-transform: uppercase; font-weight: 600; letter-spacing: var(--drivschol-letter-space, 0.1em); padding: 15px 20px; line-height: 1.2em; color: var(--drivschol-text, #6D7076); } .membership-one__tab__list li.active-btn span, .membership-one__tab__list li:hover span { background-color: var(--drivschol-text, #6D7076); color: var(--drivschol-white, #fff); } .membership-one__card { background-repeat: no-repeat; background-position: top left; border: 1px solid var(--drivschol-border-color, #E6E6E6); padding: 50px; background-color: var(--drivschol-white, #fff); transition: all 500ms ease; } .membership-one__card:hover { border-color: var(--drivschol-white, #fff); box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07); } .membership-one__card__price { font-family: var(--drivschol-font, "Manrope", sans-serif); color: var(--drivschol-black2, #111117); line-height: 1; font-size: 40px; line-height: 1em; font-weight: 500; } .membership-one__card__tagline { margin: 0; font-size: 16px; font-family: var(--drivschol-font, "Manrope", sans-serif); line-height: 2.5em; color: var(--drivschol-text, #6D7076); border-bottom: 1px solid var(--drivschol-border-color, #E6E6E6); padding-bottom: 16px; margin-bottom: 33px; } .membership-one__card__text { margin: 0; font-weight: 600; color: var(--drivschol-black2, #111117); font-size: 16px; line-height: 2.5em; margin-top: 13px; } .membership-one__card__list { margin-bottom: 26px; } .membership-one__card__list li { position: relative; font-size: 16px; line-height: 2.5em; color: var(--drivschol-text, #6D7076); display: flex; justify-content: center; align-items: center; } .membership-one__card__list li > i { font-size: 14px; color: var(--drivschol-text, #6D7076); margin-left: 10px; position: relative; top: 1px; } .membership-two { padding: 120px 0; padding-top: 100px; } @media (max-width: 767px) { .membership-two { padding: 80px 0; padding-top: 60px; } } .membership-two--padding { padding: 120px 0; } @media (max-width: 767px) { .membership-two--padding { padding: 80px 0; } } .membership-two .sec-title { text-align: center; } .membership-two-card { background-repeat: no-repeat; background-position: top left; border: 1px solid var(--drivschol-border-color, #E6E6E6); padding: 36px 40px; transition: all 500ms ease; background-color: var(--drivschol-white, #fff); } .membership-two-card:hover { box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07); } @media screen and (min-width: 992px) { .membership-two-card { display: flex; flex-wrap: wrap; align-items: center; } } .membership-two-card__icon i, .membership-two-card__icon span { color: var(--drivschol-text, #6D7076); font-size: 60px; } @media screen and (min-width: 992px) { .membership-two-card__icon { margin-left: 30px; } } .membership-two-card__title { margin: 0; text-transform: uppercase; color: var(--drivschol-black2, #111117); text-transform: uppercase; font-size: 20px; line-height: 1.5em; font-weight: bold; } .membership-two-card__title a { color: inherit; background: linear-gradient(to left, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .membership-two-card__title a:hover { background-size: 100% 1px; } .membership-two-card__text { font-size: 15px; line-height: 2em; margin: 0; } .membership-two-card__price { margin: 0; color: var(--drivschol-text, #6D7076); font-size: 16px; line-height: 1.6666666667em; margin-top: 10px; } @media screen and (min-width: 768px) { .membership-two-card__price { font-size: 18px; } } @media screen and (min-width: 992px) { .membership-two-card__price { margin-right: 90px; } } @media screen and (min-width: 1200px) { .membership-two-card__price { margin-top: 0; margin-right: auto; } } /*-------------------------------------------------------------- # Gift Card --------------------------------------------------------------*/ .gift-page { padding: 120px 0; padding-top: 100px; } @media (max-width: 767px) { .gift-page { padding: 80px 0; padding-top: 60px; } } @media screen and (min-width: 992px) { .gift-page__carousel .owl-nav { display: none; } } .gift-card-one { background-repeat: no-repeat; background-position: right top; border: 1px solid var(--drivschol-border-color, #E6E6E6); text-align: center; padding: 30px; position: relative; transition: all 500ms ease; } .gift-card-one:hover { box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07); } .gift-card-one__inner { padding: 45px; border: 6px solid var(--drivschol-black2, #111117); transition: all 500ms ease; } .gift-card-one:hover .gift-card-one__inner { border-color: var(--drivschol-text, #6D7076); } .gift-card-one__flower { position: absolute; top: 0; left: 0; width: auto !important; animation: flowerRotate 2s linear 0s infinite; } .gift-card-one__title { margin: 0; text-transform: uppercase; color: var(--drivschol-black2, #111117); font-weight: bold; font-size: 25px; line-height: 1em; margin-top: -5px; } @media screen and (min-width: 768px) { .gift-card-one__title { font-size: 30px; } } .gift-card-one__title a { background: linear-gradient(to left, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; color: inherit; } .gift-card-one__title a:hover { background-size: 100% 1px; } .gift-card-one__title a:hover { color: var(--drivschol-text, #6D7076); } .gift-card-one__price { margin: 0; font-size: 20px; color: var(--drivschol-text, #6D7076); line-height: 1.5em; } .gift-card-one__code { margin: 0; font-size: 16px; color: var(--drivschol-black2, #111117); line-height: 22px; } .gift-card-one__shape { display: block; margin-right: auto; margin-left: auto; width: auto !important; margin-top: 25px; margin-bottom: 25px; } .gift-card-one__text { margin: 0; font-size: 12px; text-transform: uppercase; line-height: 22px; margin-bottom: 23px; } .gift-card-one__link { font-size: 10px; padding: 11px 29.5px; } /*-------------------------------------------------------------- # Animations --------------------------------------------------------------*/ @keyframes bubbleMover { 0% { -webkit-transform: translateY(0px) translateX(0) rotate(0); transform: translateY(0px) translateX(0) rotate(0); } 30% { -webkit-transform: translateY(30px) translateX(-50px) rotate(-15deg); transform: translateY(30px) translateX(-50px) rotate(-15deg); -webkit-transform-origin: center center; transform-origin: center center; } 50% { -webkit-transform: translateY(50px) translateX(-100px) rotate(-45deg); transform: translateY(50px) translateX(-100px) rotate(-45deg); -webkit-transform-origin: left bottom; transform-origin: left bottom; } 80% { -webkit-transform: translateY(30px) translateX(-50px) rotate(-15deg); transform: translateY(30px) translateX(-50px) rotate(-15deg); -webkit-transform-origin: right top; transform-origin: right top; } 100% { -webkit-transform: translateY(0px) translateX(0) rotate(0); transform: translateY(0px) translateX(0) rotate(0); -webkit-transform-origin: center center; transform-origin: center center; } } @keyframes shapeMover { 0%, 100% { transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0); } 50% { transform: perspective(400px) rotate(45deg) translateZ(20px) translateY(20px) translateX(-20px); } } @keyframes banner3Shake { 0% { -webkit-transform: rotate3d(0, 1, 0, 0deg); transform: rotate3d(0, 1, 0, 0deg); } 30% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 60% { -webkit-transform: rotate3d(-1, 0, 0, 0deg); transform: rotate3d(-1, 0, 0, 0deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 1, 0, 0deg); transform: rotate3d(0, 1, 0, 0deg); } } @keyframes squareMover { 0%, 100% { -webkit-transform: translate(0, 0) rotate(0); transform: translate(0, 0) rotate(0); } 20%, 60% { -webkit-transform: translate(-20px, 40px) rotate(-180deg); transform: translate(-20px, 40px) rotate(-180deg); } 30%, 80% { -webkit-transform: translate(-40px, 60px) rotate(0deg); transform: translate(-40px, 60px) rotate(0deg); } } @keyframes treeMove { 0%, 100% { -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); } 25%, 75% { -webkit-transform: rotate(-5deg) translateX(-15px); transform: rotate(-5deg) translateX(-15px); } 50% { -webkit-transform: rotate(-10deg) translateX(-30px); transform: rotate(-10deg) translateX(-30px); } } @keyframes leafMove { 0%, 100% { -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); } 25%, 75% { transform: rotate(2deg) translateX(-5px); } 50% { transform: rotate(4deg) translateX(-10px); } } @keyframes messageMove { 0%, 100% { transform: translateX(0); } 25%, 75% { transform: translateX(-5px); } 50% { transform: translateX(-10px); } } @keyframes textRotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(-360deg); } } @keyframes flowerRotate { 0%, 100% { transform: rotate(0deg); } 25%, 75% { transform: rotate(-5deg); } 50% { transform: rotate(-10deg); } } @keyframes top-bottom { 0% { transform: translateY(0px); } 50% { transform: translateY(6px); } 100% { transform: translateY(0px); } } @keyframes topbottom { 0% { transform: translateY(0px); } 50% { transform: translateY(10px); } 100% { transform: translateY(0px); } } @keyframes left { 0% { transform: translateX(0px); } 70% { transform: translateX(10px); } 100% { transform: translateX(0px); } } @keyframes right { 0% { transform: translateX(0px); } 70% { transform: translateX(-10px); } 100% { transform: translateX(0px); } } @keyframes rotated { 0% { transform: rotate(0deg); } 70% { transform: rotate(-180deg); } 100% { transform: rotate(0deg); } } @keyframes scale { 0% { transform: scale(1); } 70% { transform: scale(1.2); } 100% { transform: scale(1); } } @keyframes bgSlide { 0% { background-position: 100% 0; } 20% { background-position: -100px 0; } 40% { background-position: -200px 0; } 60% { background-position: -150px 0; } 80% { background-position: -100px 0; } 100% { background-position: 0px 0; } } /*-------------------------------------------------------------- # Mobile Nav --------------------------------------------------------------*/ .mobile-nav__wrapper { position: fixed; top: 0; right: 0; width: 100vw; height: 100vh; z-index: 999; transform: translateX(100%); transform-origin: right center; transition: transform 500ms ease 500ms, visibility 500ms ease 500ms; visibility: hidden; position: fixed; } .mobile-nav__wrapper .container { padding-right: 0; padding-left: 0; } .mobile-nav__wrapper .home-showcase .row [class*=col-] { flex: 0 0 100%; } .mobile-nav__wrapper .home-showcase { margin-bottom: -1px; margin-top: 0; border-bottom: 1px solid RGBA(var(--drivschol-white-rgb, 255, 255, 255), 0.1); } .mobile-nav__wrapper .home-showcase__inner { padding: 15px 0px; background-color: transparent; box-shadow: none; } .mobile-nav__wrapper .home-showcase__title { color: var(--drivschol-white, #fff); } .mobile-nav__wrapper.expanded { opacity: 1; transform: translateX(0%); visibility: visible; transition: transform 500ms ease 0ms, visibility 500ms ease 0ms; } .mobile-nav__wrapper.expanded .mobile-nav__content { opacity: 1; visibility: visible; transform: translateX(0); transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, transform 500ms ease 500ms; } .mobile-nav__overlay { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-color: var(--drivschol-black, #000); opacity: 0.3; cursor: url(../images/close.png), auto; } .mobile-nav__content { width: 300px; background-color: var(--drivschol-black2, #111117); z-index: 10; position: relative; height: 100%; overflow-y: auto; padding-top: 30px; padding-bottom: 30px; padding-right: 15px; padding-left: 15px; opacity: 0; visibility: hidden; transform: translateX(100%); transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, transform 500ms ease 0ms; } .mobile-nav__content .main-menu__nav { display: block; padding: 0; } .mobile-nav__content .logo-box { margin-bottom: 40px; display: flex; } .mobile-nav__close { position: absolute; top: 20px; left: 15px; font-size: 20px; color: var(--drivschol-white, #fff); cursor: pointer; } .mobile-nav__close:hover { color: var(--drivschol-primary, #EC2526); animation: rotated 3s ease; } .mobile-nav__content .main-menu__list, .mobile-nav__content .main-menu__list ul { margin: 0; padding: 0; list-style-type: none; } .mobile-nav__content .main-menu__list ul { display: none; border-top: 1px solid RGBA(var(--drivschol-white-rgb, 255, 255, 255), 0.1); } .mobile-nav__content .main-menu__list ul li > a { padding-right: 1em; } .mobile-nav__content .main-menu__list li:not(:last-child) { border-bottom: 1px solid RGBA(var(--drivschol-white-rgb, 255, 255, 255), 0.1); } .mobile-nav__content .main-menu__list li > a { display: flex; justify-content: space-between; line-height: 30px; color: var(--drivschol-white, #fff); font-size: 16px; font-family: var(--drivschol-font, "Manrope", sans-serif); text-transform: capitalize; font-weight: 700; height: 40px; align-items: center; transition: 500ms; } .mobile-nav__content .main-menu__list li > a:hover, .mobile-nav__content .main-menu__list li a.expanded { color: var(--drivschol-primary, #EC2526); } .mobile-nav__content .main-menu__list li a button { width: 30px; height: 30px; background-color: var(--drivschol-primary, #EC2526); border: none; outline: none; color: var(--drivschol-white, #fff); display: flex; align-items: center; justify-content: center; text-align: center; transform: rotate(90deg); transition: transform 500ms ease; } .mobile-nav__content .main-menu__list li a button.expanded { transform: rotate(0deg); background-color: var(--drivschol-white, #fff); color: var(--drivschol-primary, #EC2526); } .mobile-nav__social { display: flex; align-items: center; } .mobile-nav__social a { font-size: 16px; color: var(--drivschol-white, #fff); transition: 500ms; } .mobile-nav__social a + a { margin-right: 20px; } .mobile-nav__social a:hover { color: var(--drivschol-primary, #EC2526); } .mobile-nav__contact { margin-bottom: 0; margin-top: 20px; margin-bottom: 20px; } .mobile-nav__contact li { color: var(--drivschol-white, #fff); font-size: 14px; font-weight: 500; position: relative; display: flex; align-items: center; } .mobile-nav__contact li + li { margin-top: 15px; } .mobile-nav__contact li a { color: inherit; transition: 500ms; } .mobile-nav__contact li a:hover { color: var(--drivschol-primary, #EC2526); } .mobile-nav__contact li > i { width: 30px; height: 30px; border-radius: 50%; background-color: var(--drivschol-primary, #EC2526); display: flex; justify-content: center; align-items: center; text-align: center; font-size: 12px; margin-left: 10px; color: var(--drivschol-white, #fff); } .mobile-nav__container .main-menu__logo, .mobile-nav__container .main-menu__right { display: none; } /*-------------------------------------------------------------- # Search Popup --------------------------------------------------------------*/ .search-popup { position: fixed; width: 100%; height: 100%; top: 0; right: 0; z-index: -2; -webkit-transition: all 1s ease; -khtml-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .search-popup__overlay { position: fixed; width: 224vw; height: 224vw; top: calc(90px - 112vw); left: calc(50% - 112vw); z-index: 3; display: block; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transform: scale(0); -khtml-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transform-origin: center; transform-origin: center; -webkit-transition: transform 0.8s ease-in-out; -khtml-transition: transform 0.8s ease-in-out; -moz-transition: transform 0.8s ease-in-out; -ms-transition: transform 0.8s ease-in-out; -o-transition: transform 0.8s ease-in-out; transition: transform 0.8s ease-in-out; transition-delay: 0s; transition-delay: 0.3s; -webkit-transition-delay: 0.3s; background-color: #000; opacity: 0.9; cursor: url(../images/close.png), auto; } @media (max-width: 767px) { .search-popup__overlay { position: absolute; top: 0; right: 0; left: 0; bottom: 0; transform: none; width: 100%; height: 100%; border-radius: 0; transform: translateY(-110%); } } .search-popup__content { position: fixed; width: 0; max-width: 560px; padding: 30px 15px; right: 50%; top: 50%; opacity: 0; z-index: 3; -webkit-transform: translate(50%, -50%); -khtml-transform: translate(50%, -50%); -moz-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); -o-transform: translate(50%, -50%); transform: translate(50%, -50%); -webkit-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s; -khtml-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s; -moz-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s; -ms-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s; -o-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s; transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s; transition-delay: 0s, 0.8s, 0s; transition-delay: 0s, 0.4s, 0s; transition-delay: 0.2s; -webkit-transition-delay: 0.2s; } .search-popup__form { position: relative; } .search-popup__form input[type=search], .search-popup__form input[type=text] { width: 100%; background-color: var(--drivschol-white, #fff); font-size: 16px; color: var(--drivschol-gray, #6D7076); font-weight: 500; border: none; outline: none; height: 66px; padding-right: 30px; } .search-popup__form .drivschol-btn { padding: 0; width: 66px; height: 66px; display: flex; justify-content: center; align-items: center; text-align: center; position: absolute; top: 0; left: -1px; border-radius: 0; } .search-popup__form .drivschol-btn i { margin: 0; } .search-popup__form .drivschol-btn::after { background-color: var(--drivschol-black, #000); } .search-popup.active { z-index: 9999; } .search-popup.active .search-popup__overlay { top: auto; bottom: calc(90px - 112vw); -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); transition-delay: 0s; -webkit-transition-delay: 0s; opacity: 0.9; -webkit-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1); -khtml-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1); -moz-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1); -ms-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1); -o-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1); transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1); } @media (max-width: 767px) { .search-popup.active .search-popup__overlay { position: absolute; top: 0; right: 0; left: 0; bottom: 0; transform: none; width: 100%; height: 100%; border-radius: 0; transform: translateY(0%); } } .search-popup.active .search-popup__content { width: 100%; opacity: 1; transition-delay: 0.7s; -webkit-transition-delay: 0.7s; } /*-------------------------------------------------------------- # Page Header --------------------------------------------------------------*/ .page-header { background-color: var(--drivschol-black, #000); position: relative; padding-top: 110px; padding-bottom: 110px; text-transform: capitalize; } @media screen and (min-width: 992px) { .page-header { padding-top: 146px; padding-bottom: 160px; } } .page-header__bg { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; } .page-header__bg::before { content: ""; position: absolute; right: 0; left: 0; bottom: 0; top: 0; width: 100%; height: 100%; background-color: rgba(var(--drivschol-black2-rgb, 17, 17, 23), 0.6); } .page-header .container { position: relative; z-index: 10; text-align: center; } .page-header__title { font-size: 40px; color: var(--drivschol-white, #fff); text-transform: uppercase; font-weight: 700; margin-bottom: 0; } @media screen and (min-width: 768px) { .page-header__title { font-size: 50px; } } .drivschol-breadcrumb { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin: 0; } .drivschol-breadcrumb li { font-size: 12px; color: var(--drivschol-white, #fff); text-transform: capitalize; display: flex; align-items: center; font-family: var(--drivschol-heading-font, "Urbanist", sans-serif); font-size: 20px; font-weight: 400; line-height: 1.3; } .drivschol-breadcrumb li:not(:last-of-type)::after { content: "/"; position: relative; top: -1px; margin-right: 10px; margin-left: 10px; } .drivschol-breadcrumb li span, .drivschol-breadcrumb li a { color: inherit; display: inline-flex; } .drivschol-breadcrumb li a { background: linear-gradient(to left, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .drivschol-breadcrumb li a:hover { background-size: 100% 1px; } /*-------------------------------------------------------------- # Google Map --------------------------------------------------------------*/ .google-map { position: relative; } .google-map iframe { position: relative; display: block; border: none; height: 540px; width: 100%; mix-blend-mode: luminosity; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .google-map iframe { height: 440px; } } .google-map__contact { overflow: hidden; background-color: var(--drivschol-gray, #6D7076); } .contact-map { position: relative; } .contact-map .container-fluid { padding-right: 0; padding-left: 0; max-width: 1920px; } /*-------------------------------------------------------------- # Client Carousel --------------------------------------------------------------*/ .client-carousel { position: relative; } .client-carousel--base { padding-bottom: 120px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .client-carousel--base { padding-bottom: 100px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .client-carousel--base { padding-bottom: 80px; } } .client-carousel--base-two { padding: 120px 0px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .client-carousel--base-two { padding: 100px 0px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .client-carousel--base-two { padding: 80px 0px; } } .client-carousel__one__item img { opacity: 0.2; transition: all 500ms ease; max-width: 100%; width: auto !important; } .client-carousel__one__item:hover img { opacity: 0.6; } .client-carousel__top { position: relative; margin-bottom: 60px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .client-carousel__top { margin-bottom: 50px; } } .client-carousel__top::after { content: ""; position: absolute; right: 0; z-index: -1; top: 35%; width: 100%; height: 1px; background: var(--drivschol-border-color, #E6E6E6); } .client-carousel__title { display: inline-block; font-size: 16px; font-style: normal; font-weight: 600; padding: 0px 20px; position: relative; background-color: var(--drivschol-white, #fff); } .client-carousel-one { position: relative; background: var(--drivschol-white, #fff); padding: 0 0 60px; } .client-carousel-one .client-carousel__one { padding: 74px 0 0; } .client-carousel-one .owl-theme .owl-nav { position: absolute; right: 0; left: 0; top: 0; margin: auto; z-index: 2; line-height: 0.8; } .client-carousel-one .owl-theme .owl-nav button { width: 26px; height: 27px; background-color: var(--drivschol-gray, #6D7076); margin: 0 2.5px; padding: 0; transition: all 500ms ease; font-size: 12px; color: var(--drivschol-black2, #111117); text-align: center; font-size: 12px; line-height: 27px; border-radius: 0; } .client-carousel-one .owl-theme .owl-nav button:hover { background-color: var(--drivschol-text, #6D7076); color: var(--drivschol-white, #fff); } .client-carousel-one .owl-theme .owl-nav::before { position: absolute; right: 0; top: 0; left: 0; bottom: 0; margin: auto; width: 100%; content: ""; height: 1px; background-color: var(--drivschol-border-color, #E6E6E6); z-index: -1; } .client-carousel-one .owl-theme .owl-nav::after { position: absolute; right: 0; top: 0; left: 0; bottom: 0; margin: auto; z-index: -1; width: 110px; content: ""; height: 1px; background-color: var(--drivschol-white, #fff); } .client-carousel-one .client-carousel__one__item { display: flex; align-items: center; justify-content: center; transition: all 500ms ease; } .client-carousel-one .client-carousel__one__item img { transition: all 500ms ease; opacity: 0.2; max-width: 100%; max-width: 150px; } .client-carousel-one .client-carousel__one__item:hover { background-color: #f8f5f0; } .client-carousel-one .client-carousel__one__item:hover img { opacity: 0.6; } .client-carousel__one__item img { max-width: 145px; width: 100%; } /*-------------------------------------------------------------- # Hero Slider --------------------------------------------------------------*/ .main-slider-one { position: relative; z-index: 1; } .main-slider-one__trigger { width: 68px; height: 68px; background-color: var(--drivschol-primary, #EC2526); border-radius: 50%; display: flex; align-items: center; justify-content: center; position: absolute; right: 0; left: 0; bottom: -32px; margin: auto; z-index: 2; color: var(--drivschol-white, #fff); font-size: 14px; transition: all 400ms ease; animation-duration: 0.6s; animation-fill-mode: both; animation-timing-function: linear; animation-iteration-count: infinite; animation-name: bounce; } .main-slider-one__trigger span { display: block; position: relative; top: 2px; } .main-slider-one__trigger:hover { background-color: var(--drivschol-black, #000); } @keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } } .main-slider-one__carousel { position: relative; width: 100%; } .main-slider-one__carousel.owl-carousel .owl-nav { right: 118px; margin: auto 0; position: absolute; left: 0; text-align: right; top: 50%; transform: translateY(-50%); max-width: 120px; } @media (max-width: 1400px) { .main-slider-one__carousel.owl-carousel .owl-nav { right: 50px; } } @media (max-width: 1199px) { .main-slider-one__carousel.owl-carousel .owl-nav { right: 20px; } } @media (max-width: 767px) { .main-slider-one__carousel.owl-carousel .owl-nav { display: none; } } .main-slider-one__carousel.owl-carousel .owl-nav button { transition: all 400ms ease; width: 52px; height: 52px; outline: none; box-shadow: none; border: none; background-color: RGBA(var(--drivschol-white-rgb, 255, 255, 255), 0.1); border-radius: 50%; display: block; color: var(--drivschol-white, #fff); line-height: 53px; font-size: 16px; margin: 9px 0; text-align: center; } .main-slider-one__carousel.owl-carousel .owl-nav button:hover { background-color: var(--drivschol-text, #6D7076); } .main-slider-one__carousel .owl-dots { right: 600px; left: 0; bottom: 80px; z-index: 2; margin: 0 auto; position: absolute; text-align: center; display: flex; align-items: center; justify-content: center; gap: 54px; background-color: var(--drivschol-black2, #111117); width: 296px; height: 65px; clip-path: polygon(15.5% 0, 100% 0%, 84.5% 99%, 0% 100%); } @media (max-width: 1200px) { .main-slider-one__carousel .owl-dots { right: 500px; bottom: 120px; } } @media (max-width: 992px) { .main-slider-one__carousel .owl-dots { display: none; } } .main-slider-one__carousel .owl-dots .owl-dot { position: relative; } .main-slider-one__carousel .owl-dots .owl-dot button { display: block; margin: 0; padding: 0; font-size: 20px; color: var(--drivschol-text, #6D7076); font-weight: 600; line-height: 1; background-color: transparent; border: none; outline: none; font-family: var(--drivschol-font, "Manrope", sans-serif); transition: all 400ms ease; } @media (max-width: 767px) { .main-slider-one__carousel .owl-dots .owl-dot button { font-size: 18px; } } .main-slider-one__carousel .owl-dots .owl-dot:hover button, .main-slider-one__carousel .owl-dots .owl-dot.active button { color: var(--drivschol-primary, #EC2526); } .main-slider-one__carousel .owl-dots .owl-dot + .owl-dot::after { position: absolute; right: -23px; top: -16px; height: 53px; width: 1px; background-color: var(--drivschol-gray, #6D7076); opacity: 0.5; content: ""; transform: rotate(-34deg); } @media (max-width: 767px) { .main-slider-one__carousel .owl-dots .owl-dot + .owl-dot::after { height: 33px; right: -15px; top: -7px; } } .main-slider-one__item { position: relative; z-index: 3; padding-top: 144px; padding-bottom: 194px; background-color: var(--drivschol-white, #fff); } @media (max-width: 992px) { .main-slider-one__item { padding-top: 80px; padding-bottom: 100px; } } .main-slider-one__bg { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-size: auto; background-repeat: no-repeat; background-position: top right; } .main-slider-one__shape-one { position: absolute; right: -2px; top: 0; opacity: 0; transition: transform 1200ms ease, opacity 1200ms ease; transform: translateX(100%); } @media (max-width: 1599px) { .main-slider-one__shape-one { display: none; } } .main-slider-one__shape-one img { max-width: 100%; height: auto; } .main-slider-one__shape-two { position: absolute; right: -15px; top: -107px; z-index: -1; opacity: 0; transition: transform 1200ms ease, opacity 1200ms ease; transform: translateX(100%); } @media (max-width: 1599px) { .main-slider-one__shape-two { display: none; } } .main-slider-one__shape-two img { max-width: 100%; height: auto; animation: shapeMove 3s linear 0s infinite; } @keyframes shapeMove { 0%, 100% { transform: translateX(0px); } 50% { transform: translateX(-15px); } } .main-slider-one__layer { position: absolute; left: -7px; top: 0; background-position: top left; background-repeat: no-repeat; background-size: auto; overflow: hidden; width: 53.3%; opacity: 0; transition: transform 1000ms ease, opacity 1000ms ease; transform: translatex(-50%) scalex(2); filter: blur(10px); } @media (max-width: 1599px) { .main-slider-one__layer { bottom: 0; margin: auto; display: flex; align-items: center; justify-content: flex-end; } } @media (max-width: 1199px) { .main-slider-one__layer { display: none; } } .main-slider-one__layer img { max-width: 100%; height: auto; animation: shapeMove 4s linear 0s infinite; } .main-slider-one__shape-border { position: absolute; width: 42%; left: 6%; bottom: 0; opacity: 0; transition: transform 1200ms ease, opacity 1200ms ease; transform: translateY(-100%); } @media (max-width: 1199px) { .main-slider-one__shape-border { display: none; } } .main-slider-one__shape-border__one, .main-slider-one__shape-border__two { width: 64.7%; height: 10px; background-color: var(--drivschol-gray2, #F5F5F5); display: block; margin-top: 14px; animation: right 2s ease-in infinite; margin-right: auto; } .main-slider-one__shape-border__one { margin-left: 19%; animation: left 2s ease-in infinite; } .main-slider-one__content { position: relative; z-index: 3; overflow: hidden; max-width: 500px; } .main-slider-one__title { font-size: 70px; font-weight: 800; line-height: 77px; position: relative; letter-spacing: -2.1px; margin-bottom: 50px; opacity: 0; transition: transform 1200ms ease, opacity 1200ms ease; transform: translateX(-200px); } .main-slider-one__title__anim { position: relative; display: inline-block; overflow: hidden; margin-bottom: -20px; line-height: 1.2; } .main-slider-one__title__anim:after { content: ""; width: 101%; height: 84%; position: absolute; top: 12px; right: 100%; background: currentColor; -webkit-transition: 1s cubic-bezier(0.858, 0.01, 0.068, 0.99); -o-transition: 1s cubic-bezier(0.858, 0.01, 0.068, 0.99); transition: 1s cubic-bezier(0.858, 0.01, 0.068, 0.99); transition-delay: 1s; z-index: 3; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; } .main-slider-one__title__image { display: block; width: 175px; position: absolute; bottom: -37px; overflow: hidden; left: 75px; } @media (max-width: 767px) { .main-slider-one__title__image { display: none; } } .main-slider-one__title__image img { animation: smartMove 3s infinite; width: 100% !important; } @keyframes smartMove { 0% { max-width: 0; } 15% { max-width: 175px; } 85% { opacity: 1; } 90% { max-width: 175px; opacity: 0; } 100% { max-width: 0; opacity: 0; } } @media (max-width: 767px) { .main-slider-one__title { font-size: 45px; line-height: 55px; } } .main-slider-one__btn { position: relative; z-index: 1; overflow: hidden; transform-origin: bottom; } .main-slider-one__btn .drivschol-btn { padding: 20px 40px; opacity: 0; transform: perspective(400px) rotateY(0deg) translateY(80px); transition: all 1500ms ease; } .main-slider-one .active .main-slider-one__layer { opacity: 1; transform: translatex(0) scalex(1); filter: blur(0); transition-delay: 1000ms; } .main-slider-one .active .main-slider-one__shape-border { opacity: 1; transform: translateY(0); transition-delay: 1000ms; } .main-slider-one .active .main-slider-one__shape-one { opacity: 1; transform: translateX(0); transition-delay: 1100ms; } .main-slider-one .active .main-slider-one__shape-two { opacity: 1; transform: translateX(0); transition-delay: 1200ms; } .main-slider-one .active .main-slider-one__title { opacity: 1; transform: translateX(0); transition-delay: 1400ms; } .main-slider-one .active .main-slider-one__title__anim::after { transform: translateX(-1%); transition-delay: 1500ms; } .main-slider-one .active .main-slider-one__btn .drivschol-btn { opacity: 1; transform: perspective(400px) rotateY(0deg) translateY(0px); transition-delay: 1600ms; } .main-slider-two { position: relative; } .main-slider-two__carousel { position: relative; width: 100%; } .main-slider-two__carousel .owl-dots { display: flex; align-items: center; justify-content: flex-start; flex-direction: row; gap: 20px; max-width: 1170px; width: 100%; position: absolute; right: 0; left: 0; bottom: 164px; padding: 0; margin: 0 auto; z-index: 3; } @media (max-width: 1199px) { .main-slider-two__carousel .owl-dots { max-width: 920px; } } @media (max-width: 991px) { .main-slider-two__carousel .owl-dots { max-width: 690px; } } @media (max-width: 767px) { .main-slider-two__carousel .owl-dots { bottom: 25px; max-width: 100%; right: 15px; } } .main-slider-two__carousel .owl-dots .owl-dot { display: inline-block; margin: 0; } .main-slider-two__carousel .owl-dots .owl-dot span { width: 12px; height: 12px; display: block; border-radius: 50%; background-color: RGBA(var(--drivschol-heading-text-rgb, 17, 17, 23), 0.2); border: 1px solid transparent; margin: 0; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .main-slider-two__carousel .owl-dots .owl-dot:hover span, .main-slider-two__carousel .owl-dots .owl-dot.active span { border-color: var(--drivschol-primary, #EC2526); background-color: transparent; } .main-slider-two__item { background-color: var(--drivschol-white, #fff); position: relative; z-index: 3; padding-top: 249px; padding-bottom: 226px; } @media (max-width: 767px) { .main-slider-two__item { padding-top: 160px; padding-bottom: 140px; } } .main-slider-two__bg { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-size: auto; background-repeat: no-repeat; background-position: right top; overflow: hidden; } .main-slider-two__layer { position: absolute; left: -7px; top: 95px; overflow: hidden; width: 52%; opacity: 0; transition: transform 1000ms ease, opacity 1000ms ease; transform: translatex(-50%) scalex(2); filter: blur(10px); } @media (max-width: 1199px) { .main-slider-two__layer { display: none; } } .main-slider-two__layer img { max-width: 100%; height: auto; animation: top-bottom 3s linear 0s infinite; } .main-slider-two__layer__shape { position: absolute; left: 0; top: 30px; width: auto !important; animation: none; } .main-slider-two__layer-two { position: absolute; left: 70px; bottom: -34px; overflow: hidden; width: 53.4%; opacity: 0; transition: transform 1000ms ease, opacity 1000ms ease; transform: translatey(50%) scaley(2); filter: blur(10px); } @media (max-width: 1500px) { .main-slider-two__layer-two { bottom: 35px; } } @media (max-width: 1199px) { .main-slider-two__layer-two { display: none; } } .main-slider-two__layer-two img { max-width: 100%; height: auto; animation: shapeMove 4s linear 0s infinite; } .main-slider-two__content { position: relative; z-index: 3; overflow: hidden; } .main-slider-two__sub-title { color: var(--drivschol-text, #6D7076); font-size: 20px; font-weight: 700; margin: 0 0 33px; opacity: 0; transition: transform 1000ms ease, opacity 1000ms ease; transform: translateX(100px); } .main-slider-two__sub-title span { display: inline-block; position: relative; } .main-slider-two__sub-title span::after { position: absolute; right: 0; bottom: -10px; width: 100%; height: 2px; background-color: var(--drivschol-primary, #EC2526); content: ""; animation: borderHv 3s infinite; } @keyframes borderHv { 0% { width: 0%; } 50% { width: 100%; right: 0; } 100% { width: 0; right: 100%; } } @media (max-width: 767px) { .main-slider-two__sub-title { font-size: 17px; margin: 0 0 23px; } } .main-slider-two__title { font-size: 80px; font-weight: 800; line-height: 90px; letter-spacing: -3.2px; text-transform: capitalize; display: inline-block; position: relative; margin: 0 0 33px; opacity: 0; transition: transform 1200ms ease, opacity 1200ms ease; transform: translateX(200px); } @media (max-width: 767px) { .main-slider-two__title { font-size: 45px; line-height: 55px; letter-spacing: -1.2px; } } .main-slider-two__title__image { display: block; width: 290px; position: absolute; bottom: 0; overflow: hidden; z-index: -1; left: -27px; } @media (max-width: 767px) { .main-slider-two__title__image { display: none; } } .main-slider-two__title__image img { animation: smartMove2 3s infinite; width: 100% !important; } @keyframes smartMove2 { 0% { max-width: 0; } 15% { max-width: 290px; } 85% { opacity: 1; } 90% { max-width: 290px; opacity: 0; } 100% { max-width: 0; opacity: 0; } } .main-slider-two__btn { position: relative; display: flex; justify-content: flex-start; align-items: center; z-index: 5; overflow: hidden; } .main-slider-two__btn .drivschol-btn { opacity: 0; transform: perspective(400px) rotateY(0deg) translateY(80px); transform-origin: bottom; transition: all 1500ms ease; } .main-slider-two .active .main-slider-two__layer { opacity: 1; transform: translatex(0) scalex(1); filter: blur(0); transition-delay: 1400ms; } .main-slider-two .active .main-slider-two__layer-two { opacity: 1; transform: translatey(0) scaley(1); filter: blur(0); transition-delay: 1800ms; } .main-slider-two .active .main-slider-two__sub-title { opacity: 1; transform: translateX(0); transition-delay: 1200ms; } .main-slider-two .active .main-slider-two__title { opacity: 1; transform: translateX(0); transition-delay: 1400ms; } .main-slider-two .active .main-slider-two__btn .drivschol-btn { opacity: 1; transform: perspective(400px) rotateY(0deg) translateY(0px); transition-delay: 1600ms; } .main-slider-three { position: relative; padding-bottom: 102px; } .main-slider-three::after { position: absolute; left: 0; bottom: 0; width: 45.7%; height: 102px; content: ""; background-color: var(--drivschol-black2, #111117); } @media (max-width: 1199px) { .main-slider-three::after { width: 100%; } } .main-slider-three__carousel.owl-carousel { position: relative; width: 100%; } .main-slider-three__carousel.owl-carousel .owl-nav { position: absolute; left: 60px; top: 36%; display: block; } @media (max-width: 1199px) { .main-slider-three__carousel.owl-carousel .owl-nav { display: none; } } .main-slider-three__carousel.owl-carousel .owl-nav button { width: 50px; height: 50px; background-color: var(--drivschol-black, #000); display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 12px; color: var(--drivschol-white, #fff); transition: all 400ms ease; margin: 16px 0 0; padding: 0; } .main-slider-three__carousel.owl-carousel .owl-nav button:hover { background-color: var(--drivschol-primary, #EC2526); color: var(--drivschol-white, #fff); } .main-slider-three__carousel.owl-carousel .owl-dots { left: 90px; bottom: -60px; z-index: 2; position: absolute; text-align: center; display: flex; align-items: center; justify-content: flex-end; gap: 33px; } @media (max-width: 1199px) { .main-slider-three__carousel.owl-carousel .owl-dots { left: 0; justify-content: center; right: 0; } } .main-slider-three__carousel.owl-carousel .owl-dots .owl-dot { position: relative; } .main-slider-three__carousel.owl-carousel .owl-dots .owl-dot button { display: block; margin: 0; padding: 0; font-size: 20px; color: var(--drivschol-white, #fff); font-weight: 600; line-height: 1; background-color: transparent; border: none; outline: none; font-family: var(--drivschol-font, "Manrope", sans-serif); transition: all 400ms ease; } @media (max-width: 767px) { .main-slider-three__carousel.owl-carousel .owl-dots .owl-dot button { font-size: 18px; } } .main-slider-three__carousel.owl-carousel .owl-dots .owl-dot:hover button, .main-slider-three__carousel.owl-carousel .owl-dots .owl-dot.active button { color: var(--drivschol-primary, #EC2526); } .main-slider-three__carousel.owl-carousel .owl-dots .owl-dot + .owl-dot::after { position: absolute; right: -18px; top: 2px; height: 15px; width: 2px; background-color: var(--drivschol-white, #fff); content: ""; transform: rotate(-17deg); } .main-slider-three__nav { position: absolute; left: 26.6%; width: 330px; background-color: var(--drivschol-white, #fff); bottom: 24px; } @media (max-width: 1199px) { .main-slider-three__nav { display: none; } } .main-slider-three__nav .item { width: 110px; height: 110px; border: 5px solid var(--drivschol-white, #fff); display: inline-block; transition: all 400ms ease; } .main-slider-three__nav .item img { width: 100%; height: 100%; object-fit: cover; } .main-slider-three__nav .center { border: none !important; } .main-slider-three__nav .owl-item .item:hover, .main-slider-three__nav .center .item { border-color: var(--drivschol-primary, #EC2526); } .main-slider-three__nav .owl-nav { display: none !important; } .main-slider-three__item { position: relative; padding-top: 112px; padding-bottom: 238px; background-color: var(--drivschol-white, #fff); } @media (max-width: 1599px) { .main-slider-three__item { padding-bottom: 150px; } } @media (max-width: 1199px) { .main-slider-three__item { padding-bottom: 150px; } } @media (max-width: 767px) { .main-slider-three__item { padding-top: 100px; padding-bottom: 100px; } } .main-slider-three__bg { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-size: auto; background-repeat: no-repeat; background-position: right top; background-color: var(--drivschol-primary, #EC2526); overflow: hidden; } .main-slider-three__shape-left { opacity: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; background-size: auto; background-repeat: no-repeat; background-position: right top; transition: transform 1000ms ease, opacity 1000ms ease; transform: translateX(150px) translateY(-150px); z-index: 1; } @media (max-width: 1599px) { .main-slider-three__shape-left { display: none; } } .main-slider-three .container { position: relative; z-index: 3; } .main-slider-three__content { position: relative; z-index: 3; } .main-slider-three__image { opacity: 0; margin-right: 29.5%; margin-bottom: -18px; transition: transform 1000ms ease, opacity 1000ms ease; transform: translateY(-300px); } .main-slider-three__image img { width: 133px !important; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } .main-slider-three__title { color: var(--drivschol-white, #fff); font-size: 70px; font-weight: 800; line-height: 90px; text-transform: capitalize; letter-spacing: -2.1px; margin: 0 0 29px; opacity: 0; transition: transform 1200ms ease, opacity 1200ms ease; transform: translateX(200px); } @media (min-width: 992px) and (max-width: 1199px) { .main-slider-three__title { font-size: 55px; line-height: 65px; } } @media (max-width: 767px) { .main-slider-three__title { font-size: 40px; line-height: 50px; letter-spacing: 0; } } .main-slider-three__btn { position: relative; display: flex; justify-content: flex-start; align-items: center; z-index: 5; overflow: hidden; opacity: 0; transform: perspective(400px) rotateY(0deg) translateY(80px); transform-origin: bottom; transition: all 1500ms ease; } .main-slider-three__btn .drivschol-btn { padding: 20px 40px; } .main-slider-three__btn .drivschol-btn:hover { color: var(--drivschol-primary, #EC2526); } .main-slider-three__btn .drivschol-btn:after { background-color: var(--drivschol-white, #fff); } .main-slider-three__thumb { position: absolute; left: 0; top: 0; width: 45.7%; height: 100%; opacity: 0; transition: transform 1000ms ease, opacity 1000ms ease; transform: translatex(-50%) scalex(2); filter: blur(10px); } @media (max-width: 1199px) { .main-slider-three__thumb { display: none; } } .main-slider-three__thumb img { max-width: 100%; height: 100%; object-fit: cover; } .main-slider-three .active .main-slider-three__shape-left { opacity: 1; transform: translateX(0) translateY(0); transition-delay: 1000ms; } .main-slider-three .active .main-slider-three__image { opacity: 1; transform: translateY(0); transition-delay: 1300ms; } .main-slider-three .active .main-slider-three__thumb { opacity: 1; transform: translatex(0) scalex(1); filter: blur(0); transition-delay: 1500ms; } .main-slider-three .active .main-slider-three__title { opacity: 1; transform: translateX(0); transition-delay: 1500ms; } .main-slider-three .active .main-slider-three__btn { opacity: 1; transform: perspective(400px) rotateY(0deg) translateY(0px); transition-delay: 1700ms; } .main-slider-three .active .main-slider-three__thumb-one { opacity: 1; transform: translateY(0px); transition-delay: 1800ms; } .main-slider-three .active .main-slider-three__thumb-border { opacity: 1; transform: translateX(0px); transition-delay: 1900ms; } .main-slider-three .active .main-slider-three__thumb-leaf-one { opacity: 1; transform: translateY(0px); transition-delay: 2000ms; } .main-slider-three .active .main-slider-three__thumb-leaf-two { opacity: 1; transform: translateY(0px); transition-delay: 2000ms; } .main-slider-three .active .main-slider-three__thumb-flower { opacity: 1; transform: translateY(0px); transition-delay: 2100ms; } .main-slider-three .active .main-slider-three__curved-circle-box { opacity: 1; transform: translateY(0px); transition-delay: 2200ms; } /*-------------------------------------------------------------- # Feature Section --------------------------------------------------------------*/ .feature-one { position: relative; z-index: 2; background-color: var(--drivschol-gray, #6D7076); padding: 30px 0 65px; } .feature-one__bg { position: absolute; right: 0; bottom: 0; width: 100%; height: 497px; background-position: center bottom; background-repeat: no-repeat; background-size: cover; opacity: 0.5; mix-blend-mode: luminosity; } .feature-one__item { position: relative; margin-bottom: 30px; } .feature-one__item::after { position: absolute; left: -28px; top: 0; width: 1px; height: 95%; content: ""; background-color: var(--drivschol-border-color, #E6E6E6); } @media (max-width: 767px) { .feature-one__item::after { display: none; } } @media (max-width: 991px) { .feature-one__item--no-border-md::after { display: none; } } .feature-one__item--no-border::after { display: none; } .feature-one__item:hover .feature-one__item__img::after { -webkit-animation: zoom-hover 0.95s; animation: zoom-hover 0.95s; } .feature-one__item:hover .feature-one__item__icon span { transform: scale(0.9); } .feature-one__item:hover .feature-one__item__hover-img { visibility: visible; opacity: 1; transform: scale(1); } .feature-one__item__hover-img { position: absolute; right: -125px; top: -25px; left: 0; margin: auto; width: 164px; height: 157px; visibility: hidden; opacity: 0; transform: scale(1.1); transition: 500ms ease; } .feature-one__item__hover-img img { width: 100%; } @keyframes float-bob-y-2 { 0% { -webkit-transform: translateY(0px) translateX(0px) rotate(0deg); transform: translateY(0px) translateX(0px) rotate(0deg); } 50% { -webkit-transform: translateY(10px) translateX(-10px) rotate(-5deg); transform: translateY(10px) translateX(-10px) rotate(-5deg); } 100% { -webkit-transform: translateY(0px) translateX(0px) rotate(0deg); transform: translateY(0px) translateX(0px) rotate(0deg); } } .feature-one__item__img { width: 171px; height: 171px; position: relative; display: block; overflow: hidden; margin: 0 auto 30px; } .feature-one__item__img img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; } .feature-one__item__img::after { content: ""; position: absolute; top: 50%; right: 50%; display: block; width: 0; height: 0; background: rgba(var(--drivschol-white-rgb, 255, 255, 255), 0.2); border-radius: 50%; transition: all 500ms linear; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); opacity: 0; z-index: 2; } @keyframes zoom-hover { 0% { opacity: 1; } 40% { opacity: 1; } 100% { width: 120%; height: 120%; opacity: 0; } } .feature-one__item__icon { width: 66px; height: 66px; background-color: var(--drivschol-text, #6D7076); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 24px; color: var(--drivschol-white, #fff); position: absolute; left: 0; bottom: 0; } .feature-one__item__icon span { transform: scale(1); transition: 500ms ease; } .feature-one__item__sub-title { font-size: 34px; color: var(--drivschol-text, #6D7076); font-weight: 400; line-height: 1; font-family: var(--drivschol-special-font, "Alex Brush", cursive); margin: 0 0 -2px; } .feature-one__item__title { font-size: 30px; font-weight: 700; text-transform: uppercase; margin: 0 0 -5px; } .feature-one__item svg { width: 31px; height: 4px; fill: var(--drivschol-text, #6D7076); } .feature-one__item__text { font-size: 15px; line-height: 26px; font-weight: 500; max-width: 280px; margin: 9px auto 0; } /*-------------------------------------------------------------- # About --------------------------------------------------------------*/ .about-one { position: relative; padding: 120px 0; background-color: var(--drivschol-white, #fff); } @media (max-width: 767px) { .about-one { padding: 80px 0; } } .about-one__item__head .sec-title { padding-bottom: 15px; } .about-one__item__text { font-size: 16px; font-style: normal; font-weight: 500; line-height: 187.5%; letter-spacing: 0.48px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .about-one__item__left { margin-left: 50px; } } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) { .about-one__item__left { margin-left: 30px; margin-bottom: 30px; } } @media (max-width: 575px) { .about-one__item__left { margin-left: 0px; margin-bottom: 30px; } } .about-one__item__left__img { position: relative; width: 100%; max-width: 470px; height: 580px; } .about-one__item__left__img img { width: 100%; object-fit: cover; height: 100%; } @media (max-height: 992px) { .about-one__item__left__img { height: auto; } } .about-one__item__left__img__sub_img { position: absolute; z-index: 1; bottom: -70px; left: -30px; max-width: 205px; } .about-one__item__left__img__sub_img svg { position: absolute; top: -32px; right: -32px; max-width: 207px; max-height: 168px; } @media (max-width: 575px) { .about-one__item__left__img__sub_img { left: 0px; bottom: -40px; max-width: 175px; } } .about-one__item__left__img__shape { position: absolute; width: 100%; top: 0; right: 0; mix-blend-mode: screen; } .about-one__item__left__img__shape img { width: 100%; } .about-one__item__left__contact { position: relative; z-index: 1; } .about-one__item__left__contact__link { background: var(--drivschol-black2, #111117); display: inline-flex; align-items: center; gap: 15px; padding: 10px 42px 10px 40px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .about-one__item__left__contact__link { display: inline-block; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .about-one__item__left__contact__link { padding: 15px 25px; } } @media (max-width: 425px) { .about-one__item__left__contact__link { margin-top: -49px; display: inline-block; padding: 15px 25px; } } .about-one__item__left__contact__link__icon i { font-size: 36px; color: var(--drivschol-primary, #EC2526); } .about-one__item__left__contact__link__subtext { font-family: var(--drivschol-font, "Manrope", sans-serif); color: var(--drivschol-text, #6D7076); margin-bottom: 5px; font-size: 13px; font-weight: 400; line-height: 176.923%; } .about-one__item__left__contact__link__text { color: var(--drivschol-white, #fff); font-size: 18px; margin-top: -4px; font-weight: 600; line-height: 166.667%; margin-bottom: 0; background: linear-gradient(to left, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .about-one__item__left__contact__link__text:hover { background-size: 100% 1px; } .about-one__item__left__contact__link__text:hover { color: var(--drivschol-primary, #EC2526); } .about-one__item__left__contact__link:hover .text__icon { animation: top-bottom 0.4s ease-in-out; } .about-one__item__block-contents { margin-top: 25px; padding: 30px 40px; margin-bottom: 30px; background: var(--drivschol-gray2, #F5F5F5); } @media only screen and (min-width: 768px) and (max-width: 991px) { .about-one__item__block-contents { padding: 20px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .about-one__item__block-contents { padding: 20px 30px; } } .about-one__item__block-contents__text { margin-bottom: 0; font-weight: 800; font-size: 20px; } .about-one__item__elememt__single { display: flex; gap: 20px; margin-bottom: 25px; align-items: center; } @media only screen and (min-width: 768px) and (max-width: 991px) { .about-one__item__elememt__single { gap: 10px; } } .about-one__item__elememt__single__icon .icon { overflow: hidden; width: 70px; height: 70px; border-radius: 500px; background-color: var(--drivschol-primary, #EC2526); display: flex; justify-content: center; align-items: center; position: relative; transition: all 0.3s ease-in-out; } @media only screen and (min-width: 768px) and (max-width: 991px) { .about-one__item__elememt__single__icon .icon { width: 50px; height: 50px; } } .about-one__item__elememt__single__icon .icon i { font-size: 30px; color: var(--drivschol-white, #fff); } .about-one__item__elememt__single__icon .icon::after { content: ""; position: absolute; height: 0; width: 0; top: 50%; right: 50%; border-radius: 500px; background: var(--drivschol-black2, #111117); transition: all 0.4s ease-in-out; z-index: -1; } .about-one__item__elememt__single__text { margin-bottom: 0; font-weight: 800; font-size: 20px; max-width: 125px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .about-one__item__elememt__single__text { font-size: 17px; } } .about-one__item__elememt__single:hover .icon { background-color: transparent; } .about-one__item__elememt__single:hover .icon::after { height: 100%; width: 100%; top: 0%; right: 0%; } .about-one__progress { margin-top: 0px; margin-bottom: 40px; } .about-one__progress__title { font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; font-family: var(--drivschol-font, "Manrope", sans-serif); text-shadow: 0 0 1px currentColor; } .about-one__progress__bar { width: 100%; height: 10px; position: relative; background-color: var(--drivschol-gray2, #F5F5F5); } .about-one__progress__inner { position: absolute; height: 10px; background-color: var(--drivschol-primary, #EC2526); transition: all 700ms linear; width: 0px; } .about-one__progress__number { position: absolute; bottom: calc(100% + 5px); left: 0; margin-bottom: 8px; font-size: 16px; font-style: normal; font-weight: 500; line-height: 144.444%; } .about-one__item__one { padding-right: 70px; } @media (max-width: 1200px) { .about-one__item__one { padding-right: 0px; } } .about-one .drivschol-btn { padding: 19px 39px; } .about-one__element { position: absolute; right: 0; bottom: -51%; z-index: 1; } .about-one__element img { animation: topbottom 2s ease-in-out infinite; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .about-one__element { display: none; } } .about-one::after { content: ""; clear: both; width: 100%; height: 1px; background: var(--drivschol-border-color, #E6E6E6); position: absolute; bottom: 0; right: 0; } .about-two { position: relative; padding: 0 0 120px; } @media (max-width: 767px) { .about-two { padding: 0 0 80px; } } .about-two__left__item { position: relative; padding-left: 40px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .about-two__left__item { padding-left: 0px; } } .about-two__left__item__img__one { position: relative; } .about-two__left__item__img__two { position: relative; margin-top: -190px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .about-two__left__item__img__two { max-width: 200px; margin-top: -100px; } } @media (max-width: 575px) { .about-two__left__item__img__two { max-width: 200px; margin-top: -50px; } .about-two__left__item__img__two img { max-width: 200px; object-fit: cover; } } .about-two__left__item__img__shape { position: relative; margin-top: -100px; left: 0px; } .about-two__left__item__img__shape svg { animation: topbottom 4s ease-in-out infinite; } @media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) { .about-two__left__item__img__shape svg { max-width: 100px; } } @media (max-width: 575px) { .about-two__left__item__img__shape { margin-top: -150px; } } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .about-two__left { margin-bottom: 30px; } } .about-two__right__head__title .sec-title { padding-bottom: 20px; } .about-two__right__head__text { margin-bottom: -10px; } .about-two__right__award__item { display: flex; justify-content: center; align-items: center; gap: 20px; padding: 35px 0px 28px 0px; } .about-two__right__award__item + .about-two__right__award__item { border-top: 1px solid var(--drivschol-border-color, #E6E6E6); } .about-two__right__item__icon i { transition: all 0.4s ease-in-out; color: var(--drivschol-primary, #EC2526); font-size: 80px; } .about-two__right__item__content__title { font-size: 20px; font-weight: 800; line-height: normal; margin-bottom: 10px; } .about-two__right__item__content__text { font-size: 16px; font-weight: 500; line-height: 187.5%; letter-spacing: 0.48px; margin-bottom: 0; } .about-two__right__author { padding-top: 17px; display: flex; gap: 40px; } .about-two__right__author__item { display: flex; align-items: center; gap: 14px; } .about-two__right__author__item__img { display: flex; justify-content: center; align-items: center; max-width: 58px; height: 58px; width: 100%; padding: 5px; border-radius: 500px; border: 1px solid var(--drivschol-primary, #EC2526); overflow: hidden; } .about-two__right__author__item__img img { height: 48px; width: 48px; max-width: 100%; border-radius: 500px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .about-two__right__author { gap: 20px; } } @media (max-width: 575px) { .about-two__right__author { display: block; } } @media (max-width: 575px) { .about-two__right__link { margin-bottom: 30px; } } .about-two__right__link__btn { font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; padding: 17px 36px; } .about-two .about-two__right__award__item:hover .about-two__right__item__icon i { color: var(--drivschol-black2, #111117); } .about-three { position: relative; margin-bottom: 120px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .about-three { margin-bottom: 100px; } } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .about-three { margin-bottom: 80px; } } .about-three__content { margin-left: 40px; } .about-three__content__head .sec-title { padding-bottom: 22px; } .about-three__content__text { margin-bottom: 28px; font-size: 16px; padding-left: 10px; } .about-three__content__list { margin-right: 0; padding-right: 0; } .about-three__content__list__item { font-family: var(--drivschol-heading-font, "Urbanist", sans-serif); font-size: 20px; font-style: normal; font-weight: 700; line-height: normal; margin-bottom: 20px; color: #0B2038; } .about-three__content__list__item::before { content: "\f058"; color: var(--drivschol-primary, #EC2526); margin-left: 17px; font-family: "Font Awesome 5 Free"; font-size: 18px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .about-three__content__list__item { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .about-three__content__list__item { margin-bottom: 10px; font-size: 18px; } } .about-three__content__link { margin-top: 56px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .about-three__content__link { margin-top: 25px; } } .about-three__content__link__btn { padding: 20px 37px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .about-three__content { margin-bottom: 30px; } } .about-three__thumb { position: relative; display: inline-block; } .about-three__thumb__img { position: relative; } .about-three__thumb__img img { max-width: 100%; } .about-three__thumb__sub { position: absolute; left: 17px; margin-top: -120px; z-index: 1; } .about-three__thumb__sub img { width: 300px; height: 240px; object-fit: cover; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .about-three__thumb__sub img { width: 200px; height: 140px; } } @media screen and (max-width: 400px) { .about-three__thumb__sub { margin-top: 20px; position: relative; } } .about-three__thumb__logo { position: absolute; top: -10px; left: -30px; animation: scale 4s ease-in-out infinite; } @media (max-width: 575px) { .about-three__thumb__logo { top: 0px; left: 0px; } } .about-three__thumb__content { margin-top: -60px; max-width: 204px; height: 198px; padding: 27px 20px; border: 15px solid var(--drivschol-white, #fff); display: flex; justify-content: center; align-items: center; position: relative; margin-right: -57px; display: inline-block; background: var(--drivschol-black2, #111117); box-shadow: 0px 5.20295px 20.81181px 0px rgba(0, 0, 0, 0.06); } @media (max-width: 575px) { .about-three__thumb__content { margin-right: 0px; } } .about-three__thumb__content__number { text-align: center; color: var(--drivschol-primary, #EC2526); font-size: 40px; font-style: normal; font-weight: 800; line-height: normal; margin-bottom: 0; } .about-three__thumb__content__text { display: block; color: var(--drivschol-white, #fff); text-align: center; font-family: var(--drivschol-heading-font, "Urbanist", sans-serif); font-size: 24px; font-style: normal; font-weight: 700; line-height: normal; } @media screen and (max-width: 400px) { .about-three__thumb__content { margin-top: 0px; } } .about-three__thumb::after { content: ""; width: 383px; height: 259px; position: absolute; bottom: 20%; z-index: -1; left: -20px; background: var(--drivschol-primary, #EC2526); animation: left 3s ease-in-out infinite; } @media (max-width: 575px) { .about-three__thumb::after { left: 20px; width: 283px; height: 200px; bottom: 10%; } } @media screen and (max-width: 400px) { .about-three__thumb::after { display: none; } } /*-------------------------------------------------------------- # Services --------------------------------------------------------------*/ .service-card { position: relative; background-color: var(--drivschol-white, #fff); box-shadow: -4px 4px 40px 0px rgba(0, 0, 0, 0.1); } .service-card__image { position: relative; height: 260px; width: 100%; overflow: hidden; } .service-card__image img { transition: all 500ms ease-in-out; object-fit: cover; width: 100%; height: 100%; transform: scale(1); } .service-card__content { padding: 0px 40px 30px 5px; max-width: 320px; position: relative; background-color: var(--drivschol-white, #fff); } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .service-card__content { padding: 0px 20px 25px 5px; } } .service-card__content::before { clear: both; content: ""; width: 100%; height: 23px; position: absolute; top: -23px; right: 0%; background-color: var(--drivschol-white, #fff); } .service-card__title { font-size: 24px; font-style: normal; font-weight: 800; margin-top: -4px; margin-bottom: 14px; line-height: normal; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .service-card__title { font-size: 20px; } } .service-card__title a { color: var(--drivschol-heading-text, #111117); background: linear-gradient(to left, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .service-card__title a:hover { background-size: 100% 1px; } .service-card__title a:hover { color: var(--drivschol-primary, #EC2526); } .service-card__text { color: var(--drivschol-text, #6D7076); font-size: 14px; font-style: normal; font-weight: 500; line-height: 185.714%; letter-spacing: 0.42px; margin-bottom: 0; } .service-card__bth { position: relative; } .service-card__bth .drivschol-btn { position: relative; display: inline-block; background-color: var(--drivschol-primary, #EC2526); padding: 23px 40px 22px 66px; color: var(--drivschol-white, #fff); z-index: 1; clip-path: polygon(0 0, 75% 0%, 100% 100%, 0% 100%); font-size: 14px; font-weight: 600; line-height: 178.571%; letter-spacing: 0.56px; text-transform: capitalize; } .service-card__bth .drivschol-btn i { margin-right: 15px; } .service-card__bth .drivschol-btn::before { z-index: -1; } .service-card__bth .drivschol-btn::after { z-index: -1; } .service-card__bth .drivschol-btn:hover i { color: var(--drivschol-primary, #EC2526); } .service-card__bth::before { clear: both; content: ""; width: 110px; height: 6px; position: absolute; bottom: 50%; left: 30px; background-color: var(--drivschol-border-color, #E6E6E6); clip-path: polygon(0 0, 90% 0%, 100% 100%, 10% 100%); animation: left 4s ease-in-out infinite; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) { .service-card__bth::before { left: 10px; width: 80px; } } .service-card:hover .service-card__image img { transform: scale(1.2); } .service-page { padding: 120px 0px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .service-page { padding: 100px 0px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .service-page { padding: 80px 0px; } } .service-one__home { padding-top: 120px; padding-bottom: 120px; background-color: var(--drivschol-white, #fff); } @media (max-width: 767px) { .service-one__home { padding: 80px 0; } } .service-two { position: relative; padding: 120px 0px 90px 0px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .service-two { padding: 100px 0px 70px 0px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .service-two { padding: 80px 0px 50px 0px; } } .service-two__bg { position: absolute; top: 0; right: 0; left: 0; bottom: 38%; background-size: cover; background-position: center center; } .service-two__single { position: relative; background: var(--drivschol-white, #fff); box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.06); margin-bottom: 30px; max-width: 400px; margin-right: auto; margin-left: auto; } .service-two__single__image { display: block; position: relative; height: 175px; width: auto !important; overflow: hidden; position: relative; } .service-two__single__image img { object-fit: cover; width: 100%; height: 100%; transform: scale(1); transition: all 500ms ease 0s; } .service-two__single__image::before { position: absolute; inset: 0px; content: ""; background-color: rgba(0, 0, 0, 0.5); width: 0%; height: 0%; transform: translateY(-100%); transition: all 500ms ease 0s; z-index: 1; } .service-two__single__icon { position: absolute; left: 20px; margin-top: -70px; z-index: 1; width: 80px; height: 80px; display: flex; background-color: var(--drivschol-primary, #EC2526); justify-content: center; align-items: center; } .service-two__single__icon i { color: var(--drivschol-white, #fff); font-size: 45px; } .service-two__single__content { padding: 23px 30px 22px 20px; } .service-two__single__content__title { font-size: 24px; font-style: normal; font-weight: 800; line-height: normal; } .service-two__single__content__title a { background: linear-gradient(to left, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .service-two__single__content__title a:hover { background-size: 100% 1px; } .service-two__single__content__title a:hover { color: var(--drivschol-primary, #EC2526); } .service-two__single__content__text { font-size: 14px; font-style: normal; font-weight: 500; line-height: 185.714%; letter-spacing: 0.42px; margin-bottom: 0; } .service-two__single:hover .service-two__single__image::before { width: 100%; height: 100%; transform: translateY(0%); } .service-two__single:hover .service-two__single__image img { transform: scale(1.2); } .service-three__home { padding-top: 120px; padding-bottom: 60px; } .service-three__item { margin-bottom: 60px; max-width: 400px; margin-right: auto; margin-left: auto; background: var(--drivschol-white, #fff); border-top: 5px solid var(--drivschol-primary, #EC2526); filter: drop-shadow(0px 10px 40px rgba(0, 0, 0, 0.06)); position: relative; transition: all 0.4s ease-in-out; } .service-three__item__bg { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-size: cover; background-position: center center; transition: 500ms ease; opacity: 0; transition: all 0.4s ease-in-out; z-index: -2; } .service-three__item__bg::before { position: absolute; content: ""; width: 100%; height: 100%; top: 0; right: 0; background-color: rgba(0, 0, 0, 0.8); opacity: 0; z-index: -1; transition: all 0.4s ease-in-out; } .service-three__item__icon { margin-top: -45px; margin-right: auto; margin-left: auto; transition: all 0.4s ease-in-out; width: 90px; height: 90px; border-radius: 500px; background-color: var(--drivschol-primary, #EC2526); display: flex; align-items: center; justify-content: center; } .service-three__item__icon__item { font-size: 40px; color: var(--drivschol-white, #fff); } .service-three__item__content { padding: 10px 30px 35px 30px; text-align: center; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .service-three__item__content { padding: 15px 15px 35px 20px; } } .service-three__item__title { margin-top: -3px; font-size: 24px; font-style: normal; font-weight: 800; line-height: normal; transition: all 0.4s ease-in-out; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .service-three__item__title br { display: none; } } .service-three__item__text { font-size: 14px; font-style: normal; font-weight: 500; line-height: 185.714%; margin-bottom: 0; transition: all 0.4s ease-in-out; letter-spacing: 0; } .service-three__item:hover { background-color: transparent; } .service-three__item:hover .service-three__item__title { color: var(--drivschol-white, #fff); } .service-three__item:hover .service-three__item__icon { transform: scale(0.8); } .service-three__item:hover .service-three__item__text { color: var(--drivschol-white, #fff); } .service-three__item:hover .service-three__item__bg { opacity: 1; } .service-three__item:hover .service-three__item__bg::before { opacity: 1; } /*-------------------------------------------------------------- # Service details --------------------------------------------------------------*/ .service-details { padding: 120px 0; } @media (max-width: 767px) { .service-details { padding: 80px 0; } } .service-details__thumbnail { max-height: 530px; width: 100%; overflow: hidden; margin-bottom: 45px; } .service-details__thumbnail img { object-fit: cover; width: 100%; height: 100%; } @media only screen and (min-width: 768px) and (max-width: 991px) { .service-details__thumbnail { max-height: 450px; margin-bottom: 30px; } } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .service-details__thumbnail { max-height: 400px; margin-bottom: 30px; } } .service-details__single { margin-bottom: 40px; } .service-details__single:last-child { margin-bottom: 0px; } .service-details__title { margin: 0; font-size: 25px; font-weight: 700; line-height: 100%; margin-bottom: 28px; } @media screen and (min-width: 768px) { .service-details__title { font-size: 30px; } } .service-details__sub-title { margin: 0; font-size: 25px; font-weight: 700; line-height: 100%; color: var(--drivschol-primary, #EC2526); margin-bottom: 20px; } @media screen and (min-width: 1200px) { .service-details__sub-title { font-size: 30px; margin-bottom: 38px; } } .service-details__text { margin: 0; font-size: 16px; letter-spacing: 0; margin-bottom: 38px; font-weight: 600; line-height: 200%; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .service-details__text { margin-bottom: 25px; } } .service-details__single-inner { display: flex; align-items: center; gap: 30px; margin-top: 34px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .service-details__single-inner { flex-wrap: wrap; } } .service-details__single-inner .benefit__img { max-width: 270px; display: inline-block; } .service-details__single-inner--base { flex-wrap: nowrap; padding-bottom: 20px; } @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .service-details__single-inner--base { flex-wrap: wrap; } } .service-details__benefit .service-details__title { margin-bottom: 7px; } .service-details__benefit .service-details__text { margin-bottom: 26px; letter-spacing: 0; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .service-details__benefit .service-details__text { margin-bottom: 20px; } } .service-details__benefit .sub_title { margin-bottom: 20px; color: var(--drivschol-primary, #EC2526); font-size: 24px; font-style: normal; font-weight: 700; line-height: 100%; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .service-details__benefit .sub_title { font-size: 19px; margin-bottom: 15px; } } .service-details__benefit .service-details__list { margin-bottom: 0; } .service-details__benefit .service-details__list i { color: var(--drivschol-primary, #EC2526); } .service-details__inner-item { max-width: 370px; display: flex; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .service-details__inner-item { max-width: 285px; } } .service-details__inner-item .item-icon { padding: 35px 15px; background: var(--drivschol-primary, #EC2526); } .service-details__inner-item .item-icon i { font-size: 50px; color: var(--drivschol-white, #fff); } .service-details__inner-item .item-content { padding: 25px 30px 25px 30px; background: var(--drivschol-white, #fff); box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.08); } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .service-details__inner-item .item-content { padding: 30px 10px; } } .service-details__inner-item .item-content .item__title { font-size: 24px; font-style: normal; font-weight: bold; line-height: normal; margin-bottom: 3px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .service-details__inner-item .item-content .item__title { font-size: 20px; } } .service-details__inner-item .item-content .item__dec { font-size: 14px; font-style: normal; font-weight: 500; line-height: 178.571%; letter-spacing: 0.42px; margin-bottom: -4px; } .service-details__list { margin-bottom: 0; margin-bottom: 40px; } .service-details__list li { position: relative; color: var(--drivschol-black2, #111117); font-size: 18px; font-style: normal; font-weight: 600; line-height: 261.111%; padding-right: 30px; margin-bottom: -10px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .service-details__list li { font-size: 15px; } } .service-details__list li + li { margin-top: 2px; } .service-details__list li > i { position: absolute; top: 50%; right: 0; transform: translateY(-50%); font-size: 18px; color: var(--drivschol-text, #6D7076); } @media screen and (min-width: 768px) { .service-details__process { display: flex; justify-content: space-between; margin-bottom: 50px; margin-top: 20px; } } .service-details__process li + li { margin-top: 20px; } @media screen and (min-width: 768px) { .service-details__process li + li { margin-top: 0; } } @media screen and (min-width: 768px) { .service-details__process__top { display: flex; align-items: center; } } .service-details__process__icon { width: 57px; height: 57px; display: flex; justify-content: center; align-items: center; background-color: var(--drivschol-text, #6D7076); color: var(--drivschol-white, #fff); font-size: 21px; border-radius: 50%; margin-left: 20px; transition: all 500ms ease; margin-bottom: 20px; } .service-details__process__icon::before { transform: scale(1); transition: transform 500ms ease; } @media screen and (min-width: 768px) { .service-details__process__icon { margin-bottom: 0; } } .service-details__process__icon:hover { background-color: var(--drivschol-black2, #111117); color: var(--drivschol-white, #fff); } .service-details__process__icon:hover::before { transform: scale(0.9); } .service-details__process__title { font-size: 18px; font-weight: bold; text-transform: uppercase; margin: 0; color: var(--drivschol-black2, #111117); } @media screen and (min-width: 768px) { .service-details__process__title { font-size: 20px; } } .service-details__process__text { margin: 0; font-size: 15px; line-height: 2em; max-width: 220px; margin-top: 10px; } .service-details__post { margin-bottom: 0; } .service-details__post li + li { margin-top: 10px; } .service-details__post__date { text-transform: uppercase; letter-spacing: var(--drivschol-letter-space-xl, 0.2em); color: var(--drivschol-text, #6D7076); font-size: 14px; margin: 0; line-height: 2.1428571429em; } .service-details__post__title { margin: 0; line-height: 1.875em; color: var(--drivschol-black, #000); text-shadow: 0 0 0.5px currentColor; } .service-details__post__title a { color: inherit; background: linear-gradient(to left, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .service-details__post__title a:hover { background-size: 100% 1px; } .service-details__post__title a:hover { color: var(--drivschol-black, #000); } .service-details__info { border-top: 1px solid var(--drivschol-border-color, #E6E6E6); padding-top: 55px; margin-top: 60px; } .service-details__info__title { font-weight: bold; text-transform: uppercase; margin: 0; color: var(--drivschol-black2, #111117); font-size: 20px; margin-bottom: 24px; } .service-details__info__list { margin-bottom: 0; } @media screen and (min-width: 768px) { .service-details__info__list li { display: flex; justify-content: space-between; align-items: center; } } .service-details__info__list li + li { border-top: 1px solid var(--drivschol-border-color, #E6E6E6); margin-top: 20px; padding-top: 20px; } .service-details__info__list__date { color: var(--drivschol-black2, #111117); font-size: 16px; line-height: 24px; text-transform: uppercase; display: flex; align-items: center; } .service-details__info__list__date > i { color: var(--drivschol-text, #6D7076); font-size: 22px; margin-left: 10px; } .service-details__info__list__space { font-size: 16px; line-height: 24px; color: var(--drivschol-text, #6D7076); margin-top: 10px; margin-bottom: 10px; } @media screen and (min-width: 768px) { .service-details__info__list__space { margin-bottom: 0; margin-top: 0; } } .service-details__info__list__btn { font-size: 10px; padding: 10.75px 30px; } /*-------------------------------------------------------------- # Instagram --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Opening Time --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Boxed Home --------------------------------------------------------------*/ body.boxed-wrapper { position: relative; } body.boxed-wrapper .page-wrapper { max-width: 1530px; margin-right: auto; margin-left: auto; background-color: var(--drivschol-white, #fff); box-shadow: 0px 0px 100px 0px rgba(var(--drivschol-black-rgb, 0, 0, 0), 0.08); } body.boxed-wrapper .main-slider-one__shape-two { display: none; } body.boxed-wrapper .contact-two__left__image { right: -11%; } body.boxed-wrapper .contact-two__left__shape { right: -5%; } /*-------------------------------------------------------------- # Work Process --------------------------------------------------------------*/ .work-process-one { position: relative; } .work-process-one__image { display: flex; justify-content: start; align-items: end; position: absolute; bottom: 0%; right: 15%; } @media screen and (max-width: 1700px) and (min-width: 1601px) { .work-process-one__image { right: 0%; } } @media screen and (max-width: 1600px) and (min-width: 1400px) { .work-process-one__image { right: 0%; } } @media screen and (max-width: 1399px) and (min-width: 1200px) { .work-process-one__image { right: -5%; } } @media screen and (max-width: 1199px) and (min-width: 992px) { .work-process-one__image { right: -10%; } } @media screen and (max-width: 1080px) and (min-width: 992px) { .work-process-one__image img { max-width: 80%; } } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .work-process-one__image { padding-top: 80px; position: relative; } .work-process-one__image img { max-width: 60%; } } .work-process-one__inner { padding: 120px 0px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .work-process-one__inner { padding-top: 30px; padding-bottom: 80px; } } .work-process-one__inner__content__item { display: flex; gap: 32px; align-items: center; } @media (max-width: 575px) { .work-process-one__inner__content__item { display: block; } } .work-process-one__inner__content__item__step { display: flex; justify-content: center; align-items: center; flex-direction: column; position: relative; max-width: 161px; max-height: 100%; width: 100%; height: 186px; } @media (max-width: 575px) { .work-process-one__inner__content__item__step { margin-bottom: 10px; } } .work-process-one__inner__content__item__step__text { color: var(--drivschol-white, #fff); font-family: var(--drivschol-heading-font, "Urbanist", sans-serif); font-size: 20px; font-style: normal; font-weight: 800; line-height: normal; margin-bottom: 0; } .work-process-one__inner__content__item__step__number { color: var(--drivschol-white, #fff); font-family: var(--drivschol-heading-font, "Urbanist", sans-serif); display: block; font-size: 60px; font-style: normal; font-weight: 800; line-height: normal; } .work-process-one__inner__content__item__step svg { position: absolute; top: 0; right: 0%; z-index: -1; fill: var(--drivschol-primary, #EC2526); transition: all 0.4s ease-in-out; } .work-process-one__inner__content__item__step::after { content: ""; position: absolute; bottom: 0px; width: 100px; height: 30px; background: var(--drivschol-white, #fff); z-index: -1; clip-path: polygon(50% 0%, 0% 100%, 100% 100%); } @media (max-width: 575px) { .work-process-one__inner__content__item__step::after { display: none; } } .work-process-one__inner__content__item__step:hover svg path { color: var(--drivschol-primary, #EC2526); } @media (max-width: 575px) { .work-process-one__inner__content__item__info { margin-bottom: 30px; } } .work-process-one__inner__content__item__info__title { font-size: 24px; font-style: normal; font-weight: 800; line-height: 145.833%; letter-spacing: -0.48px; margin-bottom: 3px; } .work-process-one__inner__content__item__info__text { font-weight: 500; line-height: 187.5%; margin-bottom: 0; letter-spacing: 0; } .work-process-one__inner__content__item:nth-child(2) { margin-top: -10px; } .work-process-one__inner__content__item:nth-child(2) .work-process-one__inner__content__item__step .work-process-one__inner__content__item__step__text, .work-process-one__inner__content__item:nth-child(2) .work-process-one__inner__content__item__step .work-process-one__inner__content__item__step__number { color: var(--drivschol-black2, #111117); transition: all 0.4s ease-in-out; } .work-process-one__inner__content__item:nth-child(2) .work-process-one__inner__content__item__step svg { fill: var(--drivschol-gray2, #F5F5F5); } .work-process-one__inner__content__item:nth-child(3) { margin-top: -10px; } .work-process-one__inner__content__item:nth-child(3) .work-process-one__inner__content__item__step svg { fill: var(--drivschol-black2, #111117); } .work-process-one__inner__content__item:nth-child(3) .work-process-one__inner__content__item__step::after { display: none; } .work-process-one__inner__content .work-process-one__inner__content__item:hover .work-process-one__inner__content__item__step__text, .work-process-one__inner__content .work-process-one__inner__content__item:hover .work-process-one__inner__content__item__step__number { color: var(--drivschol-white, #fff); } .work-process-one__inner__content .work-process-one__inner__content__item:hover svg { fill: var(--drivschol-primary, #EC2526); } .work-process-three__home { padding-top: 120px; padding-bottom: 100px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .work-process-three__home { padding-top: 100px; padding-bottom: 80px; } } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .work-process-three__home { padding-top: 80px; padding-bottom: 60px; } } .work-process-three__item { background-color: var(--drivschol-gray2, #F5F5F5); text-align: center; padding: 40px 40px 30px 40px; margin-bottom: 50px; } .work-process-three__item__thumb { max-height: 135px; max-width: 129px; margin-right: auto; margin-left: auto; margin-bottom: 26px; position: relative; } .work-process-three__item__thumb img { position: relative; transition: all 0.6s ease-in-out; } .work-process-three__item__thumb img:last-child { position: absolute; top: 0%; right: 0%; opacity: 1; } .work-process-three__item__thumb img:first-child { opacity: 0; } .work-process-three__item__title { font-size: 24px; font-style: normal; font-weight: 800; line-height: 145.833%; letter-spacing: -0.48px; margin-bottom: 0px; padding-bottom: 0; } .work-process-three__item__text { margin-bottom: 35px; font-size: 15px; } .work-process-three__item__number { position: relative; width: 67px; height: 67px; border-radius: 500px; display: flex; justify-content: center; align-items: center; border: 6px solid var(--drivschol-white, #fff); background: var(--drivschol-black2, #111117); margin-right: auto; margin-left: auto; margin-bottom: -60px; transition: all 0.4s ease-in-out; } .work-process-three__item__number__text { color: 800; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; color: var(--drivschol-white, #fff); counter-increment: courseNumber; } .work-process-three__item__number__text::before { content: counters(courseNumber, ".", decimal-leading-zero); } .work-process-three__item:hover .work-process-three__item__thumb img:last-child, .work-process-three__item .active .work-process-three__item__thumb img:last-child { opacity: 0; } .work-process-three__item:hover .work-process-three__item__thumb img:first-child, .work-process-three__item .active .work-process-three__item__thumb img:first-child { opacity: 1; } .work-process-three__item:hover .work-process-three__item__number, .work-process-three__item .active .work-process-three__item__number { background: var(--drivschol-primary, #EC2526); }