@font-face {
    font-family: 'Hind-Madurai';
    src: url('../fonts/HindMadurai-Regular/HindMadurai-Regular.eot');
    src: url('../fonts/HindMadurai-Regular/HindMadurai-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HindMadurai-Regular/HindMadurai-Regular.woff2') format('woff2'),
    url('../fonts/HindMadurai-Regular/HindMadurai-Regular.woff') format('woff'),
    url('../fonts/HindMadurai-Regular/HindMadurai-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Hind-Madurai-bold';
    src: url('../fonts/HindMadurai-Bold/HindMadurai-Bold.eot');
    src: url('../fonts/HindMadurai-Bold/HindMadurai-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HindMadurai-Bold/HindMadurai-Bold.woff2') format('woff2'),
    url('../fonts/HindMadurai-Bold/HindMadurai-Bold.woff') format('woff'),
    url('../fonts/HindMadurai-Bold/HindMadurai-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
:root{
    --mainColor: #eeee22;
    --secondColor:#e66a00;

}
a:hover{
    text-decoration: none;
}
input,textarea:focus{
    outline: none;
    box-shadow: none;
}
body{
    font-family: 'Hind-Madurai',sans-serif !important;
    overflow-x: hidden;
    padding: 0;
    background: #f3edd5 !important;
    line-height: 24px;
    text-align: left;
    color: #2b2b2b !important;
}
.img-left-travelya{
    width: 400px;
    position: absolute;
    left: -5px;
    bottom: -11px;
}
.img-right-travelya{
    width: 400px;
    position: absolute;
    right: -1px;
    bottom: -7px;
}
.parent-intro-travelta{
    height: 100vh;
    width: 100%;
    overflow: hidden;
}
.intero-travelta{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
.parent-link-travelta-intro{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}
.parent-link-travelta-intro a{
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center;
    transition: all ease .3s;
}
.parent-link-travelta-intro a:hover{
    transform: translateY(-5px);
}
.parent-link-travelta-intro a img{
    width: 400px;
    border: 7px solid #513062;
    border-radius: 50px;
}
.parent-logo-travelta img{
    width: 200px;
}
.parent-link-travelta-intro a h2{
    color: #513062;
}

@media (max-width: 857px) {
    .parent-link-travelta-intro{
        grid-template-columns: repeat(1, 1fr);
        grid-row-gap: 40px;
    }
    .img-right-travelya{
        display: none;
    }
    .img-left-travelya{
        display: none;
    }
}