/* @import url(https://db.onlinewebfonts.com/c/066ce24dae3730ed6c648b09efaea93a?family=Acumin+Variable+Concept); */
@font-face {
	font-family: "Acumin Variable Concept";
	src: url('../fonts/Acumin Variable Concept.woff2') format('woff2');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: "Acumin Variable Concept";
	src: url('../fonts/Acumin Variable Concept.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Acumin Variable Concept";
	src: url('../fonts/Acumin Variable Concept.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: "Acumin Variable Concept";
	src: url('../fonts/Acumin Variable Concept.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: "Acumin Variable Concept";
	src: url('../fonts/Acumin Variable Concept.woff2') format('woff2');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'FontAwesome';
	src: url('https://use.fontawesome.com/releases/v5.0.6/css/all.css');
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Medium.woff') format('woff');
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-semibold';
    src: url('../fonts/Poppins-SemiBold.woff2') format('woff2'),
        url('../fonts/Poppins-SemiBold.woff') format('woff');
    font-weight: 600;
}


@font-face {
    font-family: 'Gilroy';
    src:   url('../fonts/Gilroy-Medium.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

:root {
	--primary-white: #fff;
	--secondary-white: #f7f4f9;
	--primary-black: #000;
	--secondary-black: #010101;
	--font-black: #0c0d0d;
	--primary-orange: #f16c24;
	--secondary-orange: #f15224;
	--light-orange: #f5915b;
	--box-orange: #fdecea;
	--light-brown: #ffd8b4;
	--pagination-brown: #f4a57d;
	--box-brown: #f9f1f3;
	--bullet-brown: #99234a;
	--light-blue: #272b50;
	--dark-blue: #090e38;
	--pagination-blue: #252b59;
	--box-blue: #e5f3fe;
	--text-blue: #0B093B;
	--bullet-blue: #0086f8;
	--input-blue: #0e1630;
	--primary-grey: #dfe0e6;
	--secondary-grey: #eaeaef;
	--light-grey: #e6e4e7;
	--border-grey: #cecfd7;
	--input-grey: #f6f7fa;
	--bullet-red: #f04335;
}

html,
body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	min-height: 100%;
	overflow-x: hidden;
}

body {
	font-family: 'Acumin Variable Concept';
	font-weight: 400;
	font-size: 21px;
	font-style: normal;
	color: var(--text-blue);
	background: var(--primary-white);
}

a,
a:link,
a:visited {
	outline: none;
	text-decoration: none;
	-moz-tap-highlight-color: transparent;
	-webkit-tap-highlight-color: transparent;
}

img {
	border: none;
	margin: 0;
	width: 100%;
	max-width: 100%;
}

h1 {
	font-family: 'Acumin Variable Concept';
	font-weight: 800;
	font-size: 55px;
	margin: 0;
	padding: 0;
}

h2 {
	font-family: "Acumin Variable Concept";
	font-weight: 600;
	font-size: 40px;
	margin: 0;
	padding: 0;
}

h3 {
	font-family: 'Acumin Variable Concept';
	font-weight: 600;
	font-size: 35px;
	margin: 0;
	padding: 0;
}

h4 {
	font-family: 'Acumin Variable Concept';
	font-weight: 800;
	font-size: 30px;
	margin: 0;
	padding: 0;
}

h5 {
	font-family: "Acumin Variable Concept";
	font-weight: 500;
	font-size: 22px;
	margin: 0;
	padding: 0;
}

h6 {
	font-family: "Acumin Variable Concept";
	font-weight: 400;
	font-size: 18px;
	margin: 0;
	padding: 0;
}

p {
	font-family: "Acumin Variable Concept";
	font-weight: 300;
	font-size: 16px;
	margin: 0;
	padding: 0;
}

form,
input,
select,
textarea {
	font-family: "Acumin Variable Concept";
	font-weight: 400;
	font-size: 16px;
	margin: 0;
	padding: 0;
}

textarea {
	resize: none;
}

input:focus,
textarea:focus {
	outline: none;
}

input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time {
	display: block;
	margin: 0;
	padding: 0;
}

.customClear {
	clear: both;
	font-size: 0;
	line-height: 0;
	height: 0;
	margin: 0;
	padding: 0;
}


/*IE below 9*/

#ieWrapper {
	background: #000;
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.ieHolder {
	position: relative;
	width: 555px;
	padding: 20px;
	margin: 200px auto 0 auto;
	background: #FFF;
	border: 7px solid #2b2927;
}

.btnIeUpdate {
	background: url(../images/btnIeUpdate.jpg) 0 0 no-repeat;
	width: 144px;
	height: 37px;
	position: absolute;
	right: 20px;
	bottom: 20px;
	color: #fff;
	line-height: 37px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.ieLogo {
	float: left;
	width: 134px;
	height: 139px;
	background: url(../images/ieLogo.jpg) no-repeat 0 0;
}

.ieContent {
	float: right;
	margin: 0;
	padding: 0;
	width: 350px;
	color: #666;
	font-size: 15px;
	line-height: 18px;
}

.ieContent strong {
	margin: 0 0 15px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dashed #cccccc;
	display: block;
	font-size: 18px;
	color: #333;
	font-weight: normal;
}


/*End IE below 9*/

/* predefined styles starts here */
.flex {
	display: flex;
}
.flex-center {
	display: flex;
	align-items: center;
}
.flex-between {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.mr-10 {
	margin-right: 10px;
}
.mr-20 {
	margin-right: 20px;
}
.mt-10 {
	margin-top: 10px;
}
.mt-20 {
	margin-top: 20px;
}

.text-center{ text-align: center;}
/* predefined styles ends here */

/* custom styles starts here */

* {
	box-sizing: border-box;
}
	
.header-section {
	width: 100%;
	color: #FFFFFF;
}
.navbar-homepage {
	height: 829px;
}
.logo-section {
	max-width: 523px;
	width: 100%;
	height: 100%;
	background-color: #e50119;
	padding: 94px 50px 94px 70px;
	display: flex;
	flex-direction: column;
	gap: 130px;
	transition: .6s all ease-in-out;
}

.navbar-homepage {
	background-color: #e50119;
}

.logo-section.active {
	max-width: 100%;
}

.logo-section.active  .nav-title {
	max-width: 100%;
}

.logo img {
	width: 120px;
	/* height: 75px; */
	/* min-width: 295px; */
}
/* .logo img {
	width: 295px;
	height: 75px;
	min-width: 295px;
} */

.menu-icon {
    width: 45px;
    cursor: pointer;
}

.logo-menu-wrap {
	display: flex;
	gap: 20px;
	justify-content: center;
	align-items: center;
}
.bar1, .bar2, .bar3, .bar4 {
	width: 100%;
	height: 3px;
	margin-bottom: 5px;
	background-color: #ffffff;
	transition: all 0.3s ease-in-out;
}

.nav-title {
	font-size: 55px;
	line-height: 73px;
	font-weight: 600;
	max-width: 281px;
	transition: .6s all ease-in-out;
}
.nav-descr {
	font-size: 26px;
	line-height: 34px;
	font-weight: 300;
}
.caption-wrap .nav-descr {
	padding-top: 28px;
}
.menu-section {
	height: 100%;
	width: 100%;
	display: flex;
	background-color: rgb(77, 0, 24 , 0.6);
	position: relative;
}

.menu-section .menu-box:before{
/* .menu-section .menu-box.active + .menu-box::before{ */
	/* position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	top: 0;
	content: '';
	background-color: rgb(77, 0, 24 , 0.6);
	z-index: 0; */
}

.menu-box {
	width: 194px;
	/* width: 100%; */
	height: 829px;
	position: relative;
	cursor :pointer;
	overflow: hidden;
	transition: .6s all ease-in-out;
	position: relative;
	z-index: 2;
}

.menu-box.active {
	width: 100%;
	/* max-width: 664px; */
}
.menu-box img {
	width: auto;
	/* max-width: 664px; */
	height: 100%;
	object-fit: cover;
	transition: .6s all ease-in-out;
}
.menu-box.active img {
	width: 100%;
	height: 100%;
}
.menu-box .nav-title {
	/* writing-mode: vertical-rl; */
	position: absolute;
	top: 128px;
	left: 50%;
	transform: translateX(-50%);
	cursor: pointer;
	color: var(--secondary-white);
	transform-origin: left;
    /* transform-origin: 0 50%; */
    transform: rotate(90deg);
}

/* .menu-box.active .nav-title {
	writing-mode: horizontal-tb !important;
	transition: .6s all ease-in-out;	
} */

/* .menu-box:hover{
	max-width: 622px;
}

.menu-box:not(:hover) {
	max-width: 194px;
}

.menu-box:not(:hover) .nav-title , 	.menu-box:not(:hover).home .nav-title {
	writing-mode: vertical-rl;
}

.menu-box:not(:hover)  img{
	width: auto;
} */


.menu-box.active .nav-title {
	transform: rotate(0deg);
	transform: rotate(0deg);
    left: 0;
    right: 0;
    margin: auto;
    width: fit-content;
}

/* banner bottom slider css */

.page-center{
	max-width: 1194px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
}

.client-slider-wrapper{
	max-width: 1070px;
	width: 100%;
	margin: 0 auto;
}

.client-slider{
	display: flex;
	column-gap: 10px;
	align-items: center;
	justify-content: space-between;
	margin: 0;
	padding: 0;
}

.client-slider .owl-stage{
	display: flex;
	align-items: center;
}

.client-slider .client-item{
	display: flex;
	align-items: center;
	justify-content: center;
}

.client-slider .client-item > img{
	max-width: 112px;
	width: auto;
}

.client-slider .owl-wrapper{
	display: flex !important;
	align-items: center;
}

.header-bottom-slider-wrap{
	max-height: 250px;
	height: 100%;
	display: flex;
	align-items: center;
	background-color: #F5F5F5;
}

.client-slider .owl-nav button.owl-prev, .client-slider .owl-nav button.owl-next{
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
	background: url(../images/left-arrow.svg);
	width: 9px;
	height: 19px;
}

.client-slider .owl-nav button.owl-prev span, .client-slider .owl-nav button.owl-next span{
	display: none;
}

.client-slider .owl-nav button.owl-prev{
    left: -20px;
}

.client-slider .owl-nav button.owl-next{
    right: -20px;
	transform: translateY(-50%) scaleX(-1);
}

.we-take-brands-section{
	padding: 120px 0 35px;
}

.we-take-brands-container .left-wrap{
	max-width: 621px;
	width: 100%;
}

.we-take-brands-container .left-wrap .section-title{
	max-width: 368px;
	padding-bottom: 68px;
}

.section-title{
	font-size: 40px;
	color: #E50119;
	line-height: 53px;
	text-transform: uppercase;
	font-weight: 300;
}

.text-content{
	font-size: 21px;
	color: #0B093B;
	line-height: 30px;
	font-weight: normal;
}

.we-take-brands-container .left-wrap .text-content{
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 4;
			line-clamp: 4; 
	-webkit-box-orient: vertical;
}

.we-take-brands-container .right-wrap{
	padding-left: 89px;
}

.we-take-brands-container .right-wrap > img{ max-width: 444px;}

.find-right-place-section{
	padding-top: 63px;
}

.find-right-place-boxlist{
	margin-top: 62px;
}

.boxlist-wrapper{
	display: flex;
	gap: 25px;
	flex-wrap:wrap ;
	justify-content: center;
}

.boxlist-item{
	/* flex-basis: 33.33%; */
	max-width: 365px;
	min-height: 258px;
	width: 100%;
	border-radius: 15px;
	-webkit-box-shadow: 0px 2px 20px 0px #0000000D;
	-moz-box-shadow: 0px 2px 20px 0px #0000000D;
	box-shadow: 0px 2px 20px 0px #0000000D;
	/* padding: 59px; */
	padding: 59px 35px 59px 59px;
	background-color: #fff;
}

.boxitem-title{
	font-size: 52px;
	font-weight: normal;
	color: #E50119;
	line-height: 69px;
}

.boxitem-title span{ font-size: 21px;}

.boxitem-content{
	font-size: 26px;
	font-weight: 300;
	color: #0B093B;
	line-height: 35px;
	text-transform: uppercase;
}

.we-cover-length-section{
	background: url('../images/kerala-sea-background-img.jpg') no-repeat center;
	background-size: cover;
	padding-top: 185px;
	padding-bottom: 156px;
}

.section-title-white{
	color: #fff;
	font-size: 53px;
	font-weight: 300;
	line-height: 70px;
	padding-bottom: 30px;
}

.we-cover-length-section .section-title-white{
	max-width: 413px;
}

.section-content-white{
	font-size: 28px;
	color: #fff;
	line-height: 38px;
	font-weight: 300;
}

.we-cover-length-section .section-content-white{
	max-width: 923px;
}

.media-to-core-section{
	padding: 58px 0 59px;
	text-align: center;
}

.media-to-core-section .section-title{
	padding-bottom: 57px;
}

.media-core-listing{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 103px 0 100px;
	align-items: center;
}

.media-core-item{
	flex-basis: 33.3%;
}

.media-core-item > img{
	width: auto;
}

.media-core-item-title{
	font-size: 57px;
	line-height: 76px;
	color: #E50119;
	padding-top: 34px;
	font-weight: 300;
}

.media-to-core-section .readmore-btn{ display: block; padding-top: 70px;}

.readmore-btn{
	color: #FF0A24;
	font-size: 19px;
	line-height: 26px;
	font-weight: 300;
	transition: .2s ease-in-out;
}

.readmore-btn:hover{
	color: #c90216;
	font-weight: 400;
}

.readmore-section .text-content{
	max-width: 437px;
	width: 100%;
	margin: 0 auto;
	max-height: 62px;
	/* overflow: hidden; */
}

.buzzstn-section{
	padding: 107px 0 42px;
	background-color: #F5F5F5;
}

.buzzstn-section .top-block{
	display: flex;
	padding-bottom: 83px;
}

.buzzstn-section .top-block .left-wrap{
	max-width: 489px;
}

.buzzstn-section .top-block .right-wrap{
	padding-left: 103px;
	padding-top: 32px;
}

.buzzstn-section .top-block .right-wrap img{
	max-width: 556px;
}

.buzzstn-section .section-title{
	padding-top: 16px;
	padding-bottom: 41px;
}

.create-buzz-block{
	max-width: 755px;
	width: 100%;
	margin: 0 auto;
}

.create-buzz-block .boxlist-wrapper{
	padding-bottom: 38px;
}
.create-buzz-block .readmore-btn{
	display: block;
}

.gallery-section{
	padding: 89px 0  280px;
}

.gallery-wrap{
	padding-top: 110px;
}

.footer{
	background: #F5F5F5;
}

.footer-data{
	padding: 80px 0 68px;
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
	row-gap: 20px;
}

.footer-left{ flex-grow: 1;}

.footer-form{
	max-width: 572px;
}

.footer-bottom .page-center.flex-between{ flex-wrap: wrap; row-gap: 20px;}

.footer-form label{
	display: block;
	padding-bottom: 20px;
	font-family: 'Poppins';
	font-weight: 400;
	font-size: 13px;
	line-height: 17px;
	color: #0B093B;
}

.footer-form .input-wrap{
	margin-bottom: 39px;
	border-bottom: 1px solid #707070;
}

.footer-form .input-wrap input,
.footer-form .input-wrap select, 
.footer-form .input-wrap textarea{
	border: none;
	box-shadow: none;
	outline: none;
	font-family: 'Gilroy';
	font-weight: 400;
	font-size: 20px;
	line-height: 27px;
	color: #0B093B;
	background: transparent;
	width: 100%;
}

.footer-form .input-wrap textarea{
	height: 157px;
}

.getin-touch-txt{
	max-width: 477px;
	width: 100%;
	font-family: 'Poppins';
	font-weight: 400;
	font-size: 13px;
	line-height: 25px;
	color: #0B093B;
	padding: 28px 0 67px;
}

.red-btn{
	background-color: #E50119;
	border-radius: 25px;
	font-size: 14px;
	line-height: 22px;
	font-family: 'Poppins';
	font-weight: 400;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 193px;
	padding: 19px 5px;
	box-shadow: none;
	border: none;
	cursor: pointer;
	transition: .3s ease-in-out;
}

.red-btn:hover{
	background-color: #c90216;
	box-shadow: 0 2px 20px 0 #e501195c;
}

.footer-right{ max-width: 338px; padding-bottom: 62px;}

.footer-logo{
	filter: brightness(0) saturate(100%) invert(12%) sepia(85%) saturate(4906%) hue-rotate(342deg) brightness(94%) contrast(116%);
	max-width: 334px;
	margin-bottom: 46px;
}

.footer-address{
	font-size: 18px;
	line-height: 26px;
	font-weight: 300;
	color: #0B093B;
	text-transform: uppercase;
	padding-bottom: 25px;
}

.footer-address a {
	font-size: 19px;
	line-height: 26px;
	font-weight: 300;
	color: #0B093B;
}

.footer-form .input-wrap input::-webkit-input-placeholder,.footer-form .input-wrap select::-webkit-input-placeholder, .footer-form .input-wrap textarea::-webkit-input-placeholder { 
	color: #0B093B;
  }
  .footer-form .input-wrap input::-moz-input-placeholder,.footer-form .input-wrap select::-moz-input-placeholder, .footer-form .input-wrap textarea::-moz-input-placeholder {
	color: #0B093B;
  }
  .footer-form .input-wrap input:-ms-input-placeholder,.footer-form .input-wrap select:-ms-input-placeholder, .footer-form .input-wrap textarea:-ms-input-placeholder { 
	color: #0B093B;
  }
  .footer-form .input-wrap input:-moz-placeholder,.footer-form .input-wrap select:-moz-placeholder, .footer-form .input-wrap textarea:-moz-placeholder  { 
	color: #0B093B;
  }

  .footer-bottom{
	padding: 18px 0;
	font-size: 15px;
	line-height: 18px;
	color: #fff;
	font-family: 'Poppins';
	font-weight: 400;
	background-color: #E50119;
  }

 .social-icons{
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	column-gap: 32px;
	flex-wrap: wrap;
	margin-left: 37px;
	font-family: 'FontAwesome';
	font-size: 18px;
	/* line-height: 80px; */
	color: #fff;
 }

 .social-icons li img {
	width: 20px;
	height: 20px;
	object-fit: contain;
 }

 .social-icons 	i{
	color: #fff;
 }

 .backtop-btn{ color: #fff;}

  .gallery a img {
	float: left;
	width: 25%;
	height: auto;
	border: 2px solid #fff;
	-webkit-transition: -webkit-transform .15s ease;
	-moz-transition: -moz-transform .15s ease;
	-o-transition: -o-transform .15s ease;
	-ms-transition: -ms-transform .15s ease;
	transition: transform .15s ease;
	position: relative;
}

.gallery a {
    flex-grow: 1;
}

.gallery a.big img {
    width: 40%;
}


.clear {
	clear: both;
}

.gallery a.topimg img{
	height: 318px;
}

.gallery a.bottomimg img{
	height: 359px;
	object-fit: cover;
}

.gallery a:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    z-index: 5;
}

/* custom styles ends here */




/* Header-V2  */
.header-sectionv2 {
	padding: 0px 70px;
    background-color: #e50119;
}

.header-sectionv2  .logo img {
	max-width: 295px;
	height: 70px;
	object-fit: contain;
}

.menu-wrapper {
	display: flex;
	align-items: center;
}

.menu-wrapper .header-menu {
	padding-left: 150px;
}

.menu-wrapper .header-menu ul {
	display: flex;
	align-items: center;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.menu-wrapper .header-menu ul li {
	padding: 45px 50px;
	position: relative;
	min-width: 150px;
    margin: auto;
    text-align: center;
}

.menu-wrapper .header-menu ul li::before {
	position: absolute;
	content: '';
	width: 100%;
	height: 26px;
	top: 0;
	left: 0;
}

.menu-wrapper .header-menu ul li:first-child::before{
	background-color: #811510;
}

.menu-wrapper .header-menu ul li:nth-child(2)::before{
	background-color: #3D3D3D;
}

.menu-wrapper .header-menu ul li:nth-child(3)::before{
	background-color: #100E7C;
}

.menu-wrapper .header-menu ul li:nth-child(4)::before{
	background-color: #81578F;
}

.menu-wrapper .header-menu ul li:nth-child(5)::before{
	background-color: #017DA4;
}

.menu-wrapper .header-menu ul li a {
	display: inline-block;
	color: #fff;
	font-size: 28px;
	font-weight: 300;
}


/* About  */

.main-banner {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 100px;
	background-color: #F5F5F5;
}

.main-banner h2.section-title {
	font-size: 55px;
	line-height: 73px;
}

.main-banner p {
	font-size: 24px;
	line-height: 32px;
	color: #585858;
	padding-bottom: 18px;
}

.banner-sec .right-wrap,
.banner-sec .left-wrap{
	width: 48%;
}

.banner-sec {
	justify-content: space-between;
	padding-top: 45px;
}

.banner-sec .right-wrap {
    padding-left: 0;
}

.banner-sec h2 {
	font-size: 46px;
	line-height: 62px;
}

.banner-sec .left-wrap-2 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ad-banner img {
	height: 670px;
	object-fit: cover;
	width: 100%;
	object-position: 100% 30%;
}

.service-sec .layout-img img {
	width: 445px;
	min-width: 445px;
	object-fit: cover;
	height: 315px;
	border-radius: 45px;
}

.service-sec .serv-cols {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 40px;
	grid-row-gap: 70px;
	align-items: center;
}

.service-sec .layout-text-right {
	text-align: right;
}

.service-sec {
	padding: 90px 0;
}

.ad-banner-2 {
	background: url('../images/img-bg-2.jpg') no-repeat;
	min-height: 785px;
	background-size: cover;
	background-position: bottom;
	background-color: rgb(0 0 0 / 30%);
    background-blend-mode: overlay;
}

.ad-banner-2 .section-title-white {
	font-size: 40px;
	padding-top: 155px;
	text-align: center;
}

.boxes-sec {
	padding-bottom: 110px;
}

.boxes-sec .boxitem-title p{
	font-size: 27px;
	line-height: 36px;
	text-align: center;
	font-weight: 500;
}

.boxes-sec .boxitem-content-2 p {
	font-size: 22px;
	line-height: 30px;
	text-transform: unset;
	text-align: center;
	padding-top: 25px;
}

/* Header Dropdown  */

.header-sectionv2 {
	display: block;
	position: relative;
}

.navbar-responsive ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background: rgba(229, 1, 25, 0.72)
}

.navbar-responsive ul li {
	padding: 0 15px;
}

.navbar-responsive ul li:last-child a{
	border-bottom: 0;
}

.navbar-responsive ul li a {
	font-size: 30px;
	line-height: 40px;
	color: #fff;
	text-align: right;
	border-bottom: 1px solid #fff;
	padding: 20px 0;
	display: inline-block;
	width: 100%;
}

.navbar-responsive {
	position: absolute;
    width: 380px;
    top: 124px;
    right: 70px;
	display: none;
	/* transition: .6s all ease-in-out;	 */
	z-index: 9;
	/* height: 0; */
}

/* .navbar-responsive.active {
	height: auto;
} */

.banner-sec .right-wrap img.icon {
	width: 80px;
	object-fit: contain;
	margin-top: 50px;
}

.banner-sec  .left-wrap-3 img{
	height: 100%;
	object-position: left;
	object-fit: cover;
}

.banner-sec  .left-wrap-3 {
	position: relative;
}

.banner-sec  .left-wrap-3 p {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	font-size: 55px;
	line-height: 73px;
	color: #fff;
	text-transform: uppercase;
	padding: 20px;
}

.brand-banner {
	padding-top: 0;
}

.ad-bannerv2 {
	position: relative;
}

.ad-bannerv2 .page-center {
	position: absolute;
    left: 0;
    right: 0;
    top: 0;
	bottom: 0;
    z-index: 2;
    height: fit-content;
    width: 100%;
    margin: auto;
}

.ad-bannerv2 p {
	color: #fff;
	font-size: 74px;
	line-height: 99px;
	text-transform: uppercase;
}

.find-right-place-boxlist .boxitem-content-head p
{
	padding-bottom: 65px;
	font-weight: 300;
}

.find-right-place-boxlist .boxitem-content-head h2 {
	text-align: center;
}

.street-banner {
	background-color: #E50019;
	color: #fff;
	padding: 100px 0;
}

.street-banner h4 {
	font-size: 40px;
    line-height: 53px;
    text-transform: uppercase;
    font-weight: 300;
}

.street-banner h2 {
	font-size: 74px;
    line-height: 99px;
    text-transform: uppercase;
    font-weight: 300;
}

.street-banner p {
	font-size: 30px;
    line-height: 30px;
    font-weight: 300;
	padding-top: 50px;
}

.street-banner ul {
	list-style: none;
	padding: 0;
	margin: 0;
	padding-top: 40px;
}

.street-banner ul li p{
	font-size: 41px;
	line-height: 30px;
	position: relative;
	z-index: 2;
	font-size: 41px;
    line-height: 30px;
    position: relative;
    z-index: 2;
    padding: 0;
    background: #E50019;
    width: fit-content;
    padding-right: 25px;
	font-weight: 300;
}

.street-banner ul li{
	font-size: 41px;
	line-height: 30px;
	position: relative;
	z-index: 1;
	padding: 15px 0;
}

.street-banner ul li::before {
	position: absolute;
	right: 0;
	width: 100%;
	content: '';
	top: 0;
	bottom: 0;
	margin: auto;
	height: 1px;
	background-color: #fff;
	z-index: 0;
}

.doh-sec {
	text-align: center;
	padding: 65px 0;
}

.ad-bannerv3 p {
	width: fit-content;
    margin-left: auto;
}


.ad-bannerv4 p {
	width: fit-content;
    margin: auto;
	text-align: center;
}

.ad-buzzstation {
	background: url('../images/bg-transit.jpg') no-repeat;
	background-size: cover;
}

.ad-buzzstation .section-title-white {
	font-size: 74px;
	line-height: 99px;
}

.create-buzz-sec .section-title {
	text-align: center;
	font-size: 55px;
	line-height: 73px;
}

.buzz-banner {
	background: url('../images/img-buzzBanner.jpg') no-repeat;
	background-size: cover;
	padding-top: 30px;
	padding-bottom: 175px;
	color: #fff;
}

.buzz-banner .sub-title {
	font-size: 24px;
	line-height: 32px;
	font-weight: 300;
	text-align: center;
}

.buzz-banner h1 {
	font-size: 55px;
	line-height: 73px;
	font-weight: 300;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 65px;
}

.buzz-banner .buzz-banner-text {
	background-color: #E50119;
    padding: 50px;
    width: 50%;
    margin-left: auto;
    width: fit-content;
    max-width: 670px;
    transform: translate(15%);
}

.buzz-banner .buzz-banner-text p {
	font-size: 21px;
	line-height: 30px;
}



/* Contact Page  */
.contact-banner {
	background: url('../images/bg-contact.jpg');
	background-size: cover;
	padding-top: 175px;
	padding-bottom: 190px;
}

.contact-banner .contact-details {
	display: flex;
	align-items: center;
}

.contact-banner .address-col {
	padding-bottom: 35px;
}

.contact-banner .contact-address {
	padding-left: 30px;
}

.contact-banner .address-col img {
	width: 70px;
	height: 70px;
	object-fit: contain;
}

.contact-banner .address-col h6 {
	font-size: 18px;
	line-height: normal;
	color: #fff;
	font-family: 'Poppins-semibold';
}

.contact-banner .address-col p,
.contact-banner .address-col a{
	font-size: 16px;
	line-height: 25px;
	line-height: normal;
	color: #fff;
	font-family: 'Poppins';
	text-decoration: none;
	padding-right: 10px;
}

.contact-banner .location-col iframe {
	width: 100%;
	height: 100%;
}

.contact-banner .location-col {
	min-width: 770px;
	max-width: 770px;
	height: 570px;
	border: 10px solid #fff;
	position: relative;
}

.location-col .icon-loc {
	width: 72px;
	height: 72px;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.contact-form-sec {
	padding-top: 240px;
	padding-bottom: 160px;
}

.contact-form-sec .page-center {
	max-width: 715px;
}

.contact-form-sec .sub-title {
	text-transform: uppercase;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 2.8px;
	color: #686876;
	text-align: center;
	font-family: 'Poppins';
	padding: 10px 0;
}

.contact-form-sec h3 {
	font-size: 36px;
	line-height: 24px;
	color: #171721;
	font-weight: 400;
	text-align: center;
}

.contact-form-sec p {
	font-size: 14px;
	line-height: 24px;
	color: #686876;
	text-align: center;
	padding-top: 16px;
	padding-bottom: 35px;
}

.contact-form-sec label {
	color: #171721;
	font-size: 16px;
	line-height: 46px;
	font-family: 'Poppins';
	display: block;
}

.contact-form-sec input,
.contact-form-sec textarea {
	background: #FFFFFF;
	border: 1px solid #ECECEC;
	padding: 18px 15px;
	width: 100%;
	box-sizing: border-box;
}

.contact-form-sec .form-group {
	width: 100%;
	flex-basis: 48%;
}

.contact-form-sec .form-row {
	padding-bottom: 25px;
}

.contact-form-sec .submit-btn {
	padding: 10px 45px;
	display: inline-block;
	text-transform: uppercase;
	font-size: 14px;
	line-height: normal;
	color: var(--primary-white);
	background-color: #E50119;
	font-family: 'Poppins-semibold';
	margin: auto;
	margin-top: 30px;
	text-align: center;
    display: flex;
    width: fit-content;
	transition: .3s ease-in-out;
}

.contact-form-sec .submit-btn:hover{
	background-color: #c90216;
	box-shadow: 0 2px 20px 0 #e501195c;
}

.create-buzz-sec {
	padding-bottom: 60px;
}

.serv-colsv2 {
	padding-top: 50px;
}

.serv-colsv2 .layout-img {
	margin-left: auto;
}

.place-sectionv2 {
	padding-top: 0;
}

.place-sectionv2 .find-right-place-boxlist {
    margin-top: 20px;
}

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


.backtop-btn {
	height: fit-content;
    vertical-align: bottom;
    line-height: normal;
}

.menu-icon-resp.active .bar2,
.menu-icon-resp.active .bar3 {
	display: none;
}

.menu-icon-resp.active .bar1 {
	transform: rotate(45deg);
    position: relative;
    top: 8px;
	margin-bottom: 0;
}

.menu-icon-resp.active .bar4 {
	transform: rotate(-45deg);
	margin-bottom: 0;
	top: 5px;
    position: relative;
}

.logo-section.active .logo-menu-wrap {
	justify-content: space-between;
}


/*************Responsive Styles*****************/
/***************iPhone Portrait**************/
@media only screen and (max-width: 479px) and (min-width: 320px) {
    .gallery a.bottomimg img {
        height: 200px;
        object-fit: cover;
    }

    .gallery a.topimg img {
        height: 180px;
        object-fit: cover;
    }

    .media-core-listing {
        justify-content: center;
    }

    .media-core-item {
        flex-basis: 100%;
    }

    .media-core-listing {
        flex-direction: column;
        row-gap: 25px;

    }

    .menu-box .nav-title {
        font-size: 18px;
    }

    .logo-section {
        padding: 40px 15px 44px 15px !important;
        max-width: 100%;
    }

    .nav-title {
        font-size: 36px;
        line-height: 50px;
    }

    .logo img {
        min-width: 100px;
        width: 140px;
        object-fit: contain;
    }

    .menu-icon {
        min-width: 35px;
        height: 35px;
        width: 35px;
    }

    .menu-section {
        display: none;
    }

    .menu-section.active {
        display: flex !important;
    }

    .logo-section.active .logo,
    .logo-section.active .caption-wrap {
        display: none;
    }

    .logo-section.active {
        width: fit-content;
    }

    .menu-box {
        width: 25%;
    }
}

/**********************iPhone Landscape*************/
@media only screen and (max-width: 767px) and (min-width: 480px) {

    .nav-title {
        font-size: 45px;
        line-height: 50px;
    }

    .logo img {
        min-width: 140px;
        object-fit: contain;
    }

    .menu-section {
        display: none;
    }

    .menu-section.active {
        display: flex !important;
    }

    .logo-section.active .logo,
    .logo-section.active .caption-wrap {
        display: none;
    }

    .logo-section.active {
        width: fit-content;
    }

    .logo-section {
        max-width: 100%;
    }

    .menu-box .nav-title {
        font-size: 24px;
    }

    .menu-box {
        width: 25%;
    }

    .buzzstn-section .top-block .left-wrap img {
        max-width: 300px;
    }


}

/*************************iPad Portrait***************/
@media only screen and (max-width: 985px) and (min-width: 768px) {
    .menu-box {
        width: 25%;
    }

    .menu-box .nav-title {
        font-size: 24px;
    }

    .logo img {
        max-width: 160px;
        width: 160px;
        min-width: 200px;
    }

    .logo-section {
        max-width: 350px;
    }


    .logo-section {
        padding: 40px 15px 44px 15px !important;
    }

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

    .main-banner {
        padding-bottom: 60px;
    }

    .navbar-responsive {
        right: 15px;
        top: 80px;
        width: 90%;
    }

    .banner-sec .left-wrap-2 img {
        height: auto;
    }

    .ad-banner img {
        height: 300px;
    }

    .service-sec .layout-img img {
        width: 100%;
        min-width: 100%;
        object-fit: cover;
        height: auto;
    }

    .header-sectionv2 {
        padding: 0px 15px;
    }

    .banner-sec .left-wrap-3 p {
        font-size: 42px;
        line-height: 62px;
    }

    .street-banner h2 {
        font-size: 64px;
        line-height: 74px;
    }

    .street-banner h4 {
        font-size: 34px;
        line-height: 50px;
    }

    .street-banner p {
        font-size: 28px;
        line-height: 30px;
    }

    .banner-sec .left-wrap-3 p {
        font-size: 44px;
        line-height: 64px;
    }

    .ad-bannerv2 p {
        font-size: 48px;
        line-height: 60px;
    }

    .contact-banner .location-col {
        min-width: 100%;
        max-width: 100%;
        height: 600px;
    }

    .contact-banner .contact-details {
        flex-direction: column;
        align-items: baseline;
    }

    .contact-banner .contact-address {
        padding-left: 0;
        padding-top: 30px;
    }

    .navbar-responsive {
        right: 15px;
    }

    .buzzstn-section .top-block .left-wrap img {
        max-width: 300px;
    }

    .section-title {
        font-size: 36px;
        line-height: 48px;
    }

    .footer-left {
        padding-right: 50px;
    }

    .text-content {
        font-size: 16px;
        line-height: 24px;
    }

    .buzz-banner .buzz-banner-text {
        max-width: 100%;
    }

    .menu-icon-resp {
        display: block;
    }

    .gallery-section {
        padding-bottom: 120px;
    }

    .buzz-banner .buzz-banner-text {
        transform: translate(0);
    }
    .logo-menu-wrap {
        justify-content: space-between;
    }

}

/**************iPad Landscape***************/
@media only screen and (max-width: 1026px) and (min-width: 986px) {
    .menu-box {
        width: 25%;
    }

    .gallery-section {
        padding-bottom: 120px;
    }

    .menu-box .nav-title {
        font-size: 24px;
    }

    .buzz-banner .buzz-banner-text {
        transform: translate(0);
        width: 50%;
    }

    .logo img {
        max-width: 160px;
        width: 160px;
        min-width: 200px;
    }

    .menu-wrapper .header-menu {
        padding-left: 50px;
    }

    .menu-wrapper .header-menu ul li {
        padding: 45px 0px;
        min-width: 130px;
        max-width: 130px;
    }

    .header-sectionv2 {
        padding: 0px 15px;
    }

    .header-sectionv2 .logo img {
        max-width: 180px;
    }

    .menu-wrapper .header-menu ul li a {
        font-size: 24px;
    }

    .ad-bannerv2 p {
        color: #fff;
        font-size: 48px;
        line-height: 56px;
    }

    .banner-sec .left-wrap-3 p {
        font-size: 42px;
        line-height: 62px;
    }

    .street-banner h2 {
        font-size: 64px;
        line-height: 74px;
    }

    .street-banner h4 {
        font-size: 34px;
        line-height: 50px;
    }

    .street-banner p {
        font-size: 28px;
        line-height: 30px;
    }

    .banner-sec .left-wrap-3 p {
        font-size: 44px;
        line-height: 64px;
    }

    .contact-banner .location-col {
        min-width: 570px;
        max-width: 570px;
    }

    .navbar-responsive {
        right: 15px;
    }
    
    .logo-menu-wrap {
        justify-content: space-between;
    }

}

/*******************************************/

@media only screen and (max-width: 1182px) and (min-width: 1027px) {

    .navbar-responsive {
        right: 15px;
    }

    .buzz-banner .buzz-banner-text {
        transform: translate(0);
        width: 50%;
    }

    .menu-wrapper .header-menu ul li a {
        font-size: 24px;
    }
}


@media only screen and (max-width: 767px) {

    .logo-menu-wrap {
        justify-content: space-between;
    }

    .menu-icon-resp {
        display: block;
    }

    .buzz-banner .buzz-banner-text {
        max-width: 100%;
        transform: translate(0);
        padding: 35px;
    }

    .footer-logo img {
        min-width: 140px;
        object-fit: contain;
    }

    .footer-logo img {
        width: 200px;
    }

    .footer-logo {
        margin-bottom: 20px;
    }

    .logo-section {
        padding: 40px 25px 40px 30px;;
    }

    .navbar-homepage,
    .menu-box {
        height: 500px;
    }


    .header-bottom-slider-wrap {
        padding: 0 15px;
    }

    .we-take-brands-container.flex,
    .buzzstn-section .top-block {
        flex-direction: column;
    }

    .buzzstn-section .top-block .right-wrap {
        padding-left: 0;
    }

    .we-take-brands-container .right-wrap {
        padding-left: 0;
        padding-top: 20px;
    }

    .we-take-brands-section {
        padding: 60px 0 35px;
    }

    .section-title {
        font-size: 34px !important;
        line-height: 48px !important;
    }

    .we-cover-length-section .section-title-white {
        font-size: 42px;
        line-height: 51px;
    }

    .we-take-brands-container .left-wrap .section-title {
        padding-bottom: 30px;
    }

    .text-content,
    .we-cover-length-section .section-content-white {
        font-size: 18px;
        line-height: 28px;
    }

    .gallery-section {
        padding: 89px 0 120px;
    }

    .gallery-wrap {
        padding-top: 60px;
    }

    .footer-address {
        font-size: 16px;
    }

    .footer-data {
        padding: 0;
    }

    .footer-bottom .page-center.flex-between {
        align-items: center;
        flex-direction: column;
    }

    .header-sectionv2 {
        padding: 20px 15px;
    }

    .header-sectionv2 .logo img {
        max-width: 140px;
        height: auto;
    }

    .service-sec .serv-cols {
        grid-template-columns: 1fr;
    }

    .service-sec .layout-img img {
        width: 100%;
        min-width: 100%;
        height: 350px;
    }

    .service-sec .layout-text-right {
        text-align: left;
    }

    .banner-sec .right-wrap,
    .banner-sec .left-wrap {
        width: 100%;
    }

    .ad-banner img {
        height: 250px;
    }

    .footer {
        padding-top: 50px;
    }

    .main-banner h2.section-title {
        font-size: 48px;
        line-height: 54px;
    }

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

    .main-banner {
        padding-bottom: 60px;
    }

    .navbar-responsive {
        right: 15px;
        top: 80px;
        width: 90%;
    }

    .ad-bannerv2 p,
    .banner-sec .left-wrap-3 p {
        font-size: 38px;
        line-height: 48px;
    }

    .street-banner h2 {
        font-size: 54px;
        line-height: 60px;
    }

    .street-banner h4 {
        font-size: 24px;
        line-height: 53px;
    }

    .street-banner p {
        font-size: 24px;
    }

    .street-banner ul li p {
        font-size: 24px;
        line-height: 24px;
    }

    .buzz-banner h1 {
        font-size: 38px;
        line-height: 46px;
    }

    .buzz-banner .sub-title {
        font-size: 18px;
        line-height: 24px;
    }

    .buzz-banner .buzz-banner-text p {
        font-size: 18px;
        line-height: 26px;
    }

    .ad-buzzstation .section-title-white {
        font-size: 52px;
        line-height: 64px;
    }

    .ad-buzzstation {
        min-height: 400px;
    }

    .ad-banner-2 .section-title-white {
        padding-top: 80px;
    }

    .contact-banner,
    .contact-form-sec {
        padding: 100px 0;
    }

    .contact-banner .location-col {
        min-width: 100%;
        max-width: 100%;
        height: 300px;
    }

    .contact-banner .contact-details {
        flex-direction: column;
    }

    .contact-banner .contact-address {
        padding-left: 0;
        padding-top: 30px;
    }

    .form-row.flex-between {
        flex-direction: column;
    }

    .contact-form-sec .form-row {
        padding-bottom: 0;
    }

    .contact-form-sec .form-group {
        padding-bottom: 20px;
    }

    .media-core-item-title {
        font-size: 48px;
        line-height: 64px;
    }

    .serv-colsv2 {
        flex-direction: column-reverse;
        display: flex;
        padding-top: 50px;
    }

    .social-icons li img {
        width: 15px;
        height: 15px;
        object-fit: contain;
    }

    .buzz-banner .buzz-banner-text {
        transform: translate(0);
    }

   

}

@media only screen and (max-width: 1360px) and (min-width :1183px) {
    .buzz-banner .buzz-banner-text {
        transform: translate(0);
        width: 50%;
    }
}

@media only screen and (max-width: 1300px) and (min-width :1025px) {
    .menu-box {
        width: 25%;
    }

    .ad-banner img {
        height: 450px;
    }

    .menu-wrapper .header-menu {
        padding-left: 100px;
    }

    .menu-wrapper .header-menu ul li {
        padding: 45px 15px;
        max-width: 130px;
        min-width: 130px;
    }

    .header-sectionv2 {
        padding: 0px 15px;
    }

    .header-sectionv2 .logo img {
        max-width: 200px;
        min-width: 200px;
    }

    .menu-wrapper .header-menu ul li a {
        font-size: 24px;
    }

}

@media only screen and (max-width: 1600px) and (min-width :1300px) {
    .menu-wrapper .header-menu ul li {
        min-width: 140px;
        max-width: 140px;
        padding: 45px 0px;
    }
}