@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');
{}

body {

	font-family: var(--ff-body);
	color: var(--clr-black);
}

* {
	text-decoration: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
	box-sizing:border-box;
    -webkit-font-smoothing: antialiased;
}


:root {
	--ff-body: 'Inter', sans-serif;
	--ff-heading: 'Inter', sans-serif;
	--clr-primary: #320936;
	--clr-secondary: #e7342f;
	--clr-accent: #f4f4f4;
	--clr-white: #fff;
	--clr-black: #111;
    --clr-light-sky: #e6ecf2;
}

::selection {
     background-color: var(--clr-secondary);
     color: var(--clr-white);
}

dl, ol, ul {
    padding: 0;
	margin: 0;
}
a {
    color: var(--clr-primary);
}
a:hover {
	text-decoration: none;
}

p {
	font-size: 16px;
	line-height: 25px;
	color: var(--clr-black);
}

p:last-child{
	margin: 0;
}

h1,h2,h3,h4,h5,h6 {
	font-family: var(--ff-heading);
    font-weight: 600;
    margin: 0;
    line-height: normal;
    letter-spacing: 0.5px;
}




h1 {
	font-size: 48px;
	line-height: 66px;
}
h2 {
	font-size: 32px;
	line-height: 41px;
	font-weight: 600;
}
h3 {
	
	font-size: 28px;
}
h4 {
	font-size: 24px;
}
h5 {
	font-size: 18px;
}
h6 {
	font-size: 16px;
}

section, header, footer {
    width: 100%;
    float: left;
}

section {
	padding: 70px 0;
}

.mb-50 {
	margin-bottom: 50px;
}
.mb-40 {
	margin-bottom: 40px;
}
.mb-30 {
	margin-bottom: 30px;
}

.mt-50 {
	margin-top: 50px;
}
.mt-40 {
	margin-top: 40px;
}
.mt-30 {
	margin-top: 30px;
}

.title {
    margin-bottom: 30px;
}
.title-upper h2 {
    text-transform: uppercase;
}

.title h3 {
    font-weight: 400;
    margin-top: 10px;
}

.main-title h2 {
    font-size: 40px;
}

.main-title {
    margin-bottom: 30px;
}


/***********   header   ********/

.top-bar {
    padding: 10px 0;
}

.number a {
    font-size: 22px;
    font-weight: 700;
    color: var(--clr-secondary);
    transition: 0.5s all;
    letter-spacing: 0.5px;
}

.number a:hover {
    color: var(--clr-primary);
}
.navigations {
    background-color: var(--clr-primary);
    border-bottom: 3px solid var(--clr-secondary);
}

.nav-now ul {
    display: flex;
    flex-wrap: wrap;
}

.nav-now ul li {
    margin-right: 20px;
    position: relative;
}

.nav-now ul li a {
    font-size: 14px;
    color: var(--clr-white);
    text-transform: uppercase;
    display: inline-block;
    padding: 35px 0;
    transition: 0.5s all;
    letter-spacing: 0.2px;
}

.nav-now ul li a:hover,
.nav-now ul li.active a {
    color: var(--clr-secondary);
}
.nav-now ul li.current-menu-item a {
    color: var(--clr-secondary);
}

.mobile-toggle {
    font-size: 30px;
    color: var(--clr-secondary);
    display: none;
}

/*****  banner   *********/

.banner {
	width: 100%;
    /*height: 660px;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;*/
}

.image-layer {
    width: 100%;
    height: 660px;
    position: relative;
    display: flex;
    overflow: hidden;
	text-align: center;
    align-items: center;
	justify-content: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.image-layer::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    background-color: rgb(0 0 0 / 45%);
}

.banner-text {
    position: relative;
    z-index: 1111;
}

.banner-text h1 {
    color: var(--clr-white);
    font-size: 55px;
    text-transform: uppercase;
    line-height: normal;
}


.welcome-la-sound-sec {
    background-color: var(--clr-accent);
}

.welcome-la-sound-inner {
    background-color: var(--clr-white);
    padding: 35px 70px 0;
    position: relative;
    margin-top: -100px;
}

.welcome-la-sound-inner > h2 {
    text-align: center;
    margin-bottom: 20px;
}

.welcome-rentals {
    display: flex;
    align-items: center;
    background: rgb(50,9,54);
    background: linear-gradient(90deg, rgba(50,9,54,1) 80%, rgba(255,255,255,1) 80%);
    padding: 40px;
}

.welcome-rental-left {
    flex: 1 0 65%;
    max-width: 65%;  
    padding-right: 60px;

}

.welcome-rental-left p {
    color: var(--clr-white);
}




.welcome-rental-left .title h2 {
    color: var(--clr-white);
}


