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

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

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

*{
    font-family: "Inter-Regular";
}
body{
    overflow-x: hidden;
    font-family: "Inter-Regular";
}
/* header */

.header {
    width: 100%;
    padding-left: 20px;
}

    .header ul {
        margin: 0;
        padding: 0;
        list-style: none;
        overflow: hidden;
    }
	.header ul li{
		padding: 0px 10px;
	}
    .header li a {
        display: block;
        padding: 5px 20px;
        color: #fff;
        font-size: 14px;
        text-decoration: none;
    }
	
	.header li a:hover{
		color:#fff;
	}

    .header .logo img {
        padding: 17px 0;
    }

    /* menu */

    .header .menu {
        clear: both;
        max-height: 0;
        transition: max-height .2s ease-out;
    }

    .logos {
        width: 250px;
        padding-top: 2%;
    }
    /* menu icon */

    .header .menu-icon {
        cursor: pointer;
        display: inline-block;
        float: right;
        padding: 38px 20px;
        position: relative;
        user-select: none;
    }

        .header .menu-icon .navicon {
            background: #fff;
            display: block;
            height: 2px;
            position: relative;
            transition: background .2s ease-out;
            width: 18px;
        }

            .header .menu-icon .navicon:before,
            .header .menu-icon .navicon:after {
                background: #fff;
                content: '';
                display: block;
                height: 100%;
                position: absolute;
                transition: all .2s ease-out;
                width: 100%;
            }

            .header .menu-icon .navicon:before {
                top: 5px;
            }

            .header .menu-icon .navicon:after {
                top: -5px;
            }

    /* menu btn */

    .header .menu-btn {
        display: none;
    }

        .header .menu-btn:checked ~ .menu {
            max-height: 100% !important;
            position: absolute;
            left: 0;
            background: rgba(3, 15, 68, 0.8);
            height: 100vh;
            width: 100%;
            z-index: 9;
        }

        .header .menu-btn:checked ~ .menu-icon .navicon {
            background: transparent;
        }

            .header .menu-btn:checked ~ .menu-icon .navicon:before {
                transform: rotate(-45deg);
            }

            .header .menu-btn:checked ~ .menu-icon .navicon:after {
                transform: rotate(45deg);
            }

        .header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
        .header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
            top: 0;
        }

/* 48em = 768px */

/*@media (min-width: 992px) {
    .header {
        background: transparent;
        padding-left: 0;
    }

        .header li {
            float: left;
        }

        .header .menu {
            clear: none;
            float: right;
            max-height: none;
        }

        .header .menu-icon {
            display: none;
        }

        .header .menu {
            display: flex;
            align-items: center;
        }
}*/
.hero-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left:27px ;
}
.hero{
    background: url(../images/hero-img.png);
	background-repeat:no-repeat;
	background-size: cover;
}
.orange-btn {
    background: #ca9e27;
    border-radius: 25px;
    padding: 10px 30px;
    color: white;
    border: none;
    position: relative;
}
.heading1 {
    color: white;
    font-size: 65px;
    
    font-family: 'Inter-Semibold';
    outline: 0;

}
.gps-img{
    margin-right:5px;
}
.hero-company {
    background: #252A39;
    padding: 30px;
}

.event-details{
	background-image:url(../images/event-bg.png);
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 25px 0px;
	background-color: #300212;
}
.down-btn {
    position: absolute;
    top: -25px;
    width: 100%;
    text-align: center;
    left: 0px;
}
.event-details h5{
	color:#9d9d9d;
	margin-top: 15px;
}
.event-details h5 span{
	color:#fff;
	font-size:24px;
}
.about{
	padding:50px 0px;
}
.about h3{
	color: #2a2a2a;
	font-weight:600;
	margin-bottom: 30px;
}
.about p{
	margin-bottom:20px;
}
.about h3 span{
	color: #ca9e27;
}
.gallery{
	background-image:url(../images/image-67.png);
	background-repeat: no-repeat;
	padding: 70px 0px;
	background-size: cover;
}
.gallery img{
	border-radius:40px;
}
.get-in-touch{
	background-color:#580421;
	padding:40px 0px;
	text-align: center;
}
.get-in-touch button{
	border-radius:12px;
}
.get-in-touch h3, .get-in-touch p{
	color: #fff;
}