@import url(./fonts.css);                   
@import url(./partials/_vriables.css);      
@import url(./partials/_global.css);        

body{
    background-color:whitesmoke;
}

.info_bar{
    width: 100%;
    background-color: rgb(214, 50, 50);
}
.info_bar .info_section{
    width: 100%;
}

.info_bar .info_section .top_info{
    min-height: 10px;
    max-height: 30px;
    width: 100%;
    max-width: 100%;
}

.info_bar .info_section .top_info .navbar-brand{
    margin-left: 5px;
    margin-top: -10px;
    margin-right: 0px;
    color:white;
    font-family: Var(Merriweather-regular);
    font-size: 15px;
    font-weight:400;
}

.info_bar .info_section .top_info .info {
    margin-top: -5px;
    margin-left: 0px;
    margin-right: 10px;
    color:yellow;
    font-family: Var(Merriweather-regular) ;
    font-size: 15px;
    font-weight:400;
    width: 45rem;
}

.info_bar .info_section .top_info .contact-description {
    margin-left: 0px;
    margin-top: -8px;
    color:white;
    font-family: Var(Merriweather-regular) ;
    font-size: 15px;
    font-weight:400;
    text-decoration: none;
}

.info_bar .info_section .top_info .contact-email {
    margin-left: 5px;
    margin-top: -8px;
    color:#c9d205;
    font-family: Var(Merriweather-regular) ;
    font-size: 15px;
    font-weight:400;
}

.info_bar .info_section .top_info .contact-phone-description {
    margin-left: 25px;
    margin-top: -8px;
    color:white;
    font-family: Var(Merriweather-regular) ;
    font-size: 15px;
    font-weight:400;
    text-decoration: none;
}

.info_bar .info_section .top_info .contact-phone-number {
    margin-left: 5px;
    margin-top: -8px;
    color:#c9d205;
    font-family: Var(Merriweather-regular) ;
    font-size: 15px;
    font-weight:400;
}

.primary-menu-area .primary-menu{             
    height: 50px;
    width: 100%;
    margin: 0;
    padding:0;    
}

.primary-menu-area .primary-menu .navbar{
    width: 100%;   
    height: 50px;
    margin-left:  0px;
    background-color: whitesmoke;  
}

.primary-menu-area .primary-menu .navbar .company-logo{
    margin-left:25px;    
}

.primary-menu-area .primary-menu .navbar .company{
    margin-left:10px;  
    width:650px;     
    text-transform: none;
    text-decoration: none;           
}

.primary-menu-area .primary-menu .navbar .company .company-name{
    font-family: var(--merriweather);
    color:rgb(214, 50, 50);
    text-transform: none;      
    text-decoration: none;     
    font-weight: 400;
    font-size:16px;
    margin-left: 0px;    
}

.primary-menu-area .primary-menu .navbar .company .company-name2{
    margin-left: 0px;
    font-family: var(--merriweather);
    color:#5170fc;
    text-transform: none;       
    text-decoration: none;      
    font-weight: 500;
    font-size:18px;
}

.primary-menu-area .primary-menu .navbar .company .company-name3{
    margin-left: 0px;
    font-family: var(--merriweather);
    color:rgb(214, 50, 50);
    text-transform: none;       
    text-decoration: none;      
    font-weight: 400;
    font-size:16px;
}

.primary-menu-area .primary-menu .navbar .full-menu  .level-1, 
.primary-menu-area .primary-menu .navbar .full-menu  .level-2{
    display: none;
}

.primary-menu-area .primary-menu .navbar .full-menu a {
    font: normal 500 15px/2px var(--merriweather);      
    text-transform: uppercase;
    color:rgb(214, 50, 50);   
    list-style: none;
    padding-top: 5px;
    padding-bottom: 5px;     
}

.primary-menu-area .primary-menu .navbar .full-menu  .level-0:hover > .level-1{
    display: block;    
}

.primary-menu-area .primary-menu .navbar .full-menu .level-1{
    margin-top: 2px;
}

.primary-menu-area .primary-menu .navbar .full-menu .level-1 .dd-item:hover > .level-2 .dd-item{
    display: block;    
}

.primary-menu-area .primary-menu .navbar .full-menu .level-2{
    position: relative;
    color: rgb(240, 17, 140);
}

.primary-menu-area .primary-menu .navbar .full-menu li:hover > ul {         
    display: block;
    position: absolute;
}

.primary-menu-area .primary-menu .navbar  .full-menu .level-1 .level-2 {
    left: 100%;
    top:inherit;  
    margin:-20px; 
}

li:hover > li {
    float: none;
}

.primary-menu-area .primary-menu .navbar .full-menu .active{
    background:#9eab03;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.primary-menu-area .primary-menu .navbar .full-menu a:hover{
    background:#445cc8;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.site-main .carousel-area{
    background-color: rgb(16, 16, 16);
}

.site-main .carousel-area .carousel-item{
    width:1305px;
    height: 505px;
    padding-left:35px;
    padding-top: 10px;
    padding-right: 5px;
    padding-bottom: 2px;
}
.welcome-area{
    margin-top: 5rem;
}
 
.welcome-area .welcome-title h2{
    font: normal 500 24px/24px var(--merriweather);      
    text-transform: uppercase;
    color:#5170fc;
} 

.welcome-area .welcome-title p{
    font: normal 500 24px/24px Var(Merriweather-regular);
    color:black;
}

.welcome-area .welcome-title .paragraph{
    margin-top: -25px;
}

