/* Main Font >>>'Good Times Rg' */
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@500&display=swap');
@import url('http://fonts.cdnfonts.com/css/good-times-2');
body{
    font-family: 'Kanit', sans-serif;
    line-height: 1.7;
    color: rgb(18, 33, 100);
                                                
}
a{
    color:rgb(33, 71, 236);
    transition:all 0.4s ease-out;
}
video
{
    justify-content: center;

}
.social-links a
{
   text-decoration: none;
   margin-right: 10px;
   width : 35px;
   height: 35px;
   background-color: rgba(15, 120, 168, 0.938);
   color:aliceblue;
   font-size: 24px;
   display:inline-flex;
   align-items: center;
   justify-content: center;
   border-radius:100%;
   padding-top: 3px;
   padding-bottom: 3px;
}
.social-links a:hover{
    color:rgb(13, 112, 129);
    background-color: rgb(247, 243, 243);
}

h1,h2,h3,h4,h5,h6
{
    font-weight: 700;
 
    
}
h6
{
    letter-spacing: 5px;
}
h1
{
    letter-spacing: 2px;
}

.top-nav
{
    background-color: rgb(19, 20, 20);
    background-color: rgb(23, 24, 24);
    padding-top: 6px;
    padding-bottom: 6px;
   
}
.top-nav p
{
    margin-bottom: 0px ;
    display:inline-block;
    margin-right: 40px;
    color:white;
    margin-top: 3px;
    transition: all 0.4s ease-out;
}
.top-nav p:hover
{
    color:rgb(13, 112, 129);
}
.top-nav p a
{
    color:white;
    text-decoration: none;
    transition: all 0.4s ease-out;
}
.top-nav p a:hover
{
    color:rgb(13, 112, 129);
}

.top-nav i,
.top-nav span{
    vertical-align:middle;
    
}


.navbar
{
    box-shadow:0px 6px 30px rgba(22, 22, 22, 0.548);
    width:100%;
  

}
.navbar .navbar-brand
{
    color:rgb(255, 255, 255);
    font-size: 15pt;
    font-weight:700;
    letter-spacing: 2px;
    font-family: 'Good Times Rg', sans-serif;
    transition: all 0.4s ease;
                                                
}

.navbar .navbar-brand:hover
{
    color:rgba(1, 204, 255, 0.973);
  

}
.navbar .navbar-brand span
{
    color:rgba(1, 204, 255, 0.973);
}
img
{
    width:40px;
    height:50px;
    margin-right: 8px;
    margin-top: 2px;
    margin-bottom: 2px;
}
#navitem{
    
    color: rgb(243, 243, 243);
    transition: all 0.2s ease;
    margin-right:10px ;
    font-weight: 300;
    
}
#navitem:hover{
    color:rgba(1, 204, 255, 0.973);
    margin:0.2em;
}
#btngetstarted
{
    margin-right: 15px;
    background-color:rgba(1, 204, 255, 0.973);
    color:white;
    transition: all 0.4s ease-out;

}
#btngetstarted:hover
{
    background-color:  rgb(255, 115, 0);;
    color:white;

}

                                    /*SLIDES PROPERTIES AND IMAGES IN SLIDES */
.slide1
{
   
    background-image:linear-gradient(rgba(4, 87, 112, 0.384),rgba(4, 31, 39, 0.356)), url(../slide1.jpg);
}
.slide2
{
   
    background-image:linear-gradient(rgba(4, 87, 112, 0.384),rgba(4, 31, 39, 0.356)), url(../media.jpg);
}
.slide3
{
   
    background-image:linear-gradient(rgba(4, 87, 112, 0.384),rgba(4, 31, 39, 0.356)), url(../socialmedia.jpeg);
}
.slide4
{
   
    background-image:linear-gradient(rgba(4, 87, 112, 0.384),rgba(4, 31, 39, 0.356)), url(../fr.jpg);
}
.slide5
{
   
    background-image:linear-gradient(rgba(4, 87, 112, 0.384),rgba(4, 31, 39, 0.356)), url(../hr.jpg);
}
.slide6
{
   
    background-image:linear-gradient(rgba(4, 87, 112, 0.384),rgba(4, 31, 39, 0.356)), url(../pr.jpg);
}
.slide7
{
   
    background-image:linear-gradient(rgba(4, 87, 112, 0.384),rgba(4, 31, 39, 0.356)), url(../logistics.jpg);
}
                            /* BACKGROUND IMAGE PROPERTIES*/
.bg-cover
{
    background-position: center !important;
    background-size: cover !important;
    background-position: center !important;
}

                             /*RL Application color cyan in slide 1*/
.text-uppercase span                    
{
    color:rgba(1, 204, 255, 0.973);
}
                                /*NAME OF EACH TITLE of committe in each SLIDE */
.committe-title
{
    
    color:rgb(248, 101, 2);
}
                             /*LAST SLIDE LAUNTECH TEXT*/

.LT{
    color:rgba(1, 204, 255, 0.973);
}
                             /*carousel next and prev buttons te be on right and left*/
