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-top {background: #7f678c; 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;} 
.header-middle {padding: 20px 0;}
.header-middle .email_id, .header-middle .phone_number, .header-middle .social-media{width: 33.3%}
.header-middle .all-middle-content {display: flex; align-items: center;}
.header-middle .all-middle-content .email_id p a::before {content: "\f0e0"; position: absolute; font-family: FontAwesome; left: 0; color: #000;}
.header-middle .all-middle-content .email_id p a {position: relative; padding-left: 25px; color: #000; font-weight: 500;}
.header-middle .all-middle-content .phone_number p a::before {content: "\f10b"; position: absolute; font-family: FontAwesome; left: 0; font-size: 24px; top: -1px; color: #000;}
.header-middle .all-middle-content .phone_number p a {position: relative; padding-left: 25px; color: #000;}
.header-middle .all-middle-content .email_id p a:hover, .header-middle .all-middle-content .email_id p a:hover::before, .header-middle .all-middle-content .phone_number p a:hover::before, .header-middle .all-middle-content .phone_number p a:hover {color: #7f678c;}
.header-middle .all-middle-content .social-media ul li{margin: 0 10px; width: 36px; height: 36px; border-radius: 50%; background: #000;}
 #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: #7f678c;}
.header-middle .all-middle-content .social-media ul li:hover {background: #7f678c;}
.header-middle .all-middle-content .social-media ul li a, #footer .footer-top .social-media ul li a{position: relative}
.header-middle .all-middle-content .social-media ul {display: flex; float: right; align-items: center; margin: 0 -10px;}
#footer .footer-top .social-media ul {display: flex; align-items: center; margin: 0 -10px; justify-content: center;}
.header-middle .all-middle-content .social-media ul li.facebook a::before{content: "\f09a"; font-size: 20px; left: 12px; top: 9px; border-radius: 50%; position: absolute; font-family: FontAwesome; color: #fff;}
#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;}
.header-middle .all-middle-content .social-media ul li.instagram a::before {content: "\f16d"; font-size: 20px; left: 9px; top: 8px; border-radius: 50%; color: #fff; position: absolute; font-family: FontAwesome;}
#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;}
.header-middle .all-middle-content .social-media ul li.youtube a::before{content: "\f167"; font-size: 20px; left: 9px; top: 8px; border-radius: 50%; position: absolute; font-family: FontAwesome; color: #fff; }
#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;}
.header-middle .phone_number p {text-align: center;}
header .header-bottom .bottom-all{display: flex; align-items: center; flex-wrap: wrap;}
header .header-bottom .logo{width: 15%;}
header .header-bottom .menu {width: 85%; text-align: center;}
header .header-bottom .menu ul{margin: 0 -10px }
header .header-bottom .menu ul li {display: inline-block; padding: 0 10px;} 
header .header-bottom .menu ul li a {font-size: 16px; text-transform: uppercase; font-weight: 600;}
header .header-bottom .menu ul li a:hover {color: #7f678c;}
header .header-bottom {padding: 20px 0;}
#home-slider .slider-start .owl-dots, #home-slider .slider-start .owl-nav button span{display: none;}
#home-slider .slider-start .owl-nav button {width: 40px; position: absolute; top: 40%; height: 40px; background: #7f678c; border-radius: 50%;}
#home-slider .slider-start .owl-nav button:hover {background: #000;}
#home-slider .slider-start .owl-nav button.owl-prev {left: 5%;}
#home-slider .slider-start .owl-nav button.owl-next {right: 5%;}
#home-slider .slider-start .owl-nav button.owl-prev::before {content: "\f0d9"; color: #fff; left: 0; right: 0; top: 9px; font-size: 22px; position: absolute; font-family: FontAwesome;}
#home-slider .slider-start .owl-nav button.owl-next::before {content: "\f0da"; color: #fff; position: absolute; font-family: FontAwesome; left: 0; right: 0; top: 9px; font-size: 22px;}
#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: 40px 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;}
.about-us-content p, #about-event p{font-size: 18px; line-height: 25px; padding: 10px 0;}
#our-service h2, .common-space h2{font-size: 40px; line-height: 45px; text-transform: capitalize; text-align: center; padding: 10px 0; font-weight: 500; font-family: 'Niconne', cursive;}
#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;}
#client-say h2 {color: #fff;}
#our-service ul.all-service {display: flex; align-items: center; flex-wrap: wrap; margin: 10px -10px;}
#our-service ul.all-service li {width: 25%; text-align: center; padding: 10px;}
#our-service ul.all-service li .full-service{border: 1px solid #ccc; transition: color .5s ease; padding: 10px 20px; box-shadow: 0px 1px 16px rgba(0,0,0,0.16); -webkit-box-shadow: 0px 1px 16px rgba(0,0,0,0.16); -moz-box-shadow: 0px 1px 16px rgba(0,0,0,0.16);}
#our-service ul.all-service li .full-service:hover {border-color: #7f678c;}
#our-service ul.all-service li .service-icon{padding: 10px 0;}
#our-service ul.all-service li .service-content h3{font-size: 35px; line-height: 42px; text-transform: capitalize; font-weight: 500; font-family: 'Niconne', cursive;}
#our-service ul.all-service li .service-content p {font-size: 16px; line-height: 25px; padding: 10px 0;}
#our-service ul.all-service li .service-content p a {font-weight: 800; text-transform: uppercase; color: #7f678c;}
#our-service ul.all-service li .service-content p a:hover {color: #000;}
#our-service.inner-service ul.all-service li {width: 50%; display: inline-flex; height: 100%;}
#our-service.inner-service ul.all-service li .full-service{height: 100%; width: 100%;}
#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: #7f678c;}
#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;}
#client-say {background: #7f678c;}
.slider-start-testinmonial {padding: 50px 100px;}
#client-say .slider-start-testinmonial ul li .client-comment-full p {font-size: 16px; line-height: 25px; padding: 10px 0; color: #fff; text-align: center;}
#client-say .slider-start-testinmonial ul li .client-comment-full .client-info {margin: 15px -15px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
#client-say .slider-start-testinmonial ul li .client-comment-full .client-info .client-image, #client-say .slider-start-testinmonial ul li .client-comment-full .client-info .client-name {padding: 0 15px;}
#client-say .slider-start-testinmonial ul li .client-comment-full .client-info .client-image figure a img{border-radius: 50%;}
#client-say .slider-start-testinmonial ul li .client-comment-full .client-info .client-name h4{color: #fff; font-weight: 700; font-style: italic;}
#client-say .slider-start-testinmonial .owl-nav button.owl-prev::before {content: "\f0d9"; color: #000; left: -5%; top: 9px; font-size: 22px; position: absolute; font-family: FontAwesome; background: #fff; width: 30px; height: 30px; border-radius: 50%; line-height: 30px;}
#client-say .slider-start-testinmonial .owl-nav button.owl-next::before {content: "\f0da"; color: #000; position: absolute; font-family: FontAwesome; right: -5%; top: 9px; font-size: 22px; background: #fff; width: 30px; height: 30px; border-radius: 50%; line-height: 30px;}
#client-say .slider-start-testinmonial .owl-nav button span {display: none;}
#client-say .slider-start-testinmonial .owl-nav button:hover::before {background: #000; color: #fff;}
#team-member ul.member-team {display: flex; align-items: center; flex-wrap: wrap; text-align: center; margin: 20px -15px}
#team-member ul.member-team li {width: 33.3%; margin: 10px 0; padding: 0 15px;}
#team-member ul.member-team li .team-info .team-emp-name p {font-size: 24px; padding: 10px 0;}
#team-member ul.member-team li .team-info .team-emp-profile p {font-size: 22px; padding: 10px 0;}
.common-space h5 {text-align: center; padding: 0 0 10px 0; font-size: 25px; line-height: 45px; font-weight: 500; font-family: 'Niconne', cursive;}
#contact-detail h5 {color: #fff;}
#latest-video .video-full .video-bg a {padding: 220px 0; position: relative; display: inline-block; width: 100%; text-align: center; background-repeat: no-repeat; background-size: cover; background-position: center; background-image: url("http://www.arorafilmsproduction.com/wp-content/uploads/2022/07/video-bg.jpg");}
#latest-video .video-full .video-bg a .video-content p {color: #fff; font-size: 35px; text-align: center; text-transform: uppercase; padding: 20px 0; font-weight: 400;}
#our-service {padding-bottom: 40px;}
#team-member.detail-team ul.member-team li .team-info {padding: 20px; background: #7f678c; position: relative;}
#team-member.detail-team ul.member-team li .team-info .team-info-detail {position: absolute; top: 40%; left: 0; right: 0;}
#team-member.detail-team ul.member-team li .team-info .team-image, #team-member.detail-team ul.member-team li .team-info:hover .team-info-detail{opacity: 1; transition: color .5s ease;}
#team-member.detail-team ul.member-team li .team-info:hover .team-image, #team-member.detail-team ul.member-team li .team-info .team-info-detail{opacity: 0; transition: color .5s ease;}
#team-member.detail-team ul.member-team li .team-info .team-info-detail {color: #fff;}
#team-member.detail-team ul.member-team li .team-info .social-media-emp {position: absolute; top: 5%; right: 12%;}
#team-member.detail-team ul.member-team li .team-info .social-media-emp ul {}
#team-member.detail-team ul.member-team li .team-info .social-media-emp ul li {width: 32px; height: 32px; margin: 15px 0;}
#team-member.detail-team ul.member-team li .team-info .social-media-emp ul li a {position: relative}
#team-member.detail-team ul.member-team li .team-info .social-media-emp ul li a.facebook::before {content: "\f09a"; width: 30px; height: 30px; background: #fff; border-radius: 50%; font-family: FontAwesome; position: absolute; font-size: 18px; line-height: 32px;}
#team-member.detail-team ul.member-team li .team-info .social-media-emp ul li a.instagram::before {content: "\f16d"; width: 30px; height: 30px; background: #fff; border-radius: 50%; font-family: FontAwesome; position: absolute; font-size: 18px; line-height: 32px;}
#team-member.detail-team ul.member-team li .team-info .social-media-emp ul li a.linkedin::before {content: "\f0e1"; width: 30px; height: 30px; background: #fff; border-radius: 50%; font-family: FontAwesome; position: absolute; font-size: 18px; line-height: 32px;}
#team-member.detail-team ul.member-team li .team-info .social-media-emp ul li a.twitter::before {content: "\f099"; width: 30px; height: 30px; background: #fff; border-radius: 50%; font-family: FontAwesome; position: absolute; font-size: 18px; line-height: 32px;}
#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: #7f678c; 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;}
#team-member .more-team {text-align: center; margin-bottom: 30px;}
#team-member .more-team p a {background: #7f678c; transition: color .5s ease; color: #fff; font-weight: 700; font-size: 20px; text-align: center; text-transform: uppercase; padding: 10px 40px; border-radius: 5px;}
#team-member .more-team p a:hover {background: #000;}
#contact-detail .detail-form .detail-contact-form .con-left ul.all-service li {display: flex; align-items: center;}
#photo-services ul.photo-all-service {display: flex; align-items: center; flex-wrap: wrap; margin: -15px;}
#photo-services ul.photo-all-service li {width: 25%; padding: 15px; }
#photo-services ul.photo-all-service li .photoservice{border-radius: 5px; box-shadow: 0 0 25px 0 rgb(0 0 0 / 9%); transition: all .5s ease 0s;}
#photo-services ul.photo-all-service li .photoservice h2 {font-size: 27px;}
#photo-services ul.photo-all-service li .photoservice h2 a:hover {color: #7f678c;}
#footer .footer-top .footer-menu ul li ul.sub-menu {display: none;}
#photo-services ul.photo-all-service li .photo-serviceimage {margin: 0 auto; text-align: center;}
header .header-bottom .menu ul li ul.sub-menu {position: absolute; display: none;}
#about-event {padding: 30px 0;}
#photo-services h2 span {display: block;}
#photo-services h2 {padding-bottom: 30px;}
#photo-services.photo-work ul.photo-all-service li {width: 33.3%;}
#photo-services.photo-work {padding-top: 0;}
#videos ul.all-video {display: flex; flex-wrap: wrap; margin: 0 -15px; padding: 0px 0 50px 0;}
#videos ul.all-video li {width: 50%; padding: 15px;}
header .header-bottom .bottom-all .menu-icon, header .header-bottom .bottom-all  #mobile-menu{display: none;}
@media (max-width: 1199px) {
    #our-service ul.all-service li {width: 33.3%;}
    #photo-services ul.photo-all-service li .photoservice h2 {font-size: 25px; padding-bottom: 20px;}
    .common-space h5 {font-size: 20px; line-height: 38px;}
}
@media (max-width: 1023px) {
    header .header-bottom .menu ul li a, #our-service ul.all-service li .service-content p {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;}
    .about-us-content p, #about-event p {font-size: 17px; line-height: 23px;}
    #our-service ul.all-service li .service-content h3 {font-size: 28px; line-height: 36px;}
    #our-service ul.all-service li .full-service {padding: 10px 15px;}
    #our-service h2, .common-space h2 {font-size: 35px; line-height: 42px;}
    #team-member ul.member-team li .team-info .team-emp-name p {font-size: 20px; padding: 5px 0;}
    #team-member ul.member-team li .team-info .team-emp-profile p {font-size: 18px; padding: 5px 0;}
    #photo-services ul.photo-all-service li {width: 33.3%;}
}
@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-middle .email_id {width: 40%;}
    .header-middle .phone_number {width: 30%;}
    .header-middle .social-media {width: 30%;}
    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;}
    #our-service ul.all-service li {width: 50%;}
    .slider-start-testinmonial {padding: 20px 30px;}
    #client-say .slider-start-testinmonial .owl-nav button.owl-prev::before {left: -8%; top: 40%;}
    #client-say .slider-start-testinmonial .owl-nav button.owl-next::before {right: -8%; top: 40%;}
    #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;}
    #team-member ul.member-team li, #photo-services ul.photo-all-service li, #photo-services.photo-work ul.photo-all-service li{width: 50%}
    #videos ul.all-video li {width: 100%; margin: 10px 0;}    
    #videos ul.all-video, #contact-detail .detail-form .detail-contact-form{flex-wrap: wrap;}
    #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;}
    .header-middle .all-middle-content .email_id p a, .header-middle .all-middle-content .phone_number p a{font-size: 0;}
    .header-middle .all-middle-content .email_id p a::before, .header-middle .all-middle-content .phone_number p a::before{font-size: 16px;}
    .header-middle .email_id, .header-middle .phone_number{display: none;}
    .header-middle .social-media {width: auto; margin: 0 auto;}
    #contact-detail .detail-form .detail-contact-form .con-left ul.all-service li {border-bottom: 1px solid #fff; padding-bottom: 20px;}
    #our-service ul.all-service li, #team-member ul.member-team li{width: 100%;}
    #team-member ul.member-team, #contact-detail .detail-form .detail-contact-form .con-left ul.all-service li{flex-wrap: wrap;}
    .common-space h5 {font-size: 20px; line-height: 25px;}
    #footer .footer-top .footer-menu ul li {display: block; width: 100%; text-align: left; padding: 10px 0;}
    #team-member ul.member-team li, #our-service.inner-service ul.all-service li, #photo-services ul.photo-all-service li, #photo-services.photo-work ul.photo-all-service li, #contact-detail .detail-form .detail-contact-form .con-left ul.all-service li h2, #contact-detail .detail-form .detail-contact-form .con-left ul.all-service li h5{width: 100%}
    #our-service h2, .common-space h2 {font-size: 26px; line-height: 35px;}
    #contact-detail .detail-form .detail-contact-form .con-left {padding: 0;}
}