PATH:
home2
/
pbkvidya
/
public_html
/
assets
/
css
/
Editing: style.css
/* @File: Adma Template Styles * This file contains the styling for the actual template, this is the file you need to edit to change the look of the template. This files table contents are outlined below>>>>> ******************************************* ******************************************* ** - Default Style ** - Section Title Style ** - Top Header Area Style ** - Navbar Area Style ** - Hero Area Style ** - About Area Style ** - Graduets Area Style ** - Funfact Area Style ** - Apply Area Style ** - Events Area Style ** - Tuition Area Style ** - Facilities Area Style ** - Testimonial Area Style ** - Partner Area Style ** - Footer Area Style ** - Overview Area Style ** - Programs Area Style ** - Upcoming Area Style ** - Application Area Style ** - Blog Area Style ** - Admission Area Style ** - Adma About Area Style ** - Video Area Style ** - Student Area Style ** - Counter Area Style ** - Choose Area Style ** - Newsletter Area Style ** - Page Banner Area Style ** - Fitness Area Style ** - Support Area Style ** - Contact Area Style */ /*================================================ Default Style =================================================*/ @import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&display=swap"); :root { --heading-font-family: "Roboto Slab", serif; --body-font-family: "Poppins", sans-serif; --fontSize: 16px; --primaryColor: #FA394A; --secenderyColor: #FFC333; --whiteColor: #ffffff; --blackColor: rgb(0, 30, 67); --paragraphColor: #555; --transition: .5s; } body { margin: 0; padding: 0; color: var(--paragraphColor); font-weight: 400; font-size: var(--fontSize); font-family: var(--body-font-family); } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: 600; color: var(--blackColor); font-family: 'Poppins'; } a { transition: var(--transition); color: var(--blackColor); outline: 0 !important; } a:hover { color: #f36f24; } .d-table { width: 100%; height: 100%; } .d-table-cell { vertical-align: middle; } img { max-width: 100%; height: auto; } p { line-height: 1.8; font-size: 16px; margin-bottom: 15px; color: var(--paragraphColor); font-family: var(--body-font-family); } p:last-child { margin-bottom: 0; } .form-control:focus { outline: none; box-shadow: none; border-color: #f36f24 !important; } .ptb-100 { padding-top: 110px; padding-bottom: 110px; } .pt-100 { padding-top: 110px; } .pb-100 { padding-bottom: 110px; } .pt-75 { padding-top: 85px; } .pb-75 { padding-bottom: 85px; } .pt-30 { padding-top: 30px; } .pb-30 { padding-bottom: 30px; } /*========================================= Default Btn ===========================================*/ .default-btn { padding: 15px 33px; display: flex; align-items: center; justify-content: center; color: var(--whiteColor) !important; background-color: #323293; /*background: linear-gradient(90deg, #323293 0%, #F36F24 100%);*/ font-family: var(--heading-font-family); font-size: 16px; font-weight: 700; } .default-btn i { line-height: 0; font-size: 25px; margin-left: 19px; position: relative; } .default-btn:hover { color: var(--blackColor) !important; background-color: var(--whiteColor); } .default-btn.style-2:hover { color: var(--whiteColor) !important; background-color: var(--blackColor); } .arrow-btn { margin-right: 40px; position: relative; display: inline-block; color: #FB975F; font-family: var(--heading-font-family); font-size: 16px; font-weight: 700; } .arrow-btn i { top: 2px; line-height: 0; font-size: 25px; margin-left: 15px; position: absolute; } .arrow-btn::before { left: 0; bottom: 0; height: 1px; width: 100%; content: ""; position: absolute; transition: var(--transition); background-color: #FB975F; } .arrow-btn::after { left: 0; bottom: 0; height: 1px; width: 0; content: ""; position: absolute; transition: var(--transition); background-color: var(--whiteColor); } .arrow-btn:hover { color: var(--whiteColor); } .arrow-btn:hover::before { opacity: 0; } .arrow-btn:hover::after { width: 100%; } @keyframes rotateme { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes zoom-in-zoom-out { 0% { transform: scale(1, 1); } 50% { transform: scale(1.2, 1.2); } 100% { transform: scale(1, 1); } } @keyframes MOVE-BG { 0% { transform: translateX(0); } 50% { transform: translateX(60px); } 100% { transform: translateX(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: translateZ(0); } } /*========================================= Section Title Style ===========================================*/ .section-title { max-width: 710px; margin-bottom: 35px !important; } .section-title h2 { font-size: 42px; line-height: 1.3; margin-bottom: 0; } /*================================================ Top Header Area Style =================================================*/ .top-header-area { background-color: var(--blackColor); padding-top: 10px; padding-bottom: 10px; } .top-header-area .container-fluid { max-width: 1680px; padding-left: 30px; padding-right: 30px; } .top-header-area.style-2 { background-color: #002a5c; } .top-header-area.style-3 .container-fluid { max-width: 1520px; padding-left: 30px; padding-right: 30px; } .top-header-area.pages-style .container-fluid { max-width: 1480px; padding-left: 30px; padding-right: 30px; } .top-header-list ul li { margin-right: 13px; padding-right: 20px; position: relative; } .top-header-list ul li a { font-size: 13px; color: rgba(255, 255, 255, 0.56); } .top-header-list ul li a i { top: 2px; font-size: 16px; margin-right: 7px; position: relative; color: #f36f24; } .top-header-list ul li a:hover { color: #f36f24; } .top-header-list ul li::before { top: 2px; right: 0; width: 1px; height: 17px; content: ""; position: absolute; background-color: rgb(31, 57, 90); } .top-header-list ul li:last-child { margin-right: 0; padding-right: 0; } .top-header-list ul li:last-child::before { display: none; } .top-header-list ul li:last-child a i { top: 0; } .top-header-list.style-2 ul li a i { color: var(--whiteColor); } .top-header-social-list ul li .pages-link li { margin-right: 6px; padding-right: 12px; position: relative; } .top-header-social-list ul li .pages-link li a { font-size: 13px; line-height: 1; color: rgba(255, 255, 255, 0.56); } .top-header-social-list ul li .pages-link li a:hover { color: #f36f24; } .top-header-social-list ul li .pages-link li::before { top: 6px; right: 0; width: 1px; height: 15px; content: ""; position: absolute; background-color: rgb(31, 57, 90); } .top-header-social-list ul li .pages-link li:last-child { margin-right: 0; padding-right: 0; } .top-header-social-list ul li .pages-link li:last-child::before { display: none; } .top-header-social-list ul li .social-link { margin-left: 18px; } .top-header-social-list ul li .social-link li { margin-right: 4px; } .top-header-social-list ul li .social-link li a { width: 26px; height: 26px; font-size: 12px; line-height: 26px; text-align: center; border-radius: 100%; display: inline-block; color: rgb(143, 156, 172); background-color: rgba(255, 255, 255, 0.08); } .top-header-social-list ul li .social-link li a i { bottom: -2px; position: relative; } .top-header-social-list ul li .social-link li a:hover { color: var(--blackColor); background-color: #FB975F; } .top-header-social-list ul li .social-link li:last-child { margin-right: 0; } /*================================================ Navbar Area Style =================================================*/ .navbar { z-index: 2; position: relative; background-color: var(--whiteColor); box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.05); padding-top: 12px; padding-bottom: 12px; border-top: 8px solid #303292; /*border-bottom: 5px solid #303292;*/ } .navbar .container-fluid { max-width: 1680px; padding-left: 30px; padding-right: 30px; } .navbar .navbar-brand { font-size: inherit; line-height: 1; padding: 0; } .navbar ul { padding-left: 0; margin-bottom: 0; list-style-type: none; } .navbar .navbar-nav { margin-right: 60px; } .navbar .navbar-nav .nav-item { position: relative; margin-left: 20px; margin-right: 20px; } .navbar .navbar-nav .nav-item .nav-link { position: relative; color: var(--blackColor); transition: var(--transition); font-weight: 500; font-size: 14px; padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; } .navbar .navbar-nav .nav-item .nav-link:hover, .navbar .navbar-nav .nav-item .nav-link.active { color: #f36f24; } .navbar .navbar-nav .nav-item .nav-link:hover::before, .navbar .navbar-nav .nav-item .nav-link.active::before { color: #f36f24; } .navbar .navbar-nav .nav-item .nav-link:hover.dropdown-toggle::after, .navbar .navbar-nav .nav-item .nav-link.active.dropdown-toggle::after { opacity: 1; margin-top: 0; visibility: visible; } .navbar .navbar-nav .nav-item .dropdown-toggle { margin-right: 17px; } .navbar .navbar-nav .nav-item .dropdown-toggle::after { left: 0; bottom: 0; margin: 0; opacity: 0; content: ""; height: 1px; width: 100%; border: none; display: block; position: absolute; background-image: none; transition: var(--transition); background-color: #f36f24; } .navbar .navbar-nav .nav-item .dropdown-toggle::before { color: rgb(153, 165, 180); transition: var(--transition); position: absolute; content: "\ea4d"; line-height: 1; font-size: 18px; right: -23px; top: 1px; font-family: remixicon !important; font-style: normal; } .navbar .navbar-nav .nav-item:last-child { margin-right: 0; } .navbar .navbar-nav .nav-item:first-child { margin-left: 0; } .navbar .navbar-nav .nav-item:hover .nav-link, .navbar .navbar-nav .nav-item.active .nav-link { color: #f36f24; } .navbar .navbar-nav .nav-item:hover .nav-link::before, .navbar .navbar-nav .nav-item.active .nav-link::before { color: #f36f24; } .navbar .navbar-nav .nav-item:hover .nav-link.dropdown-toggle::after, .navbar .navbar-nav .nav-item.active .nav-link.dropdown-toggle::after { opacity: 1; margin-top: 0; visibility: visible; } .navbar .navbar-nav .nav-item .dropdown-menu { left: 0; top: 30px; opacity: 0; z-index: 99; border: none; width: 270px; margin-top: 0; display: block; padding: 12px 0; border-radius: 0; position: absolute; visibility: hidden; transition: all 0.2s ease-in-out; transform: translate3d(0, 18px, 0); background-color: var(--whiteColor); box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.05); } .navbar .navbar-nav .nav-item .dropdown-menu .nav-item { margin: 0; } .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link { display: block; color: var(--blackColor); padding: 7px 25px; font-size: 14px; font-weight: 500; } .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link.active, .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link:hover { color: #f36f24; } .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link.dropdown-toggle::before { top: 50%; right: 20px; transform: translateY(-50%); } .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link.dropdown-toggle::after { display: none; } .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu { top: 0; opacity: 0; left: 100%; margin-top: 0; visibility: hidden; transform: translate3d(0, 18px, 0); } .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link { color: var(--blackColor); } .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link.active, .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link:hover { color: #f36f24; } .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu { top: 0; opacity: 0; left: -100%; visibility: hidden; transform: translate3d(0, 18px, 0); } .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link { color: var(--blackColor); } .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link.active, .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link:hover { color: #f36f24; } .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu { top: 0; opacity: 0; left: 100%; visibility: hidden; transform: translate3d(0, 18px, 0); } .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link { color: var(--blackColor); } .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link.active, .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link:hover { color: #f36f24; } .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item.active .nav-link { color: #FB975F; } .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item:hover .dropdown-menu { opacity: 1; visibility: visible; } .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item.active .nav-link { color: #f36f24; } .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item:hover .dropdown-menu { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item.active .nav-link { color: #f36f24; } .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item:hover .dropdown-menu { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } .navbar .navbar-nav .nav-item .dropdown-menu .nav-item.active .nav-link { color: #f36f24; } .navbar .navbar-nav .nav-item .dropdown-menu .nav-item:hover .dropdown-menu { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } .navbar .navbar-nav .nav-item:hover .dropdown-menu { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } .navbar .others-option .option-item .search-form .form-group { position: relative; } .navbar .others-option .option-item .search-form .form-group .form-control { height: 48px; padding-left: 20px; border-radius: unset; border: 1px solid #ebebeb; color: var(--paragraphColor); } .navbar .others-option .option-item .search-form .form-group .form-control::-moz-placeholder { font-size: 13px; } .navbar .others-option .option-item .search-form .form-group .form-control::placeholder { font-size: 13px; } .navbar .others-option .option-item .search-form .form-group button { top: 50%; right: 17px; border: unset; position: absolute; transform: translateY(-50%); color: var(--paragraphColor); background-color: transparent; } .navbar .others-option .option-item .responsive-icon a { width: 40px; height: 40px; font-size: 25px; line-height: 40px; text-align: center; display: inline-block; color: var(--whiteColor); background-color: #f36f24; } .navbar .others-option .option-item .responsive-icon a:hover { background-color: var(--blackColor); } .navbar .navbar-toggler { color: var(--whiteColor); font-size: inherit; box-shadow: unset; border: none; padding: 0; } .navbar .navbar-toggler .burger-menu { cursor: pointer; } .navbar .navbar-toggler .burger-menu span { height: 3px; width: 30px; margin: 5px 0; display: block; background: #f36f24; } .navbar.sticky { top: 0; left: 0; width: 100%; z-index: 999; position: sticky; animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; padding-top: 5px; padding-bottom: 5px; } .navbar.style-2 .others-option .option-item .default-btn:hover { color: var(--whiteColor) !important; background-color: var(--blackColor); } .navbar.style-3 { background-color: #002a5c; } .navbar.style-3 .navbar-nav { margin-left: 65px; } .navbar.style-3 .navbar-nav .nav-item .nav-link { color: var(--whiteColor); } .navbar.style-3 .navbar-nav .nav-item .nav-link:hover, .navbar.style-3 .navbar-nav .nav-item .nav-link.active { color: #FB975F; } .navbar.style-3 .navbar-nav .nav-item .nav-link:hover::before, .navbar.style-3 .navbar-nav .nav-item .nav-link.active::before { color: #FB975F; } .navbar.style-3 .navbar-nav .nav-item .dropdown-toggle { margin-right: 17px; } .navbar.style-3 .navbar-nav .nav-item .dropdown-toggle::after { background-color: #FB975F; } .navbar.style-3 .navbar-nav .nav-item:hover .nav-link, .navbar.style-3 .navbar-nav .nav-item.active .nav-link { color: #FB975F; } .navbar.style-3 .navbar-nav .nav-item:hover .nav-link::before, .navbar.style-3 .navbar-nav .nav-item.active .nav-link::before { color: #FB975F; } .navbar.style-3 .navbar-nav .nav-item .dropdown-menu { background-color: var(--blackColor); } .navbar.style-3 .navbar-nav .nav-item .dropdown-menu .nav-item { margin: 0; } .navbar.style-3 .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link { color: var(--whiteColor); } .navbar.style-3 .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link.active, .navbar.style-3 .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link:hover { color: #FB975F; } .navbar.style-3 .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu { top: 0; opacity: 0; left: 100%; margin-top: 0; visibility: hidden; transform: translate3d(0, 18px, 0); } .navbar.style-3 .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link { color: var(--whiteColor); } .navbar.style-3 .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link.active, .navbar.style-3 .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link:hover { color: #FB975F; } .navbar.style-3 .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link { color: var(--whiteColor); } .navbar.style-3 .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link.active, .navbar.style-3 .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link:hover { color: #FB975F; } .navbar.style-3 .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link { color: var(--whiteColor); } .navbar.style-3 .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link.active, .navbar.style-3 .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link:hover { color: #FB975F; } .navbar.style-3 .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item.active .nav-link { color: #FB975F; } .navbar.style-3 .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item:hover .dropdown-menu { opacity: 1; visibility: visible; } .navbar.style-3 .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item.active .nav-link { color: #FB975F; } .navbar.style-3 .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item:hover .dropdown-menu { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } .navbar.style-3 .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item.active .nav-link { color: var(--s); } .navbar.style-3 .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item:hover .dropdown-menu { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } .navbar.style-3 .navbar-nav .nav-item .dropdown-menu .nav-item.active .nav-link { color: #FB975F; } .navbar.style-3 .navbar-nav .nav-item .dropdown-menu .nav-item:hover .dropdown-menu { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } .navbar.style-3 .navbar-nav .nav-item:hover .dropdown-menu { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } .navbar.style-3 .container-fluid { max-width: 1520px; padding-left: 30px; padding-right: 30px; } .navbar.style-3 .others-option .option-item .default-btn { color: var(--blackColor) !important; background-color: #FB975F; } .navbar.style-3 .others-option .option-item .default-btn:hover { color: var(--whiteColor) !important; background-color: #f36f24; } .navbar.pages-style .container-fluid { max-width: 1480px; padding-left: 30px; padding-right: 30px; } .navbar.pages-style .navbar-nav { margin-right: 50px; } .navbar.pages-style .others-option .option-item .default-btn:hover { color: var(--whiteColor) !important; background-color: var(--blackColor); } /*================================================ Responsive Navbar =================================================*/ .responsive-navbar { --bs-offcanvas-width: 420px; background-color: var(--blackColor); box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.05); } .responsive-navbar .offcanvas-header { padding: 30px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .responsive-navbar .offcanvas-header .close-btn { transition: var(--transition); color: var(--whiteColor); font-size: 20px; cursor: pointer; top: 2px; } .responsive-navbar .offcanvas-header .close-btn:hover { color: #f36f24; } .responsive-navbar .offcanvas-body { padding: 30px; } .responsive-navbar .offcanvas-body ul { list-style-type: none; margin-bottom: 0; } .responsive-navbar .offcanvas-body ul.responsive-menu { padding-left: 0; overflow: hidden; } .responsive-navbar .offcanvas-body ul.responsive-menu .responsive-menu-list { border-bottom: 1px solid rgba(255, 255, 255, 0.1); position: relative; line-height: 55px; height: 55px; clear: both; width: 100%; } .responsive-navbar .offcanvas-body ul.responsive-menu .responsive-menu-list:after { top: 50%; right: 0; content: "\ea4e"; color: var(--whiteColor); position: absolute; transform: translateY(-50%); transition: var(--transition); font-family: remixicon !important; font-style: normal; } .responsive-navbar .offcanvas-body ul.responsive-menu .responsive-menu-list a { height: 100%; display: block; color: var(--whiteColor); padding-right: 40px; text-decoration: none; font-size: 16px; font-weight: 500; } .responsive-navbar .offcanvas-body ul.responsive-menu .responsive-menu-list a:hover, .responsive-navbar .offcanvas-body ul.responsive-menu .responsive-menu-list a.active { color: #FB975F; } .responsive-navbar .offcanvas-body ul.responsive-menu .responsive-menu-list .responsive-menu-items { height: 0; overflow: hidden; } .responsive-navbar .offcanvas-body ul.responsive-menu .responsive-menu-list .responsive-menu-items a { padding: 0 15px; font-size: 15px; } .responsive-navbar .offcanvas-body ul.responsive-menu .responsive-menu-list .responsive-menu-items a:hover { color: var(--whiteColor); } .responsive-navbar .offcanvas-body ul.responsive-menu .responsive-menu-list.without-icon:after { display: none; } .responsive-navbar .offcanvas-body ul.responsive-menu .active:after { transform: translateY(-50%) rotate(180deg); } .responsive-navbar .offcanvas-body ul.responsive-menu .active > .responsive-menu-items { transition: all 200ms; display: block; height: auto; clear: both; float: left; width: 100%; padding: 0; } .responsive-navbar .offcanvas-body ul.responsive-menu .active > .responsive-menu-items li { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .responsive-navbar .offcanvas-body ul.responsive-menu .active > a { color: var(--whiteColor); } .responsive-navbar .offcanvas-body .others-option { margin-top: 50px; } .responsive-navbar .offcanvas-body .others-option .option-item .search-form .form-group { position: relative; } .responsive-navbar .offcanvas-body .others-option .option-item .search-form .form-group .form-control { height: 48px; padding-left: 20px; border-radius: unset; border: 1px solid #ebebeb; color: var(--paragraphColor); } .responsive-navbar .offcanvas-body .others-option .option-item .search-form .form-group .form-control::-moz-placeholder { font-size: 13px; } .responsive-navbar .offcanvas-body .others-option .option-item .search-form .form-group .form-control::placeholder { font-size: 13px; } .responsive-navbar .offcanvas-body .others-option .option-item .search-form .form-group button { top: 50%; right: 17px; border: unset; position: absolute; transform: translateY(-50%); color: var(--paragraphColor); background-color: transparent; } /*================================================ Search Modal Style =================================================*/ .searchModal .modal-dialog { margin: 0; width: 100%; max-width: 100%; background-color: var(--blackColor); box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.05); padding-top: 30px; padding-left: 15px; padding-right: 15px; padding-bottom: 30px; } .searchModal .modal-dialog .modal-content { border: 0; padding: 0; display: block; border-radius: 0; max-width: 720px; background-color: transparent; margin-left: auto; margin-right: auto; } .searchModal .modal-dialog .modal-content form { position: relative; } .searchModal .modal-dialog .modal-content form .input-search { height: 60px; font-size: 14px; border-radius: 6px; color: var(--whiteColor); border: 1px solid rgba(221, 213, 208, 0.55); padding-left: 20px; padding-right: 20px; } .searchModal .modal-dialog .modal-content form .input-search::-moz-placeholder { color: #FB975F; -moz-transition: var(--transition); transition: var(--transition); } .searchModal .modal-dialog .modal-content form .input-search::placeholder { color: #FB975F; transition: var(--transition); } .searchModal .modal-dialog .modal-content form .input-search:focus { outline: none; border-color: none; box-shadow: none; } .searchModal .modal-dialog .modal-content form .input-search:focus::-moz-placeholder { color: transparent; } .searchModal .modal-dialog .modal-content form .input-search:focus::placeholder { color: transparent; } .searchModal .modal-dialog .modal-content form button { top: 0; right: 0; bottom: 0; z-index: 1; width: 54px; border-radius: 3px; position: absolute; transition: var(--transition); background-color: #f36f24; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; } .searchModal .modal-dialog .modal-content form button svg { left: 0; right: 0; top: 50%; margin: auto; line-height: 1; font-size: 21px; position: absolute; transform: translateY(-50%); transition: var(--transition); } .searchModal .modal-dialog .modal-content form button svg g path { transition: var(--transition); } .searchModal .modal-dialog .modal-content form button:hover { color: var(--blackColor); background-color: #FB975F; } .searchModal .modal-dialog .modal-content form button:hover svg g path { fill: var(--blackColor); } .searchModal .modal-dialog .modal-content .btn-close { top: 7px; z-index: 2; opacity: 1; font-size: 30px; right: -50px; cursor: pointer; box-shadow: unset; background: unset; position: absolute; color: var(--whiteColor); transition: var(--transition); } .searchModal .modal-dialog .modal-content .btn-close:hover { color: #f36f24; } /*================================================ Hero Area Style =================================================*/ .hero-area { z-index: 1; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; background-image: url(../img/bg/bg-1.jpg); padding-top: 190px; padding-bottom: 225px; } .hero-area .container-fluid { max-width: 1680px; padding-left: 30px; padding-right: 30px; } .hero-area::after { left: 0; top: 0; height: 100%; width: 100%; content: ""; z-index: -1; position: absolute; background: linear-gradient(90deg, rgba(0, 9, 41, 0.9) 31.2%, rgba(0, 9, 41, 0) 65.89%); } .hero-content { max-width: 835px; } .hero-content .title { margin-bottom: 45px; } .hero-content .title h1 { font-size: 90px; line-height: 1.2; margin-bottom: 25px; color: var(--whiteColor); } .hero-content .title p { font-size: 18px; color: rgba(255, 255, 255, 0.7); } .hero-content .hero-btn li { margin-right: 30px; } .hero-content .hero-btn li:last-child { margin-right: 0; } .hero-reviews { right: 150px; bottom: 70px; max-width: 442px; padding: 30px 35px; position: absolute; background-color: #FB975F; } .hero-reviews .everything { color: #5b5952; font-weight: 500; margin-bottom: 26px; font-size: 16px; font-style: italic; } .hero-reviews .user .image { flex: 0 0 auto; display: block; margin-right: 13px; } .hero-reviews .user .image img { width: 48px; height: 48px; border-radius: 100%; } .hero-reviews .user .content h6 { margin-bottom: 5px; font-size: 16px; font-weight: 700; } .hero-reviews .user .content span { font-size: 14px; color: rgba(85, 85, 85, 0.8); } .hero-reviews .quote-icon { font-size: 22px; color: var(--blackColor); } .banner-area { z-index: 1; position: relative; padding-top: 225px; padding-bottom: 70px; background-size: cover; background-repeat: no-repeat; background-position: center center; background-image: url(../img/bg/bg-2.jpg); } .banner-area .container-fluid { max-width: 1680px; padding-left: 30px; padding-right: 30px; } .banner-content { max-width: 727px; margin-bottom: 200px; } .banner-content .title { margin-bottom: 45px; } .banner-content .title p { margin-bottom: 7px; color: rgba(255, 255, 255, 0.75); font-size: 18px; font-weight: 500; } .banner-content .title p span { color: #FB975F; } .banner-content .title h1 { font-size: 80px; line-height: 1.3; color: var(--whiteColor); } .banner-content .title h1 span { position: relative; display: inline-block; color: #FB975F; } .banner-content .title h1 span::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background-color: #FB975F; } .banner-content ul li { margin-right: 25px; } .banner-content ul li .play-btn li { margin-right: 15px; } .banner-content ul li .play-btn li .icon { width: 56px; height: 56px; font-size: 30px; line-height: 56px; text-align: center; border-radius: 100%; display: inline-block; background-color: var(--whiteColor); } .banner-content ul li .play-btn li .icon i { top: 1px; left: 2px; position: relative; } .banner-content ul li .play-btn li .icon:hover { color: var(--whiteColor); background-color: #f36f24; } .banner-content ul li .play-btn li .arrow-btn { color: var(--whiteColor); } .banner-content ul li .play-btn li .arrow-btn::before { background-color: var(--whiteColor); } .banner-content ul li .play-btn li .arrow-btn:hover { color: #f36f24; } .banner-content ul li .play-btn li .arrow-btn:hover::after { background-color: #f36f24; } .banner-content ul li .play-btn li:last-child { margin-right: 0; } .banner-content ul li:last-child { margin-right: 0; } .banner-uesr-info { max-width: 1176px; } .banner-uesr-info .banner-uesr-item { padding: 30px; background-color: rgba(38, 16, 0, 0.67); } .banner-uesr-info .banner-uesr-item .icon { display: block; flex: 0 0 auto; font-size: 44px; margin-right: 20px; color: #FB975F; } .banner-uesr-info .banner-uesr-item .content .title { margin-bottom: 8px; } .banner-uesr-info .banner-uesr-item .content .title h2 { font-size: 18px; margin-right: 8px; color: #FB975F; } .banner-uesr-info .banner-uesr-item .content .title h3 { font-size: 18px; color: var(--whiteColor); } .banner-uesr-info .banner-uesr-item .content a { position: relative; display: inline-block; color: rgba(255, 255, 255, 0.57); font-family: var(--body-font-family); font-size: 14px; font-weight: 600; } .banner-uesr-info .banner-uesr-item .content a i { top: -2px; line-height: 0; font-size: 25px; margin-left: 15px; position: absolute; } .banner-uesr-info .banner-uesr-item .content a::after { left: 0; bottom: 0; height: 1px; width: 0; content: ""; position: absolute; transition: var(--transition); background-color: #f36f24; } .banner-uesr-info .banner-uesr-item .content a:hover { color: #f36f24; } .banner-uesr-info .banner-uesr-item .content a:hover::after { width: 100%; } .banner-uesr-info .banner-uesr-item:hover .content a { color: #f36f24; } .banner-uesr-info .banner-uesr-item:hover .content a::after { width: 100%; } .banner-wrap-area { background-color: #faf7f2; } .banner-wrap-area .container-fluid { max-width: 1520px; padding-left: 30px; padding-right: 30px; } .banner-wrap-image { position: relative; margin-top: 50px; margin-right: -40px; } .banner-wrap-image .image-2 { top: 149px; left: 0; position: absolute; } .banner-wrap-image .image-2 img { animation: rotateme 15s linear infinite; } .banner-wrap-image .image-2 .middle-img { top: 50%; left: 0; right: 0; margin: auto; text-align: center; position: absolute; transform: translateY(-50%); } .banner-wrap-image .image-2 .middle-img img { animation: unset; } .banner-wrap-content { max-width: 625px; margin-left: auto; position: relative; } .banner-wrap-content .title { margin-bottom: 35px; } .banner-wrap-content .title p { margin-bottom: 5px; } .banner-wrap-content .title p span { color: #f36f24; } .banner-wrap-content .title h1 { font-size: 80px; line-height: 1.2; color: #002a5c; margin-bottom: 20px; } .banner-wrap-content .title h1 span { color: #FB975F; border-bottom: 4px solid #FB975F; } .banner-wrap-content .btn-list li { margin-right: 30px; } .banner-wrap-content .btn-list li .play-btn li { margin-right: 15px; } .banner-wrap-content .btn-list li .play-btn li .icon { width: 56px; height: 56px; font-size: 30px; line-height: 56px; text-align: center; border-radius: 100%; display: inline-block; background-color: #FB975F; } .banner-wrap-content .btn-list li .play-btn li .icon i { top: 1px; left: 2px; position: relative; } .banner-wrap-content .btn-list li .play-btn li .icon:hover { color: var(--whiteColor); background-color: #f36f24; } .banner-wrap-content .btn-list li .play-btn li .arrow-btn { color: var(--blackColor); } .banner-wrap-content .btn-list li .play-btn li .arrow-btn::before { background-color: var(--blackColor); } .banner-wrap-content .btn-list li .play-btn li .arrow-btn:hover { color: #f36f24; } .banner-wrap-content .btn-list li .play-btn li .arrow-btn:hover::after { background-color: #f36f24; } .banner-wrap-content .btn-list li .play-btn li:last-child { margin-right: 0; } .banner-wrap-content .btn-list li:last-child { margin-right: 0; } .banner-wrap-content .user-list { margin-top: 70px; } .banner-wrap-content .user-list li { margin-right: 15px; } .banner-wrap-content .user-list li .image li { margin-right: -15px; } .banner-wrap-content .user-list li .image li img { width: 54px; height: 54px; border-radius: 100%; border: 3px solid var(--whiteColor); } .banner-wrap-content .user-list li .image li:last-child { margin-right: 0; } .banner-wrap-content .user-list li h2 { font-size: 22px; line-height: 1; margin-bottom: 5px; } .banner-wrap-content .user-list li p { font-size: 14px; } .banner-wrap-content .content-shape { top: -20px; right: 70px; position: absolute; } .banner-wrap-content .content-shape::before { left: 0; right: 0; top: 50%; content: ""; width: 10px; height: 10px; margin: auto; border-radius: 100%; position: absolute; text-align: center; transform: translateY(-50%); background-color: #f36f24; } .banner-wrap-content .content-shape img { animation: rotateme 15s linear infinite; } /*================================================ About Area Style =================================================*/ .about-image { margin-bottom: 25px; } .about-content { margin-left: 70px; margin-bottom: 25px; margin-right: -10px; } .about-content .title { margin-bottom: 30px; } .about-content .title p{ text-align: justify; } .about-content .title h2 { font-size: 35px; line-height: 45px; margin-bottom: 30px; } .about-content .title h2 img { margin-right: 10px; margin-top: 5px; } .about-content .arrow-btn { color: #f36f24; } .about-content .arrow-btn::before { background-color: #f36f24; } .about-content .arrow-btn:hover { color: var(--blackColor); } .about-content .arrow-btn:hover::after { background-color: var(--blackColor); } /*================================================ Graduets Area Style =================================================*/ .graduets-tab-info .nav { margin-bottom: 45px; } .graduets-tab-info .nav .nav-item { margin-right: 55px; } .graduets-tab-info .nav .nav-item .nav-link { padding: 0; font-weight: 700; position: relative; color: var(--paragraphColor); background-color: transparent; font-family: var(--heading-font-family); } .graduets-tab-info .nav .nav-item .nav-link::before { left: 0; width: 0; bottom: 0; height: 1px; content: ""; position: absolute; transition: var(--transition); background-color: #f36f24; } .graduets-tab-info .nav .nav-item .nav-link:hover { color: #f36f24; } .graduets-tab-info .nav .nav-item .nav-link:hover::before { width: 100%; } .graduets-tab-info .nav .nav-item .nav-link.active { color: #f36f24; } .graduets-tab-info .nav .nav-item .nav-link.active::before { width: 100%; } .graduets-tab-info .nav .nav-item:last-child { margin-right: 0; } .graduets-content { margin-right: 25px; margin-bottom: 25px; } .graduets-content .graduets-card { padding: 30px; margin-bottom: 25px; background-color: #f6f6f6; transition: var(--transition); } .graduets-content .graduets-card .image { flex: 0 0 auto; display: block; margin-right: 25px; } .graduets-content .graduets-card .image img { width: 148px; height: 145px; } .graduets-content .graduets-card .content h6 { font-size: 18px; margin-bottom: 9px; transition: var(--transition); } .graduets-content .graduets-card .content p { transition: var(--transition); } .graduets-content .graduets-card .content .arrow-btn { color: #f36f24; } .graduets-content .graduets-card .content .arrow-btn::before { background-color: #f36f24; } .graduets-content .graduets-card .content .arrow-btn:hover { color: var(--whiteColor); } .graduets-content .graduets-card:hover { background-color: var(--blackColor); } .graduets-content .graduets-card:hover .content h6 { color: var(--whiteColor); } .graduets-content .graduets-card:hover .content p { color: rgba(255, 255, 255, 0.75); } .graduets-image { margin-bottom: 25px; } .graduets-image .image { margin-bottom: 50px; } .graduets-image .graduets-counter h2 { line-height: 0; font-size: 60px; margin-bottom: 15px; } .graduets-image .graduets-counter h2 img { margin-right: 10px; } .graduets-image .graduets-counter p { color: var(--blackColor); } .graduets-image .graduets-btn .arrow-btn { font-weight: 700; color: var(--blackColor); } .graduets-image .graduets-btn .arrow-btn::before { background-color: var(--blackColor); } .graduets-image .graduets-btn .arrow-btn:hover { color: #f36f24; } .graduets-image .graduets-btn .arrow-btn:hover::after { background-color: #f36f24; } .single-graduates-card { height: 100%; padding: 50px 40px; margin-bottom: 25px; background-color: #002a5c; } .single-graduates-card h3 { font-size: 18px; padding-bottom: 20px; margin-bottom: 20px; color: var(--whiteColor); border-bottom: 1px solid rgba(255, 255, 255, 0.07); } .single-graduates-card h3 i { font-size: 40px; line-height: 0; margin-right: 10px; color: #FB975F; } .single-graduates-card p { padding-bottom: 15px; margin-bottom: 15px; color: rgba(255, 255, 255, 0.75); border-bottom: 1px solid rgba(255, 255, 255, 0.07); } .single-graduates-card .list li { margin-bottom: 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.07); padding-bottom: 15px; } .single-graduates-card .list li a { font-weight: 800; position: relative; padding-left: 20px; color: rgba(255, 255, 255, 0.81); font-family: var(--heading-font-family); } .single-graduates-card .list li a i { font-size: 25px; line-height: 0; color: #FB975F; transition: var(--transition); } .single-graduates-card .list li a::before { top: 50%; left: 0; width: 7px; height: 7px; content: ""; border-radius: 100%; position: absolute; transform: translateY(-50%); background-color: #FB975F; } .single-graduates-card .list li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: unset; } .single-graduates-card .list li:hover a { color: #f36f24; } .single-graduates-card .list li:hover a i { color: #f36f24; } .single-graduates-card span { margin-top: 40px; color: rgba(255, 255, 255, 0.75); } .single-graduates-card span i { font-size: 20px; line-height: 0; margin-right: 10px; color: #FB975F; } .col-lg-4:nth-child(2) .single-graduates-card { background-color: #FB975F; } .col-lg-4:nth-child(2) .single-graduates-card h3 { color: var(--blackColor); border-color: rgba(255, 255, 255, 0.22); } .col-lg-4:nth-child(2) .single-graduates-card h3 i { color: #f36f24; } .col-lg-4:nth-child(2) .single-graduates-card p { color: #5b5952; border-color: rgba(255, 255, 255, 0.22); } .col-lg-4:nth-child(2) .single-graduates-card .list li { border-color: rgba(255, 255, 255, 0.22); } .col-lg-4:nth-child(2) .single-graduates-card .list li a { color: var(--blackColor); } .col-lg-4:nth-child(2) .single-graduates-card .list li a i { color: #f36f24; } .col-lg-4:nth-child(2) .single-graduates-card .list li a::before { background-color: #f36f24; } .col-lg-4:nth-child(2) .single-graduates-card .list li a:hover { color: #f36f24; } .col-lg-4:nth-child(2) .single-graduates-card span { color: #5b5952; } .col-lg-4:nth-child(2) .single-graduates-card span i { color: #f36f24; } .col-lg-4:nth-child(3) .single-graduates-card { background-color: var(--blackColor); } .col-lg-4:nth-child(3) .single-graduates-card h3 { border-color: rgba(255, 255, 255, 0.07); } .col-lg-4:nth-child(3) .single-graduates-card h3 i { color: #f36f24; } .col-lg-4:nth-child(3) .single-graduates-card p { border-color: rgba(255, 255, 255, 0.07); } .col-lg-4:nth-child(3) .single-graduates-card .list li { border-color: rgba(255, 255, 255, 0.07); } /*================================================ Funfact Area Style =================================================*/ .single-funfact-info { padding: 50px; margin-bottom: 25px; background-color: #002A5C; } .single-funfact-info h2 { line-height: 0; font-size: 45px; margin-bottom: 15px; color: var(--whiteColor); } .single-funfact-info h2 i { font-size: 45px; line-height: 0; color: #e4b200; margin-right: 10px; } .single-funfact-info p { color: rgba(255, 255, 255, 0.7); } .single-funfact-info .arrow-btn { color: #f36f24; } .single-funfact-info .arrow-btn::before { background-color: #f36f24; } .single-funfact-info .arrow-btn:hover { color: var(--whiteColor); } .col-lg-4:nth-child(2) .single-funfact-info { background-color: #FB975F; } .col-lg-4:nth-child(2) .single-funfact-info h2 { color: var(--blackColor); } .col-lg-4:nth-child(2) .single-funfact-info h2 i { color: var(--blackColor); } .col-lg-4:nth-child(2) .single-funfact-info p { color: var(--blackColor); } .col-lg-4:nth-child(3) .single-funfact-info { background-color: var(--blackColor); } /*================================================ Apply Area Style =================================================*/ .apply-area { background-color: #f6f6f6; } .apply-area.style-2 { background-color: #f4f5f7; } .apply-image { position: relative; margin-left: -50px; margin-right: 50px; margin-bottom: 25px; } .apply-image .image img { border-radius: 100%; } .apply-image .user-help { top: 150px; right: -15px; padding: 15px 22px; position: absolute; background-color: #FB975F; } .apply-image .user-help .icon { font-size: 30px; flex: 0 0 auto; display: block; margin-right: 15px; } .apply-image .user-help .content span { display: block; margin-bottom: 2px; font-weight: 500; color: #5b5952; } .apply-image .user-help .content a { color: var(--blackColor); font-family: var(--heading-font-family); font-size: 18px; font-weight: 800; } .apply-image .user-help .content a:hover { color: #f36f24; } .apply-image.style-2 { margin-left: 50px; margin-right: 0; } .apply-image.style-2 .image img { border-radius: unset; } .apply-image.style-2 .user-help { left: 0; top: 239px; right: auto; } .apply-image.style-2 .user-image { left: 0; bottom: 60px; position: absolute; } .apply-image.style-2 .user-image img { width: 166px; height: 156.922px; } .apply-content { margin-left: 10px; margin-bottom: 25px; } .apply-content .title { margin-bottom: 40px; } .apply-content .title h2 { font-size: 38px; } .apply-content .apply-content-card { margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #f0f0f0; } .apply-content .apply-content-card .icon { flex: 0 0 auto; font-size: 23px; margin-right: 20px; color: #f36f24; } .apply-content .apply-content-card .content h3 { font-size: 16px; margin-bottom: 17px; font-weight: 500; } .apply-content .apply-content-card .content h3 span { margin-right: 4px; color: #f36f24; } .apply-content .apply-content-card:first-child { margin-top: 0; } .apply-content .apply-btn { margin-top: 20px; } .apply-content .apply-btn li { margin-right: 30px; } .apply-content .apply-btn li .play-btn li { margin-right: 15px; } .apply-content .apply-btn li .play-btn li .icon { width: 56px; height: 56px; font-size: 30px; line-height: 56px; text-align: center; border-radius: 100%; display: inline-block; background-color: #FB975F; } .apply-content .apply-btn li .play-btn li .icon i { top: 1px; left: 2px; position: relative; } .apply-content .apply-btn li .play-btn li .icon:hover { color: var(--whiteColor); background-color: var(--blackColor); } .apply-content .apply-btn li .play-btn li .arrow-btn { color: var(--blackColor); } .apply-content .apply-btn li .play-btn li .arrow-btn::before { background-color: var(--blackColor); } .apply-content .apply-btn li .play-btn li .arrow-btn:hover { color: #f36f24; } .apply-content .apply-btn li .play-btn li .arrow-btn:hover::after { background-color: #f36f24; } .apply-content .apply-btn li .play-btn li:last-child { margin-right: 0; } .apply-content .apply-btn li:last-child { margin-right: 0; } .apply-content.style-2 { margin-left: 0; margin-right: 40px; } .apply-content.style-2 .title { margin-bottom: 40px; } .apply-content.style-2 .title h2 { margin-bottom: 25px; } .apply-content.style-2 .apply-content-card { margin-bottom: 30px; padding-bottom: 0; border-bottom: 0; } .apply-content.style-2 .apply-content-card .icon { width: 15px; height: 15px; margin-right: 25px; line-height: 20px; border-radius: 100%; text-align: center; display: inline-block; background-color: #FFEBED; } .apply-content.style-2 .apply-content-card .content h3 { margin-bottom: 0px; } .apply-content.style-2 .default-btn { margin-top: 10px; } .apply-content.style-2 .default-btn:hover { color: var(--whiteColor) !important; background-color: var(--blackColor); } /*================================================ Events Area Style =================================================*/ .events-area { background-color: #f6f6f6; } .single-events-card { padding: 20px; margin-bottom: 25px; transition: var(--transition); background-color: var(--whiteColor); } .single-events-card .image { margin-bottom: 25px; } .single-events-card .content { padding-left: 15px; } .single-events-card .content .date { position: relative; margin-right: 13px; padding-right: 13px; } .single-events-card .content .date h2 { font-size: 42px; line-height: 29px; margin-bottom: 8px; color: #FB975F; } .single-events-card .content .date span { display: block; text-align: center; letter-spacing: 0.63px; color: var(--blackColor); text-transform: uppercase; color: var(--blackColor); transition: var(--transition); font-size: 18px; font-weight: 600; } .single-events-card .content .date::before { top: 0; right: 0; width: 1px; height: 57px; content: ""; position: absolute; background-color: #FB975F; } .single-events-card .content .title { margin-top: 5px; } .single-events-card .content .title h3 { font-size: 16px; line-height: 1.5; margin-bottom: 13px; } .single-events-card .content .title span { font-size: 14px; margin-bottom: 5px; transition: var(--transition); } .single-events-card .content .title span i { font-size: 18px; margin-right: 8px; color: #f36f24; } .single-events-card:hover { background-color: #002a5c; } .single-events-card:hover .content .date span { color: rgba(255, 255, 255, 0.65); } .single-events-card:hover .content .title h3 a { color: var(--whiteColor); } .single-events-card:hover .content .title h3 a:hover { color: #f36f24; } .single-events-card:hover .content .title span { color: rgba(255, 255, 255, 0.65); } .single-events-card.pages-style { background-color: #f6f6f6; } .single-events-card.pages-style:hover { background-color: #002a5c; } /*================================================ Tuition Area Style =================================================*/ .single-tuition-card { padding: 35px; margin-bottom: 25px; background-color: #002a5c; } .single-tuition-card h3 { font-size: 18px; margin-bottom: 13px; padding-bottom: 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); color: var(--whiteColor); } .single-tuition-card h3 p { color: #FB975F; } .single-tuition-card p { font-weight: 500; margin-bottom: 14px; padding-bottom: 14px; color: rgba(255, 255, 255, 0.75); border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .single-tuition-card p span { font-weight: 500; color: rgba(255, 255, 255, 0.75); } .col-lg-6:nth-child(2) .single-tuition-card { background-color: #FB975F; } .col-lg-6:nth-child(2) .single-tuition-card h3 { color: var(--blackColor); border-color: rgba(255, 255, 255, 0.16); } .col-lg-6:nth-child(2) .single-tuition-card h3 p { color: var(--blackColor); } .col-lg-6:nth-child(2) .single-tuition-card p { color: #5b5952; border-color: rgba(255, 255, 255, 0.16); } .col-lg-6:nth-child(2) .single-tuition-card p span { color: #5b5952; } .tuition-content { margin-left: 80px; margin-bottom: 25px; } .tuition-content .title { margin-bottom: 30px; } .tuition-content .title h2 { font-size: 42px; margin-bottom: 20px; } .tuition-content .arrow-btn { color: #f36f24; } .tuition-content .arrow-btn::before { background-color: #f36f24; } .tuition-content .arrow-btn:hover { color: var(--blackColor); } .tuition-content .arrow-btn:hover::after { background-color: var(--blackColor); } /*================================================ Facilities Area Style =================================================*/ .facilities-content { margin-right: 95px; margin-bottom: 25px; } .facilities-content .title { margin-bottom: 25px; } .facilities-content .title h2 { font-size: 42px; line-height: 1.3; margin-bottom: 15px; } .facilities-content .facilities-info { margin-bottom: 35px; } .facilities-content .facilities-info h3 { font-size: 18px; margin-bottom: 15px; } .facilities-content .facilities-info h3 span { margin-right: 5px; color: #f36f24; } .facilities-content .default-btn:hover { color: var(--whiteColor) !important; background-color: var(--blackColor); } .facilities-content.style-2 { margin-right: auto; margin-left: 100px; } .facilities-content.style-3 { margin-right: auto; margin-left: 100px; } .facilities-image { margin-bottom: 25px; position: relative; border-bottom: 2px solid #303292; } .facilities-image .facilities-image-info { left: -60px; bottom: 77px; max-width: 510px; padding: 20px 30px; position: absolute; background-color: #FB975F; } .facilities-image .facilities-image-info p { color: #5b5952; font-weight: 500; font-style: italic; } .facilities-image .facilities-image-info i { right: 30px; bottom: -28px; font-size: 30px; position: absolute; color: var(--whiteColor); } .facilities-image.style-2 .facilities-image-info { left: auto; right: -70px; background-color: var(--blackColor); } .facilities-image.style-2 .facilities-image-info p { color: var(--whiteColor); } .facilities-image.style-2 .facilities-image-info i { color: #FB975F; } .facilities-image.style-3 { margin-right: 30px; margin-bottom: 95px; } .facilities-image.style-3 .image-2 { right: -45px; bottom: -70px; position: absolute; } .facilities-image.style-3 .shape-4 { bottom: 0; left: 30px; position: absolute; transform: rotate(45deg); } .facilities-image.style-3 .shape-4 img { animation: zoom-in-zoom-out 5s linear infinite; } .facilities-image.style-3 .shape-5 { top: 10px; right: 90px; position: absolute; } .facilities-image.style-3 .shape-5 img { animation: zoom-in-zoom-out 3s linear infinite; } .facilities-image.style-3 .shape-6 { bottom: -50px; right: 245px; position: absolute; } .facilities-image.style-3 .shape-6 img { animation: rotateme 5s linear infinite; } /*================================================ Testimonial Area Style =================================================*/ .testimonial-image { margin-bottom: 25px; } .testimonial-slider-info { position: relative; margin-left: -40px; margin-bottom: 25px; } .testimonial-slider-info .next-prev-arrow { margin-left: 50px; } .testimonial-slider-info .next-prev-arrow .next, .testimonial-slider-info .next-prev-arrow .prev { top: 13px; font-size: 26px; margin-right: 20px; position: relative; color: var(--blackColor); transition: var(--transition); } .testimonial-slider-info .next-prev-arrow .next:hover, .testimonial-slider-info .next-prev-arrow .prev:hover { color: #f36f24; } .testimonial-slider-info .testimonial { margin-right: 0; } .testimonial-slider-info .testimonial .swiper-wrapper .swiper-slide { opacity: 0.5; width: 50px !important; transition: var(--transition); } .testimonial-slider-info .testimonial .swiper-wrapper .swiper-slide:hover { opacity: 1; } .testimonial-slider-info .testimonial .swiper-wrapper .swiper-slide.swiper-slide-thumb-active { opacity: 1; } .testimonial-slider-item { padding: 41px; margin-bottom: 25px; background-color: #faf7f2; } .testimonial-slider-item .star-icon { margin-bottom: 15px; } .testimonial-slider-item .star-icon li i { font-size: 18px; color: rgb(243, 168, 2); } .testimonial-slider-item p { color: #5b5952; margin-bottom: 30px; font-style: italic; font-weight: 500; } .testimonial-slider-item .user .image { flex: 0 0 auto; display: block; margin-right: 15px; } .testimonial-slider-item .user .image img { width: 48px; height: 48px; border-radius: 100%; } .testimonial-slider-item .user .content h3 { margin-bottom: 5px; font-size: 16px; font-weight: 700; } .testimonial-slider-item .user .content span { font-size: 14px; color: rgba(85, 85, 85, 0.8); } .testimonial-slider-item .quote-icon { font-size: 22px; color: #f36f24; } .testimonial-slider-item.style-3 { padding: 30px; background-color: #f6f6f6; } .testimonial-slider-item.style-3 .user-list { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #dfdfdf; } .testimonial-slider-item.style-3 .star-icon { margin-bottom: 0; } .testimonial-slider-item.style-3 p { margin-bottom: 0; } .testimonial-item-image img { width: 48px; height: 48px; border-radius: 100%; } .testimonial-slider-info-2 { margin-bottom: 35px; position: relative; } .testimonial-slider-info-2 .swiper-btn .swiper-button-next, .testimonial-slider-info-2 .swiper-btn .swiper-button-prev { top: 110%; font-size: 26px; margin-right: 20px; color: var(--blackColor); transition: var(--transition); } .testimonial-slider-info-2 .swiper-btn .swiper-button-next:hover, .testimonial-slider-info-2 .swiper-btn .swiper-button-prev:hover { color: #f36f24; } .testimonial-slider-info-2 .swiper-btn .swiper-button-next::after, .testimonial-slider-info-2 .swiper-btn .swiper-button-prev::after { display: none; } .testimonial-slider-info-2 .swiper-btn .swiper-button-next.active, .testimonial-slider-info-2 .swiper-btn .swiper-button-prev.active { color: #f36f24; } .testimonial-slider-info-2 .swiper-btn .swiper-button-next::before, .testimonial-slider-info-2 .swiper-btn .swiper-button-prev::before { position: absolute; font-family: flaticon !important; } .testimonial-slider-info-2 .swiper-btn .swiper-button-next { right: 49%; } .testimonial-slider-info-2 .swiper-btn .swiper-button-next::before { content: "\f10a"; } .testimonial-slider-info-2 .swiper-btn .swiper-button-prev { left: 51%; } .testimonial-slider-info-2 .swiper-btn .swiper-button-prev::before { content: "\f10b"; } .testimonial-slider-info-3 { margin-bottom: 35px; position: relative; } .testimonial-slider-info-3 .swiper-btn .swiper-button-next, .testimonial-slider-info-3 .swiper-btn .swiper-button-prev { top: 110%; font-size: 26px; margin-right: 20px; color: var(--blackColor); transition: var(--transition); } .testimonial-slider-info-3 .swiper-btn .swiper-button-next:hover, .testimonial-slider-info-3 .swiper-btn .swiper-button-prev:hover { color: #f36f24; } .testimonial-slider-info-3 .swiper-btn .swiper-button-next::after, .testimonial-slider-info-3 .swiper-btn .swiper-button-prev::after { display: none; } .testimonial-slider-info-3 .swiper-btn .swiper-button-next.active, .testimonial-slider-info-3 .swiper-btn .swiper-button-prev.active { color: #f36f24; } .testimonial-slider-info-3 .swiper-btn .swiper-button-next::before, .testimonial-slider-info-3 .swiper-btn .swiper-button-prev::before { position: absolute; font-family: flaticon !important; } .testimonial-slider-info-3 .swiper-btn .swiper-button-next { right: 49%; } .testimonial-slider-info-3 .swiper-btn .swiper-button-next::before { content: "\f10a"; } .testimonial-slider-info-3 .swiper-btn .swiper-button-prev { left: 51%; } .testimonial-slider-info-3 .swiper-btn .swiper-button-prev::before { content: "\f10b"; } /*================================================ Partner Area Style =================================================*/ .partner-slider-info .partner-slider .swiper-wrapper .swiper-slide .single-partner-logo { text-align: center; } .single-partner-logo { margin-bottom: 25px; } .single-partner-logo img { width: auto; text-align: center; } /*================================================ Subscribe Area Style =================================================*/ .subscribe-image-info { margin-right: 10px; margin-bottom: 25px; } .subscribe-image-info .subscribe-item { z-index: 1; padding: 60px; position: relative; background-color: #FB975F; margin-right: -85px; } .subscribe-image-info .subscribe-item h3 { font-size: 18px; margin-bottom: 13px; } .subscribe-image-info .subscribe-item p { color: #5B5952; } .subscribe-image-info .subscribe-item .form-group { margin-bottom: 20px; } .subscribe-image-info .subscribe-item .form-group .form-control { height: 56px; border: unset; border-radius: unset; padding-left: 20px; background-color: var(--whiteColor); } .subscribe-image-info .subscribe-item .form-group .form-control::-moz-placeholder { font-size: 14px; color: var(--paragraphColor); } .subscribe-image-info .subscribe-item .form-group .form-control::placeholder { font-size: 14px; color: var(--paragraphColor); } .subscribe-image-info .subscribe-item .default-btn { width: 100%; transition: var(--transition); background-color: var(--blackColor); } .subscribe-image-info .subscribe-item .default-btn:hover { color: var(--blackColor) !important; background-color: var(--whiteColor); } .subscribe-image { margin-left: -20px; margin-right: 65px; } .subscribe-content { margin-left: -50px; margin-bottom: 25px; margin-right: -15px; } .subscribe-content .title { margin-bottom: 30px; } .subscribe-content .title h2 { font-size: 42px; line-height: 1.3; margin-bottom: 18px; } .subscribe-content .subscribe-btn li { margin-right: 30px; } .subscribe-content .subscribe-btn li .default-btn:hover { color: var(--whiteColor) !important; background-color: var(--blackColor); } .subscribe-content .subscribe-btn li .arrow-btn { color: var(--blackColor); } .subscribe-content .subscribe-btn li .arrow-btn::before { background-color: var(--blackColor); } .subscribe-content .subscribe-btn li .arrow-btn:hover { color: #f36f24; } .subscribe-content .subscribe-btn li .arrow-btn:hover::after { background-color: #f36f24; } .subscribe-content .subscribe-btn li:last-child { margin-right: 0; } /*================================================ Overview Area Style =================================================*/ .overview-content { margin-bottom: 25px; } .overview-content .image { margin-bottom: 40px; border-bottom: 2px solid #303292; } .overview-content .graduets-counter h2 { line-height: 0; font-size: 60px; margin-bottom: 15px; } .overview-content .graduets-counter h2 img { margin-right: 10px; } .overview-content .graduets-counter p { color: var(--blackColor); } .overview-content .graduets-btn .arrow-btn { font-weight: 700; color: var(--blackColor); } .overview-content .graduets-btn .arrow-btn::before { background-color: var(--blackColor); } .overview-content .graduets-btn .arrow-btn:hover { color: #f36f24; } .overview-content .graduets-btn .arrow-btn:hover::after { background-color: #f36f24; } .overview-image { margin-top: 30px; margin-left: 70px; margin-bottom: 25px; margin-right: -10px; } .overview-image .title { margin-bottom: 30px; } .overview-image .title h2 { font-size: 42px; line-height: 0; margin-bottom: 25px; } .overview-image .title h2 img { margin-right: 10px; } .overview-image .arrow-btn { color: #f36f24; } .overview-image .arrow-btn::before { background-color: #f36f24; } .overview-image .arrow-btn:hover { color: var(--blackColor); } .overview-image .arrow-btn:hover::after { background-color: var(--blackColor); } .overview-image .casual-image { margin-top: 80px; position: relative; } .overview-image .casual-image .adma { top: -55px; right: 0; position: absolute; } .overview-image .casual-image.pages-style .content-shape { top: -55px; right: 0; position: absolute; } .overview-image .casual-image.pages-style .content-shape::before { left: 0; right: 0; top: 50%; content: ""; width: 10px; height: 10px; margin: auto; border-radius: 100%; position: absolute; text-align: center; transform: translateY(-50%); background-color: #f36f24; } .overview-image .casual-image.pages-style .content-shape img { animation: rotateme 15s linear infinite; } /*================================================ Programs Area Style =================================================*/ .programs-area { overflow: hidden; background-color: #f6f6f6; } .programs-section-title { margin-bottom: 40px; } .programs-section-title .title h2 { font-size: 42px; margin-bottom: 0; } .programs-section-title .programs-nav-tab .nav .nav-item { margin-right: 42px; } .programs-section-title .programs-nav-tab .nav .nav-item .nav-link { padding: 0; font-weight: 700; position: relative; color: var(--blackColor); background-color: transparent; } .programs-section-title .programs-nav-tab .nav .nav-item .nav-link::before { left: 0; width: 0; bottom: 0; height: 1px; content: ""; position: absolute; transition: var(--transition); background-color: #f36f24; } .programs-section-title .programs-nav-tab .nav .nav-item .nav-link:hover { color: #f36f24; } .programs-section-title .programs-nav-tab .nav .nav-item .nav-link:hover::before { width: 100%; } .programs-section-title .programs-nav-tab .nav .nav-item .nav-link.active { color: #f36f24; } .programs-section-title .programs-nav-tab .nav .nav-item .nav-link.active::before { width: 100%; } .programs-section-title .programs-nav-tab .nav .nav-item:last-child { margin-right: 0; } .single-programs-card { margin-bottom: 25px; transition: var(--transition); } .single-programs-card .image { margin-bottom: 25px; position: relative; } .single-programs-card .image .list { left: 15px; bottom: 15px; padding: 10px 14px; position: absolute; transition: var(--transition); background-color: var(--whiteColor); } .single-programs-card .image .list li { font-size: 14px; position: relative; margin-right: 8px; transition: var(--transition); padding-left: 25px; padding-right: 12px; } .single-programs-card .image .list li i { top: -3px; left: 0; font-size: 18px; position: absolute; color: var(--blackColor); transition: var(--transition); } .single-programs-card .image .list li::before { top: 0; right: 0; width: 1px; height: 20px; content: ""; position: absolute; background-color: #f0f0f0; transition: var(--transition); } .single-programs-card .image .list li:last-child { margin-right: 0; padding-right: 0; } .single-programs-card .image .list li:last-child::before { display: none; } .single-programs-card .content h3 { font-size: 18px; margin-bottom: 10px; } .single-programs-card .content .arrow-btn { color: #f36f24; } .single-programs-card .content .arrow-btn::before { background-color: #f36f24; } .single-programs-card .content .arrow-btn:hover { color: var(--blackColor); } .single-programs-card .content .arrow-btn:hover::after { background-color: var(--blackColor); } .single-programs-card:hover .image .list { background-color: #f36f24; } .single-programs-card:hover .image .list li { color: var(--whiteColor); } .single-programs-card:hover .image .list li i { color: var(--whiteColor); } .single-programs-card:hover .content h3 a { color: #f36f24; } .programs-tab-content .programs-slider { overflow: inherit; left: 0; } .programs-single-btn .default-btn { color: var(--blackColor) !important; background-color: #FB975F; } .programs-single-btn .default-btn:hover { color: var(--whiteColor) !important; background-color: var(--blackColor); } /*================================================ Upcoming Area Style =================================================*/ .upcoming-image { padding: 20px; background-color: var(--blackColor); margin-left: -5px; margin-right: 80px; margin-bottom: 25px; } .upcoming-image .image { margin-bottom: 25px; } .upcoming-image .content { margin-bottom: 20px; } .upcoming-image .content .title { margin-bottom: 25px; } .upcoming-image .content .title h3 { font-size: 28px; margin-bottom: 14px; color: var(--whiteColor); } .upcoming-image .content .title h6 { font-size: 16px; color: rgba(255, 255, 255, 0.75); } .upcoming-image .content .upcoming-timer { margin-bottom: 30px; } .upcoming-image .content .upcoming-timer .coundown-container .big-text { font-size: 26px; margin-bottom: 0; color: var(--whiteColor); } .upcoming-image .content .upcoming-timer .coundown-container .countdown-el { width: 81px; height: 75px; padding-top: 10px; text-align: center; margin-right: 20px; background-color: rgba(255, 255, 255, 0.11) !important; } .upcoming-image .content .upcoming-timer .coundown-container .countdown-el span { text-align: center; color: rgba(255, 255, 255, 0.69); } .upcoming-image .content .upcoming-timer .coundown-container .countdown-el:last-child { margin-right: 0; } .upcoming-image .content .arrow-btn { font-weight: 700; color: #f36f24; } .upcoming-image .content .arrow-btn::before { background-color: #f36f24; } .upcoming-image .content .arrow-btn:hover { color: var(--whiteColor); } .upcoming-image .content .arrow-btn:hover::after { background-color: var(--whiteColor); } .upcoming-content { margin-left: -35px; margin-right: -10px; margin-bottom: 25px; } .upcoming-content .title { margin-bottom: 40px; } .upcoming-content .title h2 { font-size: 42px; } .upcoming-content .upcoming-content-info { margin-bottom: 25px; background-color: #faf7f2; } .upcoming-content .upcoming-content-info .image { display: block; flex: 0 0 auto; position: relative; } .upcoming-content .upcoming-content-info .image img { width: 203px; } .upcoming-content .upcoming-content-info .image .price { left: 10px; width: 51px; height: 33px; bottom: 10px; margin-bottom: 0; line-height: 33px; text-align: center; position: absolute; display: inline-block; color: var(--whiteColor); background-color: #f36f24; font-size: 16px; font-weight: 700; } .upcoming-content .upcoming-content-info .content { padding: 0 30px; } .upcoming-content .upcoming-content-info .content h3 { font-size: 16px; margin-bottom: 12px; } .upcoming-content .upcoming-content-info .content ul li { font-size: 14px; padding-left: 24px; position: relative; margin-right: 15px; } .upcoming-content .upcoming-content-info .content ul li i { top: -2px; left: 0; font-size: 18px; position: absolute; color: #f36f24; } .upcoming-content .upcoming-content-info:last-child { margin-bottom: 0; } .upcoming-content .upcoming-content-info:hover .content h3 a { color: #f36f24; } /*================================================ Application Area Style =================================================*/ .application-area { position: relative; background-color: #f6f6f6; } .application-area .shape-1 { left: 622px; bottom: 90px; position: absolute; } .application-area .shape-2 { top: 150px; right: 664px; position: absolute; } .application-area.university-pages { background-color: var(--whiteColor); } .application-area.apply-pages { background-color: var(--whiteColor); } .application-section-title { margin-bottom: 40px; } .application-section-title .application-title h2 { font-size: 42px; margin-bottom: 0; } .single-application-card { padding: 30px; margin-bottom: 60px; background-color: var(--whiteColor); } .single-application-card .icon { flex: 0 0 auto; font-size: 35px; margin-right: 15px; color: #f36f24; } .single-application-card .content h3 { font-size: 18px; margin-bottom: 15px; } .single-application-card .content h3 span { margin-right: 4px; color: #f36f24; } .single-application-card.style-3 { padding: 40px; margin-bottom: 25px; text-align: justify; } .single-application-card.style-3 .d-flex { margin-bottom: 20px; } .single-application-card.style-3 .d-flex .icon { font-size: 50px; line-height: 0; } .single-application-card.style-3 .d-flex h1 { font-size: 42px; color: transparent; transition: var(--transition); -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: rgba(250, 57, 74, 0.15); } .single-application-card.style-3:hover .d-flex h1 { font-size: 42px; color: #f36f24; } .single-application-card.university-pages { margin-bottom: 25px; background-color: #f6f6f6; } .single-application-card.university-pages .image { margin-bottom: 25px; } .single-application-card.university-pages:hover .content h3 a { color: #f36f24; } .single-application-card.apply-pages { background-color: #f6f6f6; } /*================================================ Blog Area Style =================================================*/ .single-blog-card { margin-bottom: 25px; } .single-blog-card .image { position: relative; margin-bottom: 20px; transition: var(--transition); } .single-blog-card .image span { left: 15px; bottom: 15px; padding: 8px 16px; font-size: 14px; position: absolute; transition: var(--transition); background-color: var(--whiteColor); } .single-blog-card .image:hover span { color: var(--whiteColor); background-color: #f36f24; } .single-blog-card .content h3 { font-size: 18px; line-height: 1.6; margin-bottom: 15px; } .single-blog-card .content ul li { font-size: 14px; padding-left: 25px; position: relative; margin-right: 25px; } .single-blog-card .content ul li a { color: var(--paragraphColor); } .single-blog-card .content ul li a:hover { color: #f36f24; } .single-blog-card .content ul li i { top: -2px; left: 0; font-size: 18px; position: absolute; color: #f36f24; } .single-blog-card .content ul li:last-child { margin-right: 0; } /*================================================ Admission Area Style =================================================*/ .admission-area { /*background-color: #FB975F;*/ } .admission-image { margin-bottom: 25px; position: relative; } .admission-image .image-2 { top: 15px; right: 55px; position: absolute; } .admission-image .image-2 img { width: 129.957px; height: 99.473px; transform: rotate(30deg); border: 3px solid var(--whiteColor); } .admission-content { margin-bottom: 25px; } .admission-content h2 { font-size: 42px; margin-bottom: 15px; } .admission-content h2 i { font-size: 30px; line-height: 0; margin-right: 5px; color: var(--blackColor); } .admission-content p { color: #5b5952; } .admission-btn { margin-bottom: 25px; } .admission-btn .default-btn { background-color: var(--blackColor); } .admission-btn .default-btn:hover { color: var(--whiteColor) !important; background-color: #f36f24; } /*================================================ Adma About Area Style =================================================*/ .adma-about-image { margin-bottom: 25px; position: relative; } .adma-about-image .shape-3 { top: 35px; left: -15px; position: absolute; } .adma-about-image .shape-3 img { animation: rotateme 5s linear infinite; } .adma-about-image .shape-4 { left: -15px; bottom: 40px; position: absolute; } .adma-about-image .shape-4 img { animation: zoom-in-zoom-out 3s linear infinite; } .adma-about-content { margin-bottom: 25px; text-align: justify; } .adma-about-content .title { max-width: 646px; margin-bottom: 30px; } .adma-about-content .title h2 { font-size: 42px; line-height: 0; margin-bottom: 25px; } .adma-about-content .title h2 img { margin-right: 15px; } .adma-about-content .adma-about-card h3 { font-size: 18px; margin-bottom: 15px; } .adma-about-content .adma-about-card h3 i { line-height: 0; font-size: 30px; margin-right: 10px; color: #f36f24; } .adma-about-content .adma-about-card .arrow-btn { margin-top: 15px; color: #f36f24; } .adma-about-content .adma-about-card .arrow-btn::before { background-color: #f36f24; } .adma-about-content .adma-about-card .arrow-btn:hover { color: var(--blackColor); } .adma-about-content .adma-about-card .arrow-btn:hover::after { background-color: var(--blackColor); } .col-lg-6:nth-child(2) .adma-about-card p { max-width: 313px; } /*================================================ Video Area Style =================================================*/ .video-area { z-index: 1; position: relative; } .video-area::before { top: 0; left: 0; width: 100%; height: 50%; content: ""; z-index: -1; position: absolute; background-color: #f6f6f6; } .video-area.apply-pages::before { display: none; } .video-image { position: relative; } .video-image .video-btn { top: 50%; left: 0; right: 0; margin: auto; text-align: center; position: absolute; transform: translateY(-50%); } .video-image .video-btn a { width: 103px; height: 103px; font-size: 25px; border-radius: 100%; line-height: 114px; text-align: center; display: inline-block; color: var(--whiteColor); background-color: #f36f24; } .video-image .video-btn a i { left: 2px; position: relative; } .video-image .video-btn a:hover { background-color: var(--blackColor); } /*================================================ Counter Area Style =================================================*/ .single-counter-info { margin-bottom: 25px; } .single-counter-info .icon { font-size: 50px; margin-right: 10px; color: #FB975F; } .single-counter-info h2 { font-size: 60px; line-height: 1; } .col-lg-3:nth-child(2) .single-counter-info { margin-left: 35px; } .col-lg-3:nth-child(3) .single-counter-info { margin-left: 85px; } /*================================================ Choose Area Style =================================================*/ .choose-content { margin-right: 65px; margin-bottom: 25px; } .choose-content .title { margin-bottom: 30px; } .choose-content .title h2 { font-size: 42px; margin-bottom: 25px; } .choose-content .arrow-btn { color: #f36f24; } .choose-content .arrow-btn::before { background-color: #f36f24; } .choose-content .arrow-btn:hover { color: var(--blackColor); } .choose-content .arrow-btn:hover::after { background-color: var(--blackColor); } .choose-content .choose-counter-info { margin-top: 40px; padding-top: 35px; border-top: 1px solid #fff0f0; } .choose-content .choose-counter-info ul li { margin-right: 100px; } .choose-content .choose-counter-info ul li h2 { font-size: 60px; line-height: 1; margin-bottom: 5px; } .choose-content .choose-counter-info ul li i { line-height: 0; font-size: 35px; margin-right: 15px; color: #f36f24; } .choose-content .choose-counter-info ul li p { font-weight: 500; color: var(--blackColor); } .choose-content .choose-counter-info ul li:last-child { margin-right: 0; } .choose-image { position: relative; margin-left: 50px; margin-bottom: 25px; } .choose-image .choose-image-info { left: -60px; bottom: 50px; max-width: 510px; padding: 20px 30px; position: absolute; background-color: #FB975F; } .choose-image .choose-image-info p { color: #5b5952; font-weight: 500; font-style: italic; } .choose-image .choose-image-info i { right: 20px; bottom: -28px; font-size: 30px; position: absolute; color: var(--blackColor); } /*================================================ Student Area Style =================================================*/ .student-image { z-index: 1; position: relative; margin-right: -65px; margin-bottom: 25px; } .student-card { padding: 40px; background-color: #f6f6f6; margin-left: 35px; margin-bottom: 25px; } .student-card ul li { display: block; margin-bottom: 45px; } .student-card ul li a { margin-right: 40px; position: relative; display: inline-block; color: var(--blackColor); font-family: var(--heading-font-family); font-size: 16px; font-weight: 700; } .student-card ul li a i { top: 2px; line-height: 0; font-size: 25px; margin-left: 15px; position: absolute; } .student-card ul li a::before { left: 0; bottom: 0; height: 1px; width: 100%; content: ""; position: absolute; transition: var(--transition); background-color: var(--blackColor); } .student-card ul li a::after { left: 0; bottom: 0; height: 1px; width: 0; content: ""; position: absolute; transition: var(--transition); background-color: #f36f24; } .student-card ul li a:hover { color: #f36f24; } .student-card ul li a:hover::before { opacity: 0; } .student-card ul li a:hover::after { width: 100%; } .student-card ul li:last-child { margin-bottom: 0; } .student-content { margin-left: 35px; margin-bottom: 25px; margin-right: -10px; } .student-content h2 { font-size: 42px; margin-bottom: 15px; } .student-content .default-btn { margin-top: 10px; } /*================================================ Newsletter Area Style =================================================*/ .newsletter-content { margin-right: 70px; margin-bottom: 25px; } .newsletter-content .title { margin-bottom: 35px; } .newsletter-content .title h2 { font-size: 42px; line-height: 1.3; margin-bottom: 13px; } .newsletter-content .subscribe-btn li { margin-right: 30px; } .newsletter-content .subscribe-btn li .default-btn:hover { color: var(--whiteColor) !important; background-color: var(--blackColor); } .newsletter-content .subscribe-btn li .arrow-btn { color: var(--blackColor); } .newsletter-content .subscribe-btn li .arrow-btn::before { background-color: var(--blackColor); } .newsletter-content .subscribe-btn li .arrow-btn:hover { color: #f36f24; } .newsletter-content .subscribe-btn li .arrow-btn:hover::after { background-color: #f36f24; } .newsletter-content .subscribe-btn li:last-child { margin-right: 0; } .newsletter-content.pages-style { margin-right: 0; margin-left: 70px; } .newsletter-form { padding: 50px; margin-bottom: 25px; background-color: #FB975F; } .newsletter-form .title { margin-bottom: 25px; } .newsletter-form .title h3 { font-size: 28px; margin-bottom: 15px; } .newsletter-form .form-group { margin-bottom: 20px; } .newsletter-form .form-group .form-control { height: 56px; border: unset; border-radius: unset; padding-left: 20px; background-color: var(--whiteColor); } .newsletter-form .form-group .form-control::-moz-placeholder { font-size: 14px; color: var(--paragraphColor); } .newsletter-form .form-group .form-control::placeholder { font-size: 14px; color: var(--paragraphColor); } .newsletter-form .default-btn { width: 100%; transition: var(--transition); background-color: var(--blackColor); } .newsletter-form .default-btn:hover { color: var(--blackColor) !important; background-color: var(--whiteColor); } /*================================================ Page Banner Area Style =================================================*/ .pages-banner-area { z-index: 1; position: relative; padding-top: 80px; background-size: cover; background-repeat: no-repeat; background-position: center center; background-image: url(../img/bg/bg-3.jpg); } .pages-banner-area .container-fluid { max-width: 1480px; padding-left: 30px; padding-right: 30px; } .pages-banner-area .shape-7 { left: 250px; bottom: 0; position: absolute; } .pages-banner-area::before { top: 0; left: 0; width: 100%; height: 100%; z-index: -1; content: ""; position: absolute; background-color: rgba(0, 30, 67, 0.92); } .pages-banner-area::after { left: 0; bottom: 0; width: 100%; height: 110px; z-index: -1; content: ""; position: absolute; background-color: var(--whiteColor); } .pages-title { margin-top: 50px; } .pages-title h2 { font-size: 56px; margin-bottom: 20px; color: var(--whiteColor); } .pages-title ul li { color: #d2d6dc; margin-right: 10px; padding-right: 20px; position: relative; } .pages-title ul li a { font-weight: 700; color: #FB975F; } .pages-title ul li a:hover { color: var(--whiteColor); } .pages-title ul li::before { content: ""; position: absolute; right: 0; top: 50%; width: 6px; height: 6px; border-radius: 100%; background-color: #d2d6dc; transform: translateY(-50%); } .pages-title ul li:last-child { margin-right: 0; padding-right: 0; } .pages-title ul li:last-child::before { display: none; } .single-pages-widget { margin-bottom: 50px; } .single-pages-widget h3 { font-size: 16px; margin-bottom: 20px; } .single-pages-widget.form .form-group { position: relative; } .single-pages-widget.form .form-group .form-control { height: 56px; padding-left: 20px; border-radius: unset; border: 1px solid #ebebeb; } .single-pages-widget.form .form-group button { top: 50%; right: 20px; border: unset; position: absolute; background-color: unset; transform: translateY(-50%); color: rgb(85, 85, 85); } .single-pages-widget.latest .latest-card { margin-bottom: 25px; } .single-pages-widget.latest .latest-card .image { display: block; flex: 0 0 auto; margin-right: 20px; } .single-pages-widget.latest .latest-card .image img { width: 122px; height: 98px; } .single-pages-widget.latest .latest-card .content h3 { line-height: 1.4; margin-bottom: 10px; font-size: 16px; font-weight: 500; } .single-pages-widget.latest .latest-card .content p { font-size: 14px; } .single-pages-widget.latest .latest-card .content p i { font-size: 18px; line-height: 1; margin-right: 10px; color: #f36f24; } .single-pages-widget.latest .latest-card:last-child { margin-bottom: 0; } .single-pages-widget.gallery ul { margin-right: -20px; } .single-pages-widget.gallery ul li { margin-bottom: 15px; margin-right: 10px; } .single-pages-widget.gallery ul li a { display: inline-block; } .single-pages-widget.gallery ul li a img { width: 94px; height: 91px; } .single-pages-widget.tags ul { margin-right: -11px; } .single-pages-widget.tags ul li { margin-right: 10px; margin-bottom: 15px; } .single-pages-widget.tags ul li a { font-size: 14px; padding: 7px 13px; color: var(--blackColor); background-color: #f6f6f6; } .single-pages-widget.tags ul li a:hover { color: var(--whiteColor); background-color: var(--blackColor); } .single-pages-widget.tags.style-2 ul li a:hover { background-color: #f36f24; } .single-pages-widget.categories a { margin-bottom: 20px; color: var(--paragraphColor); } .single-pages-widget.categories a:hover { color: #f36f24; } .single-pages-widget.categories a:last-child { margin-bottom: 0; } .single-pages-widget:last-child { margin-bottom: 0; } blockquote { padding: 30px; position: relative; background-color: #f6f6f6; border-left: 3px solid #f36f24; margin-top: 25px; margin-bottom: 25px; } blockquote i { right: 30px; bottom: 11px; line-height: 0; font-size: 25px; position: absolute; color: var(--blackColor); transition: var(--transition); } blockquote:hover i { color: #f36f24; } .pages-share-and-tags { padding-bottom: 35px; border-bottom: 1px solid #f0f0f0; margin-top: 25px; margin-bottom: 60px; } .pages-share-and-tags .share { margin-bottom: 25px; } .pages-share-and-tags .share ul li { font-size: 16px; font-weight: 700; margin-right: 10px; color: var(--blackColor); } .pages-share-and-tags .share ul li a { width: 28px; height: 28px; font-size: 14px; line-height: 33px; text-align: center; border-radius: 100%; display: inline-block; color: #f36f24; background-color: #fff3f4; } .pages-share-and-tags .share ul li a:hover { color: var(--whiteColor); background-color: #f36f24; } .pages-share-and-tags .share ul li:last-child { margin-right: 0; } .pages-share-and-tags .tags { margin-bottom: 25px; } .pages-share-and-tags .tags ul li { font-size: 16px; font-weight: 700; margin-right: 10px; color: var(--blackColor); } .pages-share-and-tags .tags ul li a { padding: 7px 13px; color: var(--blackColor); background-color: #f6f6f6; font-size: 14px; font-weight: 400; } .pages-share-and-tags .tags ul li a:hover { color: var(--whiteColor); background-color: var(--blackColor); } .pages-share-and-tags .tags ul li:last-child { margin-right: 0; } .pages-comment-area h1 { font-size: 42px; margin-bottom: 30px; } .pages-comment-area h1 span { color: #99a5b4; } .pages-comment-area .comment-card { padding: 35px; margin-bottom: 25px; background-color: #f6f6f6; } .pages-comment-area .comment-card .ml-30 { padding-top: 25px; border-top: 1px solid #e4e4e4; margin-top: 25px; margin-left: 30px; } .pages-comment-area .comment-card .users { margin-bottom: 20px; } .pages-comment-area .comment-card .users .image { display: block; flex: 0 0 auto; margin-right: 20px; } .pages-comment-area .comment-card .users .image img { width: 60px; height: 60px; border-radius: 100%; } .pages-comment-area .comment-card .users .content h3 { font-size: 16px; font-weight: 700; margin-bottom: 7px; } .pages-comment-area .comment-card .users .reply a { font-size: 14px; padding: 7px 13px; display: inline-block; color: var(--blackColor); background-color: #e2e2e2; } .pages-comment-area .comment-card .users .reply a:hover { color: var(--whiteColor); background-color: #f36f24; } .pages-comment-area .comment-card .users .reply .star-icon li { margin-right: 5px; } .pages-comment-area .comment-card .users .reply .star-icon li i { color: rgb(243, 168, 2); } .pages-comment-area .comment-card .users .reply .star-icon li:last-child { margin-right: 0; } .pages-comment-area .comment-card:hover .reply a { color: var(--whiteColor); background-color: #f36f24; } .pages-leave-reply { margin-bottom: 25px; } .pages-leave-reply h1 { font-size: 42px; margin-bottom: 30px; } .pages-leave-reply form .form-group { margin-bottom: 25px; } .pages-leave-reply form .form-group .form-control { height: 56px; padding-left: 20px; border-radius: unset; border: 1px solid #ebebeb; } .pages-leave-reply form .form-group .form-control.textarea { height: 229px; padding-top: 15px; } .pages-leave-reply form .form-check { margin-bottom: 40px; } .pages-leave-reply form .form-check .form-check-input { box-shadow: unset; border-radius: unset; border: 1px solid #f36f24; } .pages-leave-reply form .form-check .form-check-input:checked { background-color: #f36f24; } .pages-leave-reply form .form-check .form-check-label { font-size: 14px; } .pages-leave-reply form button { width: 100%; border: unset; display: flex; padding: 15px 33px; align-items: center; justify-content: center; transition: var(--transition); color: var(--whiteColor) !important; background-color: var(--blackColor); font-family: var(--heading-font-family); font-size: 16px; font-weight: 700; } .pages-leave-reply form button i { line-height: 0; font-size: 25px; margin-left: 19px; position: relative; } .pages-leave-reply form button:hover { background-color: #f36f24; } .pages-leave-reply.style-2 h1 { margin-bottom: 15px; } .pages-leave-reply.style-2 .star-icon { margin-bottom: 20px; } .pages-leave-reply.style-2 .star-icon span { font-size: 14px; font-weight: 500; } .pages-leave-reply.style-2 .star-icon ul { margin-left: 10px; } .pages-leave-reply.style-2 .star-icon ul li { margin-right: 3px; } .pages-leave-reply.style-2 .star-icon ul li i { font-size: 18px; color: rgb(243, 168, 2); } .pages-leave-reply.style-2 .star-icon ul li:last-child { margin-right: 0; } .tuition-info { margin: auto; padding: 70px; max-width: 872px; background-color: #f6f6f6; } .tuition-info h1 { font-size: 42px; margin-bottom: 30px; text-align: center; } .tuition-info .tuition-item .accordion-item { border: none; border-radius: 4px; margin-bottom: 25px; background-color: transparent; } .tuition-info .tuition-item .accordion-item .accordion-button { padding: 0; padding-bottom: 15px; border: unset; box-shadow: none; position: relative; transition: var(--transition); background-color: transparent; } .tuition-info .tuition-item .accordion-item .accordion-button span { color: #f36f24; transition: var(--transition); font-size: 16px; font-weight: 700; } .tuition-info .tuition-item .accordion-item .accordion-button::after { top: 2px; width: 15px; right: 15px; height: 15px; content: "\ea4d"; position: absolute; margin: auto !important; color: #f36f24; transition: var(--transition); background-image: unset !important; font-size: 14px; font-weight: 700; font-family: "remixicon" !important; } .tuition-info .tuition-item .accordion-item .accordion-button.collapsed { border-radius: unset; background-color: transparent; border-bottom: 1px solid #ececec; } .tuition-info .tuition-item .accordion-item .accordion-button.collapsed::after { top: 2px; color: var(--blackColor); } .tuition-info .tuition-item .accordion-item .accordion-button.collapsed span { color: var(--blackColor); } .tuition-info .tuition-item .accordion-item .accordion-button:focus { outline: 0; box-shadow: unset; } .tuition-info .tuition-item .accordion-item .accordion-button:hover::after { color: #f36f24; } .tuition-info .tuition-item .accordion-item .accordion-button:hover span { color: #f36f24; } .tuition-info .tuition-item .accordion-item .accordion-body { padding: 0; border: unset; line-height: 1.8; padding-bottom: 15px; border-radius: unset; color: var(--paragraphColor); background-color: transparent; border-bottom: 1px solid #ececec; } .tuition-info .tuition-item .accordion-item .accordion-body .table { margin-bottom: 0; } .tuition-info .tuition-item .accordion-item .accordion-body .table thead tr th { border: unset; padding-left: 25px; color: var(--blackColor); font-size: 16px; font-weight: 500; } .tuition-info .tuition-item .accordion-item .accordion-body .table thead tr th:last-child { text-align: center; } .tuition-info .tuition-item .accordion-item .accordion-body .table tbody tr td { border: unset; background-color: transparent; padding-top: 13px; padding-bottom: 13px; padding-left: 25px; } .tuition-info .tuition-item .accordion-item .accordion-body .table tbody tr td:last-child { text-align: center; } .tuition-info .tuition-item .accordion-item .accordion-body .table tbody tr .bold { font-weight: 700; color: var(--blackColor); } .tuition-info .tuition-item .accordion-item:last-child { margin-bottom: 0; } .single-register-info { margin: auto; padding: 60px; max-width: 558px; background-color: #f6f6f6; } .single-register-info h3 { font-size: 28px; margin-bottom: 30px; } .single-register-info form .form-group { margin-bottom: 25px; } .single-register-info form .form-group .form-control { height: 56px; padding-left: 20px; border-radius: unset; border: 1px solid #ebebeb; background-color: transparent; } .single-register-info form .form-check { margin-bottom: 40px; } .single-register-info form .form-check .form-check-input { box-shadow: unset; border-radius: unset; background-color: transparent; border: 1px solid #f36f24; } .single-register-info form .form-check .form-check-input:checked { background-color: #f36f24; } .single-register-info form .form-check .form-check-label { font-size: 14px; } .single-register-info form .form-check .form-check-label a { font-weight: 500; } .single-register-info form .default-btn { width: 100%; margin-bottom: 20px; transition: var(--transition); } .single-register-info form .default-btn:hover { color: var(--whiteColor) !important; background-color: var(--blackColor); } .single-register-info p { font-size: 14px; text-align: center; } .single-register-info p a { font-weight: 500; } .application-form-details { padding: 70px; background-color: #F6F6F6; } .application-form-details h3 { font-size: 28px; margin-bottom: 35px; } .application-form-details .form-group { margin-bottom: 35px; } .application-form-details .form-group .form-label { font-size: 14px; font-weight: 600; margin-bottom: 13px; color: var(--blackColor); } .application-form-details .form-group .form-control { height: 56px; box-shadow: unset; padding-left: 20px; border-radius: unset; border: 1px solid #ebebeb; background-color: transparent; } .application-form-details .form-group .form-control.textarea { height: 125px; padding-top: 15px; } .application-form-details .form-group .form-select { height: 56px; box-shadow: unset; padding-left: 20px; border-radius: unset; border: 1px solid #ebebeb; background-color: transparent; } .application-form-details .form-check { margin-bottom: 40px; } .application-form-details .form-check .form-check-input { box-shadow: unset; border-radius: unset; border: 1px solid #f36f24; background-color: transparent; } .application-form-details .form-check .form-check-input:checked { background-color: #f36f24; } .application-form-details .form-check .form-check-label { font-size: 14px; } .application-form-details .form-check .form-check-label a { font-weight: 500; } .application-form-details .default-btn { width: 100%; transition: var(--transition); } .application-form-details .default-btn:hover { color: var(--whiteColor) !important; background-color: var(--blackColor); } .application-form-details .m-30 { margin-bottom: 30px; } .single-faculty-card { margin-bottom: 25px; } .single-faculty-card .image { margin-bottom: 25px; } .single-faculty-card .content .title { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #e6e6e6; text-align: center; } .single-faculty-card .content .title h3 { font-size: 18px; margin-bottom: 10px; } .single-faculty-card .content ul li { position: relative; padding-left: 25px; margin-bottom: 13px; } .single-faculty-card .content ul li a { color: var(--paragraphColor); } .single-faculty-card .content ul li a:hover { color: #f36f24; } .single-faculty-card .content ul li i { left: 0; top: 0; position: absolute; color: #f36f24; } .single-faculty-card .content ul li:last-child { margin-bottom: 0; } .privacy-policy-content .sub { font-size: 15px; padding: 2px 10px; border-radius: 50px; margin-bottom: 20px; display: inline-block; color: var(--whiteColor); background-color: #f36f24; } .privacy-policy-content .cards { margin-bottom: 30px; } .privacy-policy-content .cards h1 { font-size: 45px; margin-bottom: 15px; } .privacy-policy-content .list-card { margin-bottom: 25px; } .privacy-policy-content .list-card h3 { font-size: 28px; margin-bottom: 15px; } .privacy-policy-content .list-card ul li { padding-left: 25px; position: relative; margin-bottom: 18px; } .privacy-policy-content .list-card ul li i { top: -2px; left: 0; font-size: 18px; position: absolute; color: #f36f24; } .privacy-policy-content .list-card ul li:last-child { margin-bottom: 0; } .blog-left-sidebar { margin-right: 12px; } .blog-left-sidebar .leading-management { padding-bottom: 20px; margin-bottom: 25px; border-bottom: 1px solid #f0f0f0; } .blog-left-sidebar .leading-management h1 { font-size: 42px; line-height: 1.3; margin-bottom: 15px; } .blog-left-sidebar .applications-info h3 { font-size: 18px; margin-bottom: 13px; } .blog-left-sidebar .applications-info .applications-card { margin-bottom: 15px; } .blog-left-sidebar .applications-info .applications-card i { line-height: 1; font-size: 25px; margin-right: 10px; color: #f36f24; } .blog-left-sidebar .applications-info .applications-card p { font-weight: 500; } .blog-left-sidebar .applications-info .image { margin-top: 15px; margin-bottom: 25px; } .blog-right-sidebar { margin-left: 5px; } .program-details-left-sidebar { margin-right: 12px; } .program-details-left-sidebar .reviews-image { margin-bottom: 25px; position: relative; } .program-details-left-sidebar .reviews-image .reviews-info { left: 30px; right: 30px; margin: auto; bottom: 30px; padding: 30px; position: absolute; background-color: #f6f6f6; } .program-details-left-sidebar .reviews-image .reviews-info ul li { margin-right: 55px; } .program-details-left-sidebar .reviews-image .reviews-info ul li h3 { margin-bottom: 10px; font-size: 16px; font-weight: 700; } .program-details-left-sidebar .reviews-image .reviews-info ul li p { font-size: 14px; } .program-details-left-sidebar .reviews-image .reviews-info ul li .user .image { display: block; flex: 0 0 auto; margin-right: 15px; } .program-details-left-sidebar .reviews-image .reviews-info ul li .user .image img { width: 48px; height: 48px; border-radius: 100%; } .program-details-left-sidebar .reviews-image .reviews-info ul li .user .content h3 { margin-bottom: 5px; font-size: 16px; font-weight: 700; } .program-details-left-sidebar .reviews-image .reviews-info ul li .user .content p { font-size: 14px; } .program-details-left-sidebar .reviews-image .reviews-info ul li .star-icon li { margin-right: 5px; } .program-details-left-sidebar .reviews-image .reviews-info ul li .star-icon li i { color: rgb(243, 168, 2); } .program-details-left-sidebar .reviews-image .reviews-info ul li .star-icon li:last-child { margin-right: 0; } .program-details-left-sidebar .reviews-image .reviews-info ul li:last-child { margin-right: 0; } .program-details-left-sidebar .biochemistry { margin-bottom: 45px; } .program-details-left-sidebar .biochemistry h1 { font-size: 42px; margin-bottom: 20px; } .program-details-left-sidebar .biochemistry .list-info { margin-bottom: 20px; } .program-details-left-sidebar .biochemistry .list-info .applications-card { margin-bottom: 15px; } .program-details-left-sidebar .biochemistry .list-info .applications-card i { line-height: 1; font-size: 20px; margin-right: 10px; color: #f36f24; } .program-details-left-sidebar .biochemistry .list-info .applications-card p { font-weight: 500; } .program-details-left-sidebar .biochemistry .program-card { margin-bottom: 25px; } .program-details-left-sidebar .biochemistry .program-card h3 { font-size: 18px; margin-bottom: 15px; } .program-details-right-sidebar { margin-left: 5px; } .single-program-widget { padding: 40px; margin-bottom: 50px; background-color: #f6f6f6; } .single-program-widget h3 { font-size: 18px; margin-bottom: 30px; } .single-program-widget.department .list li { position: relative; padding-left: 25px; margin-bottom: 18px; color: var(--paragraphColor); } .single-program-widget.department .list li a { color: var(--paragraphColor); } .single-program-widget.department .list li a:hover { color: #f36f24; } .single-program-widget.department .list li i { top: 0; left: 0; position: absolute; color: #f36f24; } .single-program-widget.department .share { margin-top: 30px; } .single-program-widget.department .share ul li { font-size: 18px; font-weight: 700; margin-right: 20px; color: var(--blackColor); } .single-program-widget.department .share ul li a { width: 38px; height: 38px; font-size: 16px; line-height: 45px; text-align: center; border-radius: 100%; display: inline-block; background-color: var(--whiteColor); } .single-program-widget.department .share ul li a:hover { color: var(--whiteColor); background-color: #f36f24; } .single-program-widget.department .share ul li:last-child { margin-right: 0; } .single-program-widget.programs .programs-card { margin-bottom: 20px; } .single-program-widget.programs .programs-card .image { display: block; flex: 0 0 auto; margin-right: 25px; } .single-program-widget.programs .programs-card .image img { width: 109px; height: 82px; } .single-program-widget.programs .programs-card .content h6 { font-size: 16px; font-weight: 500; margin-bottom: 15px; } .single-program-widget.programs .programs-card .content ul li { position: relative; padding-left: 25px; } .single-program-widget.programs .programs-card .content ul li i { left: 0; top: 0; position: absolute; color: #f36f24; } .single-program-widget.programs .programs-card:last-child { margin-bottom: 0; } .single-program-widget.register form .form-group { margin-bottom: 20px; } .single-program-widget.register form .form-group .form-control { height: 56px; border: unset; box-shadow: unset; padding-left: 20px; border-radius: unset; background-color: var(--whiteColor); } .single-program-widget.register form .default-btn { border: 0; width: 100%; transition: var(--transition); } .single-program-widget.events .events-card { margin-bottom: 20px; } .single-program-widget.events .events-card .image { display: block; flex: 0 0 auto; margin-right: 15px; } .single-program-widget.events .events-card .image img { width: 122px; height: 98px; } .single-program-widget.events .events-card .content h6 { font-size: 16px; font-weight: 500; line-height: 1.5; margin-bottom: 7px; } .single-program-widget.events .events-card .content ul li { position: relative; padding-left: 25px; } .single-program-widget.events .events-card .content ul li i { left: 0; top: 0; position: absolute; color: #f36f24; } .single-program-widget.events .events-card:last-child { margin-bottom: 0; } .single-program-widget:last-child { margin-bottom: 0; } .events-details-left-sidebar { margin-right: 12px; margin-bottom: 25px; } .events-details-left-sidebar .image { margin-bottom: 25px; } .events-details-left-sidebar h1 { font-size: 42px; line-height: 1.3; margin-bottom: 20px; } .events-details-left-sidebar .events-card { margin-top: 25px; } .events-details-left-sidebar .events-card h3 { font-size: 18px; margin-bottom: 15px; } .events-details-left-sidebar .register { margin-top: 50px; } .events-details-left-sidebar .register form .form-group { margin-bottom: 25px; } .events-details-left-sidebar .register form .form-group .form-control { height: 56px; padding-left: 20px; border-radius: unset; border: 1px solid #ebebeb; } .events-details-left-sidebar .register form .form-group .form-control.textarea { height: 229px; padding-top: 15px; } .events-details-left-sidebar .register form .default-btn { margin-top: 30px; transition: var(--transition); } .events-details-left-sidebar .register form .default-btn:hover { color: var(--whiteColor) !important; background-color: var(--blackColor); } .events-details-right-sidebar { margin-left: 5px; margin-bottom: 25px; } .events-details-right-sidebar .events-details-map iframe { width: 100%; height: 296px; } /*================================================ Contact Area CSS =================================================*/ .contact-form { margin-right: 12px; margin-bottom: 25px; } .contact-form h1 { font-size: 42px; margin-bottom: 25px; text-align: center; } .contact-form form .form-group { margin-bottom: 25px; } .contact-form form .form-group .form-control { height: 56px; padding-left: 20px; border-radius: unset; border: 1px solid #ebebeb; } .contact-form form .form-group .form-control.textarea { height: 229px; padding-top: 15px; } .contact-form form .form-check { margin-bottom: 40px; } .contact-form form .form-check .form-check-input { box-shadow: unset; border-radius: unset; border: 1px solid #f36f24; } .contact-form form .form-check .form-check-input:checked { background-color: #f36f24; } .contact-form form .form-check .form-check-label { font-size: 14px; } .contact-form form .default-btn { width: 100%; transition: var(--transition); } .contact-form form .default-btn:hover { color: var(--whiteColor) !important; background-color: var(--blackColor); } .contact-information { padding: 40px; background-color: #f6f6f6; margin-top: 74px; margin-bottom: 25px; } .contact-information h3 { font-size: 18px; margin-bottom: 25px; } .contact-information .information-card { margin-bottom: 30px; } .contact-information .information-card .icon { width: 48px; height: 42px; display: block; flex: 0 0 auto; font-size: 23px; line-height: 42px; margin-right: 20px; text-align: center; color: #fff; transition: var(--transition); background-color: #f36f24; } .contact-information .information-card .icon:hover { color: var(--whiteColor); background-color: #2e358f; } .contact-information .information-card .content a { font-weight: 500; color: var(--paragraphColor); } .contact-information .information-card .content a:hover { color: var(--blackColor); } .contact-information .information-card .content p { font-weight: 500; color: var(--paragraphColor); } .contact-information .information-card:hover .icon { color: var(--whiteColor); background-color: var(--blackColor); } .contact-information .information-card:last-child { margin-bottom: 0; } .contact-map iframe { width: 100%; height: 463px; } /*================================================ Navigation Area CSS =================================================*/ .pagination { margin-top: 30px; margin-bottom: 30px; } .pagination .page-item { margin-right: 10px; } .pagination .page-item .page-link { height: 50px; width: 50px; border: none; box-shadow: none; line-height: 37px; text-align: center; border-radius: 100%; display: inline-block; color: var(--blackColor); background-color: #F6F6F6; transition: var(--transition); font-size: 18px; font-weight: 700; } .pagination .page-item .page-link:hover { color: var(--whiteColor); background-color: #f36f24; } .pagination .page-item .page-link i { left: -1px; font-size: 25px; position: relative; } .pagination .page-item .page-link i.two { left: 1px; } .pagination .page-item .active { color: var(--whiteColor); background-color: #f36f24; } .pagination .page-item:last-child { margin-right: 0; } /*================================================ Fitness Area CSS =================================================*/ .fitness-image { z-index: 1; margin-bottom: 25px; position: relative; padding-left: 30px; padding-bottom: 30px; } .fitness-image::before { left: 0; bottom: 0; z-index: -1; content: ""; width: 200px; height: 158px; position: absolute; background-color: #FB975F; } .fitness-image.style-2 { padding-left: 0; padding-right: 30px; } .fitness-image.style-2::before { left: auto; right: 0; width: 200px; height: 242.717px; background-color: var(--blackColor); } .fitness-content { margin-left: 45px; margin-bottom: 25px; } .fitness-content .title { margin-bottom: 25px; } .fitness-content .title h2 { font-size: 42px; margin-bottom: 12px; } .fitness-content .list li { font-weight: 500; padding-left: 26px; position: relative; margin-bottom: 15px; } .fitness-content .list li i { top: -3px; left: 0; font-size: 20px; position: absolute; color: #f36f24; } .fitness-content .list li:last-child { margin-bottom: 0; } .fitness-content.style-2 { margin-left: 0; margin-right: 45px; } .fitness-content.style-2 .fitness-btn { margin-top: 35px; } .fitness-content.style-2 .fitness-btn li { margin-right: 30px; } .fitness-content.style-2 .fitness-btn li .play-btn li { margin-right: 15px; } .fitness-content.style-2 .fitness-btn li .play-btn li .icon { width: 56px; height: 56px; font-size: 30px; line-height: 56px; text-align: center; border-radius: 100%; display: inline-block; background-color: #FB975F; } .fitness-content.style-2 .fitness-btn li .play-btn li .icon i { top: 1px; left: 2px; position: relative; } .fitness-content.style-2 .fitness-btn li .play-btn li .icon:hover { color: var(--whiteColor); background-color: var(--blackColor); } .fitness-content.style-2 .fitness-btn li .play-btn li .arrow-btn { color: var(--blackColor); } .fitness-content.style-2 .fitness-btn li .play-btn li .arrow-btn::before { background-color: var(--blackColor); } .fitness-content.style-2 .fitness-btn li .play-btn li .arrow-btn:hover { color: #f36f24; } .fitness-content.style-2 .fitness-btn li .play-btn li .arrow-btn:hover::after { background-color: #f36f24; } .fitness-content.style-2 .fitness-btn li .play-btn li:last-child { margin-right: 0; } .fitness-content.style-2 .fitness-btn li .default-btn:hover { color: var(--whiteColor) !important; background-color: var(--blackColor); } .fitness-content.style-2 .fitness-btn li:last-child { margin-right: 0; } /*================================================ Support Area CSS =================================================*/ .support-image { z-index: 1; margin-bottom: 25px; position: relative; padding-left: 30px; padding-bottom: 30px; } .support-image::before { left: 0; bottom: 0; z-index: -1; content: ""; width: 200px; height: 233px; position: absolute; background-color: var(--blackColor); } .support-content { margin-bottom: 25px; } .support-content .title { margin-bottom: 30px; } .support-content .title h2 { font-size: 42px; } .support-content .questions-content { margin-bottom: 45px; } .support-content .questions-content .accordion-item { border: none; border-radius: 4px; margin-bottom: 25px; background-color: transparent; } .support-content .questions-content .accordion-item .accordion-button { padding: 0; padding-bottom: 15px; border: unset; box-shadow: none; position: relative; transition: var(--transition); /*background-color: transparent;*/ background: #1f2264; padding: 15px; color: #fff; } .support-content .questions-content .accordion-item .accordion-button span { color: var(--blackColor); transition: var(--transition); font-size: 20px; font-weight: 700; } .support-content .questions-content .accordion-item .accordion-button::after { /*top: 2px;*/ width: 15px; right: 0; height: 15px; content: "\ea4d"; position: absolute; margin: auto !important; transition: var(--transition); background-image: unset !important; font-size: 40px; font-weight: 700; font-family: "remixicon" !important; color: rgb(243, 111, 36); font-size: 40px; padding-right: 40px; padding-bottom: 40px; } .support-content .questions-content .accordion-item .accordion-button.collapsed { border-radius: unset; /*background-color: transparent;*/ /*border-bottom: 1px solid #ececec;*/ background: #1f2264; padding: 15px; } .support-content .questions-content .accordion-item .accordion-button.collapsed::after { top: 2px; color: rgb(243, 111, 36); font-size: 40px; padding-right: 40px; } .support-content .questions-content .accordion-item .accordion-button.collapsed span { color: var(--blackColor); } .support-content .questions-content .accordion-item .accordion-button:focus { outline: 0; box-shadow: unset; } .support-content .questions-content .accordion-item .accordion-button:hover::after { color: #f36f24; } .support-content .questions-content .accordion-item .accordion-body { padding: 0; border: unset; line-height: 1.8; padding-bottom: 15px; border-radius: unset; color: var(--paragraphColor); background-color: transparent; /*border-bottom: 1px solid #ececec;*/ } .support-content .default-btn:hover { color: var(--whiteColor) !important; background-color: var(--blackColor); } /*================================================ Footer Area Style =================================================*/ .footer-area { background-color: #f6f6f6; } .single-footer-widget { margin-bottom: 25px; } .single-footer-widget h3 { font-size: 18px; margin-bottom: 25px; } .single-footer-widget ul li { margin-bottom: 20px; } .single-footer-widget ul li a { text-decoration: none; color: var(--paragraphColor); } .single-footer-widget ul li a:hover { color: #f36f24; } .single-footer-widget ul li:last-child { margin-bottom: 0; } .single-footer-widget.about { margin-right: 35px; text-align: justify; } .single-footer-widget.about p { margin-bottom: 35px; } .single-footer-widget.about h6 { font-size: 18px; margin-bottom: 20px; } .single-footer-widget.about .social-link li { margin-right: 10px; } .single-footer-widget.about .social-link li a { width: 36px; height: 36px; line-height: 42px; text-align: center; border-radius: 100%; display: inline-block; color: var(--paragraphColor); background-color: var(--whiteColor); } .single-footer-widget.about .social-link li a:hover { color: var(--blackColor); background-color: #FB975F; } .single-footer-widget.about .social-link li:last-child { margin-right: 0; } .single-footer-widget.contact { margin-left: 15px; } .single-footer-widget.contact ul li { margin-bottom: 25px; padding-left: 25px; position: relative; } .single-footer-widget.contact ul li a i { left: 0; top: 1px; font-size: 16px; position: absolute; color: #f36f24; } .single-footer-widget.contact ul li i { left: 0; top: 3px; font-size: 16px; position: absolute; color: #f36f24; } .single-footer-widget.quick { margin-left: 50px; } .single-footer-widget.mobile { margin-left: 57px; } .single-footer-widget.mobile ul li { margin-bottom: 12px; } .single-footer-widget.mobile ul li:last-child { margin-bottom: 0; } .copyright-area { padding-top: 25px; background: #2d348e; } .copyright-logo { margin-bottom: 25px; } .copyright-title { margin-bottom: 25px; } .copyright-title p strong { color: #f36f24; } .copyright-title p { color: #f36c1f; } .copyright-list { margin-bottom: 25px; } .copyright-list ul li { margin-right: 25px; } .copyright-list ul li a { color: var(--paragraphColor); } .copyright-list ul li a:hover { color: #f36f24; } .copyright-list ul li:last-child { margin-right: 0; } /*================================================ Back to Top Style =================================================*/ #back-to-top { opacity: 0; top: 87%; right: 2%; z-index: 4; width: 40px; height: 50px; border: unset; position: fixed; transition: 0.9s; cursor: pointer; line-height: 45px; border-radius: 5px; text-align: center; background-color: var(--blackColor); } #back-to-top i { top: 50%; left: 0; right: 0; margin: 0 auto; font-size: 25px; transition: 0.5s; position: absolute; color: var(--whiteColor); transform: translateY(-50%); } #back-to-top:hover { color: #ffffff; background: #FB975F; } #back-to-top:hover i { color: var(--blackColor); } #back-to-top:hover i:first-child { opacity: 0; top: 0; visibility: hidden; } #back-to-top:hover i:last-child { opacity: 1; visibility: visible; top: 50%; } #back-to-top:focus { color: #ffffff; } #back-to-top:focus::before { opacity: 1; visibility: visible; } #back-to-top:focus i:first-child { opacity: 0; top: 0; visibility: hidden; } #back-to-top:focus i:last-child { opacity: 1; visibility: visible; top: 50%; } #back-to-top.active { top: 93%; right: 2%; opacity: 1; visibility: visible; transform: translateY(-95%); }/*# sourceMappingURL=style.css.map */ .d-block{ color:#2e3192; } .table thead tr th{ background: #eeebeb; width: 60px; } .text-white{ color:#fff; } .default-btn1 { padding: 5px 10px 0px 10px; border-radius:5px; text-decoration:none; display: block; margin:auto; text-align: center; justify-content: center; color: var(--whiteColor) !important; background-color: #323293; font-family: var(--heading-font-family); font-size: 16px; font-weight: 700; width:135px; height:40px; position: relative; }
SAVE
CANCEL