@charset "utf-8";
                                                html {
                                                    -webkit-box-sizing: border-box;
                                                    -moz-box-sizing: border-box;
                                                    box-sizing: border-box;
                                                    scroll-behavior: smooth;
                                                }

                                                body {
                                                    overflow: auto;
                                                }

                                                *, *:before, *:after {
                                                    -webkit-box-sizing: border-box;
                                                    -moz-box-sizing: border-box;
                                                    box-sizing: border-box;
                                                }

                                                html, body {
                                                    height: 100%;
                                                }

                                                body {
                                                    margin: 0;
                                                }

                                                *:focus {
                                                    outline: none;
                                                }

                                                button {
                                                    cursor: pointer;
                                                }

                                                button:focus {
                                                    outline: 0;
                                                }

                                                label {
                                                    margin-bottom: 0 !important;
                                                }
                                                a:hover{
                                                   text-decoration: none;
                                                }
.row{
    margin-left:0 !important;
    margin-right:0 !important;

}
                                                @font-face {
                                                    font-family: 'Barlow-SemiBold';
                                                    src: url('../fonts/barlow.semibold.ttf') format('ttf');
                                                    src: url('../fonts/Barlow-SemiBold.eot');
                                                    src: url('../fonts/Barlow-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Barlow-SemiBold.woff2') format('woff2'), url('../fonts/Barlow-SemiBold.woff') format('woff'), url('../fonts/Barlow-SemiBold.svg#Barlow-SemiBold') format('svg');
                                                    font-weight: 600;
                                                    font-style: normal;
                                                    font-display: swap;
                                                }

                                                @font-face {
                                                    font-family: 'Barlow-Light';
                                                    src: url('../fonts/barlow.light.ttf') format('ttf');
                                                    src: url('../fonts/Barlow-Light.eot');
                                                    src: url('../fonts/Barlow-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Barlow-Light.woff2') format('woff2'), url('../fonts/Barlow-Light.woff') format('woff'), url('../fonts/Barlow-Light.svg#Barlow-Light') format('svg');
                                                    font-weight: 300;
                                                    font-style: normal;
                                                    font-display: swap;
                                                }

                                                @font-face {
                                                    font-family: 'Barlow-Bold';
                                                    src: url('../fonts/barlow.bold.ttf') format('ttf');
                                                    src: url('../fonts/Barlow-Bold.eot');
                                                    src: url('../fonts/Barlow-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Barlow-Bold.woff2') format('woff2'), url('../fonts/Barlow-Bold.woff') format('woff'), url('../fonts/Barlow-Bold.svg#Barlow-Bold') format('svg');
                                                    font-weight: bold;
                                                    font-style: normal;
                                                    font-display: swap;
                                                }

                                                @font-face {
                                                    font-family: 'Barlow-Medium';
                                                    src: url('../fonts/barlow.medium.ttf') format('ttf');
                                                    src: url('../fonts/Barlow-Medium.eot');
                                                    src: url('../fonts/Barlow-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Barlow-Medium.woff2') format('woff2'), url('../fonts/Barlow-Medium.woff') format('woff'), url('../fonts/Barlow-Medium.svg#Barlow-Medium') format('svg');
                                                    font-weight: 500;
                                                    font-style: normal;
                                                    font-display: swap;
                                                }

                                                ::-webkit-scrollbar {
                                                    width: 1px;
                                                }

                                                ::-webkit-scrollbar-track {
                                                    box-shadow: inset 0 0 5px #fff;
                                                    border-radius: 10px;
                                                }

                                                ::-webkit-scrollbar-thumb {
                                                    background: #fff;
                                                    border-radius: 10px;
                                                }

                                                ::-webkit-scrollbar-thumb:hover {
                                                    background: #fff;
                                                }



                                                .pad-0 {
                                                    padding: 0 !important;
                                                }

                                                .fl-left {
                                                    float: left;
                                                }

                                                .fl-right {
                                                    float: right;
                                                }

                                                .pad-5 {
                                                    padding: 0 5%;
                                                }

                                                .logowrap {
                                                    float: left;
                                                    width: 130px;
                                                }

                                                .logowrap img {
                                                    width: 120px;
                                                    height: auto;
                                                    position: relative;
                                                    top: -7px;
                                                }



                                                /*popular destinations css starts here*/

                                                .pad-10 {
                                                    padding: 70px 5%;
                                                }

                                                .grey-bg {
                                                    background: #F4F4F4;
                                                }

                                                .headtext1 {
                                                    font-family: "Barlow-Bold";
                                                    color: #000000;
                                                    font-size: 30px;
                                                    margin-bottom: 30px;
                                                    position: relative;
                                                }

                                                .headtext1::after {
                                                    content: "";
                                                    position: absolute;
                                                    bottom: -8px;
                                                    border-style: solid;
                                                    border-color: inherit;
                                                    width: 120px;
                                                    left: 0;
                                                }

                                                .container {
                                                    max-width: 1044px;
                                                    margin: 0 auto;
                                                    padding: 0 20px;
                                                }

                                                .carousel {
                                                    display: block;
                                                    text-align: left;
                                                    position: relative;
                                                    margin-bottom: 22px;
                                                }

                                                .carousel>input {
                                                    clip: rect(1px, 1px, 1px, 1px);
                                                    clip-path: inset(50%);
                                                    height: 1px;
                                                    width: 1px;
                                                    margin: -1px;
                                                    overflow: hidden;
                                                    padding: 0;
                                                    position: absolute;
                                                }

                                                .carousel>input:nth-of-type(11):checked~.carousel__slides .carousel__slide:first-of-type {
                                                    margin-left: -1000%;
                                                }

                                                .carousel>input:nth-of-type(10):checked~.carousel__slides .carousel__slide:first-of-type {
                                                    margin-left: -900%;
                                                }

                                                .carousel>input:nth-of-type(9):checked~.carousel__slides .carousel__slide:first-of-type {
                                                    margin-left: -800%;
                                                }

                                                .carousel>input:nth-of-type(8):checked~.carousel__slides .carousel__slide:first-of-type {
                                                    margin-left: -700%;
                                                }

                                                .carousel>input:nth-of-type(7):checked~.carousel__slides .carousel__slide:first-of-type {
                                                    margin-left: -600%;
                                                }

                                                .carousel>input:nth-of-type(6):checked~.carousel__slides .carousel__slide:first-of-type {
                                                    margin-left: -500%;
                                                }

                                                .carousel>input:nth-of-type(5):checked~.carousel__slides .carousel__slide:first-of-type {
                                                    margin-left: -400%;
                                                }

                                                .carousel>input:nth-of-type(4):checked~.carousel__slides .carousel__slide:first-of-type {
                                                    margin-left: -300%;
                                                }

                                                .carousel>input:nth-of-type(3):checked~.carousel__slides .carousel__slide:first-of-type {
                                                    margin-left: -200%;
                                                }

                                                .carousel>input:nth-of-type(2):checked~.carousel__slides .carousel__slide:first-of-type {
                                                    margin-left: -100%;
                                                }

                                                .carousel>input:nth-of-type(1):checked~.carousel__slides .carousel__slide:first-of-type {
                                                    margin-left: 0%;
                                                }

                                                .carousel>input:nth-of-type(1):checked~.carousel__thumbnails li:nth-of-type(1), .carousel>input:nth-of-type(2):checked~.carousel__thumbnails li:nth-of-type(2), .carousel>input:nth-of-type(3):checked~.carousel__thumbnails li:nth-of-type(3), .carousel>input:nth-of-type(4):checked~.carousel__thumbnails li:nth-of-type(4), .carousel>input:nth-of-type(5):checked~.carousel__thumbnails li:nth-of-type(5), .carousel>input:nth-of-type(6):checked~.carousel__thumbnails li:nth-of-type(6), .carousel>input:nth-of-type(7):checked~.carousel__thumbnails li:nth-of-type(7), .carousel>input:nth-of-type(8):checked~.carousel__thumbnails li:nth-of-type(8), .carousel>input:nth-of-type(9):checked~.carousel__thumbnails li:nth-of-type(9), .carousel>input:nth-of-type(10):checked~.carousel__thumbnails li:nth-of-type(10), .carousel>input:nth-of-type(11):checked~.carousel__thumbnails li:nth-of-type(11) {
                                                    box-shadow: 0px 0px 0px 5px rgba(0, 0, 255, 0.5);
                                                }

                                                .carousel__slides {
                                                    position: relative;
                                                    z-index: 1;
                                                    padding: 0;
                                                    margin: 0;
                                                    overflow: hidden;
                                                    white-space: nowrap;
                                                    box-sizing: border-box;
                                                    display: flex;
                                                }

                                                .carousel__slide {
                                                    position: relative;
                                                    display: block;
                                                    flex: 1 0 100%;
                                                    width: 100%;
                                                    height: 100%;
                                                    overflow: hidden;
                                                    transition: all 300ms ease-out;
                                                    vertical-align: top;
                                                    box-sizing: border-box;
                                                    white-space: normal;
                                                }

                                                .carousel__slide .figure {
                                                    display: flex;
                                                    margin: 0;
                                                }

                                                .carousel__slide div {
                                                    position: relative;
                                                    width: 100%;
                                                    min-height: 500px;
                                                }

                                                /* .carousel__slide div:before {
                        display: block;
                        content: "";
                        width: 100%;
                        padding-top: 66.6666666667%;
                    } */

                                                .carousel__slide div>img {
                                                    position: absolute;
                                                    top: 0;
                                                    left: 0;
                                                    right: 0;
                                                    bottom: 0;
                                                    width: 100%;
                                                    height: 100%;
                                                }

                                                .carousel__slide img {
                                                    display: block;
                                                    flex: 1 1 auto;
                                                    object-fit: cover;
                                                }

                                                .carousel__slide .figcaption {
                                                    align-self: flex-end;
                                                    padding: 20px 20px 0 20px;
                                                    flex: 0 0 auto;
                                                    width: 100%;
                                                    min-width: 150px;
                                                }

                                                .carousel__slide .figcaption h3 {
                                                    font-family: "Barlow-SemiBold";
                                                    font-size: 20px;
                                                }

                                                .carousel__slide .credit {
                                                    margin-top: 1rem;
                                                    color: rgba(0, 0, 0, 0.5);
                                                    display: block;
                                                    font-family: "Barlow-Light";
                                                }

                                                .carousel__slide.scrollable {
                                                    overflow-y: scroll;
                                                }

                                                .carousel__thumbnails {
                                                    list-style: none;
                                                    padding: 0;
                                                    margin: 0;
                                                    display: flex;
                                                    margin: 0 -10px;
                                                }

                                                .carousel__slides+.carousel__thumbnails {
                                                    margin-top: 20px;
                                                }

                                                .carousel__thumbnails li {
                                                    flex: 1 1 auto;
                                                    max-width: calc((100% / 11) - 20px);
                                                    margin: 0 10px;
                                                    transition: all 300ms ease-in-out;
                                                }

                                                .carousel__thumbnails label {
                                                    display: block;
                                                    position: relative;
                                                }

                                                .carousel__thumbnails label:before {
                                                    display: block;
                                                    content: "";
                                                    width: 100%;
                                                    padding-top: 100%;
                                                }

                                                .carousel__thumbnails label>img {
                                                    position: absolute;
                                                    top: 0;
                                                    left: 0;
                                                    right: 0;
                                                    bottom: 0;
                                                    width: 100%;
                                                    height: 100%;
                                                }

                                                .carousel__thumbnails label:hover, .carousel__thumbnails label:focus {
                                                    cursor: pointer;
                                                }

                                                .carousel__thumbnails label:hover img, .carousel__thumbnails label:focus img {
                                                    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
                                                    transition: all 300ms ease-in-out;
                                                }

                                                .carousel__thumbnails img {
                                                    display: block;
                                                    width: 100%;
                                                    height: 100%;
                                                    object-fit: cover;
                                                }

                                                /*popular destinations css endss here*/

                                                /*events strts here*/

                                                #wrap {
                                                    position: relative;
                                                    left: 0;
                                                    top: 0;
                                                    width: 150%;
                                                    height: 100%;
                                                    display: flex;
                                                    align-items: stretch;
                                                    margin: 0 25%;
                                                }

                                                .hb {
                                                    position: relative;
                                                    width: 25%;
                                                    z-index: 1;
                                                    display: flex;
                                                    align-items: center;
                                                    z-index: 2;
                                                    transform: scale(.97);
                                                }

                                                .c {
                                                    position: relative;
                                                    display: block;
                                                    max-width: 90%;
                                                }

                                                .c img {
                                                    position: relative;
                                                    display: block;
                                                    width: 100%;
                                                    height: auto;
                                                    z-index: 2;
                                                }

                                                .txt {
                                                    position: absolute;
                                                    top: 100%;
                                                    left: 10%;
                                                    width: 80%;
                                                    opacity: 0;
                                                    padding: 1em 0 0 1em;
                                                    border-left: 1px solid;
                                                    z-index: 1;
                                                    transform: scaleY(1) translateY(-50px);
                                                    transition: transform .2s, opacity .5s;
                                                }

                                                h1 {
                                                    font-size: 1.2em;
                                                    font-weight: 700;
                                                    text-transform: uppercase;
                                                }

                                                .hb:hover .txt {
                                                    opacity: 1;
                                                    transform: scaleY(1) translateY(0);
                                                }

                                                .fullBg {
                                                    position: fixed;
                                                    top: 0;
                                                    left: 0;
                                                    width: 100%;
                                                    height: 100%;
                                                    opacity: 0;
                                                    transition: transform .5s, opacity .5s;
                                                    transform: scale(1);
                                                    z-index: 1;
                                                }

                                                .fullBg img {
                                                    width: 100%;
                                                    height: 100%;
                                                    object-fit: cover;
                                                    object-position: center;
                                                    opacity: .5;
                                                }

                                                .hb:hover+.fullBg {
                                                    opacity: 1;
                                                    transform: scale(1.02);
                                                }

                                                .credits {
                                                    position: fixed;
                                                    bottom: 0;
                                                    right: 0;
                                                    padding: 1.5em;
                                                    font-size: .8em;
                                                    text-align: right;
                                                    font-style: italic;
                                                    opacity: .8;
                                                    transition: opacity .2;
                                                    z-index: 3;
                                                }

                                                .credits:hover {
                                                    text-decoration: underline;
                                                    opacity: 1;
                                                }

                                                /*events ends here*/

                                                /*popular food tarts here*/

                                                .foodwrapper {
                                                    float: left;
                                                    width: 100%;
                                                }

                                                .foodwrapper>* {
                                                    margin: 5px;
                                                }

                                                .media {
                                                    overflow: hidden;
                                                    position: relative;
                                                    width: 100%;
                                                    max-height: 200px;
                                                    float: left;
                                                    margin: 0 0 15px;
                                                    padding-left: 0;
                                                }

                                                .media img {
                                                    max-width: 100%;
                                                    height: auto;
                                                }

                                                .layer {
                                                    opacity: 0;
                                                    position: absolute;
                                                    display: flex;
                                                    justify-content: center;
                                                    align-items: center;
                                                    width: 10px;
                                                    height: 90%;
                                                    background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0;
                                                    border: 1px solid rgba(255, 255, 255, 0.5);
                                                    color: #151e3f;
                                                    transition: all 0.9s ease;
                                                }

                                                .layer p {
                                                    transition: all 0.9s ease;
                                                    transform: scale(0.1);
                                                    text-transform: capitalize;
                                                }

                                                .media:hover .layer {
                                                    opacity: 0.8;
                                                    width: 90%;
                                                    height: 90%;
                                                    transition: all 0.5s ease;
                                                }

                                                .media:hover .layer p {
                                                    transform: scale(1);
                                                    transition: all 0.9s ease;
                                                    padding: 10px;
                                                    text-align: center
                                                }

                                                /*popular food end here*/

                                                /*popular event start here*/

                                                .events ul {
                                                    position: relative;
                                                    top: 0;
                                                    bottom: 0;
                                                    left: 0;
                                                    right: 0;
                                                    margin: auto;
                                                    list-style: none;
                                                    width: 100%;
                                                    height: 470px;
                                                    border-radius: 3px;
                                                    overflow: hidden;
                                                    box-shadow: 1px 1px 3px 1px;
                                                    padding: 0px;
                                                }

                                                .events li {
                                                    position: relative;
                                                    width: 190px;
                                                    height: 470px;
                                                    float: left;
                                                    border-left: 1px solid white;
                                                    -webkit-transition: all 0.7s;
                                                    -moz-transition: all 0.7s;
                                                    transition: all 0.7s;
                                                    box-shadow: -2px 0 10px 2px;
                                                }

                                                .events ul li:first-child {
                                                    border: none;
                                                }

                                                .events span {
                                                    display: block;
                                                    position: absolute;
                                                    bottom: 0;
                                                    width: 100%;
                                                    color: white;
                                                    white-space: nowrap;
                                                    /* background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.50) 100%);
                                            background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.50)), color-stop(100%, rgba(0, 0, 0, 0.50)));
                                            background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.50) 100%);
                                            background: -o-linear-gradient(left, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.50) 100%);
                                            background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.50) 100%);
                                            background: linear-gradient(to right, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 100%);
                                            filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000', GradientType=1); */
                                                    z-index: 2
                                                }

                                                .events span::after {
                                                    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
                                                    bottom: 0;
                                                    content: "";
                                                    height: -webkit-fill-available;
                                                    left: -8px;
                                                    position: absolute;
                                                    transform: skewX(-24deg);
                                                    width: 99%;
                                                    z-index: -2;
                                                }

                                                .events ul li span h6 {
                                                    font-family: "Barlow-Light";
                                                    white-space: normal;
                                                    width: 100%;
                                                    padding: 0 10px;
                                                }

                                                .events span h6 {
                                                    text-align: left;
                                                }

                                                .events img {
                                                    /* width: 800px;
                                            height: 450px; */
                                                    width: 948px;
                                                    height: 540px;
                                                }

                                                .events ul:hover li {
                                                    width: 60px;
                                                }

                                                .events ul li:hover {
                                                    width: 850px;
                                                }

                                                /*popular event end here*/

                                                /*testimonila section starts here*/

                                                #testimonials-section {
                                                    padding: 80px 0;
                                                    background: #f4f4f4;
                                                    background: url(../images/testimonial-banner.jpg);
                                                    background-size: cover;
                                                    /* background-attachment: fixed; */
                                                    color: #212121;
                                                }

                                                .section-title h2 {
                                                    font-family: "Barlow-SemiBold";
                                                }

                                                #testimonial {
                                                    padding: 30px 0;
                                                    text-align: center;
                                                }

                                                #testimonial .item {
                                                    display: block;
                                                    width: 100%;
                                                    height: auto;
                                                }

                                                #testimonial .item p {
                                                    font-weight: 400;
                                                    margin: 0 0 30px 0;
                                                    font-family: "Barlow-Light";
                                                    text-align: justify;
                                                }

                                                hr {
                                                    height: 3px;
                                                    width: 60px;
                                                    position: relative;
                                                    background: #212121;
                                                    border: 0;
                                                    margin-bottom: 30px;
                                                }



                                                /*testimonila section ends here*/

                                                /*footer css starts here*/

                                                .black-bg::before {
                                                    background: rgba(0, 0, 0, 0.75) none repeat scroll 0 0;
                                                    content: "";
                                                    height: 100%;
                                                    left: 0;
                                                    position: absolute;
                                                    top: 0;
                                                    width: 100%;
                                                }

                                                .black-bg {
                                                    position: relative;
                                                    background: rgba(0, 0, 0, 0) url(../images/footer-bg.jpg) no-repeat scroll center top / cover;
                                                    color: #a4a4a4;
                                                    padding-top: 50px;
                                                    padding-bottom:50px;
                                                    min-height: 500px;
                                                }

                                                .black-bg p {
                                                    color: #a4a4a4;
                                                    width: 100%;
                                                    text-align: center;
                                                    margin: 35px auto 0;
                                                    float: left;
                                                    font-size: 13px;
                                                    font-family: "Barlow-Light";
                                                }

                                                .social-links {
                                                    display: flex;
                                                    justify-content: center;
                                                    margin: 35px 0 0;
                                                    padding-inline-start: 0;
                                                    float: left;
                                                    width: 100%;
                                                    flex-wrap: wrap;
                                                }

                                                .social-links li {
                                                    border: 1px solid #a4a4a4;
                                                    margin: 0 15px;
                                                    border-radius: 4px;
                                                }

                                                .footsect {
                                                    float: left;
                                                }

                                                .footsect ul {
                                                    padding-inline-start: 0 !important;
                                                }
                                                .mailboxwrap{
                                                    float:left;
                                                    width:100%;
                                                }
                                                .mailboxwrap .pad-lt-0{
                                                    padding-left:0 !important;
                                                }

                                                .black-bg ul li {
                                                    padding: 8px 12px;
                                                    font-family: "Barlow-Light";
                                                    font-size: 16px;
                                                }

                                                .black-bg ul li:nth-of-type(1), .newshead {
                                                    font-family: "Barlow-Bold";
                                                    font-size: 20px;
                                                    color: #ffffff;
                                                }

                                                .newshead {
                                                    font-family: "Barlow-Bold";
                                                    font-size: 20px;
                                                    color: #ffffff;
                                                    padding: 13px 0;
                                                }

                                                .newsletter-content p {
                                                    text-align: left;
                                                    padding: 8px 0 20px;
                                                    font-family: "Barlow-Light";
                                                    font-size: 16px;
                                                    margin: 0;
                                                }

                                                .newsletter-content input {
                                                    background: transparent;
                                                    color: #7f8484;
                                                    border: 1px solid #a4a4a4;
                                                    color: #ffffff;
                                                    line-height: 45px;
                                                    opacity: 1;
                                                    padding: 0 8px;
                                                    width: 100%;
                                                    float: right;
                                                    font-family: "Barlow-Light";
                                                    border-radius: 2px;
                                                }

                                                .pad-t-30 {
                                                    padding-top: 40px;
                                                }

                                                .nl-input::placeholder, .nl-input::-webkit-input-placeholder {
                                                    color: #ffffff;
                                                }

                                                .nl-input::-moz-placeholder {
                                                    color: #ffffff;
                                                }

                                                .nl-input::-ms-input-placeholder {
                                                    color: #ffffff;
                                                }

                                                .newsletter-content button {
                                                    padding: 0 8px;
                                                    text-transform: uppercase;
                                                    border: 0 none;
                                                    color: #ffffff;
                                                    font-size: 15px;
                                                    font-weight: 300;
                                                    line-height: 45px;
                                                    transition: all 0.3s ease 0s;
                                                    background: #3550a3 none repeat scroll 0 0 !important;
                                                    width: 100%;
                                                    font-family: "Barlow-Light";
                                                    border: 1px solid #3550a3;
                                                    border-radius: 2px;
                                                }

                                                .black-bg ul li img {
                                                    width: 30px;
                                                    height: 30px;
                                                }

                                                /*footer css end here*/

                                                .title-border {
                                                    position: relative;
                                                    text-align: center;
                                                }

                                                .headtexttitle {
                                                    display: inline-block;
                                                    font-size: 26px;
                                                    font-weight: 600;
                                                    margin-bottom: 40px;
                                                    padding-bottom: 30px;
                                                    position: relative;
                                                    text-transform: uppercase;

                                                }

                                                .headtexttitle span {
                                                    color: #3551a3;
                                                }

                                                .headtexttitle::before {
                                                    background: #F40F50 none repeat scroll 0 0;
                                                    left: 0;
                                                    margin-left: 0;
                                                    width: 100%;
                                                    bottom: 0;
                                                    content: "";
                                                    height: 1px;

                                                    position: absolute;
                                                    text-align: center;
                                                }

                                                /* .mlfood::before {
                                                    margin-left: -132.5px !important;
                                                } */

                                                .section-title h1::before {
                                                    background: #bcbcbc none repeat scroll 0 0;
                                                }

                                                .title-border::after {
                                                    background: rgba(0, 0, 0, 0) url(../images/deck.svg) no-repeat scroll 0 0;
                                                    bottom: 25px;
                                                    margin-left: -20px;
                                                    width: 35px;
                                                    content: "";
                                                    height: 40px;
                                                    left: 50%;
                                                    position: absolute;
                                                }

                                                @media (min-width: 998px) {
                                                    .media:hover .layer {
                                                        margin: 2%;
                                                    }
                                                }

                                                @media (max-width: 980px) {}



                                                @media (max-width: 600px) {
                                                    .foodwrapper>* {
                                                        display: block;
                                                    }
                                                    .foodwrapper>* {
                                                        margin: 10px;
                                                    }
                                                }

                                                @media (max-width: 575px) {
                                                    .carousel__slide .figure {
                                                        display: block;
                                                    }
                                                    .carousel__slide div {
                                                        min-height: 200px;
                                                    }
                                                    .carousel__slide .figcaption {
                                                        padding: 20px 0 0;
                                                        width: 100%;
                                                    }
                                                    .media {
                                                        padding-right: 0;
                                                        max-height: none;
                                                    }
                                                    .media:hover .layer {
                                                        margin: 2% 3%;
                                                    }
                                                }

                                                @media (max-width: 480px) {
                                                    .events li {
                                                        width: 280px;
                                                    }
                                                    .events ul:hover li {
                                                        width: 15px;
                                                    }
                                                    .events ul li:hover {
                                                        width: 318px;
                                                    }
                                                    .events img {
                                                        width: 100%;
                                                        height: auto;
                                                    }
                                                    .events ul, .events li {
                                                        height: 188px;
                                                    }
                                                    .events span h6 {
                                                        font-size: 10px;
                                                        white-space: nowrap !important;
                                                    }
                                                }

                                                @media (max-width: 360px) {

                                                    .formheadmrg::before {
                                                        left: 67% !important;
                                                    }
                                                }

                                                @media only screen and (min-width: 321px) and (max-width: 375px) {
                                                    .events ul li:hover {
                                                        width: 266px !important;
                                                    }
                                                }

                                                @media (max-width: 320px) {
                                                    .events ul li:hover {
                                                        width: 226px !important;
                                                    }
                                                }

                                                @media only screen and (min-width: 601px) and (max-width: 1025px) {
                                                    .events ul:hover li {
                                                        width: 20px;
                                                    }
                                                    .events ul li:hover {
                                                        width: 534px;
                                                    }
                                                }

                                                /*--login--*/



                                                a {
                                                    color: inherit;
                                                    text-decoration: none
                                                }

                                                .login-wrap {
                                                    width: 100%;
                                                    height: 100vh;
                                                    position: relative;
                                                    background: url(../images/Malaysia-bg1.jpg) no-repeat center;
                                                    box-shadow: 0 12px 15px 0 rgba(0, 0, 0, .24), 0 17px 50px 0 rgba(0, 0, 0, .19);
                                                    display: flex;
                                                    float: left;
                                                    background-size: cover;
                                                    align-items: center;
                                                    justify-content: center;
                                                }

                                                .login-html {
                                                    width: 100%;
                                                    height: 100%;
                                                    position: absolute;
                                                    background: rgba(0, 22, 99, .5);
                                                }

                                                .login-html .sign-in, .login-html .sign-up, .login-form .group .check {
                                                    display: none;
                                                }

                                                .login-html .tab {
                                                    font-size: 28px;
                                                    margin-right: 15px;
                                                    padding-bottom: 5px;
                                                    margin: 10px 0 36px;
                                                    display: inline-block;
                                                }

                                                .login-form {
                                                    width: 80%;
                                                }

                                                .login-form .group {
                                                    margin-bottom: 15px;
                                                }

                                                .login-form .group .label, .login-form .group .input, .login-form .group .button {
                                                    width: 100%;
                                                    color: #fff;
                                                    display: block;
                                                }

                                                .login-form .group .button {
                                                    width: 100% !important;
                                                }

                                                .login-form .group .input, .login-form .group .button {
                                                    border: none;
                                                    padding: 15px 20px;
                                                    width: 100%;
                                                    border-radius: 25px;
                                                    background: rgba(255, 255, 255, .8);
                                                    color: #222;
                                                    min-height: 60px;
                                                }

                                                .login-form .group .input:focus, .login-form .group .button:focus {
                                                    outline: none;
                                                }

                                                .login-form .group .label {
                                                    color: #fff;
                                                    font-size: 12px;
                                                }

                                                .login-form .group .button {
                                                    background: #ed1c24;
                                                    color: #fff;
                                                }

                                                .login-form .group label .icon {
                                                    width: 15px;
                                                    height: 15px;
                                                    border-radius: 2px;
                                                    position: relative;
                                                    display: inline-block;
                                                    background: rgba(255, 255, 255, .1);
                                                }

                                                .login-form .group label .icon:before, .login-form .group label .icon:after {
                                                    content: '';
                                                    width: 10px;
                                                    height: 2px;
                                                    background: #fff;
                                                    position: absolute;
                                                    transition: all .2s ease-in-out 0s;
                                                }

                                                .login-form .group label .icon:before {
                                                    left: 3px;
                                                    width: 5px;
                                                    bottom: 6px;
                                                    transform: scale(0) rotate(0);
                                                }

                                                .login-form .group label .icon:after {
                                                    top: 6px;
                                                    right: 0;
                                                    transform: scale(0) rotate(0);
                                                }

                                                .login-form .group .check:checked+label {
                                                    color: #fff;
                                                }

                                                .login-form .group .check:checked+label .icon {
                                                    background: #ed1c24;
                                                }

                                                .login-form .group .check:checked+label .icon:before {
                                                    transform: scale(1) rotate(45deg);
                                                }

                                                .login-form .group .check:checked+label .icon:after {
                                                    transform: scale(1) rotate(-45deg);
                                                }

                                                .login-html .sign-in:checked+.tab+.sign-up+.tab+.login-form .sign-in-htm {
                                                    transform: rotate(0);
                                                }

                                                .login-html .sign-up:checked+.tab+.login-form .sign-up-htm {
                                                    transform: rotate(0);
                                                }

                                                .hr {
                                                    height: 1px;
                                                    margin: 60px 0 50px 0;
                                                    background: rgba(255, 255, 255, .8);
                                                }

                                                .foot-lnk {
                                                    text-align: center;
                                                }

                                                .foot-lnk a {
                                                    color: #fff;
                                                }

                                                .login-main-form {
                                                    display: flex;
                                                    align-items: center;
                                                    justify-content: center;
                                                    flex-flow: column;
                                                    height: 100vh;
                                                }

                                                .logo-img {
                                                    margin-bottom: 30px;
                                                    width: 60%;
                                                }

                                                /*--login--*/

                                                /*--new-css--*/

                                                .form-group {
                                                    margin-bottom: 15px !important;
                                                }

                                                .main-head {
                                                    float: left;
                                                    width: 100%;
                                                    padding: 0px 0 30px;
                                                }
                                                img.profile-img {
                                                    border-radius: 50%;
                                                    width: 30px;
                                                    height: 30px;
                                                    border: 2px solid #ed1c24;
                                                }

                                                .per-name{

                                                    color: #364ea2;

                                                     font-size: 12px;
                                                }
                                                .per-name span{ margin:0 3px; color: #3F3C3B;}

                                                .pro-main{margin-top: 3px;}

                                                .appsect {
                                                    background: #fff;
                                                    float: left;
                                                    width: 100%;
                                                    padding: 22px 0 0;
                                                    border-radius: 5px;
                                                    box-shadow: 3px 4px 5px rgba(0,0,0,0.1);
                                                    min-height: 180px;
                                                }
                                                .asspect-content{
                                                    float: left;
                                                    width: 100%;
                                                    padding-bottom: 20px;
                                                }
                                                .asspect-content div{
                                                    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 30px;
    color: #364ea2 !important;
    font-family:"Barlow-Light";
                                                }
                                                .asspect-content div span{
                                                    padding-left:5px;
                                                }
                                                .asspect-content div:nth-of-type(1){
                                                    font-family:"Barlow-Medium";
                                                }

                                                .frame1:first-child{ background: url(../images/grant1.jpg) #fff;
                                                 background-size: cover;
                                                }
                                                .frame2:first-child{ background: url(../images/grant2.jpg) #fff;
                                                    background-size: cover;
                                                   }
                                                   .frame3:first-child{ background: url(../images/grant3.jpg) #fff;
                                                    background-size: cover;
                                                   }

                                                .appsect label{ float: left;
                                                    float: left;
                                                    width: 100%;
                                                    text-align: center;
                                                    color: #364ea2 !important;
                                                    margin-bottom: 30px !important;
                                                    height: 60px;
                                                    display: flex;
                                                    align-items: center;
                                                    justify-content: center;
                                                    font-size: 20px;}

                                                    .appsect li {
                                                        width: 33%;
                                                    }

                                                    .new_app button span{ font-size: 20px;
                                                        line-height: 14px;
                                                        margin: 0 5px;}


                                                        .new_app.mobile-view {
                                                            width: 100%;
                                                             margin-bottom:30px;
                                                             float: left;
                                                        }

                                                        .new_app.mobile-view button {
                                                           width: 100%;
                                                           padding: 20px 0;
                                                        }

                                                        .profile {
                                                            float: left;
                                                        }
                                                        button.mobile-btn{

                                                            display: none;
                                                        }

                                                        .block-se .row
                                                        {     background: #FFF;
                                                            margin-bottom: 10px;
                                                            padding: 10px 0;
                                                           
                                                            box-shadow: 0px 0px 2px rgba(0,0,0,0.4);
                                                            border-radius: 2px;
                                                        }
                                                        .pro-main {
                                                            margin: 10px 0;
                                                            float: right;
                                                            width: auto;
                                                            padding: 0;
                                                        }

                                                        .topbottom-bg:before{
                                                            background: url(../images/top-bg.png);
                                                            content: "";
                                                            width: 250px;
                                                            height: 350px;
                                                            position: absolute;
                                                            left: 0;
                                                            background-size: contain;
                                                            background-repeat: no-repeat;
                                                            top: 0;
                                                        }

                                                        .topbottom-bg>.row{z-index: 2; position: relative;}

                                                        .topbottom-bg:after{
                                                            background: url(../images/bottom-bg.png);
                                                            content: "";
                                                            width: 250px;
                                                            height: 335px;
                                                            position: absolute;
                                                            right: 0;
                                                            background-size: contain;
                                                            background-repeat: no-repeat;
                                                            bottom: 0;
                                                            z-index: 1;
                                                        }

                                                        .topbottom-bg{ position: relative;}

                                                        .appsect.frame1.box-for-claim {
                                                            min-height: auto;
                                                       
                                                            padding: 20px;
                                                            margin-bottom: 20px;
                                                           
                                                            
                                                        }

                                                       

                                                        .box-for-claim .asspect-content {
                                                          
                                                            display: flex;
                                                            padding: 0;
                                                        }

                                                        .box-for-claim .asspect-content div{ margin-right:20px;}

                                                        @media (max-width: 767px) {
                                                            .pad-10 {
                                                                padding: 30px 16px;
                                                            }
                                                            .box-for-claim .asspect-content {
                                                                display: block;
                                                            
                                                            }
                                                            .mpad-0{
                                                                padding:30px 0 !important;
                                                            }


                                                            .newapp-bg.application-section .container-fluid.pad-10{

                                                                padding:30px 0;
                                                            }
                                                            .new_app.desk-view{ display: none;}


                                                            .appsect{ margin-bottom: 30px;}
                                                            .right-links ul li {
                                                                padding: 12px 8px 12px 0;
                                                                font-size: 13px;
                                                            }
                                                            .carousel__thumbnails {
                                                                flex-wrap: wrap;
                                                                margin: 0 5px;
                                                            }
                                                            .carousel__thumbnails li {
                                                                max-width: calc((100% / 6) - 5px);
                                                                margin: 0 5px 10px 0;
                                                                width: 180px;
                                                                height: auto;
                                                            }
                                                            .events li {
                                                                width: 320px;
                                                            }
                                                            .events ul:hover li {
                                                                width: 30px;
                                                            }
                                                            .events ul li:hover {
                                                                width: 250px;
                                                            }
                                                            .banner, .slideshow, .slideshow li span {
                                                                height: 250px !important;
                                                            }
                                                            .nl-input {
                                                                margin-bottom: 15px;
                                                            }
                                                            .newletterbg {
                                                                background-size: contain;
                                                                background-repeat: no-repeat;
                                                            }
                                                            .nlheight {
                                                                min-height: 160px;
                                                            }
                                                            .pad-t-30 {
                                                                padding-top: 0;
                                                            }
                                                            .newsletter-content {
                                                                padding: 0 15px;
                                                            }

                                                             button.mobile-btn{
                                                                position: absolute;
                                                                left: 0;
                                                                border:0;
                                                                top: 10px;
                                                                display: block;
                                                            }

                                                            button.mobile-btn img{
                                                               width: 30px;
                                                               height: 20px;
                                                            }

                                                             .my-ul{ display: none !important;}

                                                             .my-ul.mobile-menu li{ display:block !important;
                                                                padding: 5px 0 !important;
                                                                 border-bottom: 0.5px solid #f2f2f2;


                                                            }

                                                            .my-ul.mobile-menu{ display:block !important;

                                                            }



                                                            .mobile-menu{

                                                                 background: #364ea2;
                                                            }

                                                            header nav.my-nav .mobile-menu .my-li a.nav-link{

                                                                 color:#fff;
                                                            }

                                                            .profile {
                                                                float: left;
                                                                width: 100%;
                                                            }

                                                            header nav.my-nav ul.my-ul.mobile-menu {
                                                                margin-left: 0;
                                                                width: 100%;
                                                                padding: 0;
                                                                margin-bottom: 0;
                                                                float: left;
                                                            }

                                                            header nav.my-nav{ padding: 0 !important;}



                                                            .main-head {
                                                                padding: 0px 0 20px;
                                                            }

                                                            .sub-btn.cancel-btn{ margin-right:0;}

                                                            .sub-btn {

                                                                width: calc(50% - 10px) !important;
                                                                 margin-top:20px !important;

                                                            }
                                                            .three-btn button{
                                                                width: calc(33.3% - 5px) !important;
                                                                min-width: 100px;
                                                                font-size: 13px;
                                                                padding: 12px;
                                                                margin-right:5px !important;
                                                            
                                                            }
                                                            .pro-main {
                                                                margin: 10px 0;

                                                                float: left;
                                                                width: 100%;
                                                                padding: 0;
                                                            }


                                                        }

                                                /*--new-css--*/