@import url('https://fonts.cdnfonts.com/css/gilroy-bold');

@font-face {
    font-family: 'OpenSans';
    src: url('/font/OpenSans-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans-SemiBold';
    src: url('/font/OpenSans-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans-Bold';
    src: url('/font/OpenSans-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans-ExtraBold';
    src: url('/font/OpenSans-ExtraBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Ubuntu';
    src: url('/font/Ubuntu-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Ubuntu-Bold';
    src: url('/font/Ubuntu-Bold.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: 'Ubuntu-Light';
    src: url('/font/Ubuntu-Light.ttf') format('truetype');
}


.NavHomeBg{background-color: #FD9711 !important;}
.NavHomeBg a{color: white !important;}



.pc-view{display: block;}
.spacer-left .pc-view{display: flex !important;}
.mobile-view{display: none;}


/* Scrollbar Css */
body::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);border-radius: 10px;background-color: #F5F5F5;}
body::-webkit-scrollbar {width: 6px;background-color: #F5F5F5;}
body::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);background-color: #555;}
/* Scrollbar Css END*/

/* Fixed Header on Top */
header{position: fixed !important;z-index: 100 !important; }

/* Main Css */
main{position: relative;background-color: transparent;}

body{
    margin: 0;
    padding: 0;
    font-size: 24px;
    height: 100vh;
}



/* 3D Model  */









/* 3D Model END */







/* This is for comment */

.scrollable-div .card {
    text-decoration: none;
    display: inline-block;
    border-radius: 25px;
    background-color: #B6F6EA;
    padding: 14px;
    margin: 10px 12px;
    height: 300px; 
    width: 300px;
    transition: .6s ease;

}

.scrollable-div .card-img-top{
    margin-top: 10px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    margin-left: 5px;
}

.scrollable-divMobile .draggable {overflow-x: scroll;overflow-y: hidden;scroll-behavior: smooth; -webkit-overflow-scrolling: touch;}