.welcome-area .welcome-title > button{
    margin-top: 15px;
}

.site-main .notice_board-area{
    margin-top:7rem;
    margin-bottom:2rem;
    margin-left: 30px;
    margin-right:30px;
    border: rgb(243, 60, 60);
    border-style: solid;
    border-width: 3px;
}

.site-main .notice_board-area .carousel_notice{
    margin-top: 10px;
}

.site-main .notice_board-area .about-title {
    margin-top:2rem;
}

.site-main .notice_board-area .about-title .title-h1{
    color:rgb(214, 50, 50);;
}

.site-main .notice_board-area .about-title p{
     padding: 1rem 5rem;
}

.site-main .notice_board-area .carousel_notice .owl-carousel{    
    margin-top: -3rem;
}

.site-main .notice_board-area .carousel_notice .owl-carousel .client{
     box-shadow: var(--box-shadow);
     margin-top: 1rem;      
     margin-left: 0rem;
     margin-right: 0rem;
     margin-bottom: 20px;
     background-color: white;
}

.site-main .notice_board-area .client .client-img{
     padding: 2rem;
}

.site-main .notice_board-area .client .about-client-header{
     padding-top: 2rem;
}

.site-main .notice_board-area .client .about-client-header h4{
     font: normal 500 21px/20px var(--merriweather);
}

.site-main .notice_board-area .client .about-client-header p{
     font: size 14px;
}


.site-main .notice_board-area .client .about-client-detail{
    padding-top: 4rem;
}

.site-main .notice_board-area .client .about-client-detail h4{
    font: normal 500 21px/20px var(--merriweather);
}

.site-main .notice_board-area .client .about-client-detail p{
    font: size 14px;
}

.site-main .notice_board-area .owl-carousel .owl-item{
     display: flex;
     justify-content: center;
     padding:0 1.5rem;
}

.site-main .notice_board-area .owl-carousel .owl-dots .owl-dot.active span{
     background: var(--primary-color);
     width: 12px;
     height: 12px;
     margin:5px 7px;
}

.site-main .services-area{
    width:100%;
    margin-top:5rem;
    margin-left: 0px;
    margin-bottom: 7rem;
    margin-right: 0px;  
    text-decoration: none;     
}

.site-main .services-area .services-list .col-lg-3{
    padding: 0rem 2rem 1rem 2rem;
    width:18rem;
    margin:0.5rem 1rem 1rem 1rem;
    transition: box-shadow .7s ease;
    border: 1px solid;
    border-color: white;
}

.site-main .services-area .services-list .col-lg-3:hover{
    box-shadow: var(--box-shadow);
    cursor:pointer;
    border:none;
    border: 4px solid;
    border-width: 1px;
    border-color: coral;    
}

.site-main .services-area .services-list .col-lg-3 a{
    text-decoration: none;
}

.site-main .services-area .services-list .services .services-img{
    margin-top: 1px;    
    width: 100%;
    height: 100px;
}

.site-main .services-area .services-list .card-body{
    margin-top: -10px;
    height:300px;
    margin-top:10px;
}

.site-main .services-area .services-list .card-body .card-title{
    margin-top: -10px;     
    font-family: var(--merriweather) ;    
    font-weight: 400;
    font-size:22px;
    color:brown;
    height: 50px;
    text-align: center;    
}

.site-main .services-area .services-list .card-body .card-text{
    font-family: var(--merriweather) ;    
    font-weight: 400;
    font-size:16px;
    color:rgb(5, 5, 5);
    height: 50px;
    text-align: center;
}

footer.footer-area{
     padding: 2rem 0;
     background: url(../img/footer-bg.png) no-repeat;
}

footer.footer-area .social h5{
     font:normal 500 23px/30px var(--merriweather);
     color:#9eab03;
}

footer.footer-area .social a>i{
     font-size: 25px;
     padding: 2rem;
     color:#a61706;
}

footer.footer-area .social a:hover >i{
     color:var(--primary-color);
}

footer.footer-area .trademark .trademark_notice{
    font-family:var(--merriweather);
    font-size: 10px;
    color:#000;
    margin-top : -15px;
}

.contact{
    margin-top: 1rem;
    margin-left: 50px;
    margin-right: 50px;    
}

.contact .h1{
    font-family:var(--merriweather);
    font-size: 20px;
    color:rgb(237, 18, 18);
    /* margin-top : -15px; */
    background-color: rgb(255, 255, 255);
    /* padding-left: 40px; */
    padding-top: 100px;
}

.contact .chin_kmtm {
    padding: 2rem 2rem 2rem 2rem ;
    /* background-color: rgb(211, 201, 223); */
    border: white;
    border-style: solid;
    border-width: 3px;
    background-color: whitesmoke;
}

.form-contact .contact-container .col-sm-8 .contact-form1 .main-contact-form .form-group{
    padding-top: 5rem;
    padding-bottom: 5rem;
}


.google-map{
    width:1270px;
    height:600px;
    background-color: whitesmoke;
    padding-left: 40px;
    /* padding-right: 40px; */
}
.google-map h1{
    font-family:var(--merriweather);
    font-size: 20px;
    color:#000;
    /* margin-top : -15px; */
    background-color: whitesmoke;
    /* padding-left: 40px; */
    padding-top: 100px;
}

#map {
    /* height: 100%; */
    height: 400px; /* The height is 400 pixels */
    width: 100%; /* The width is the width of the web page */
  }