html {scroll-behavior: smooth;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
h1,h2,h3,h4,h5,h6,p,ul,li,body,figure{margin:0;padding:0;}
ul,li{list-style:none; padding: 0; margin: 0; font-size: 0;}
a{text-decoration:none; color:#000;}
img{max-width:100%;height:auto;}
.disabled{cursor:no-drop !important;}
:focus{outline:-webkit-focus-ring-color auto 0px;outline:0;}
body{font-family: 'Nunito', sans-serif; font-style:normal;font-weight:400;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px; color:#000; background-color:#fff;}
.container{padding:0 15px;max-width:1920px;width:100%;position:relative;margin:auto;}
section,footer,header{float:left;width:100%;}
button,a{cursor:pointer;}
:hover {transition: color .5s ease;}
figure {font-size: 0;}

/* Header styles Start */

.row {
    padding: 0;
    margin: 0 15px;
}

.header-top {background: #64015a; text-align: center; padding: 10px 0; color: #fff;}
.header-top p{font-size: 16px; letter-spacing: 0.75px; font-style: italic; font-family: 'Playfair Display', serif; color: #fff; padding: 0;} 
header .header-bottom .bottom-all{display: flex; align-items: center; flex-wrap: wrap;}
header .header-bottom .menu ul li {display: inline-block;} 
header .header-bottom .menu ul li a {font-size: 16px; text-transform: uppercase; font-weight: 600; color: #fff; padding: 1.1rem 1rem;}
header .header-bottom .menu ul li a:hover {background: #64015a;}
header .header-bottom {padding: 20px 0; background: #f50365;}
header .header-middle {padding: 2rem 0; text-align: center;}
strong {font-weight: 700;}
/* Header styles End */

 #footer .footer-top .social-media ul li{margin: 0 10px; width: 36px; height: 36px; border-radius: 50%; background: #fff;}
#footer .footer-top .social-media ul li:hover {background: #64015a;}
#footer .footer-top .social-media ul li a{position: relative}
#footer .footer-top .social-media ul {display: flex; align-items: center; margin: 0 -10px; justify-content: center;}
#footer .footer-top .social-media ul li.facebook a::before{content: "\f09a"; font-size: 20px; left: -5px; top: 9px; border-radius: 50%; position: absolute; font-family: FontAwesome; color: #000;}
#footer .footer-top .social-media ul li.instagram a::before {content: "\f16d"; font-size: 20px; left: -8px; top: 8px; border-radius: 50%; color: #000; position: absolute; font-family: FontAwesome;}
#footer .footer-top .social-media ul li.youtube a::before{content: "\f167"; font-size: 20px; left: -8px; top: 8px; border-radius: 50%; position: absolute; font-family: FontAwesome; color: #000;}
#footer .footer-top .social-media ul li:hover a::before {color: #fff;}

/* Home Slider Start */

#home-slider .slider-start .owl-dots, #home-slider .slider-start .owl-nav button span{display: none;}
.owl-nav button {width: 40px; position: absolute; top: 40%; height: 40px; background: #64015a !important; border-radius: 50% !important;}
.owl-nav button:hover {background: #000 !important;}
.owl-nav button.owl-prev {left: 5%;}
.owl-nav button.owl-next {right: 5%;}
.owl-nav button.owl-prev::before {content: "\f0d9"; color: #fff; left: 0; right: 0; top: 9px; font-size: 22px; position: absolute; font-family: FontAwesome;}
.owl-nav button.owl-next::before {content: "\f0da"; color: #fff; position: absolute; font-family: FontAwesome; left: 0; right: 0; top: 9px; font-size: 22px;}
/* Home Slider End */

/* Marketing Category Start */
.marketing-category {
    display: grid;
    gap: 1rem;
    text-align: center;
    grid-template-columns: repeat(6, 1fr);
}
.marketing-category .marketing-banner {
    margin: 0 auto;
}
.marketing-category .marketing-banner .marketing-banner-image {
    background: #f0f0f0;
    border-radius: 50%;
    width: 170px;
    height: 170px;
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    justify-items: center;
}
.marketing-category .marketing-banner .marketing-banner-image img {
    margin: 0 auto;
    width: 70%;
}
.marketing-category .marketing-banner a:hover h3 {
    color: #64015a;
}
.marketing-category .marketing-banner h3 {
    font-weight: 700;
    font-size: 22px;
    line-height: 29px;
}
.common-space h2, .common-space h1 {
    font-size: 40px;
    line-height: 45px;
    text-transform: capitalize;
    text-align: center;
    padding: 20px 0;
    font-weight: 500;
    font-family: 'Niconne', cursive;
}

/* Marketing Category End */

#new-arrivals h2 span {
    color: #64015a;
}


.product-list .product {
    padding: 15px;
    background-color: #fff;
    border-radius: 15px;
    border: 1px solid #e5e5e5;
}
.product-list .product .product-image {
    margin-bottom: 15px;
    position: relative;
}
.product-list .product .product-image .product-tag {
    transition: all 0.3s ease-in-out;
    position: absolute;
    top: -13px;
    left: 0;
    right: 0;
    font-size: 12px;
    text-align: center;
    z-index: 2;
}
.product-list .product .product-image .product-tag span {
    padding: 3px 5px;
    position: relative;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 800;
    background: #fff;
    border-radius: 0 0 5px 5px;
}
.product-list .product .product-description .more-details {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
}
.more-details a {
    color: #fff;
    background: #f50365;
    font-weight: 700;
    padding: 5px 20px;
    border-radius: 5px;
}
.more-details a:hover {
    background: #64015a;
}
.product-list .product .product-image .product-tag span::before {
    content: "";
    width: 18px;
    height: 15px;
    position: absolute;
    left: -16px;
    bottom: -8px;
    background-image: url(../images/shape-2.png);
    background-repeat: no-repeat;
    background-size: 100%;
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}
.product-list .product .product-image .product-tag span::after {
    content: "";
    width: 18px;
    height: 15px;
    position: absolute;
    right: -16px;
    bottom: -8px;
    background-image: url(../images/shape-2.png);
    background-repeat: no-repeat;
    background-size: 100%;
    -webkit-transform: translateY(-50%) scaleX(-1) rotate(180deg);
    transform: translateY(-50%) scaleX(-1) rotate(180deg);
}
.product-list .product .product-image .product-img {
    position: relative;
    overflow: hidden;
}
.product-list .product .product-image .product-img img {
    width: 100%;
    border-radius: 15px;
}
.product-list .product .product-description p {
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    color: #777;
    text-align: center;
}
.product-list .product .product-description h3 {
    margin: .5rem 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
     min-height: calc(24px * 2);
}
.category-product-list {
    display: grid;
    grid-template-columns: repeat(5, 1fr); 
    gap: 15px;
}
.category-common-space {
    padding: 4rem 0;
}
#marketing-banner-1 {
    background-image: url("http://fionish.com/wp-content/uploads/2025/09/marketing-banner-1.webp");
    background-size: cover;       /* Makes the image cover the section */
    background-position: center;  /* Keeps the image centered */
    background-repeat: no-repeat; /* Prevents tiling */
    padding: 80px 20px;           /* Spacing inside banner */
    text-align: center;           /* Center text */
    color: #fff;                  /* White text for contrast */
    position: relative;
}
#marketing-banner-2 {
    background-image: url("http://fionish.com/wp-content/uploads/2025/09/marketing-banner-2.webp");
    background-size: cover;       /* Makes the image cover the section */
    background-position: center;  /* Keeps the image centered */
    background-repeat: no-repeat; /* Prevents tiling */
    padding: 80px 20px;           /* Spacing inside banner */
    text-align: center;           /* Center text */
    color: #fff;                  /* White text for contrast */
    position: relative;
}
#marketing-banner-1 h4, #marketing-banner-2 h4 {
    font-size: 32px;
    font-weight: bold;
    margin: 2rem 0;
}

#marketing-banner-1 p, #marketing-banner-2 p {
    color: #fff;
    margin: 2rem 0;
}
.deal-prdocut .deal-prdocut-right .prdocut .prdocut-details p {padding: 3px 0;}

.deal-prdocut {
    display: flex;
    gap: 1rem
}
.deal-prdocut .deal-prdocut-left {
    width: 33.3%;
}
.deal-prdocut .deal-prdocut-right {
    width: 66.6%;
}
.deal-prdocut .deal-prdocut-right .prdocut {
    display: grid;
    grid-template-columns: 40% 60%;
    gap: 1rem;
    border-bottom: 1px solid #ddd;
    padding: 1.45rem 0;
}
.deal-prdocut .deal-prdocut-right .prdocut .prdocut-details h3 {
    font-size: 30px;
    line-height: 39px;
    text-transform: capitalize;
    font-weight: 500;
    font-family: 'Niconne', cursive;
}
.deal-prdocut .deal-prdocut-right .prdocut .prdocut-details .more-details {
    margin-top: 0.75rem;
}
#about-us .about-full {display: flex; align-items: center; flex-wrap: wrap; margin: 0 -15px;}
#about-us .about-full .about-us-image {width: 40%; padding: 0 15px;}
#about-us .about-full .about-us-content{width: 60%; padding: 0 15px;}
#about-us .about-full .about-us-image .about-us-top{line-height: 0; display: block; width: 100%; max-width: 100%; height: inherit; max-height: 100%; position: relative;}
#about-us .about-full .about-us-image .about-us-bottom{position: absolute; left: 0; top: 0; line-height: 0; display: block; max-width: 100%; height: inherit; max-height: 100%;}
#about-us .about-full .about-us-image .about-us-bottom img, #about-us .about-full .about-us-image .about-us-top img{width: 100%;}
.common-space {padding: 20px 0 20px 0;}
.about-us-content span, #about-event span{font-size: 30px; font-family: 'Niconne', cursive; display: block; line-height: 45px; text-transform: capitalize; font-weight: 500;}
.about-us-content h1, #contact-detail h1, #about-event h1{font-size: 50px; display: block; line-height: 55px; padding: 10px 0; font-weight: 500; font-family: 'Niconne', cursive;}
#contact-detail h1 {text-align: center; color: #fff;}
#contact-detail.common-space {padding-top: 0; padding-bottom: 0;}
p {font-size: 18px; line-height: 25px; padding: 10px 0; color: #000;}
#contact-detail .detail-form .detail-contact-form .con-left ul.all-service li h2 {color: #fff; text-align: left; width: 40%;}
#contact-detail .detail-form .detail-contact-form .con-left ul.all-service li h5 {padding: 0; width: 60%; font-family: 'Nunito', sans-serif; text-align: left;}
#about-event h1 {text-align: center;}

#footer {background: #000; padding: 50px 0 0 0;}
#footer .footer-top {text-align: center;}
#footer .footer-top .footer-menu ul li a {color: #fff; font-size: 18px;}
#footer .footer-top .footer-menu ul li a:hover {color: #64015a;}
#footer .footer-top .footer-menu ul li {padding: 0 10px;}
#footer .footer-top .footer-menu ul {display: flex; justify-content: center; align-items: center;flex-wrap: wrap;}
#footer .footer-top .footer-logo, #footer .footer-top .footer-menu, #footer .footer-top .social-media, #footer .footer-top #copyright{padding: 15px 0;}
#footer .footer-top #copyright p {color: #fff; font-size: 16px; line-height: 25px; padding: 10px 0;}

#contact-detail .detail-form {background: url(http://www.arorafilmsproduction.com/wp-content/uploads/2022/06/contact-bg.jpg); background-color: #000; background-position: center; background-size: 100%; background-repeat: no-repeat; padding: 50px 0;}
#contact-detail .detail-form .detail-contact-form {display: flex; align-items: center;}
#contact-detail .detail-form .detail-contact-form .con-left{width: 60%; padding-right: 30px;}
.wpcf7-response-output {color: #fff;}
#contact-detail .detail-form .detail-contact-form .con-right{width: 40%;}
#contact-detail .detail-form .detail-contact-form .con-right form .form-field label {color: #fff; text-transform: capitalize; font-size: 14px; line-height: 20px; padding: 5px 0;}
#contact-detail .detail-form .detail-contact-form .con-right form .form-field input, #contact-detail .detail-form .detail-contact-form .con-right form .form-field textarea {width: 100%; padding: 0px 10px}
#contact-detail .detail-form .detail-contact-form .con-right form .form-field {margin: 15px 0;}
#contact-detail .detail-form .detail-contact-form .con-right form .form-field-btn {text-align: center;}
#contact-detail .detail-form .detail-contact-form .con-right form .form-field input {border: 1px solid #fff; border-radius: 5px; height: 40px;}
#contact-detail .detail-form .detail-contact-form .con-right form .form-field textarea {border: 1px solid #fff; border-radius: 5px;}
#contact-detail .detail-form .detail-contact-form .con-right form .form-field-btn input.wpcf7-submit {color: #fff; font-size: 14px; font-weight: 700; line-height: 18px; padding: 14px 52px; border-radius: 40px; cursor: pointer; text-transform: uppercase; text-align: center; background: #64015a; border: 0;}
#contact-detail .detail-form .detail-contact-form .con-right form .form-field-btn input.wpcf7-submit:hover {background: #fff; color: #000;}
::placeholder, #contact-detail .detail-form .detail-contact-form .con-right form .form-field textarea::placeholder{color: #000 !important; opacity: 0.8 !important; font-family: 'Playfair Display', serif !important;}

#footer .footer-top .footer-menu ul li ul.sub-menu {display: none;}

header .header-bottom .menu ul li ul.sub-menu {position: absolute; display: none;}

header .header-bottom .bottom-all .menu-icon, header .header-bottom .bottom-all  #mobile-menu{display: none;}
@media (max-width: 1199px) {
    .common-space h5 {font-size: 20px; line-height: 38px;}
}
@media (max-width: 1023px) {
    header .header-bottom .menu ul li a {font-size: 15px;}
    header .header-bottom .bottom-all {flex-wrap: wrap;}
    header .header-bottom .logo, header .header-bottom .menu {width: 100%;}
    header .header-bottom .logo {margin: 0 auto; text-align: center; padding-bottom: 20px;}
    header .header-bottom {padding-top: 0;}
    #about-us .about-full .about-us-image, #about-us .about-full .about-us-content{width: 50%;}
    .about-us-content h1, #contact-detail h1, #about-event h1 {font-size: 45px; line-height: 52px;}
    p {font-size: 17px; line-height: 23px;}
}
@media (max-width: 767px){
    header .header-bottom .bottom-all .menu-icon, header .header-bottom .bottom-all  #mobile-menu{display: block;}
    header .header-bottom .bottom-all .menu-icon a {background: url("http://www.arorafilmsproduction.com/wp-content/uploads/2022/07/mobile-menu-icons.jpg"); width: 21px; height: 20px; display: inline-block;}
    #mobile-menu .mm-navbar_sticky, #mobile-menu .mm-panels > .mm-panel{background: #000;}
    #mobile-menu .mm-navbar_sticky .mm-navbar__title span, #mobile-menu .mm-panels > .mm-panel .mm-listview .menu-item a{color: #fff;}
    #mobile-menu .mm-panels > .mm-panel .mm-listview .menu-item, #mobile-menu .mm-navbar_sticky, #mobile-menu .mm-panels > .mm-panel .mm-listview .menu-item a::after, #mobile-menu .mm-navbar_sticky a::before{border-color: #fff;}
    #mobile-menu .mm-panels > .mm-panel .mm-listview .menu-item a {font-size: 16px;}
    header .header-bottom .menu {display: none;}
    header .header-bottom .bottom-all {flex-wrap: inherit;}
    header .header-bottom .logo {padding-bottom: 0;}
    #about-us .about-full .about-us-image, #about-us .about-full .about-us-content {width: 100%;}
    .about-us-content span, #about-event span, .about-us-content h1, #contact-detail h1, #about-event h1 {text-align: center;}
    .common-space {padding: 20px 0;}
    .slider-start-testinmonial {padding: 20px 30px;}
    #footer {padding: 30px 0 0 0;}
    #footer .footer-top .footer-menu ul li a {font-size: 16px;}
    #footer .footer-top .footer-menu ul li {padding: 0 3px;}
    #footer .footer-top #copyright {padding: 5px 0;}
    #contact-detail .detail-form .detail-contact-form .con-left, #contact-detail .detail-form .detail-contact-form .con-right{width: 100%;}
}
@media (max-width: 567px) {
    .header-top p {font-size: 15px;}
}