.welcome-rental-right {
    flex: 1 0 35%;
    max-width: 35%;
    text-align: right;
}


.welcome-rental-right img {
   border: 20px solid #3d1341;
}

.primary-btn a {
    display: inline-block;
    padding: 10px 20px;
    background-color: var(--clr-secondary);
    color: var(--clr-white);
    font-size: 14px;
    border-radius: 6px;
    transition: 0.5s all;
    margin-top: 20px;
}

.primary-btn a:hover {
    box-shadow: 0px 10px 20px rgb(231 52 47 / 30%);
    transform: translateY(-5px);
}


.we-provide-card {
    border: 1px solid var(--clr-primary);
    margin-bottom: 30px;
    box-shadow: 0px 30px 20px -30px rgb(0 0 0 / 40%);
    -moz-box-shadow: 0px 30px 20px -30px rgb(0 0 0 / 40%);
    -webkit-box-shadow: 0px 30px 20px -30px rgb(0 0 0 / 40%);
    transition: 0.5s all;
}
.we-provide-card:hover {
    transform: translateY(-10px);
}

.we-provide-card .contentbx {
    padding: 50px 30px 30px;
    position: relative;
    min-height: 360px;
}

.we-provide-card .contentbx h4 {    
    position: absolute;
    left: 0;
    top: -24px;
}

.we-provide-card .contentbx h4 a {
	display: inline-block;
    padding: 10px 40px;
    background-color: var(--clr-primary);
    color: var(--clr-white);
    transition: 0.5s all;
}

.we-provide-card:hover .contentbx h4 a {
    background-color: var(--clr-secondary);
}

.we-provide-card .primary-btn {
    position: absolute;
    bottom: 25px;
    z-index: 11111;
}

.amp-music-inner ul li:not(:last-child) {
    margin-bottom: 40px;
}

.amp-music-inner ul li:nth-child(even) .row {
    flex-direction: row-reverse;
}

.amp-music-right h3 {
    font-size: 32px;
    line-height: 41px;
    margin-bottom: 10px;
}


.offer-area {
    width: 100%;
    float: left;
    position: relative;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('../images/bg-1.png');
    padding: 65px 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-align: center;
}

.offer-content {
    width: 58%;
}

.offer-content h1 {
    font-size: 35px;
    line-height: 52px;
    color: var(--clr-white);
}

.title h5 {
    font-size: 20px;
    font-weight: 400;
    margin-top: 5px;
}

.work-we-do-sec .we-provide-card .contentbx {
    padding: 35px 35px;
}


.work-we-do-sec .we-provide-card .contentbx h4 {
    position: static;
    font-size: 26px;
    line-height: 36px;
    margin-bottom: 10px;
}

.work-we-do-sec .we-provide-card .contentbx h4 a {
    padding: 0;
    background-color: transparent;
    color: var(--clr-black);
}

.our-client-sec {
    background-color: var(--clr-primary);
}

.our-client-left {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 40px;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('../images/bg-2.png');
}

.our-client-left h1 {
    font-size: 68px;
    line-height: 75px;
    color: var(--clr-white);
    text-align: right;
    font-weight: 700;
}

.our-client-slider {
    padding: 50px 35px;
}
.our-client-slider p {
    color: var(--clr-white);
}
.artists-bx h6 {
    font-size: 17px;
    color: var(--clr-secondary);
    margin-bottom: 8px;
}

.artists-bx p {
    color: var(--clr-secondary);
}


