:root {     
    --base-color: #18b6d9;  
    --alt-font: 'Manrope', sans-serif; 
    --primary-font: 'Manrope', sans-serif;
    --dark-gray: #303334;
    --red: #f45959;
    --medium-light-gray:#b4b4b4;
    --medium-gray:#848587;
}

/*
-------------------------------------------------------------------------
                          BOX LAYOUT
-------------------------------------------------------------------------
*/


.box-layout {
    padding: 0 100px;
}
body {
    font-size: 17px;
    line-height: 30px;
    color: var(--dark-gray);
}

/*
-------------------------------------------------------------------------
                          HEADER
-------------------------------------------------------------------------
*/

.navbar .navbar-nav .nav-link {
    font-weight: 700;
    font-size: 18px;
    padding: 10px 22px;
}
header .container-fluid {
    padding-left: 85px;
    padding-right: 85px;
}
.sticky-wrap.shadow-in {
    left: 31px;
}
header .navbar-brand img {
    max-height:40px;
}

/*
-------------------------------------------------------------------------
                          LOGO
-------------------------------------------------------------------------
*/

header .navbar-brand img {
max-height:150px;
}

img.logoFooter {
max-height:40px!important;
}

img.star {
max-width:40px!important;
}

/*
-------------------------------------------------------------------------
                          NAV
-------------------------------------------------------------------------
*/



.navbar .navbar-nav .nav-item .nav-link {
border-bottom: 3px solid #465280;
}

.navbar .navbar-nav .nav-item:hover .nav-link, 
.navbar .navbar-nav .nav-item.active .nav-link {
color: #eef0ff!important;
opacity: 1.0!important;
border-bottom: 3px solid #FFFFFF!important;
}

.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a {
font-size: 17px;
font-weight: 500;
color: #6466ac !important;
background-color: #eef0ff;
}
.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a:hover {
background-color: #FFFFFF;
}
.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a i {
font-size: 30px;
width: 35px;
}
.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu {
border-radius: 5px;
padding: 0;
overflow: hidden;
width: 300px;
}

.navbar .navbar-nav .dropdown .dropdown-menu li.active > a {
color: #FFFFFF!important;
background-color: #6466ac!important;
}

/*
-------------------------------------------------------------------------
                          BORDER
-------------------------------------------------------------------------
*/

.border-color-transparent-dark-gray {
    border-color: rgba(39, 47, 48, 0.1) !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: 25px;
}

.border-color-tp-1 {
  border-color: #6466ac!important;
}

.border-color-tp-2 {
  border-color: #18b6d9!important;
}

.border-radius-top-left-right {
  border-radius: 10px 10px 0 0 !important;
}

/*
-------------------------------------------------------------------------
                          BUTTON
-------------------------------------------------------------------------
*/


.btn.btn-transparent-tp-1 { 
background: #18b6d9; 
border-color: #18b6d9!important;
color: #FFFFFF!important;
}

.btn.btn-transparent-tp-1:hover, 
.btn.btn-transparent-tp-1:focus { 
background: transparent!important;
border-color: #18b6d9!important;
color: #000000!important;
}

.btn.btn-transparent-tp-2 { 
background: #6466ac; 
border-color: #6466ac!important;
color: #FFFFFF!important;
}

.btn.btn-transparent-tp-2:hover, 
.btn.btn-transparent-tp-2:focus { 
background: transparent!important;
border-color: #6466ac!important;
color: #6466ac!important;
}

.btn.btn-transparent-tp-3 { 
background: transparent!important;
border-color: #18b6d9!important;
color: #18b6d9!important;
}

.btn.btn-transparent-tp-3:hover, 
.btn.btn-transparent-tp-3:focus { 
background: #18b6d9!important;
border-color: #18b6d9!important;
color: #000000!important;
}

.btn.btn-transparent-tp-4 { 
background: transparent!important;
border-color: #6466ac!important;
color: #6466ac!important;
}

.btn.btn-transparent-tp-4:hover, 
.btn.btn-transparent-tp-4:focus { 
background: #6466ac!important;
border-color: #6466ac!important;
color: #FFFFFF!important;
}

.btn.btn-transparent-tp-5 { 
background: #18b6d9; 
border-color: #18b6d9!important;
color: #000000!important;
}

.btn.btn-transparent-tp-5:hover, 
.btn.btn-transparent-tp-5:focus { 
background: transparent!important;
border-color: #18b6d9!important;
color: #FFFFFF!important;
}



/*
-------------------------------------------------------------------------
                          PAGE TITLE
-------------------------------------------------------------------------
*/

.page-title-extra-large h2 {
    font-size: 17px;
    line-height: 20px;
    letter-spacing: 0px;
}

h1, .h1 {
font-size: 4rem!important;
line-height: 4rem!important;
}


/*
-------------------------------------------------------------------------
                        VARIOUS
-------------------------------------------------------------------------
*/

.social-icon-style-02 .small-icon li {
    margin: 0;
}

.outside-box-right-2 {
    margin-right: -2vw;
}

.tab-style-01 .nav-tabs .nav-link.show,
.tab-style-01 .nav-tabs .nav-link.active,
.tab-style-01 .nav-tabs .nav-link:hover {
    background-color: var(--base-color);
    color: var(--white);
}
.tab-style-01 .nav-tabs .nav-link {
    padding: 7px 29px;
    color: var(--dark-gray);
}
.tab-style-01 .nav-tabs > li.nav-item {
    padding: 0 13px;
}