.owl-prev,
.owl-next
{
position: absolute;
top:50%;
width:60px !important; 
height:60px !important;
display:grid;
place-items:center;
background-color: rgba(17, 17, 17, 0.192) !important;
margin-top: -30px;
color:white !important ;
font-weight: 700 !important;
transition:all 0.4s ease-out;
background-color:rgba(1, 204, 255, 0.973) !important ;
border-radius: 100% !important;
} 
.owl-prev:hover
{
    color:white ;
    background-color:rgb(248, 101, 2)!important;
    padding:3px;
}
.owl-next:hover
{
    color:white ;
    background-color:rgb(248, 101, 2) !important;
    padding:3px;
}
.owl-prev
{
    left: 0;
} 
.owl-next{
    right:0;
} 
#team-slider{
    scale: 100%;
    margin-bottom: 50px;
}
.memberstitle
{
    transition:all 0.4s ease-out;
    color: rgb(0, 0, 0);
    margin-bottom: 20px;
}
.memberstitle:hover{
    color:white;
    background-color: black;
   
}

.team img{
    width: 100px;
    height: auto ;
    background-position: center !important;
    background-size: cover !important;
}
.team .overlay
{
    background:linear-gradient(to top,rgba(6, 166, 214, 0.493),rgba(4, 31, 39, 0));
    position:absolute;
    width: 100%;
    height: 100px;
    bottom:0;
    left:0;

}
.team .content
{
    position: absolute;
    width:100%;
    bottom:0;
    left:0;
    padding:7px;
}

.team h1,
.team h6{
    color:white;
    margin-left: 10px;
    
}
.team h1{
    font-family: 'Good Times Rg', sans-serif;
    font-size:x-large;
    transition: all 0.4s ease-out;

}
.team h1:hover
{
    background-color: #fff;
    color: rgb(3, 184, 230);
    padding:3px;
}
.team h6{
    color: rgba(253, 236, 0, 0.973) ;
    font-size: x-large;
    
}
.team h6::before{
    content:'';
    height:8px;
    width:24px;
    background-color: rgb(252, 151, 0);
    display:inline-block;
    vertical-align:middle;
    margin-right: 10px;
}

.bg-light{
    margin-top: 70px;
}
#blog
{
    margin-top: 50px;
    background-color: rgb(255, 255, 255);
}
.blog-post {

    position: relative;
    background-color: #fff;
    box-shadow: var(--shadow);
}

.blog-post .content {
    padding: 32px;
}
.blog-post img{
    padding-left:30px;
    width:300px;
    height:auto;
}


.blog-post h5 {
    margin-top: 12px;
    margin-bottom: 12px;
}

.blog-post small {
    text-transform: uppercase;
    color: var(--brand);
    text-decoration: underline;
}
#imgpost2
{
   margin-bottom:15px;
}
.content a{
    text-decoration: none;
    color:rgba(14, 137, 172, 0.973);
    letter-spacing: 1px;
    transition: all 0.1s ease-out;
    
}
.content a:hover{
    padding:3px;
   
    color:rgb(250, 213, 7);
}
                      /*ABOUT SECTION*/
.About
{
    font-family: 'Good Times Rg', sans-serif;
  
    width:400px;
    height:auto;
    color: #fff;
   
    float:left;
    
   
    
}
.About h5
{
    margin-top: 20px;
    font-family: sans-serif;
    padding-left: 0px;
margin-left: 0px;


}



footer {
    background: linear-gradient(0deg, rgba(8, 32, 50, 0.9), rgba(8, 32, 50, 0.9)), url(../bgg.jpg), #269cf75e;;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    
}

footer .footer-top {
    padding-top: 80px;
    padding-bottom: 40px;
}

.footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 20px;
    padding-top: 20px;
}

footer .navbar-brand {
    color: #fff;
    
}

footer p {
    color: #ADB3B9;
}

footer .social-icons a {
    width : 60px;
    height: 60px;
    background-color: rgba(15, 120, 168, 0.938);
    color:aliceblue;
    font-size: 40px;
    display:inline-flex;
    align-items: center;
    justify-content: center;
    border-radius:100%;
    padding-top: 3px;
    padding-bottom: 3px;
    text-decoration: none;
    margin-right: 10px;
    transition: all 0,4s ease-out;
}
footer .social-icons a:hover
{
    background-color: white;
    color:rgba(1, 204, 255, 0.973) ;
}
#slogan
{
    font-family: 'Good Times Rg', sans-serif;
    color:white;
    font-weight: 700;
    letter-spacing: 2px;
}                  
.footer-top .navbar-brand
{
    font-family: 'Good Times Rg', sans-serif;
    font-size: 24pt;
    letter-spacing: 1px;
    transition: all 0.4s ease-out;
    
}
.footer-top .navbar-brand:hover
{
    color:rgba(1, 204, 255, 0.973)  ;
}
#aboutparagraph
{
    margin-left: 0px !important;
    text-align: left;
}
.About h1{
    text-align: left;
}