@import url('./palette.css');

@media (max-width :460px ) {
    .sm-max-hidden{
        display: none;
    }
}

@media (max-width :350px ) {
    .smm-max-hidden{
        display: none;
    }
}


/* scroll bar styles */

body::-webkit-scrollbar {
    width: 8px;               /* width of the entire scrollbar */
}
  
body::-webkit-scrollbar-track {
    background: #333;        /* color of the tracking area */
}
  
body::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.498);    /* color of the scroll thumb */
    border-radius: 20px;       /* roundness of the scroll thumb */
    border: 3px solid transparent;
}

body{
    scroll-behavior: smooth;
}

/* scroll bar styles ends */

.active{
    color: #e1ad01;
    font-weight: bolder;
}
.bg-active{
    background-color: #007bff;
}

.font-small-caps{
    font-variant: small-caps;
}

.letter-sp-1{
    letter-spacing: .2mm;
}
.letter-sp-2{
    letter-spacing: .5mm;    
}
.letter-sp-3{
    letter-spacing: 1mm;
}
.letter-sp-4{
    letter-spacing: 1.5mm;
}

.enquiry-input{
    appearance: none;
    -moz-appearance:none;
    -webkit-appearance:none;
    -ms-appearance:none;
    background-color: #f2f2f2;
    border-radius: 10px;
    display: block;
    padding : .5em;
    font-size: 1rem;
    outline: none;
}

.enquiry-btn{
    appearance: none;
    -moz-appearance:none;
    -webkit-appearance:none;
    -ms-appearance:none;
    background-color: var(--navbar);
    border-radius: 10px;
    display: block;
    padding : .5em;
    font-size: 1rem;
    outline: none;
    cursor: pointer;
}
.enquiry-btn:active{
    background-color: var(--text1);
}

.other-btn{
    appearance: none;
    -moz-appearance:none;
    -webkit-appearance:none;
    -ms-appearance:none;
    background-color: var(--bg1);
    border-radius: 10px;
    display: block;
    padding : .5em;
    font-size: 1rem;
    outline: none;
    cursor: pointer;
}
.other-btn:active{
    background-color: var(--bg1-t);
}

.text-indentation{
    margin-left: 1.8em;
}

.grid-container{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.grid-container-sm{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, .75fr));
}

.grid-center{
    justify-content: center;
}

/* explicit Grid */
.grid-explicit{
    /* display: grid; */
    grid-template-columns: 1fr 1fr;
}
.grid-tall{
    grid-row: span 2;
}

.grid-wide{
    grid-column: span 2;
}

/* -------------- */
.service-info {
    cursor: pointer;
}

.service-content {
    display: none;
    position: absolute;
    bottom: 1em;
    width: min(450px,95vw);
    z-index: 1;
}
.service-info:focus > .service-content{
    display: block
}

.service-info:focus-within .service-content {
    display: block
}

/* word overflow */

.over{
    word-wrap: nowrap;
    text-overflow: ellipsis;
}

.fb-50{
    flex-basis:50% ;
}

/* [data-aos]{
    pointer-events: none;
}
[data-aos].aos-animate{
    pointer-events: auto;
} */

/* below is saviour code */
.aos-init[data-aos][data-aos].aos-animate {
    transform: unset;
}

@media (1020px <= width <= 1364px){
    .grid-item-wide{
        grid-column: 2/auto;
    }
}