.perfect-inst-bx {
    width: 100%;
    min-height: 420px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
.inst-bx-left {
    background-image: url('../images/bg-3.png');
}
.inst-bx-right {
    background-image: url('../images/bg-4.png');
}

.perfect-inst-bx h2 {
    font-size: 45px;
    line-height: 52px;
    color: var(--clr-white);
}

.inst-bx-right .intbx {
    background-color: rgb(17 17 17 / 60%);
    padding: 50px 50px;
    position: relative;
}

.inst-bx-right .intbx::before {
    content: '';
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    position: absolute;
    top: 50%;
    left: 50%;
    border: 2px solid rgb(255 255 255 / 42%);
    transform: translate(-50%, -50%);
    pointer-events: none;
    user-select: none;
}


/*******  footer   ************/


.footer {
    background-color: var(--clr-black);
    padding: 30px 0;
}

.footer-contact-info {
    background-color: var(--clr-accent);
    border-bottom: 6px solid var(--clr-secondary);
    padding: 30px 25px;
    position: relative;
    margin-top: -100px;
    margin-bottom: 35px;
}

.footer-contact-info ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.footer-contact-info ul li h6 {
    font-size: 18px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}
.footer-contact-info ul li h6 span {
    margin-right: 5px;
}

.social-icons ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.social-icons ul li {
    margin: 0 10px;
}


.social-icons ul li, .social-icons ul li a {
    color: #b7b7b7;
    font-size: 20px;
    font-weight: 500;
}

.social-icons ul li a {
    color: var(--clr-secondary);
    transition: 0.5s all;
}
.social-icons ul li a:hover {
    color: var(--clr-white);
}

.footer-nav {
    margin: 25px 0;
}


.footer-nav ul {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.footer-nav ul li  {
    position: relative;
}

.footer-nav ul li::before {
    position: absolute;
    content: '';
    top: 3px;
    right: 0;
    width: 1px;
    height: 18px;
    background-color: #b7b7b7;
}
.footer-nav ul li:last-child::before {
    content: none;
}


.footer-nav ul li a {
    color: #b7b7b7;
    padding: 0 20px;
    transition: 0.5s all;
}

.footer-nav ul li a:hover {
    color: var(--clr-secondary);
}

.copyright p {
    color: #b7b7b7;
    font-size: 15px;
}



/******** gallery    ********/


.inner-banner {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 240px;
    text-align: center;
    background-color: #54005c;
}


.inner-banner .banner-text h1 {
    color: var(--clr-white);
    font-size: 55px;
    text-transform: uppercase;
    line-height: normal;
}


.gallery-page .title h3 {
    text-transform: uppercase;
    font-size: 40px;
    font-weight: 500;
}
.gallery-page .title h2 {
    font-size: 30px;
    font-weight: 400;
    line-height: 46px;
}


.gallery-bx {
    width: 100%;
    float: left;
     margin-bottom: 30px; 
    position: relative;
    overflow: hidden;
}
.gallery-bx .imgbx {
    position: relative;
}

.gallery-bx .imgbx .search-btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(0 0 0 / 42%);
    transition: 0.5s all;
}
.gallery-bx:hover .imgbx .search-btn {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    user-select: none;
}
/*.imgcontent {
    background-color: rgb(84 0 92 / 90%);
    padding: 15px 20px;
    text-align: center;
    position: relative;
    width: 90%;
    margin: 0 auto;
    transform: translateY(100%);
    transition: 0.5s all;
    transform: translateY(-45px);
}*/
.gallery-bx .imgcontent {
    background-color: rgb(84 0 92 / 90%);
    padding: 15px 20px;
    text-align: center;
    position: absolute;
    width: 90%;
    display: flex;
    align-items: center;
    margin: 0 auto 24px;
    transform: translateY(100%);
    transition: 0.5s all;
    transform: translateY(-45px);
}
.gallery-bx:hover .imgcontent {
     /*transform: translateY(-45px);*/
}
/*.gallery-bx:hover .imgcontent {
    transform: initial;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}*/

.imgcontent h4 {
    color: #fff;
    line-height: 36px;
    font-weight: 500;
}

.secondary-btn a {
    color: var(--clr-primary);
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
    text-decoration: underline;
    text-underline-offset: 5px;
    transition: 0.5s all;
}

.secondary-btn a:hover {
    color: var(--clr-secondary);
}



/******  contact   ********/


.contact-info-sec {
    overflow: hidden;
    background-color: var(--clr-accent);
    position: relative;
}

.contact-info-left {
    width: 100%;
}
.contact-info-left ul li {
    position: relative;
    margin-bottom: 25px;
    padding-left: 35px;
}

.contact-info-left ul li:last-child {
    margin-bottom: 0px;
}
.contact-info-left ul li .iconbx {
    position: absolute;
    left: 0;
    top: 0;
}
.contact-info-left ul li h5 {
    font-size: 22px;
    margin-bottom: 5px;
}
.contact-info-left ul li p {
    font-size: 18px;
}
.contact-info-left ul li p a {
    transition: 0.5s all;
    color: var(--clr-black);
}
.contact-info-left ul li p a:hover {
    color: var(--clr-secondary);
}

.contact-info-img {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
}

.contact-info-img img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contact-form-now {
    background-color: var(--clr-light-sky);
}

.form-control {
    height: 55px;
    border-radius: 0;
    border: 1px solid #acacac;
    padding: 0px 15px;
}

textarea.form-control {
    min-height: 135px;
    padding: 15px;
}

.submit-form-control {
    display: inline-block;
    padding: 10px 20px;
    background-color: var(--clr-secondary);
    color: var(--clr-white);
    font-size: 15px;
    border-radius: 6px;
    transition: 0.5s all;
    border: none;
    outline: none;
}

.submit-form-control:hover {
    background-color: var(--clr-primary);
}
.form-control:focus {
    border-color: var(--clr-secondary);
    box-shadow: 0 0 0 0.2rem rgb(231 52 47 / 35%);
}

::placeholder {
    color: #ff0000;
}

.instagrambx img {
    max-width: 100%;
    max-height: 337px;
    object-fit: cover;
}

.event-virtual-sec {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('../images/bg-5.png');
    color: #fff;
    padding: 185px 0;
}

.event-virtual-sec h2 {
    font-size: 48px;
    line-height: 66px;
}

.about-welcome-sound-sec {
    background-color: var(--clr-primary);
}


.about-welcome-sound-sec h2 ,
.about-welcome-sound-sec p {
   color: #fff;
}

.about-welcome-right {
    text-align: right;
}

.about-welcome-right img {
    border: 20px solid #3d1341;
    position: relative;
    margin-bottom: -120px;
    z-index: 1;
}


.about-work-list {
    padding: 120px 0 0px;
}
.about-work-list ul li {
    position: relative;
    margin-bottom: 50px;
    padding-left: 90px;
}
.about-work-list ul li .numberbx {
    position: absolute;
    top: -20px;
    left: 0;
    width: 70px;
    height: 70px;
    background-color: var(--clr-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}
.about-work-list ul li .numberbx h3 {
    font-size: 36px;
    color: #fff;
    font-weight: 400;
}

.about-work-list ul li h4 {
    font-size: 20px;
    color: var(--clr-primary);
    margin-bottom: 10px;
}

.about-work-middle {
    padding: 115px 20px 0;
}
.about-work-order {
    background-color: #d4d4d4;
}


/********   rental package page    ************/


.our-feature-card {
    border: 1px solid #b2b2b2;
    padding: 30px;
    display: flex;
    flex-direction: column;
    margin-bottom: 60px;
    box-shadow: 0px 15px 30px rgb(0 0 0 / 10%);
}

.our-feature-card .imgbx {
    margin-bottom: 20px;
    text-align: center;
}
.our-feature-card .contentbx {
    margin-bottom: auto;
}

.our-feature-card h3 {
    font-size: 30px;
    font-weight: 400;
    text-transform: uppercase;
}

.our-feature-card h4 {
    text-transform: uppercase;
    color: var(--clr-secondary);
    margin: 10px 0;
}

.our-feature-card h5 {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 15px;
}
.our-feature-card h5::first-letter {
    font-size: 22px;
}

.packlist ul li {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
}

.packlist ul li::before {
    position: absolute;
    content: '';
    top: 7px;
    left: 0;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 50px;
    border: 3px solid #000;
}

.projector-rental-packages .our-feature-card h3 {
    font-size: 25px;
}


.bg-color1 {
    padding: 80px 0 0;
    background-color: #f0f0f0;
}

.bg-color1 h2 {
    margin-bottom: 20px;
}

.tabs .tabs-list {
    display: flex;
    flex-wrap: wrap;
}

.tabs .tabs-list li a {
    display: inline-block;
    padding: 15px 25px;
    font-size: 20px;
    font-weight: 500;
    border: 1px solid #8b8b8b;
    margin-left: -1px;
    color: var(--clr-primary);
}
.tabs .tabs-list li.active a,
.tabs .tabs-list li:hover a {
    background-color: #fff;
    border-top: 1px solid var(--clr-secondary);
    box-shadow: 0px -2px 0px var(--clr-secondary);
}
.tabs .tabs-list li.active a {
    border-bottom: 1px solid var(--clr-white);
}

.tabcontent {
    padding: 60px 0 80px;
}

.tabcontent .tab {
    display: none;
}

.tabcontent .tab.active {
    display: block;
}

.tabcontent-bx {
    border: 1px solid #b2b2b2;
    padding: 20px;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.tabcontent-bx .imgbx {
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 20px;
    min-height: 210px;
}

.tabcontent-bx h4 {
    font-size: 22px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.tabcontent-bx h5 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 17px;
    font-weight: 400;
}


/********  product page    ***********/

.sidebar {
    padding-top: 40px;
}

.sidebar ul  {
    margin-top: 35px;
}

.sidebar ul li {
    margin-bottom: 10px;
}

.sidebar ul li a {
    display: inline-block;
    padding: 10px 25px;
    font-size: 20px;
    font-weight: 500;
    background-color: #e8e8e8;
    width: 100%;
    border-radius: 5px;
    transition: 0.5s all;
}

.sidebar ul li.active a, .sidebar ul li:hover a {
    color: var(--clr-secondary);
}


.porduct-sec h2.shopTitle {
    margin-bottom: 40px;
    position: relative;
}
.porduct-sec h2.shopTitle::before {
    content: '';
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    width: 70px;
    height: 3px;
    background-color: #000;
}

.product-cardbx {
    border: 1px solid #b2b2b2;
    padding: 10px;
    width: 100%;
	height: 100%;
    display: flex;
    flex-direction: column;
    /* margin-bottom: 40px; */
}
.product-cardbx .imgbx {
    text-align: center;
    min-height: 245px;
}
.product-cardbx h4 {
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.product-page .porduct-sec .product-cardbx h2.woocommerce-loop-product__title {
	font-size: 20px;
	font-weight: 400;
	text-transform: uppercase;
	margin-bottom: 10px;
	line-height: 28px;
}
.product-cardbx h5 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 17px;
    font-weight: 400;
}
.product-cardbx .product-textbx {
    margin-bottom: auto;
}



.gp-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.gp-btn a {
    padding: 10px 14px;
}


/******  products details page  *******/


.product-left .imgbx {
    border: 1px solid #7c7c7c;
    width: 100%;
    float: left;
    margin-bottom: 30px;
}

.product-img-list ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    float: left;
}

.product-img-list ul li a {
    border: 1px solid #7c7c7c;
    width: 100%;
    display: block;
}

.product-right h1 {
    font-weight: 700;
}

.product-right h2 {
    font-size: 36px;
    font-weight: 400;
    margin-bottom: 20px;
}

.product-right h5 {
    font-size: 16px;
    display: flex;
    text-align: center;
    text-transform: capitalize;
    margin-bottom: 20px;
}

.product-right h5 span:not(:last-child) {
    margin-right: 34px;
}

.product-right h5 span em {
    display: block;
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    color: var(--clr-primary);
    margin-top: 10px;
}

.product-right h4 {
    margin-bottom: 15px;
}
.product-right .gp-btn {
    justify-content: flex-start;
}
.product-right .gp-btn a:not(:last-child) {
     margin-right: 10px;
}


.related-product-bx .imgbx {
    border: 1px solid #7c7c7c;
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.related-textbx {
    width: 100%;
    float: left;
}

.related-textbx h5 a {
    color: var(--clr-black);
    margin-bottom: 10px;
    display: inline-block;
}

.owl-theme .owl-nav {
    margin-top: 0;
}

.owl-theme .owl-nav button {
    position: absolute;
    top: calc(50% - 110px);
    margin: 0;
    transform: translateY(-50%);
    outline: none;
}

.owl-theme .owl-nav .owl-prev {
    left: -80px;
}

.owl-theme .owl-nav .owl-next {
    right: -80px;
}

.owl-theme .owl-nav [class*='owl-']:hover {
    background: transparent;
}
 
/*********************************popup form*********************************/
.bookForm{ max-width:767px;}
.form_left {
  float: left;
  padding: 20px 10px 0;
  width: 40%;
}
.form_right{ width:60%; float:left;}
#fancybox-outer {
  border: 6px solid #320936;
}
.pop_logo{ width:100%; float:left;}
.form_left > ul {
  margin-top: 20px;
  width: 100%;
  float: left;
}
.form_left ul li {
  color: #320936;
  display: inline-flex;
  font-size: 16px;
  padding: 0 3px 7px 0;
  line-height:24px;
}
.form_left ul li span{ margin-right:5px;}
.pop_head {
  background: #320936 none repeat scroll 0 0;
  float: left;
  text-align: center;
  width: 100%;
  padding: 15px 0;
}
.pop_head h2 {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
}

.form_right p input {
  border: 1px solid #cccccc;
  margin: 6px 0 5px;
  padding: 10px;
  width: 100%;
}
.form_right textarea {
  border: 1px solid #cccccc;
  border-radius: 5px;
  height: 122px;
  margin-bottom: 12px;
  margin-top: 9px;
  padding: 11px 11px;
  width: 100%;
}

.form_right input[type="submit"] {
  background: #320936  none repeat scroll 0 0;
  border-color: #320936;
  border-radius: 8px;
  color: #ffffff;
  font-size: 17px;
  line-height: 26px;
  margin-bottom: 20px;
  padding: 7px 22px;
  text-shadow: none;
  width: 50%;
}
.form_right input[type="submit"]:hover {
  background-color: #000;
  color: #fff;
}
div.wpcf7-validation-errors {
  font-size: 12px !important;
}
span.wpcf7-not-valid-tip {
  font-size: 12px !important;
}

.nav-now .sub-menu {
    position: absolute;
    display: block;
    z-index: 11111;
	top: 100px;
    justify-content: left;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s all;
}

.nav-now ul li:hover ul.sub-menu {
    opacity: 1;
    visibility: visible;
}

.nav-now ul li ul.sub-menu li {
    margin: 0;
    padding: 10px 15px;
    width: 240px;
    border-top: 1px solid var(--clr-secondary);
    background-color: var(--clr-primary);
}

.nav-now ul li ul.sub-menu li:first-child {
    border-top: none;
}

.nav-now ul li ul.sub-menu li a {
    font-size: 15px;
    padding: 0;
    text-transform: capitalize;
}

/*** 01.04.2022 ***/

.we-provide-card .imgbx img {
    width: 100%;
}

.work-we-do-sec .we-provide-card .contentbx h4 {
    font-size: 24px;
}
.installation_box {
    border: 1px solid var(--clr-primary);
    box-shadow: 0px 30px 20px -30px rgb(0 0 0 / 40%);
    -moz-box-shadow: 0px 30px 20px -30px rgb(0 0 0 / 40%);
    -webkit-box-shadow: 0px 30px 20px -30px rgb(0 0 0 / 40%);
    transition: 0.5s all;
    text-align: center;
    width: 100%;
}
.installation_title {
    padding: 15px 0;
}
.installation_title h4 a {
    font-size: 18px;
    line-height: 30px;
    font-weight: 600;
    color: #e7342f;
    transition: 0.5s;
}
.installation_title h4 a:hover {
    color: #54005c;
}
.installation_box:hover {
    transform: translateY(-10px);
}
.install_work_do {
    margin-bottom: 70px;
    background-color: #320936;
}
.install_work_do .title h2 {
	color: #fff;
    margin-bottom: 50px;
}
.install_work_do .title.title-upper {
    margin-bottom: 10px;
}
.install_work_do .title h3 {
    color: #e7342f;
    font-size: 24px;
    font-weight: 500;
    margin: 0;
}
.include_list ul li {
    font-size: 20px;
    line-height: 40px;
    font-weight: 500;
    color: #fff;
    position: relative;
    padding-left: 20px;
}
.include_list ul li::before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    left: 0;
    top: 16px;
    border-radius: 100px;
    background-color: #e7342f;
}
.install_work_do .text_summary p{
    color: #fff;
}
.include_list {
    border-right: 1px solid #fff;
    height: 100%;
}
.right_colm {
    margin-left: 40px;
}
.installation_box .imgbx img {
    width: 100%;
}

.nav-tab {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.payment_mode ul li a {
    font-size: 17px;
    color: var(--clr-white);
    text-transform: uppercase;
    display: inline-block;
    padding: 35px 0;
    transition: 0.5s all;
    letter-spacing: 0.5px;
}
.payment_mode ul li a:hover{
    color: var(--clr-secondary);
}

.footer-img {
    margin-top: 20px;
}

.footer-img ul li {
    padding: 0 40px;
    flex: 1;
}

.footer-img ul {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}

.sidebar {
    padding-top: 40px;
    padding-bottom: 40px;
}

.nav-now ul.sub-menu li ul.sub-menu {
    left: 100%;
    top: 0;
    opacity: 0;
    visibility: hidden;
}

.nav-now ul.sub-menu li:hover ul.sub-menu {
    opacity: 1;
    visibility: visible;
}

.sidebar .bapf_head h3 {
    display: none;
}
.sidebar .bapf_body {
    margin-top: 25px;
    width: 100%;
}
.sidebar .bapf_sfilter .bapf_body ul li {
    width: 100%;
    padding: 10px 12px !important;
    margin: 0 0 10px !important;
    display: inline-block;
    background-color: #e8e8e8;
    border-radius: 5px;
}
.sidebar .bapf_sfilter .bapf_body ul li label {
    font-size: 16px;
    margin: 0 !important;
    color: #000;
    font-weight: 500;
    line-height: 30px;
}
.sidebar .bapf_sfilter .bapf_body ul li label:hover {
    color: var(--clr-secondary);
}
.sidebar .bapf_sfilter .bapf_body ul li i.fa.bapf_ochild {
    float: right;
    margin: 0;
    padding: 0 0 0;
    line-height: 30px;
}
.sidebar .bapf_sfilter .bapf_body ul li:hover i.fa.bapf_ochild{
    color: var(--clr-secondary);
}
.sidebar .bapf_sfilter .bapf_body ul li i.fa.bapf_cchild{
	float: right;
    margin: 0;
    padding: 0 0 0;
    line-height: 30px;
}
.sidebar .bapf_sfilter .bapf_body ul li:hover i.fa.bapf_cchild{
    color: var(--clr-secondary);
}
.sidebar .bapf_sfilter .bapf_body ul li ul {
    margin: 5px 0 0;
    padding-top: 5px;
    border-top: 1px solid #000;
}
.sidebar .bapf_sfilter .bapf_body ul li ul li {
    padding: 0 !important;
    margin: 0 !important;
}
.sidebar .bapf_sfilter .bapf_body ul li ul li label {
    font-size: 14px;
}
.sidebar .bapf_sfilter .bapf_body ul li ul li label:hover {
    color: var(--clr-secondary);
}

.we-provide-card {
    background-color: #f4f4f4;
}
.work-we-do-sec .we-provide-card .contentbx {
    padding: 30px;
    min-height: 381px;
    background-color: rgb(50 9 54);
}
.work-we-do-sec .we-provide-card .contentbx h4 a{
	color: var(--clr-white);
}
.work-we-do-sec .we-provide-card .contentbx p{
	color: var(--clr-white);
}

.we-provide-card .imgbx img {
    width: 100%;
    height: 315px;
    object-fit: cover;
}

/*.text_slide_colm {
    width: 100%;
    margin-top: 70px;
    background-color: #d92b2c;
}*/
.text_slider {
    position: relative;
    z-index: 111111;
    top: -30px;
}
.welcome-la-sound-inner {
    z-index: 1;
    padding: 100px 70px 0;
    margin-top: -100px;
	padding-top: 35px !important;
}
.text_slider .item h2 {
    font-size: 26px;
    line-height: 30px;
    color: #000;
}

.what-we-provide-sec.mobile_view {
    display: none;
}


.gallery-bx {
    width: 100%;
    float: left;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    transition: transform 0.6s;
}
.flip-inner-text {
    position: relative;
    transition: transform 0.6s;
    transform-style: preserve-3d;
}
.gallery-bx:hover .flip-inner-text {
    transform: rotateY(180deg);
}
.gallery-bx .imgbx {
    position: relative;
    transform: rotateY(180deg);
    transition: transform 0.6s;
    transform-style: preserve-3d;
}
.gallery-bx .imgcontent {
    background-color: rgb(84 0 92 / 90%);
    padding: 15px 20px;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    z-index: -1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 24px;
    transition: 0.5s all;
    transform: rotateY(180deg);
}
.gallery-bx:hover .imgcontent {
    /* transform: translateY(-45px); */
    z-index: 11111;
}

.text_slider .owl-nav {
    display: none;
}
.gallery-bx .imgbx img {
    width: 100%;
	height: 398px;
	object-fit: cover;
}
.gallery-bx .imgbx .search-btn img {
    width: auto;
	height: auto;
}



/*** 17.06.2023 ***/


.abt_brand_equipment {
    margin-bottom: 100px;
}
.abt_brand_equipment .left_side .img_bx {
    position: relative;
}
.abt_brand_equipment .left_side .img_left_sidebar {
    position: absolute;
    bottom: -130px;
    left: 35%;
    z-index: 111;
}
.abt_brand_equipment .text_summary ul {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(2, 1fr);
}
.abt_brand_equipment .text_summary ul li {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    padding-left: 30px;
}
.abt_brand_equipment .text_summary ul li::before {
    content: "";
    left: 0;
    top: 0px;
    width: 25px;
    height: 25px;
    position: absolute;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('../images/arrow.png');
}
.abt_work_we_do{
	background-color: #f8f8f8;
}
.abt_work_we_do .title h5 {
    color: #54005C;
    font-weight: 500;
    font-size: 18px;
}
.abt_work_we_do .we-provide-card {
    background-color: #fff;
	text-align: center;
	box-shadow: 0px 3px 6px #00000029;
	border: 1px solid #D6D6D6;
}
.abt_work_we_do .we-provide-card .contentbx {
    min-height: auto;
    padding: 24px 0px;
}
.abt_work_we_do .we-provide-card .imgbx img {
    height: 208px;
}
.abt_work_we_do .we-provide-card .contentbx h4 {
    position: relative;
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    font-weight: 500;
    padding: 10px 0;
    text-align: center;
    background-color: var(--clr-primary);
}
.abt_work_we_do .we-provide-card .contentbx p {
    padding: 0 25px;
    min-height: 242px;
    font-size: 15px;
    line-height: 22px;
}
.faq_content_wrap .offer-area {
    width: 100%;
    height: 295px;
    padding: 0;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('../images/Group_033.png');
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-align: left;
}
.faq_content_wrap .offer-content {
    width: 50%;
}
.faq_content_wrap .offer-content h6 {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #fff;
}
.faq_colm .title h3 {
    color: #E7342F;
    font-size: 30px;
    line-height: 50px;
}
.faq_inner_colm .card {
    width: 100%;
    margin-bottom: 20px;
    border-radius: 17px;
    background: #F7F7F7;
    border: 1px solid #DBDBDB;
    box-shadow: 0px 3px 6px #00000029;
}
.faq_inner_colm .card .card-header {
    border: 0;
    padding: 25px 25px;
    border-radius: 0;
    background-color: transparent;
}
.faq_inner_colm .card .card-header h5 button {
    font-size: 18px;
    line-height: 24px;
    color: #565454;
    font-weight: 500;
    padding: 0;
    width: 100%;
    text-align: left;
    text-decoration: none;
    padding-left: 50px;
}
.faq_inner_colm .card .card-header h5 button:focus {
    box-shadow: none;
}
.faq_inner_colm .card .card-body {
    border-top: 1px solid #DBDBDB;
    background-color: #fff;
    padding: 25px;
    border-radius: 0px 0px 17px 17px;
}
.faq_inner_colm .card .card-body p{
    font-size: 16px;
    line-height: 30px;
    color: #565454;
    font-weight: 400;
}
.faq_inner_colm .card .card-header button.btn.btn-link::before {
    content: "-";
    position: absolute;
    top: 21px;
    left: 25px;
    display: block;
    font-size: 30px;
    font-weight: 700;
    color: #54005C;
    width: 35px;
    height: 35px;
    line-height: 28px;
    text-align: center;
    border-radius: 100%;
    border: 2px solid #54005C;
}
.faq_inner_colm .card .card-header button.btn.btn-link.collapsed::before {
    content: "+";
    position: absolute;
    top: 21px;
    left: 25px;
    display: block;
    font-size: 30px;
    font-weight: 700;
    color: #54005C;
    width: 35px;
    height: 35px;
    line-height: 28px;
    text-align: center;
    border-radius: 100%;
    border: 2px solid #54005C;
}
.abt_what_we_provide {
    margin-bottom: 50px;
}
.abt_what_we_provide .title h2 {
    font-weight: 700;
    margin-bottom: 5px;
    line-height: 61px;
    color: #242424;
    font-size: 40px;
}
.equipment_list_box {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 25px;
    box-shadow: 0px 17px 33px #0000001A;
    border: 1px solid #DFDFDF;
    border-radius: 16px;
    margin-bottom: 35px;
}
.equipment_list_box .img_bx_wrap {
    width: calc(100% - 120px);
}
.abt_content_wrap {
    width: 100%;
}
.abt_content_wrap h3 {
    font-size: 30px;
    line-height: 61px;
    font-weight: 700;
    color: #242424;
}
.primary-btn a.view_more_btn {
    border: 1px solid #E7342F;
    background-color: transparent;
    color: #E7342F;
}
.primary-btn a.view_more_btn:hover {
    background-color: #E7342F;
    color: #fff;
}
.abt_what_we_provide.client-list_content {
    margin-bottom: 0;
}
.client_list_sec {
	margin-bottom: 50px;
    background-color: #f4f4f4;
}
.client_list_colm h3 {
    color: #320936;
    font-size: 30px;
    line-height: 61px;
    font-weight: 500;
}
.client_list_sec .logo_colm ul li {
    display: flex;
    align-items: center;
    margin: 10px 0 20px;
}
.client_list_sec .logo_img {
    box-shadow: 0px 3px 9px #00000029;
    border: 1px solid #C7C7C7;
    border-radius: 14px;
    width: calc(100% - 135px);
    height: 125px;
    text-align: center;
    line-height: 125px;
    background-color: #fff;
}
.client_list_sec .logo_colm ul li h5 {
    width: 100%;
    color: #242424;
    font-size: 18px;
    line-height: 31px;
    font-weight: 500;
    margin-left: 20px;
}

.installation_box {
    padding: 15px;
    height: 100%;
}

.installation_title h4 {
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    color: #e7342f;
    transition: 0.5s;
    margin-bottom: 15px;
    display: inline-block;
}

.logo img {
    max-width: 355px;
    height: 100px;
    object-fit: contain;
}

.installation_box_slide .imgbx {
    height: 100%;
    width: 100%;
}
.installation_box_slide .imgbx img {
    width: 100%;
    height: 100%;
    max-height: 175px;
	object-fit: cover;
}
.install_img_slider .owl-nav {
    display: none;
}

.install_img_slider .owl-dots {
    display: block !important;
    margin-top: 20px !important;
}
.banner-carousel .owl-nav {
    display: none !important;
}

.woocommerce  .logo img {
    max-width: 355px;
    height: 100px;
    object-fit: contain;
}

.gallery_img_slider img {
    width: 100%;
    border: 3px solid #e7342f;
}

.page-template-tpl-gallery .gallery-bx .imgbx a.search-btn {
    background-color: transparent;
    display: none;
}
.offer_rental_slider .our-feature-card {
    margin-bottom: 30px;
    justify-content: center;
}
.offer_rental_slider .our-feature-card img {
    height: 330px;
    object-fit: contain;
}
.offer_rental_slider .our-feature-card h3{
	font-size: 26px;
}
.offer_rental_slider .fancybox-inline.pro_btn {
    display: inline-flex;
    align-items: center;
    grid-gap: 8px;
}
.offer_rental_slider .fancybox-inline.pro_btn img {
    width: auto !important;
    height: auto !important;
}

.equipment_list_box .img_bx_wrap img {
    width: 100%;
    height: 345px;
    object-fit: cover;
    padding-right: 30px;
}