.time-table-box .hover-detail {
    padding: 25px 30px;
}

.accordion-style-05 .accordion-item {
    padding: 25px 35px 27px 75px;
}


/*
-------------------------------------------------------------------------
                      SERVICES
-------------------------------------------------------------------------
*/

.equal-height-row-tp {
display: flex;
flex-wrap: wrap;
}
.equal-height-row-tp > .col {
display: flex;
}
.feature-box {
display: flex;
flex-direction: column;
justify-content: flex-start; 
flex-grow: 1;
}


/*
-------------------------------------------------------------------------
                      FOOTER
-------------------------------------------------------------------------
*/

footer .nav-link {
color: var(--white);
}
.footer-navbar li a:hover {
color: #BF907E!important;
}
.elements-social .light li a:hover {
color: var(--white) !important;
}
footer .footer-logo img {
max-height: 40px;
}
footer .elements-social ul li:last-child {
margin-right: 0;
}
.social-icon-style-04 ul li a.linkedin span {
background-color: #18b6d9;
}
.elements-social .dark li a {
color: var(--base-color);
}

/*
-------------------------------------------------------------------------
                          BG
-------------------------------------------------------------------------
*/

.border-color-tp-3 {
border-color: #4d5b69!important;
}

/*
-------------------------------------------------------------------------
                          BG
-------------------------------------------------------------------------
*/

.bg-tp-body {
background-color: #465280; 
}

.bg-tp-1 {
background-color: #18b6d9; 
}
.bg-tp-2 {
background-color: #06768F; 
}
.bg-tp-3 {
background-color: #6466ac;
}
.bg-tp-4 {
background-color: #8C6189; 
}
.bg-tp-5 {
background-color: #18b6d9; 
}
.bg-tp-6 {
background-color: #6466ac; 
}
.bg-tp-7 {
background-color: #eef0ff; 
}
.bg-tp-8 {
background-color: #edf5fc; 
}

.bg-light-turquoise-blue {
    background-color: #edf9fa;
}
.bg-light-sea-green-transparent {
    background-color: rgba(22, 193, 204,0.8);
}
.bg-light-sea-green-transparent-light {
    background-color: rgba(22, 193, 204,0.15);
}

/*
-------------------------------------------------------------------------
                          COLORS
-------------------------------------------------------------------------
*/


.text-tp-1, 
.btn-link.text-tp-1,
a.text-tp-1-hover:hover{ 
color: #18b6d9!important; 
color: rgba(24, 182, 217, 1); 
}
.text-tp-2 {
color: #06768F; 
}
.text-tp-3 {
color: #6466ac;
}
.text-tp-4 {
color: #B882DF;
color: rgba(184,130,223,1.00);
}
.text-tp-5 {
color: #18b6d9; 
}
.text-tp-6 {
color: #6466ac;
}




/*
-------------------------------------------------------------------------
                      MEDIA
-------------------------------------------------------------------------
*/

@media (min-width: 768px){
    .page-title-extra-large h1 {
        font-size: 3.8rem;
        line-height: 3.8rem;
    }
}
@media (max-width: 1600px){
    .box-layout {
        padding: 0 60px;
    }
    .sticky-wrap.shadow-in {
        left: 10px;
    }
    header .container-fluid {
        padding-left: 45px;
        padding-right: 45px;
    }
}
@media (max-width: 1400px){
    footer .nav-link {
        padding-left: .75rem;
        padding-right: .75rem;
    }
}
@media (max-width: 1199px){
    .box-layout {
        padding: 0 0;
    }
    .navbar .navbar-nav .nav-link {
        padding-left: 18px;
        padding-right: 18px;
    }
    header .btn.btn-switch-text.btn-small > span {
        padding: 8px 10px;
    }

    .tab-style-01 .nav-tabs > li.nav-item {
        padding: 0 8px;
    }
    header .navbar [class*=col-] {
        padding: 0px;
    }
    .time-table-box {
        padding-left: 5px;
        padding-right: 5px;
    }
    
    h1, .h1 {
font-size: 3rem!important;
line-height: 3rem!important;
}
    
    
    
}
@media (max-width: 991px){
    .tab-style-01 .nav-tabs .nav-link {
        padding: 5px 25px;
    }

    .time-schedule-scroll {
        overflow-x: auto;
        overflow-y: hidden;
    }

    .time-schedule-scroll .time-schedule-min-width {
        min-width: 1050px;
    }
    .tab-style-01 .nav-tabs > li.nav-item {
        padding: 0 4px;
    }
    header .navbar [class*=col-] {
        padding: 0 15px;
    }

}

@media (max-width: 767px){
    .accordion-style-05 .accordion-item .number {
        top: 13px;
    }
}



/*
-------------------------------------------------------------------------
                          MEDIA
-------------------------------------------------------------------------
*/

@media only screen and (min-width: 0px) and (max-width: 991px) {

header .navbar .navbar-brand img, header.side-menu .logo img, header .sidebar-nav-menu .navbar-brand img {
max-height: 35px!important;
}
header .header-top-bar {
display: block!important;
height: auto;
}
 .navbar-modern-inner .navbar-nav .nav-item .dropdown-menu a {
opacity: 1!important;
}

}