@font-face {
    font-family: diot;
    src: url(../fonts/GFSDidot-Regular.ttf);
}

@font-face {
    font-family: myrid-pro;
    src: url(../fonts/Myriad-Pro-Regular.ttf);
}

body{
    font-family: myrid-pro;
    color : white;
}

.heading{
    font-family: diot;
    color : white;
}

/* Hide scrollbar for Chrome, Safari and Opera */
::-webkit-scrollbar {
    display: none;
}

/* width */
::-webkit-scrollbar {
    width: 0px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #000000; 
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: rgb(88, 88, 88); 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555; 
}


.width-100{
    width : 100%;
}

.bold{
    font-weight: bold;
}

.color-white{
    color : white !important;
}

.navbar{
    padding: .3rem 1rem;
}

a:active, a:focus, a:hover, li:active, li:focus {
    outline: 0;
}


.nav-item{
    margin: 0px 5px 0px;
    list-style: none;
}

.nav-link {
    /* border-top : 1px solid black;
    border-bottom : 1px solid black;
    padding: 7px 20px !important; */
    color : white !important;
    font-size : -10em;
    font-family: 'HelveticaMedium';
}

.nav-link:hover {
    border-bottom : 1px solid #fb00ff;
}

.nav-item:hover{
    /* background-color: teal; */
}

.nav-img-align{
    width: 18px;
    height: 18px;
    align-self: center;
    margin-right: 5px;
}

.custom-dropdown-style{
    background: rgb(255 255 255 / 0.9);
    border-radius: 0px;
}

.dropdown-item:hover {
    color: teal !important;
    font-weight: bolder;
}

.dropdown-item:active {
    background-color: rgb(200 200 200 / 0.9) !important;
}

.dropdown-item{
    padding: .25rem 0.6rem !important;
    font-size: small;
}

.image-show{
    margin-top: 7vh;
}
.content-show{
    margin-left: 60px;
}

.parent {
    position: relative;
}
.child {
    margin-top: 8em;
    padding-left: 16px;
}
.description{
    color: #7baaa4;
    font-size: 15px;
}

.active > a{
    color:white !important;
    background-color: rgb(200 200 200 / 0);
    font-family: 'HelveticaNeueBold';
}


.mob-menu
{
    display : block;
    margin : auto;
}

.display-heading{
    text-align: center;
    font-size: 8.5rem;
    font-family: diot;
    color : white;
}

.cursor-pointer{
    cursor: pointer !important;
}

button{
    outline: none !important;
}

.alpha{
    color: rgb(0 0 0 / 0%) !important;
    cursor: default;
}


.dummy-wrap {
    animation: slideup 2s;
    -moz-animation: slideup 2s;
    -webkit-animation: slideup 2s;
    -o-animation: slideup 2s;
    animation-fill-mode: forwards;
  }

.black-box{
    background: #00000033;
}

@keyframes slideup {
    0% {top: 0px; opacity: 1;}
    99% {top: -20px;  opacity: 0; width: 100%; height: 100%;}
    100% {top: -20px;  opacity: 0; width: 0; height: 0; z-index:-10}
  }
  
  @-moz-keyframes slideup {
    0% {top: 0px; opacity: 1;}
    99% {top: -20px;  opacity: 0; width: 100%; height: 100%;}
    100% {top: -20px;  opacity: 0; width: 0; height: 0; z-index:-10}
  }
  
  @-webkit-keyframes slideup {
    0% {top: 0px; opacity: 1;}
    99% {top: -20px;  opacity: 0; width: 100%; height: 100%;}
    100% {top: -20px;  opacity: 0; width: 0; height: 0; z-index:-10}
  }
  
  @-o-keyframes slideup {
    0% {top: 0px; opacity: 1;}
    99% {top: -20px;  opacity: 0; width: 100%; height: 100%;}
    100% {top: -20px;  opacity: 0; width: 0; height: 0; z-index:-10}
  }




/* On screens that are 1200px wide or less, the background color is blue */
@media screen and (max-width: 1500px) {
    
    .col-4
    {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-8 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
}


/* On screens that are 1200px wide or less, the background color is blue */
@media screen and (max-width: 1200px) {
    .content-show {
        margin-left: 0px;
    }
    .image-show{
        display: none;
    }
}

/* On screens that are 992px wide or less, the background color is blue */
@media screen and (max-width: 992px) {
    
    .web-version
    {
        display: none !important;
    }

    .display-heading{
        font-size: 3.5rem !important;
    }
}

/* On screens that are 992px or more, the background color is blue */
@media screen and (min-width: 992px) {
    .mob-version
    {
        display: none !important;
    }

    .tab-version
    {
        display: none !important;
    }
}